@charset "utf-8";
	/*	
		Documento de estilo de PRB
		Criado por Cristian Schütz - 11/04/2013
		www.legulas.com.br
	*/
/* reset */
*{margin:0; padding:0; border:0; list-style:none; font-family:Arial, Helvetica, sans-serif;}
body,html{height:100%; background:#00174f;}
hr{display:none;}
a{color:#2a44a0;}
a:hover, a:link, a:visited, a h1, a h2, a h3, a h4, a h5{text-decoration:none; text-decoration:none;}
h1{font-size:26px;}
h2{font-size:24px; line-height:30px;}
h3{font-size:17px;}
h4{font-size:15px;}
p{font-size:16px; line-height:28px;}


/*generics*/
.hover:hover{background:url(img/transparent-white.png)!important;}
.page-active{background:url(img/transparent-white.png)!important;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.center{margin:0 auto;}
.block{display:block;}
.inline-block{display:inline-block; *display:inline; zoom:1;}
.relative{position:relative;}
.absolute{position:absolute;}

/*fonts standards*/
.txt-shadow-gray{text-shadow:1px 1px 1px #8a8a8a;}
.txt-shadow-black{text-shadow:2px 2px 2px #000;}
.txt-left{text-align:left;}
.txt-center{text-align:center;}
.txt-right{text-align:right;}
.txt-white{color:#fff;} 
.txt-blue{color:#05265f;}
.txt-red{color:#fe0503;}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------menu.php*/
#main{height:100%;}
#wrapper-top{width:100%; background:url(img/back-top.jpg) center repeat-x;}
	#wrapper-top ul{width:915px; height:94px; padding:0 0 0 36px;}
		#wrapper-top ul li{padding:0 8px 0 8px;}
			#wrapper-top ul li a{line-height:94px;}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------index.php*/
#wrapper-index{width:100%; height:530px; background:#00174f url(img/back.jpg) no-repeat center;}
	#wrapper-index #index{width:960px;}
		#wrapper-index #index .logo{margin:35px 0 0 45px;}
		#wrapper-index #index #index-bts{margin:40px 0 85px 45px; width:600px;}
			#wrapper-index #index #index-bts a.servicos{width:288px; height:100px; line-height:100px; border:1px solid #fff; background:url(img/back-bt-servicos.jpg) no-repeat;}
			#wrapper-index #index #index-bts a.contato{width:288px; height:100px; line-height:100px; border:1px solid #fff; background:url(img/back-bt-servicos.jpg) no-repeat;}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------empresa.php*/
#wrapper-empresa{width:100%; background:#00174f url(img/back-empresa.jpg) 50% 0 no-repeat;}
	#wrapper-empresa #empresa{width:960px; padding-bottom: 30px ;}
		#empresa .logo{margin:35px 0 65px 45px;}
		#empresa p{margin-top: 15px;}
		#empresa .left{width:47%; margin:0 0 0 15px;}
		#empresa .right{width:47%; margin: 29px 0 15px;}
		#empresa #clientes{}
			#empresa #clientes h3{margin: 20px 0 -30px 0;}
			#empresa #clientes a{height: 89px; margin: 25px -2px -2px -2px; width: 157px;}
				#empresa #clientes a div{background: #fff; border-radius: 5px; bottom: 90px; box-shadow: 2px 2px 9px #000; display:none; width: 900px; padding: 20px; z-index: 2;}
				#empresa #clientes a div .fechar{background: #00174f; border-radius: 4px; color: #fff; display: none; font-family:Arial, Helvetica, sans-serif; font-size: 10px; padding: 2px 7px; right: 0px; top: -20px;  z-index: 100;}
				#empresa #clientes a img{bottom: 85px; display:none; left: 50%; margin-left: -10px; z-index: 2;}
				#empresa #clientes #brasilsat{background: url(img/empresa-icons2.png) 0 50%;}
					#empresa #clientes #brasilsat div{left: 1px;}
				#empresa #clientes #hughes{background: url(img/empresa-icons2.png) -155px 50%;}
					#empresa #clientes #hughes div{left: -155px;}
				#empresa #clientes #telespazio{background: url(img/empresa-icons2.png) -311px 50%;}
					#empresa #clientes #telespazio div{left: -312px;}
				#empresa #clientes #gvt{background: url(img/empresa-icons2.png) -467px 50%;}
					#empresa #clientes #gvt div{left: -469px;}
				#empresa #clientes #gilat{background: url(img/empresa-icons2.png) -623px 50%;}
					#empresa #clientes #gilat div{left: -627px;}
				#empresa #clientes #lider{background: url(img/empresa-icons2.png) -780px 50%;}
					#empresa #clientes #lider div{left: -784px;}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------servicos.php*/
#wrapper-servicos{width:100%; background:#00174f url(img/back-servicos.jpg) 50% 0 no-repeat; overflow: hidden;}
	#wrapper-servicos #servicos{width:960px; margin-bottom: 40px;}
		#servicos .logo{margin:35px 0 65px 45px;}
		#servicos .img-servicos{margin:0 0 0 15px;}
		#servicos .side-content{width:47%;}
			#servicos .side-content h3{font-size:19px; margin:0 0 13px 0;}
		#servicos .right h2{margin:16px 0 0 0;}		
		#servicos .nossos-servicos{width:935px; height:172px; top:480px; left:50%; margin-left:-672px; padding:65px 205px 45px 210px; background:url(img/back-servicos.png) 50% 50% no-repeat; /*border:1px solid black;*/}
		#servicos .nossos-servicos div{width:50%;}
			#servicos .nossos-servicos h1{height:35px; line-height:35px;}
		#servicos .nossos-servicos img{margin-left:170px;}


		#servicos #instalacoes{margin-top:250px;}
			#servicos #instalacoes h1{height: 10px; padding-left: 30px;}
			#servicos #instalacoes #left{background: url("img/left.png"); width: 30px; height: 30px; top:70px; left:-20px; z-index: 100;}
			#servicos #instalacoes #right{background: url("img/right.png"); width: 30px; height: 30px; top:70px; right:-20px; z-index: 100;}
			#servicos #instalacoes #instalacoes-fotos{width: 897px; height:89px; overflow: hidden; margin:25px auto; text-align: left;}
				#servicos #instalacoes ul{width:100%; height:89px;}
					#servicos #instalacoes ul li{margin:1px 5px 1px 1px;}
					#servicos #instalacoes ul img{border-radius: 8px; margin:0 0 25px 0;}

		#servicos #infraestrutura{margin-bottom:15px;}
			#servicos #infraestrutura h1{height: 10px; padding-left: 30px;}
			#servicos #infraestrutura #left{background: url("img/left.png"); width: 30px; height: 30px; top:70px; left:-20px; z-index: 100;}
			#servicos #infraestrutura #right{background: url("img/right.png"); width: 30px; height: 30px; top:70px; right:-20px; z-index: 100;}
			#servicos #infraestrutura #infraestrutura-fotos{width: 897px; height:89px; overflow: hidden; margin:25px auto; text-align: left;}
				#servicos #infraestrutura ul{width:100%; height:89px;}
					#servicos #infraestrutura ul li{margin:1px 5px 1px 1px;}
					#servicos #infraestrutura ul img{border-radius: 8px; margin:0 0 25px 0;}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------contato.php*/
#wrapper-contato{width:100%; background:#00174f url(img/back-contents-contato.jpg) 50% 0 no-repeat;}
	#wrapper-contato #contato{width:960px; padding:1px;}
		#contato .logo{margin:35px 0 65px 45px;}
		#contato .left{width:47%; margin:0 0 0 15px;}
			#contato .left .absolute{left:-100px; width:606px; height:257px; padding:45px 0 0 0;}
				#contato .left .absolute .item{width:65%; height:60px; margin-top:45px;}
					#contato .left .absolute .item .nome{width:56%; height:100%;}
					#contato .left .absolute .item .fone{vertical-align:top;}
				#contato .left .absolute a{margin-top:10px; width:62%; height:30px; line-height:30px;}
					#contato .left .absolute a img{margin:8px 5px -2px;}
		#contato .right{width:47%;}
			#contato .right h2{margin:-5px 0 23px 0;}
			#contato .right form{margin:23px 0; width:90%;}
				#contato .right form fieldset{border:none;}
				#contato .right form input{margin:0 0 5px 0; border:none; border-radius:8px; font-size: 12px; width:95%; height:36px; line-height:36px; padding:0 10px; background:#c0c1c4; color:#00174f!important;}				
					::-webkit-input-placeholder {color: #00174f!important;}
					:-moz-placeholder { /* Firefox 18- */color: #00174f!important;}
					::-moz-placeholder {  /* Firefox 19+ */color: #00174f!important;}
					:-ms-input-placeholder {color: #00174f!important;}
				#contato .right form textarea{margin:0 0 5px 0; border:none; border-radius:8px; font-size: 12px; width:95%; height:86px; line-height:36px; padding:0 10px; background:#c0c1c4; color:#00174f!important;}
				#contato .right form a{border:1px solid #fff; border-radius:6px; width:100px; padding:3px 5px; background:#00174f;}
		#contato h1.rod{margin-top:5px; margin-bottom:20px;}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------footer.php*/
#wrapper-footer{width:100%; background:#00174f;}
	#wrapper-footer #footer{margin-top:28px; width:495px;}
		#wrapper-footer #footer h4{padding:22px 0 22px 0;}
		#wrapper-footer #footer .sep{width:2px; height:83px; background:url(img/sep.jpg) no-repeat; left:50%;}