@charset "UTF-8";
/*
Theme Name: Proevo Start
Description: Tema para o projeto Proevo Start
Author: Proevo Soluções em TI
Author URI: http://proevo.com.br/
Version: 1.0
*/


* {
	margin:0; 
	padding:0; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px; 
	color:#555; 
	list-style:none;
	text-decoration:none;
	}

fieldset {border:0;}
legend {display:none;}

.rd-all {-moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border-radius:  4px 4px 4px 4px; -o-border-radius:  4px 4px 4px 4px; -khtml-border-radius:  4px 4px 4px 4px;}
.rd-t {-moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius:  4px 4px 0 0; -o-border-radius:  4px 4px 0 0; -khtml-border-radius:  4px 4px 0 0;}
.rd-b {-moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius:  0 0 4px 4px; -o-border-radius:  0 0 4px 4px; -khtml-border-radius:  0 0 4px 4px;}

.wrap, .wrap-risc, .wrap-spc {
	clear:both; 
	height:0; 
	line-height:0.1em; 
	font-size:0.1em; 
	overflow:hidden;
	} 	.wrap-risc {border-bottom:1px dotted #CCC; height:20px; padding-top:20px;}
		.wrap-spc {height:40px;}

h1 a:hover {
	opacity:.90; 
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90); 
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)';
	}
	
img {background:  url(../img/loading.gif) no-repeat center center; }

/*====================================*/

.content {width:970px; margin:0 auto; padding:0 15px;}

#head {border-top:1px solid #18334b;}

h1 {margin:10px 0 10px 20px;}
h1 a {
	display:block; 
	width:124px; 
	height:118px; 
	background:url(../img/logo-nttelecom.png) no-repeat center center;
	} h1 a span {display:none;}
		
	
	
#atendimento {
	float:right;
	padding:6px 55px 12px 20px; 
	background:#18334b url(../img/bg-atendimento.png) no-repeat center right;
	border-right:6px solid #18334b;
	}
	#atendimento * {color:#e0eaf4;}
	#atendimento h3 {font-weight:normal;}
	#atendimento p strong {color:#FFF; font-size:19px; font-weight:normal;}
	
	
	.nav ul {
		position:absolute; 
		left:50%;
		top:55px;
		width:560px;
		margin-left:-300px;
		text-align:center;
		}
	.nav ul li {display:inline-block;}
	.nav ul li a {
		display:inline-block; 
		font-size:19px;
		padding:10px; 
		} .nav ul li a:hover {
			text-decoration:underline;
			} .nav ul li a.sel {
				background:#ac1500; 
				text-decoration:none;
				padding:10px 20px; 
				font-weight:bold;
				font-size:21px;
				text-shadow: -1px -1px #000;
				color:#FFF;
				} 
				
				
				
#principal, #principalSec, #footer {
	background:#1c324a; 
	border-bottom:7px solid #000;
	border-top:3px solid #000;
	margin:20px 0;
	padding:20px 0;
	} 
	#principalSec, #footer {background:none; border:0; margin:0;}
	#principalSec {padding-top:5px;}
	#principalSec.interna {
		padding-top:30px;
		margin-top:20px;
		border-top:8px solid #18334b;
		}
	
	#footer {border-top:1px dotted #CCC; margin-top:20px; padding:20px 0;}	
	#footer .nav ul {position:relative; top:0; left:0; width:340px; margin-left:-25px;}
	#footer .nav ul li a {font-size:inherit; color:#2d6daf;}
	#footer .nav ul li a.sel {background-color:#7898b9; color:#FFF; text-shadow: none;}
	


#slider, #seo2 {width:570px;}
#slider img, #slider * img {
	width:570px; 
	height:330px;
	background-image:url(../img/loading-slide.gif);
	}
	
#seo1, #produtos {
	float:right;
	width:370px;
	} 
	#produtos {padding-top:30px;}
	#seo1 h3 {font-size:36px; padding:20px 0 5px 0; color:#FFF; text-shadow:0 2px #000;}
	p.destaque {font-size:19px; text-shadow:0 2px #000;}
	.interna p.destaque {text-shadow:none; padding-bottom:5px;}
	#seo1 p {padding:5px 10px 5px 0; color:#FFF; text-shadow:0 1px #000;}
	#seo1 p a {
		background:#2474ca; 
		color:#FFF;
		margin-top:5px;
		font-weight:bold; 
		display:inline-block; 
		padding:10px 15px;
		text-shadow:0 1px #0e3956;
		} #seo1 p a:hover {background:#1d7ee7;}
	#produtos h3 {display:none;}
	
	#seo2 h3, .interna h3, .interna h3 a {font-size:36px; padding-bottom:5px; color:#1f1f1f;}
	.interna h3 {border-bottom:1px dotted #CCC; padding-bottom:15px; margin-bottom:20px;}
	.interna h3 a {color:#2e6daf;}
	.interna h3 a:hover {color:#0079cc;}
	.interna h4 {padding-top:30px; font-size:19px; color:#333;}
	
	.interna ul {margin:10px 0 0 10px;}
	.interna ul li {list-style:inside; margin-left:10px;}
	
	.interna ul.destaque li {font-size:15px;}
	
	
	#seo2 p {font-size:16px; padding-bottom:20px; }
	#produtoDestaque img {float:left; margin:0 20px 15px 0; border:1px solid #e1e0e1; width:218px; height:167px; }
	#produtoDestaque p {font-size:12px; padding-bottom:10px; color:#777;}
	

.interna .boxServices25 {	width:25%; }
.interna .boxServices33 {	width:33%; }
.interna .boxServices50 {	width:50%; }
.interna .boxServices100 {	width:100%; }

.interna .boxServices p {}
.interna .boxServices img {padding:10px; max-height:100px;}
.interna .boxServices img.hAuto {max-height:none;}
.boxServices {
	width:25%;
	padding-top:25px;
	float:left;
	text-align:center;
	}
	 .boxServices h4 a {height:50px; display:block; font-size:14px; color:#333; text-transform:uppercase;}
	 .boxServices h4.double a {line-height:normal;}
	 .boxServices a img {width:90px; margin:0 0 15px 0;}
	 .services .boxServices  {padding-top:0; padding-bottom:15px;}
	 .services .boxServices a img {width:140px; min-height:140px; margin:0 0 15px 0;}
	 .boxServices p a {
		background:#EEE; 
		color:#333;
		font-size:12px;
		margin-top:5px;
		font-weight:bold; 
		display:inline-block; 
		padding:10px 15px;
		} .boxServices p a:hover {background:#2d6daf; color:#FFF;}
		.boxServices p a.sel, .boxServices p a.sel:hover {
			background:#ac1500; 
			color:#FFF; 
			text-shadow: -1px -1px #640000;
			}
		
/* form */	

#boxFormContato {padding:20px 10px;}
#boxFormContato label {display:block; padding-top:10px;}
#boxFormContato input, #boxFormContato textarea {
											width:450px; 
											border:1px solid #CCC; 
											padding:6px; 
											font-size:14px; 
											font-weight:bold;
											}
.error, label.error {font-style:italic; color:#F40;}
label.error {font-size:12px; color:#e95d00;}
#boxFormContato input.error {color:#e95d00;}


#boxFormContato textarea {height:100px;}
img#loading {margin:19px 0 0 10px; position:relative; float:left; display:none;}
#returnForm {display:none; color:#222; padding:15px 0 5px 0; font-size:19px; cursor:pointer;}
#returnForm:hover {color:#555;}
#boxFormContato #btnSubmit {
	float:left;
	border:0;
	width:auto;
	margin-top:10px;
	background:#77aa0a; 
	text-shadow: 1px 1px #48650a;
	text-decoration:none;
	padding:10px 20px; 
	font-weight:bold;
	font-size:14px;
	cursor:pointer;
	color:#FFF;
	}
	#boxFormContato #btnSubmit:hover {
		background:#6f9f07; 
		text-shadow: -1px -1px #48650a;
	}
	
#boxFormContato input:disabled, #boxFormContato textarea:disabled {opacity:.5;}
#boxFormContato input#btnSubmit:disabled {background:#BBB; text-shadow:none;}