@charset "utf-8";
/*
	Empresa: Webroom soluções Interativas
	Site: http://www.webroom.com.br
	Endereço: Rua Carmo Gifoni, 481 - Bairro Martins - CEP 38400-358 - Uberlândia - MG 
	Tel.: (34) 3237-1253
	Projeto: Aliança
	Data: Julho 2007
	Autor: Diego Franco Miguel
*/

/*..................... BASICS ..................*/
body { font:12px "Trebuchet MS"; margin:0 auto; background:#F5F5F5 url(../imagens/bg_body.jpg) center top no-repeat; color:#999; }
p { margin:5px 0px;}
a { color:#333333; text-decoration:none; font-weight:bold;}
a:hover { color:#036; text-decoration:underline;}
img { border:0;}
li { list-style-type:none; }
ol, ul, dl { margin:0px; padding:0px; }
/*...................*/

/*..............COMPLET ESTRUCTURE................*/
.extra_div {width:100%; height:100%; background:url(../imagens/bg_extradiv.jpg) bottom repeat-x; padding:0 0 33px 0;}
.wrap { width:770px; margin:0 auto;}
.content { width:770px; background:url(../imagens/bg_content_internas.png) repeat-y; padding:0 0 0 0; margin:5px 0 0 0; overflow:auto; }
.header { width:770px; height:184px; clear:both; display:block;}
.footer { width:690px; display:block; height:100px; background:url(../imagens/bg_footer.gif) 5px 5px no-repeat; clear:both; padding:0 0 0 80px;}

/*................................................*/

.voltar { position:absolute; margin-left:410px; background:url(../imagens/bg_voltar.gif) 0 7px no-repeat; color:#036; font-size:14px;}
.voltar a { padding:0 0 0 30px;}
.voltar a:hover { text-decoration:none !important;}

.boleto_titulo { background:#C2C2C2; padding:5px; text-align:center;} 
.boleto { background:#EEEEEE; padding:5px; border:1px solid #CCCCCC;}

/*.....................HEADER...................*/
.header .site_name { position:absolute; width:192px; height:77px; top:23px; margin-left:19px; background:url(../imagens/bg_logo.jpg) no-repeat;}
.header .site_name a { text-indent:-99999px; display:block; width:192px; height:77px; overflow:hidden; }

	.header .login { float:right; margin:0 15px 0 0; padding:15px 5px 5px 10px; width:212px; height:95px; background:url(../imagens/bg_login.jpg) no-repeat;}
	.header .login bg { display:none;}
	.header .login h2 { margin:0; padding:2px 0; color:#555; font-size:14px; text-align:center; }
	.header .login p { margin:0; padding:2px 0 0 0; text-align:center;}
	.header .login .formularios { margin:0; padding:0; border:none;}
	.header .login .formularios label { display:block; width:50px; float:left; color:#333;}
	.header .login .formularios .senha { width:80px;}
	.header .login .formularios .txtfield { margin-bottom:4px;}
	.header .login .formularios .bt { position:absolute; margin:0 0 0 145px; top:64px; background:#CCC; border:1px solid #999; color:#FFF; font-weight:bold; font-size:12px; padding:0px; cursor:pointer;}
	* html .header .login .formularios .bt {padding:0 1px 0 1px; margin:0 0 0 150px; top:66px; }
	.header .login h3 { font-size:12px; color:#000; margin:0 30px 0 0; padding:0;}
	.header .login .sair { position:absolute; top:90px; margin-left:20px;}
	.header .login .sair a { background:#036; color:#FFF; margin-right:15px; width:50px; padding:2px 10px;}
	
/*................................................*/

/*.....................CONTENT CAPA...................*/
#home .content {background:url(../imagens/bg_column_right.png) right repeat-y; display:table;}
#home .content p { padding:0;}

#home .content .column_left { width:501px; margin:0 0 0 0; float:left; background:none; border:none; padding:0;}

	.content .column_left .destaque { width:490px; height:203px; background:#FFF; padding:5px;}
	#home .content .column_left .destaque img {float:none; border:none; padding:0; }
	
	.content .column_left .destaque_bottom { margin:15px 0; height:140px; padding:5px; background:#FFF; border:1px solid #CCC; color:#999; display:table;}
	.content .column_left .destaque_bottom p { margin:0;}
	.content .column_left .destaque_bottom a { font-weight:normal; color:#999;}
	#home .content .column_left .destaque_bottom img {float:left; margin:0 5px 0 0; border:5px solid #999;}

#home .content .column_right { width:240px; height:300px; margin:0 0 0 0 ; padding:5px 10px; float:right; display:table;}
	
	.content .column_right a:hover { text-decoration:underline !important; }
	
	.content .column_right dl { }
	.content .column_right dl dt { font-weight:bold; color:#333;}
	.content .column_right dl dt img { display:block; margin-bottom:5px;}
	.content .column_right dl dd { margin:0; padding-bottom:5px;}
	
/*.....................CONTENT...................*/
.content .column_left { width:491px; margin:0 0 0 0; padding:0 5px; float:left; background:none; border-top:1px solid #CCC; color:#666; }	
.content .column_right { width:240px; margin:0 0 0 0 ; padding:0 10px 5px 10px; float:right; display:table;}

.content .column_left img { float:left; margin:5px 5px 5px 0; border:5px solid #999; padding:0;}
.content .column_left img:hover { border:5px solid #036; } 

.content h1 { background:#000 url(../imagens/bg_h1.jpg) repeat-x; margin:0; padding:8px; font-size:18px; color:#232570; font-weight:200;}
.content h2 { margin:0; padding:8px; font-size:18px; color:#232570; font-weight:200; border-bottom:2px solid #999;}
.content h3 { margin:0; padding:8px; font-size:16px; color:#000; font-weight:bold;}

.content p { padding:5px 0;}

.content .lista { color:#000; margin:10px 0 10px 30px; padding:0;}
.content .lista li { list-style-type:none; background:url(../imagens/bg_listas.gif) no-repeat; padding:7px 0 0 50px;}

.content .downloads { padding:10px; font-size:11px;}
.content .downloads li { background:url(../imagens/bg_downloads.gif) no-repeat; padding:2px 0 2px 20px; margin:2px 0; border-bottom:1px solid #CCC; display:block;}
.content .downloads li a { font-weight:normal;}
.content .downloads li a:hover { font-weight:bold;}

.content .column_left .campanhas { padding:10px 5px; font-size:11px;}
.content .column_left .campanhas li { background:url(../imagens/bg_campanhas.gif) 0 5px no-repeat; padding:2px 0 2px 35px; margin:0; display:block;}
.content .column_left .campanhas li a { font-weight:normal;}
.content .column_left .campanhas li a:hover { font-weight:bold;}

/*..........ENQUETE..........*/
.content .column_right .enquete { padding:0 12px; font-size:12px; display:table; background:url(../imagens/bg_enquete.jpg) top repeat-x; margin:5px 0; border:none; color:#333; }
.content .column_right .enquete legend { font-weight:bold; font-size:14px; color:#8D2E07; padding:1px 0 8px 0; margin-left:-2px; }
.content .column_right .enquete label { margin:5px 0; clear:both; display:block; }
.content .column_right .enquete .radio { margin-bottom:-3px; }
.content .column_right .enquete .question { color:#036;}

.resultado_enquete { padding:0 12px; font-size:12px; display:table; margin:5px 0; color:#333; }
.resultado_enquete .enquete_result li strong { margin:1px 0 ; color:#036; display:block; }
.resultado_enquete .enquete_result li strong img { margin:0; border:none;}
.resultado_enquete .enquete_result li strong img:hover { border:none;}
.resultado_enquete .enquete_result li { margin:5px;  padding:1px;}
.resultado_enquete a { color:#036; text-decoration:none; font-weight:bold; }
.resultado_enquete a:hover { text-decoration:underline; }
.resultado_enquete .query { color:#036;} 

/*................................................*/

/*.....................NAVIGATION.................*/
#navigation { position:absolute; top:136px; height:45px; background:url(../imagens/bg_bottom_navigation.gif) 6px 27px repeat-x;}
#navigation li { float:left; list-style-type:none; color:#f5f5f5; border:4px solid #DDDDDD; background:#666; width:112px; font-weight:bold; text-align:center; cursor:pointer; margin:0 2px; padding:2px; border-bottom:none !important;}
#navigation li a { display:block; color:#F5F5F5; text-decoration:none;}
#navigation li a:hover { color:#333;}

#navigation li li, #navigation li li li { position:relative; clear:both;}
#navigation li ul { position:absolute; display:none;}

#navigation li ul li { cursor:pointer; border-bottom:2px solid #DDDDDD; border-top:2px solid #DDDDDD; width:160px;}
#navigation li ul li a { float:left; display:block; width:156px; background:#F5F5F5; font-size:12px; font-weight:normal; text-decoration:none; color:#333; padding:2px; text-align:left;}
#navigation li ul li a:hover { background:#414141; color:#F5F5F5;} 
#navigation li ul li ul { margin:0; background:#2A547E;}
#navigation li:hover ul {display:block; position:absolute; width:150px; margin:0 0 0 -5px; padding:24px 0 0 0; border-bottom:0px solid #ddd; }

#navigation li ul, #navigation li ul li ul { border-left:0px solid #F1F1F1;}
#navigation li:hover ul, #navigation li.over ul { display:block; z-index:99999999; }
#navigation li:hover ul li ul, #navigation li.over ul li ul { display:none; }
#navigation li ul li:hover ul, #navigation li ul li.over ul { display:block !important; }

/*................................................*/

/*...................... FORMS ...................*/
.formtrabalhe { margin:0 auto; width:476px; border:none;}
.formtrabalhe label { display:block; padding:10px 0 0 2px; }
.formtrabalhe input, .formtrabalhe textarea, .formtrabalhe select { border:2px solid #ddd; color:#5D5D5D; font:11px Arial, Helvetica, sans-serif; }
.formtrabalhe input:hover, .formtrabalhe textarea:hover, .formtrabalhe select:hover { border:2px solid #FC0; }
.formtrabalhe input:focus, .formtrabalhe textarea:focus, .formtrabalhe select:focus { border:2px solid #036; color:#5D5D5D; }
.formtrabalhe img { clear:both; margin:10px 0 0 0; }

.formtrabalhe textarea { height:94px; }
.formtrabalhe select { float:left; width:130px; }

.formtrabalhe h3 { padding:20px 0 5px 0; clear:both; }
.formtrabalhe h5 { clear:both; padding:10px 0 0 0; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#036; font-weight:bold; line-height:normal; border-bottom:1px solid #ddd; }
.formtrabalhe span { font-size:10px; color:#666; padding:0 0 0 5px; }

.formtrabalhe .bt {background:#036; color:#FFF; padding:2px; margin:5px 0 0 0; cursor:pointer; }
.formtrabalhe .bt:hover { }
.formtrabalhe .bt:focus {  }

.formtrabalhe .p0 { width:64%; float:left; }
.formtrabalhe .p1 { width:49%; float:left; }
.formtrabalhe .p2 { width:32%; float:left; }
.formtrabalhe .p3 { width:100%; clear:both; display:table; }
.formtrabalhe .p4 { width:100%; clear:both; margin:15px 0 0 0; display:table; }

.formtrabalhe .table { margin:5px 0 0 0; }

.contato { border:0; font-size:12px; line-height:normal; padding:0 0 10px 14px; }
.contato #enviar { border:0; }
.contato legend { color:#000; font-size:1.0em; padding:4px 0; margin:5px 0 0px -7px; }
.contato span { color:#900; font-weight:bold; font-size:0.9em; margin-bottom:-15px; font-style:oblique; }
.contato label { display:block;  font-size:0.9em; padding:10px 0 0 2px; }
.contato .float { float:left; margin:0 5px 0 0; }
.contato .display { text-indent:0x; display:block; overflow:hidden; }
.contato > .display { text-indent:0px; }
.contato .bt { background:#036; color:#FFF; font-size:11px; padding:2px;}

.contato .inline { display:inline;}

* .txtfield { background-color:#FFF; padding:2px; font-size:11px; border:2px solid #ddd; margin-bottom:5px;  }
* .txtfield:hover { border:2px solid #FC0; background:none #FFF; color:#036; padding:2px; }
* .txtfield:focus { border:2px solid #036; color:#666; background:none #FFF; padding:2px; }
* textarea { font-family:Arial, Helvetica, sans-serif; }

.error { background:#F00; color:#FFF; padding:5px; text-align:center;}
.sucess { background:#036; text-align:center; color:#FFF;}
.error:hover, .error:focus {}

/*................................................*/

/*.................... TABLES ....................*/
.formtrabalhe table {font-size: 11px; margin: 0 0 1em;border-collapse:collapse; text-align:center;}
.formtrabalhe table th {border-bottom: 3px solid #000;vertical-align:top;padding: 1.5em 3px 3px;line-height:1.1;font: bold 145% arial;letter-spacing:0;text-align:left}
.formtrabalhe .table1 th.time {border-bottom: none;font: bold 89% verdana;color:#ff9c00;vertical-align:top;padding: 3px}
.formtrabalhe .table1 td {border: 1px solid #ddd;font-size: 9pt;padding: 3px;vertical-align:top}
.formtrabalhe .table1 td a {display:block;width:auto;font-weight:bold}
.formtrabalhe .table1 td a:link, .table1 td a:visited, .table1 td a:hover, .table1 td a:active {border:none;text-decoration:none}
.formtrabalhe .table1 th.sub {background: #aaa}
.formtrabalhe .table1 th.sub2 {background: #bbb;color:#000}
.formtrabalhe .table1 td ul li {background: #fff}
.titIdiomas { text-align:left;}

.tables { width:100%;}
.tables th { background:#036; color:#FFF; text-align:center;}
.tables tr { background:#DDD;}
.tables tr td { text-align:center; color:#333;}

/*................................................*/	
	
/*.................... FOOTER ....................*/
.footer p { padding:20px 0 0 0;}
.footer address { font-style:normal; padding:0;} 
.selo_webroom { width:57px; height:14px; float:right; margin:-25px 40px 0 0; background: url(../imagens/selo_webroom.gif) left top no-repeat; display:block;}
.selo_webroom a { display:block; width:57px; height:14px; text-indent:-999999px; text-decoration:none; overflow:hidden;}
/*................................................*/




/*MODULO DE VÍDEO*/

.column_right .videoSite { margin-bottom:10px; }

.content .column_left .listVideos { width:99%; margin:15px 0; }/**/
.content .column_left .listVideos li { margin:10px 0; }
.content .column_left .listVideos li a { background:url("../imagens/icon_play.gif") left no-repeat; padding-left:20px; }