/*  
* LABORATÓRIO CARLOS CHAGAS
***********************************************
Agência: Ato interativo
Country: Brasil
Diretor: Felipe Gazolla
Design by: Bruno Kingma
XHTML+CSS: Fernanda Carolina
Programação:
Country: Brasil
Last CSS update: 11/2009
Notes: Folha padrão
***********************************************
Copy something of someone is WRONG, 
but copy from lot's of places is RESEARCH!
Don't let the puppies sad!
***********************************************
*/
body{
padding:			0px;
margin:				0px;
text-align:			center;
font-family:        "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:			14px;
color:				#383838;
background:	        #FFF url(../images/bg.jpg) left top repeat-x;
}
#site{
width:				930px;
height:				auto;
text-align:			left;
margin:				auto;
}
#topo {
width:              870px;
height:		        76px;
background:	        #FFF url(../images/bg_topo.jpg) left top repeat-x;
padding:            30px;
}
#logo{
width:		       215px;
height:            75px;
float:		       left;
margin-right:      90px;
*margin-right:      60px;
}
#banner_home{
width:             690px;
height:            300px;
float:             left;
margin-bottom:     30px;
z-index:           1;
}
#conteudo{
width:             870px;
height:            auto;
padding:           30px;
background-color:  #fff;
position:          relative;
z-index:           1;
}
#home #conteudo{
width:             930px;
padding:           0 0 20px 0;
}

#rodape {
width:				930px;
height:             90px;  
text-align:			left;
margin:				auto;
background:	        #E4E4E4;
border-top:			8px solid #3A457E;
}

#envolve_rodape {
width:				auto;
height:             98px;
background:	        #E8E8E8 url(../imgs/img_rodape.jpg) left top repeat-x;
}
/***********************************MENU*********************************/
ul#menu{
width:				auto;
height:				32px;
background:			url(../images/bg_menu.jpg) left top repeat-x;
margin:				0;
padding:			10px;
position:          relative;
}
ul#menu li{

list-style:			none;
display:			inline;
color:				#fff;
font-family:        "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:			14px;
padding:            0 4px;

}

ul#menu li a,
ul#menu li a:visited {
width:				 152px;
height:				 53px;
display:			 inline;
color:				 #fff;
text-decoration:	 none;
padding:             0 8px;
}
ul#menu li a:hover{
color:				#fff;
text-decoration:	none;
background:			url(../images/bg_menu_hover.jpg) left center no-repeat;
padding:             10px 8px 22px 8px;
}


/********SUBMENU**************/

ul#menu li ul {
background:			#3D346B;
width:				130px;
height:				auto;
position:			absolute;
display:			none;
z-index:            9;
opacity:			.9;
}
ul#menu li ul li{
list-style:			none;
display:			block;
padding:            4px;
margin-left:        -40px;
font-size:          12px;
}
ul#menu li ul li a:hover{
font-weight:        bold;
background:			none;
}

ul#menu li:hover #m01{
display:			block; 
right:				690px;     
}
ul#menu li.over #m01{
display:			block;
right:				690px;
}

ul#menu li:hover #m02{
display:			block;
right:				300px;
}
ul#menu li.over #m02{
display:			block;
right:				300px;
}
/* Fix IE. Hide from IE Mac \*/
* html ul#menu li ul li { float: left; }
* html ul#menu li ul li a { height: 1%; }
/****************************************************CLASSES*/
.unidades{
width:             auto;
height:            100px;
padding-bottom:    20px;
margin-left:	   20px;
border-bottom:     #D6E7F5 solid 3px;
}
.unid{
float:left;
vertical-align:middle;
margin-right:10px;
*position:relative;
*bottom:70px;
*left:250px;
}
.box_100{
width:            100px;
height:           auto;
float:            left;
font-size:        14px;
}
.box_125, .box_125ult, .box_125claro, .box_125medio, .box_branco{
width:            auto;
height:           70px;
float:            left;
font-size:        12px;
padding:          0px 25px 30px 0px;
background-color: #D6E7F5;
*position:relative;
*bottom:70px;
*left:250px;
}
.box_125claro{
background-color: #E0EDF8;
}
.box_125medio{
background-color: #E7F1FA;
}
.box_125ult{
background-color: #ECF4FB;
}
.box_branco{
background-color: #fff;
}
.box_125 p, .box_125ult p, .box_125claro p, .box_125medio p, .box_branco p{
margin:          0;
color:           #939191;
}
.box_240{
width:           200px;
height:          260px;
float:           left;
padding:         20px;
background:	     #FFF url(../images/bg_box240.jpg) left top repeat-x;
color:           #BABDBE;
font-size:       14px;
}
.box_290{
width:           290px;
height:          600px;
float:           left;
margin-left:     19px;
border-right:    #E7E7E7 solid 1px;
color:           #717171;
}
.box_290 ul, .exames_realizados ul{
width:           290px;
height:          auto;
padding:         0;
margin-bottom:   10px;
}
.box_290 li, .exames_realizados li{
background:		 url(../images/lista.gif) left top no-repeat;
padding-left:    13px;
color:           #121C66;
font-size:       14px;
}
.box_290 li a:hover, .exames_realizados li a:hover{
color:           #5B5487;
}
.exames_realizados li{
background:		 url(../images/lista2.gif) left top no-repeat;
}
.exames_realizados{
background-color:  #E0EDF7;
padding:           15px;
border-bottom:     #D6E7F5 solid 3px;
}
.leia_mais{
margin-right:   10px;
}
.leia_mais2{
margin-right:   80px;
}

.resultado, .exames, .infantil{
width:          203px;
height:         110px;
background:		#fff url(../images/bg_azul01.gif) left bottom no-repeat;
padding:        3px 0 0 70px;
color:          #777879;
margin:         25px 0 5px 0;
}
.resultado p, .exames p, .infantil p{
height:        60px;
overflow:      hidden;
margin-top:    4px;
}
.exames{
background:		#fff url(../images/bg_azul02.gif) left bottom no-repeat;
margin:        0 0 5px 0;
}

.infantil{
background:		#fff url(../images/bg_azul03.gif) left bottom no-repeat;
margin:         0;
}

.box_azul, .na_midia{
width:             263px;
height:            95px;
padding:           5px 5px 5px 12px;
background-color:  #E0EDF7;
margin-bottom:     8px;
font-size:         13px;
}
.box_azul a, .na_midia a, .mais{
margin-left:       250px;
text-decoration:   none;
color:             #201A59;
}

.na_midia{
height:            auto;
}

.conteudo_box{
height:            35px;
overflow:          hidden;
}

.foto_midia{
width:             48px;
height:            48px;
padding:           3px;
float:             left;
margin:            4px 5px 0 0;
}
.foto_home{
width:             74px;
height:            68px;
padding:           3px;
float:             left;
border:            #89C9E6 solid 1px;
margin:            4px 5px 0 0;
}
.foto_home img{
width:             74px;
height:            68px;
margin:            0;
}
.titulo_dicas{
color:            #201A59;
font-size:        11px;
height:           47px;
overflow:         hidden
}

.box_agenda{
width:           285px;
height:          280px;
background:		 transparent url(../images/bg_box_agenda.png) left top no-repeat;
}
.box_agenda_interna{
width:           190px;
height:          155px;
margin:          30px 40px 0 50px;
text-align:      center
}
.newsletter{
width:           260px;
height:          85px;
float:           left;
margin-top:      40px;
}
.newsletter_interna{
width:            252px;
height:           32px;
margin-top:       20px;
background-color: #A1B2D0;
padding:          4px;
}

.unidades_contato{
margin:                20px 0 0 50px;
height:                auto;
width:                 auto;
float:                 left;
}

.foto_conteudo_left, .foto_conteudo_right{
width:             200px;
height:            200px;
padding:           3px;
float:             left;
border:            #89C9E6 solid 1px;
margin:            4px 10px 10px 0;
}
.foto_conteudo_right{
float:             right;
}

.box_440{
margin-top:            20px;
height:                auto;
width:                 440px;
float:                 left;
}
.titulo_midia{
color:            #201A59;
font-size:        12px;
}
.logo_ato{
float:           right;
margin:          15px 10px 0 0;
}

#rodape p{
float:         left;
margin:        15px 0 0 10px;
}

.box_500{
width:            860px;
height:           100px;
background-color: #E0EDF7;
margin-top:       10px;
padding:          5px;
border-bottom:     #D6E7F5 solid 3px;
}
.box_500 p{
float:           left;
}
.box_500 img{
width:            130px;
height:           100px;
float:            left;
overflow:         hidden;
margin-right:     10px;
}


/****************************************************TIPOGRAFIA*/
p{
margin:              0;
}
h1{
visibility:          hidden;
}
h2{
width:				auto;
height:				auto;
margin:             0;
}
h2 span{
visibility:			hidden;
}

h2#resultado{
background:         url(../images/h2/h2_resultados.jpg) left top no-repeat;
height:				86px!important;
}
h2#realizados{
background:         url(../images/h2/h2_realizados.gif) left top no-repeat;
height:				21px!important;
margin-bottom:      10px;
}
h2#laboratorio{
background:         url(../images/h2/h2_laboratorio.gif) left top no-repeat;
height:				28px!important;
}
h2#dicas{
background:         url(../images/h2/h2_dicas.gif) left top no-repeat;
height:				28px!important;
}
h2#agenda{
background:         url(../images/h2/h2_agenda.png) left top no-repeat;
height:				60px!important;
}

h2#resultados{
background:         url(../images/h2/h2_result.gif) left top no-repeat;
height:				23px!important;
}
h2#corpoclinico{
background:         url(../images/h2/h2_corpoclinico.png) left top no-repeat;
height:				23px!important;
}
h2#infantil{
background:         url(../images/h2/h2_infantil.gif) left top no-repeat;
height:				23px!important;
}
h2#midia{
background:         url(../images/h2/h2_midia.gif) left top no-repeat;
height:				28px!important;
margin-top:         30px;
}
/*-------------*/
h2#infantil_interna, h2#convenios, h2#laboratorio_interna, h2#clinico, h2#servicos, 
h2#result_interna, h2#agendar_coleta, h2#midia_interna, h2#contato, h2#dicas_interna,
h2#resultados_interna, h2#instrucoes, h2#duvidas, h2#institucional, h2#unidades, h2#afiliar,
h2#realizados_interna, h2#parceiros, h2#passo{
height:				28px!important;
border-bottom:      #3A457E solid 8px;
margin-bottom:      10px;
}
h2#infantil_interna{
background:         url(../images/h2/h2_infantil2.gif) left top no-repeat;
}
h2#convenios{
background:         url(../images/h2/h2_convenios.gif) left top no-repeat;
}
h2#laboratorio_interna{
background:         url(../images/h2/h2_laboratorio2.gif) left top no-repeat;
}
h2#clinico{
background:         url(../images/h2/h2_clinico.gif) left top no-repeat;
}
h2#servicos{
background:         url(../images/h2/h2_servicos.gif) left top no-repeat;
}
h2#result_interna{
background:         url(../images/h2/h2_result_interna.gif) left top no-repeat;
}
h2#agendar_coleta{
background:         url(../images/h2/h2_agendar_coleta.gif) left top no-repeat;
}
h2#midia_interna{
background:         url(../images/h2/h2_midia.gif) left top no-repeat;
}
h2#contato{
background:         url(../images/h2/h2_contato.gif) left top no-repeat;
}
h2#dicas_interna{
background:         url(../images/h2/h2_dicas.gif) left top no-repeat;
}
h2#resultados_interna{
background:         url(../images/h2/h2_resultados_interna.gif) left top no-repeat;
}
h2#instrucoes{
background:         url(../images/h2/h2_coletas.gif) left top no-repeat;
}
h2#duvidas{
background:         url(../images/h2/h2_duvidas.gif) left top no-repeat;
}
h2#institucional{
background:         url(../images/h2/h2_institucional.gif) left top no-repeat;
}
h2#unidades{
background:         url(../images/h2/h2_unidades.gif) left top no-repeat;
}
h2#afiliar{
background:         url(../images/h2/h2_afiliar.gif) left top no-repeat;
}
h2#realizados_interna{
background:         url(../images/h2/h2_realizados.gif) left top no-repeat;
}
h2#parceiros{
background:         url(../images/h2/h2_parceiros.gif) left top no-repeat;
}
h2#passo{
background:         url(../images/h2/h2_passo.jpg) left top no-repeat;
}
/*-------------*/


h2#news{
background:         url(../images/h2/h2_news.gif) left top no-repeat;
height:				34px!important;
}
h3{
color:           #3A457E;
font-size:       16px;
margin:          0;

}
h5{
color:           #131A4F;
font-size:       14px;
margin:          0;
}
/***************************************LISTA DICAS**************************/
ul#anteriores{
list-style:        none;
}
ul#anteriores li{
width:             870px;
height:            68px;
background-color:  #E0EDF7;
margin-bottom:     5px;
}
ul#anteriores img{
width:             74px;
height:            68px;
float:             left;
margin-right:      10px;
}
.data{
float:            left;
}
/***************************************LISTA INSTRUÇÕES**************************/
ul#instrucao{
list-style:        none;
margin:            0;
display:           inline;
width:             400px;
float:             left
}
ul#instrucao li{
width:             400px;
background-color:  #E0EDF7;
padding:           5px;
margin-bottom:     3px;
}
.conteudo_instrucoes{
width:             450px;
float:             left;
}
/***************************************FORMULARIO HOME**************************/
#formContato label{
color:              #383838;
width:				90px;
height:				auto;
margin:				0;
}
#formContato input, select, textarea{
width:				auto;
height:				auto;
}
#formContato .ok{
width:              77px;
height:             24px;
background:         #FFFFFF url(../images/botao_solicitar.gif);
border:             none;
margin-left:        110px;
}
.newsletter_interna   input{
border:             none;
width:              50px;
height:             30px;
color:              #fff;
float:              left;
margin-left:        2px;
}

/***************************************FORMULARIO**************************/

#formContato2 label{
width:				150px;
height:				auto;
padding:			5px;
margin:				0;
float:				left;
text-align:			right;
color:              #383838;
}
#formContato2 input, select, textarea{
width:				auto;
height:				20px;
margin:				3px 3px;
background:			#fff;
color:				#000;
border:				1px solid #6F92B0;
}
#formContato2 input:focus , select:focus, textarea:focus{
border:				1px solid #3D346B;
}

#formContato2 .ok{
width:              77px;
height:             24px;
background:         #FFFFFF url(../images/botao_agendar.jpg);
border:             none;
margin-left:        180px;
}

#formContato2 .ok2{
width:              77px;
height:             24px;
background:         #FFFFFF url(../images/botao_enviar.jpg);
border:             none;
margin-left:        180px;
}
/***************************************masterdiv**************************/
#masterdiv{
width:              900px;
height:             auto;
background-color:  #E0EDF7;
margin:             5px 0 0 0;
padding:            5px;
border-bottom:     #D6E7F5 solid 3px;
}
.submenu{
background-color:  #E0EDF7;
padding:           5px;
margin-top:        0;
border-bottom:     #D6E7F5 solid 3px;
}
/***************************************TABELAS**************************/
td{
width:             300px;
background-color: #E0EDF7;
padding-left:     5px;
}
/***************************************PAGINAÇÃO**************************/
.paginacao {
width:		auto;
height:		auto;
padding:	0px;
margin:		5px 0px;
color:		#CCC;
}
.paginacao a, .paginacao a:active {
width:		auto;
height:		auto;
padding:	1px 3px;
margin:		2px;
background:	#FFF;
text-decoration:none;
font-weight: bold;
color:		#666;
text-align:	center;
}
.paginacao a:visited {
text-decoration:none;
font-weight: bold;
color:		#666;
}
.paginacao a:hover {
border-bottom:1px solid #CCC;;
text-decoration:none;
font-weight: bold;
}
.paginacao span {
width:		auto;
height:		auto;
margin:		1px;
background:	#FFF;
text-decoration:none;
font-weight: bold;
color:		#000;
float:      left;

}
.paginacao span.atual {
width:		auto;
height:		auto;
margin:		1px;
background:	#FFF;
text-decoration:none;
font-weight: bold;
color:		#000;
text-align:	center;
}
/***************************************GERAL**************************/
.fotos img{
border:            #89C9E6 solid 2px;
}
/***************************************GERAL**************************/
.clear{
clear:					both;
font-size:				1pt;
height:					0pt;
}
img{
border:                 none;
}
a{
text-decoration:        none;
color:                 #201A59;
}
ul li{
list-style:            none;}

.erro {
  background:#f1f1f1 url(../images/error.png) 8px center no-repeat;
  background-color:#f1f1f1;
  border:1px solid red;
  color:red;
  display:block;
  padding:10px 2px 10px 40px;
  text-align:center;
  width:auto;
}

.sucesso {
  background:#f1f1f1 url(../images/sucess.png) 8px center no-repeat;
  border:1px solid #060;
  color:#060;
  display:block;
  padding:10px 2px 10px 40px;
  text-align:center;
  width:auto;
}