@import url('Css/reset.css');

/*
Theme Name: Blue Box
Description: Sua fabrica de soluções em informática
Version: 0.1
Author: Blue Box

*/

/*-------------------Reset-------------------------------*/

html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
    vertical-align: baseline;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
	}
:focus {
    outline: 0;
	}

ol, ul {
    list-style: none;
	}
table {
    border-collapse: separate;
    border-spacing: 0;
	}
caption, th, td {
    font-weight: normal;
    text-align: left;
	}
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
	}
blockquote, q {
    quotes: "" "";
	}
	
/*------------Trata o float------------------*/	
	
div:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    float:none;
    visibility: hidden;
	}


body {
	background:#f3f3f3 url('img/layout/bg-body.gif') 0 0 repeat-x;
	font-family: "Lucida Grande", Lucida, Verdana, Arial, sans-serif;
	font-size: small;
	}
	
.geral{
	margin: 0 auto;
	width: 950px;
	}
	

.geral input,button {
			border: 1px solid #bfc4bf;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
			background-color:#FFFFFF; }

.geral textarea {
			border: 1px solid #bfc4bf;}
			
.geral .topo{
	width:950px;
	float:left;
	height:	136px;
	}
	
.geral .topo dl{
	width:460px;
	float:right;
	margin:35px 0 0 0;
	}
.geral .topo dl dt{
	display:block;
	border-bottom:1px dotted #a7a8a8;
	color:#0067ac;
	font-weight:bold;
	font-size:1.2em;
	padding:4px 0;
	}
	
.geral .topo dl dt span{
	position:relative;
	margin:0 0 0 205px;
	font-size:12px;
	padding:0 0 0 20px;
	background:url('img/layout/ico-celular.gif') left center no-repeat;
	}
	
.geral .topo dl dd{
	width:180px;
	float:left;
	padding:5px 0;
	}
	
.geral .topo dl dd.even{width:270px; margin:0 10px 0 0;}	
	
.geral .topo dl dd a{
	display:block;
	text-decoration:none;
	color:#0067ac;
	}
	
.geral .topo dl dd a.contato{
	padding:0 0 0 20px;
	background:url('img/layout/ico-contato.gif') left center no-repeat;
	}
	
.geral .topo dl dd a.google{
	padding:0 0 0 20px;
	background:url('img/layout/ico-google.gif') left center no-repeat;
	}

.geral .topo dl dd a.atendimento{
	padding:0 0 0 20px;
	background:url('img/layout/ico-atendimento.gif') left center no-repeat;
	}
	
.geral .header{
	width:950px;
	float:left;
	height:169px;
	background:url('img/layout/bg-header.gif') 0 0 no-repeat;
	}
	
.geral .header h1, .geral .header h1 a{
	width:183px;
	height:161px;
	float:left;
	}
	
.geral .header h1 a span{display:none;}	

.geral .header form{
	width:250px;
	float:right;
	margin:10px 0 0 0;
	}
	
.geral .header form input{
	background:url('img/layout/bg-input.gif') 0 0 repeat-x;
	border:none;
	width:236px;
	color:#999;
	font-weight:bold;
	margin:0 0 3px 0;
	padding:2px;
	}
	
.geral .header form textarea{
	width:236px;
	background:url('img/layout/bg-textarea.gif') 0 0 repeat-x;
	height:50px;
	border:none;
	padding:2px;
	color:#999;
	font-weight:bold;
	}
	
.geral .header form input.btn{
	width:137px;
	height:21px;
	background:url('img/layout/bt-enviar.gif') 0 0 no-repeat;
	margin:3px 0 0 103px;
	}
	
.geral .header .menu{
	width:185px;
	float:left;
	margin:28px 0 0 10px;
	}
	
.geral .header .menu ul li a{
	font-size:1.4em;
	color:#61a7d9;
	font-weight:bold;
	letter-spacing:-1px;
	text-decoration:none;
	}
	
.geral .header .menu ul li a:hover{color:#68c1ff;}
	
.geral .conteudo{
	width:950px;
	float:left;
	padding:30px 0 0 0;
	}	
	
.geral .conteudo .lateral:after {
		clear:both;
		content:".";
		display:block;
		height:0;
		visibility:hidden; }
		
#noticias{
	width:330px;
	float:left;}
	
#noticias h1 a{
	font-size:13px;
	font-weight:bold;
	margin:0px;
	padding:0px;
	text-decoration:none;
	color:#57ADDE;}
	
#noticias h1 a:hover {
	text-decoration:underline;}
	
#noticias .not {
	margin-left:10px;}
	
#noticias .texto-noticias {
	margin-left:23px;}
		
#sidebar {
	width:350px;
	margin-top:30px;
	float:left;}
		
.geral .conteudo .lateral{
	width:330px;
	float:left;
	margin:180px 130px 0 0;
	}
	
.geral .conteudo .lateral:after {
		clear:both;
		content:".";
		display:block;
		height:0;
		visibility:hidden; }
		
.geral .conteudo .lateral_noticias{
	width:330px;
	float:left;
	margin:25px 130px 100px 0;
	}
	
.geral .conteudo .lateral_noticias:after {
		clear:both;
		content:".";
		display:block;
		height:0;
		visibility:hidden; }

.geral .conteudo .lateral_noticias ul {
		margin-bottom:30px;
		font-size:0.85em;}
		
.geral .conteudo .lateral_noticias ul li {
	margin-bottom:5px;}
		
.geral .conteudo .lateral dl{
	display:block;
	margin:0 0 20px 10px;
	}		
	
.geral .conteudo .lateral dl dt{display:block;}
	
.geral .conteudo .lateral dl dd{
	display:block;
	background:#f6f6f6;
	padding:10px;
	}			
	
.geral .conteudo .texto{
	width:480px;
	padding-top:150px;	
	float:left;
	}
	
.geral .conteudo .texto-index{
	width:480px;
	float: right;
	}

.geral .conteudo .texto a, .geral .conteudo .texto-index a, .geral .conteudo .texto-interno a,.geral .conteudo ul li a {color: #999; text-decoration:none;}

.geral .conteudo .texto a:hover, .geral .conteudo .texto-index a:hover, .geral .conteudo .texto-interno a:hover, .geral .conteudo ul li a:hover {color: #999; text-decoration: underline;}
	
.geral .conteudo .texto .nav, .geral .conteudo .texto-index .nav { width:420px;}
	
.geral .conteudo .texto .nav-previous, .geral .conteudo .texto-index .nav-previous { float: left; margin-left:3px; font-weight:bold; margin-top:10px;}

.geral .conteudo .texto .nav-next, .geral .conteudo .texto-index .nav-next { float: right; margin-right:3px; font-weight:bold; margin-top:10px;}
	
.geral .conteudo .texto-interno{
	width:950px;
	background:#f6f6f6;
	float:left;
	}	
	
.geral .conteudo .texto h2, .geral .conteudo .texto-interno h2, .geral .conteudo .texto-index h2{
	font-size:2em;
	color:#57ADDE;
	}
	
.geral .conteudo .texto h1 a, .geral .conteudo .texto h1, .geral .conteudo .texto-index h1, .geral .conteudo .texto-index h1 a, .geral .conteudo .texto-interno h1, .conteudo h1 {
	font-size:24px;
	text-decoration:none;
	color:#57ADDE;
	}
	
#servico a{
	font-size:24px;
	text-decoration:none;
	color:#57ADDE;}
	
#servico a:hover{
	text-decoration:underline;}

#saber-mais { float: right;}

#saber-mais form { float: right;}

.form-contato {
	float:right;
	margin-top:10px;}
	
.geral .conteudo .texto h1 a:hover, .geral .conteudo .texto-index h1 a:hover {
	text-decoration: underline;
	color:#57ADDE;
	}
	
.geral .conteudo .texto .box h3, .geral .conteudo .texto-index .box h3, .geral .conteudo .texto-interno .box h3 {
	font-size: x-small;
	font-style: italic;
	color: #666666;
}
	
.geral .conteudo .texto .box, .geral .conteudo .texto-interno .box, .geral .conteudo .texto-index .box {
	width:420px;
	float:left;
	padding:10px;
	background:#f6f6f6;
	color:#999;
	font-size:0.85em;
	margin:15px 0;
	}
	
.geral .conteudo .texto-interno .box .box_servico {
	width:290px;
	margin-right:20px;
	float:left;}
	
.geral .conteudo .texto .box .post, .geral .conteudo .texto-index .box .post {
	width:400px;
	margin-right:10px;
	margin-left:10px;}
	
.geral .conteudo .texto-interno .box{width:930px;}	
	
.geral .conteudo .saiba{
	width:513px;
	float: right;
	text-align:right;
	padding-bottom:15px;
	padding-top:15px;
	margin-bottom:20px;
	}		

.geral .conteudo .texto .box p, .geral .conteudo .texto-interno .box p, .geral .conteudo .texto-index .box p{
	display:block;
	margin:10px 0;
	}
	
.geral .conteudo .texto .box p strong, .geral .conteudo .texto-interno .box p strong, .geral .conteudo .texto-index .box p strong{font-weight:bold;	}	

#comments {
	padding: 0 15px 20px;
	width:400px;
	margin-top:10px; }

	#comments h3 {
		font-size:15px;
		display:block;
		font-weight:bold;
		font-style:normal;
		margin-bottom:10px; }
		
		#comments h3 a{
		color: #666666;}

	#comments p {
		margin-bottom: 10px;
		line-height: 1.5em; }


		#comments form p { margin-bottom: 5px; }

		#comments form input, textarea {
			font-size: 0.9em;
			font-family: Verdana;
			padding: 4px;
			background-position: 4px 4px;
			background-repeat: no-repeat; }

		#comments form input {
			width: 260px;
			border: 1px solid #bfc4bf; }

		#comments form textarea {
			width: 350px;
			border: 1px solid #bfc4bf;
			padding: 4px 4px; }

		#comments form button {
			font-size: 0.9em;
			border: 1px solid #bfc4bf; /* submit*/
			background-color: #FFFFFF;
			font-family: Verdana;
			height: 23px; }

.commentdetails { margin-top: 25px; }

.commentauthor {
	margin-bottom: 5px;
	font-weight: bold; }

.commentdate {
	font-size: 0.8em;
	color: #909090;
	margin-bottom: 5px; }

#comments ol {
	list-style-type: none;
	clear: both;
	padding: 0;
	margin: 0; }

	#comments ol li {
		padding: 10px;
		border: 1px solid #bfc4bf;
		margin-bottom: 10px; }
		
		#comments ol li p {
		margin-left: 10px; }

		#comments ol li .avatar { float: right; }

		#comments ol li .comment-author { font-style:normal; }

			#comments ol li .comment-author .fn {
				font-weight: bold;
				font-style:normal;
				font-size: 1.2em; }

		#comments ol li .comment-meta {
			font-size: 0.9em; 
			color: #999999;}
			
		#comments ol li .required { color: #eff5ef; }

		#comments ol li .reply {
			font-size: 0.9em;
			font-weight: bold;
			padding-bottom: 10px; }

#comments .children { list-style-type: none; }

#comments .navigation {
	padding: 10px 0 20px;
	font-size: 0.9em; }

	#comments .navigation a {
		padding: 3px 8px;
		color: #999999;
		border: 1px solid #bfc4bf;}

		#comments .navigation a:hover {
			text-decoration: none;color: #000000;
			border-color: #000000; }
	
body .footer{
	width:930px;
	background:url('img/layout/bg-footer.gif') 0 0 repeat-x;
	color:#fff;
	font-size:0.85em;
	float:left;
	padding:10px;
	}
	
body .footer .box1{
	display:block;
	}
	
body .footer .box1 label{float:left;}		
body .footer .box1 ul{float:right;}

body .footer .box1 ul li{display:inline;}
	
body .footer a{
	color:#fff;
	text-decoration:none;
	}
	
body .footer a:hover{text-decoration:underline;}