*{
margin:0;
padding:0;
list-style:none;
border:0;
text-decoration:none;
}
html{
height:100%;
}
body {	
font:normal 11px/1.3em Arial, Helvetica, Verdana, sans-serif;
color:#000;
padding-bottom: 100px; 
background: #fff url(../imgs/_cssimgs/bg_geral.gif) top left repeat-x;

}
body#home{
background: #fff url(../imgs/_cssimgs/bg_geral_home.gif) top left repeat-x;
}
hr{
display:none;
}


		a:link, a:visited, a:active {
		color: #330;
		border: 0;
		text-decoration: underline;
		}
		a:hover{
		text-decoration: none;
		color: #663; 
		}
p{
color: #333;
font:normal 12px/1.4em  Verdana, sans-serif, Arial, Helvetica;

}


/* ====================================== 
   GENERAL CONTENT PRESENTATION
   ====================================== */
   
.hideThis{
display: none;
}
.clearThis{
clear: both;
}
.smashThis{
height: 0;
min-height: 0;
line-height: 0;
}
.noplugin{
font:normal 1.2em/1.5em Arial, Helvetica, Verdana, sans-serif;
background: #ff9;
margin:20%;
border:#f00 solid 3px;
padding:1.5em;
}
.noplugin a, .noplugin a:visited, .noplugin a:hover {
background: #ff0;
text-decoration:underline;
color:blue;
}

   
   
   
/* ====================================== 
   CSS STRUCTURE
   ====================================== */

#container{
position: relative; /* Needed for Safari */
margin: auto; /* Takes care of horizontal alignment in standards compliant browsers */
text-align:left;
top:0;
/* overflow: hidden; */
width:1000px;
}
#conteudo{
width: 920px;
margin-left: 40px;
margin-top: 20px;
}

#topo{
height: 171px;
background: url(../imgs/_cssimgs/bg_geral_2.gif) -250px 0 no-repeat;
}

#topoBg2{
background:pink;
width: 1000px;
position: relative;
right: 1000px;
margin: auto;
height: 350px;
margin-bottom: -350px;
z-index: 0;
background: url(../imgs/_cssimgs/bg_geral_2.gif) 750px 0 no-repeat;
}
#home #topoBg2{
background: url(../imgs/_cssimgs/bg_geral_2_home.gif) 750px 0 no-repeat;

}

#logo{
height: 72px;
position: absolute;
top: 30px;
left: 40px;
width: 150px;
}


#breadcrumb{
color: #ccc;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 3em;
padding-bottom: .3em;
}
body #breadcrumb p{
margin: 0;
font:normal 11px/1.6em Arial, Helvetica, Verdana, sans-serif;
}

		#breadcrumb a{
		color: #666;
		text-decoration: none;
		}
		#breadcrumb a:hover{
		text-decoration: underline;
		}



/* ====================================== 
   NAVEGA
   ====================================== */
#navega {
position: absolute;
top: 50px;
right: 0;
float: right;
margin-right: 40px;
z-index: 1;
}
		* html #navega {
		/*left: 265px;
		margin-right: 15px;
		top: 50px;*/
		}

#navega li {
float: left;
position: relative;
text-align: left;
cursor: default;

/* background-color: #fff;
border: 1px solid #f58220; */
margin: 0;
}

#navega li#first {
/* border-left-width: 1em; */
}

#navega li#last {
/* border-right-width: 1em; */
 

}

#navega li ul {
display: none;
position: absolute;
top: 100%;
left: 0;

background:#fff;/* url(../imgs/_cssimgs/bg_beige.gif) repeat;*/
border: solid 1px #364364;
/* background-color:#fff; */

border-bottom: none;
}
#navega li div {
font-weight: bold;
}

#navega li>ul {
top: auto;
left: 1px;
}
	* html #navega li ul {
		top: 30px;
		left: 0px;
	}

#navega li li {
display: block;
float: none;
/*background-color: transparent;*/
border: 0;
width: 150px;
margin: 0;
padding: .5em;
border-bottom: solid 1px #364364;
text-transform: uppercase;
}
#navega li li .fakeBt{
border: transparent;
padding: 0;
margin: 0;
}
#navega li:hover ul, #navega li.over ul {
	display: block;
}



#navega li li.atual {
background-color: #364364;
color: #fff;
}
#navega li li.atual a {
color: #fff;
cursor: pointer;
}
#navega li li.atual a:hover {
color: #fff; 
cursor: pointer;
}


/* ######### LAST ########### */
#navega li#last ul {
	top: auto;
	left: -28px;
}
#navega li#last ul li{
text-align: right;
width: 100px;
}	
		* html #navega li#last ul {
			left: -29px;
		}

		#navega li a{
		cursor: pointer;
		color: #666;
		text-decoration: none;
		}
		#navega li a:hover{
		cursor: pointer;
		color: #f70;
		}


/* ====================================== 
   HOME
   ====================================== */
#home #flashcontainer{
/* display: none; */
height: 405px;
}
#home #destaque{
margin-top: 0;
height: 405px;
width: 100%;
overflow: hidden;
background: url(../imgs/_cssimgs/bg_geral_2_home.gif) -270px -170px no-repeat; 
/* background: url(../imgs/fakecontent/home_banner_transp.png) top left no-repeat; */
}		
		/* ######## FIX this IN IE 6 ##########*/
		* html #home #destaque{
		position: relative;
		top: -5px;
		margin-bottom: -5px;
		}
		/* ######## IE 7+ FIX ##########*/
		* + html #home #destaque{
		margin-top: -5px;
		}
		
		
#home #diretoAssunto, #home #certifPremios{
/* background: pink; */
}
#home #diretoAssunto{
float: left;
width: 215px;
}
		
#home #certifPremios{
float: right;
width: 220px;
}
		
#home #chamadas{
width: 419px;
margin: 0 0 0 233px;
background: #F8F8F6;
padding: 1px 15px 5px 15px;
}
		* html #home #chamadas{
		margin: 0 0 0 230px;
		}
		
		
#home #diretoAssunto, #home #certifPremios, #home #chamadas{

}
#home .bottomSpace{
padding-bottom: 6em;
}
#home h2{		
color: #364263;
text-transform: uppercase;
font: bolder 24px/1em Verdana, sans-serif, Arial, Helvetica;
letter-spacing: -.06em;
margin: .5em 0 .5em 0;
}
#home h3{
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
color: #333;
text-transform: uppercase;
font: bolder 12px/2em  Verdana, sans-serif, Arial, Helvetica;
padding-top: .05em;
letter-spacing: -.01em;
margin-bottom: .5em;
}
		
#home dd, #home dd a{
font:normal 12px/2em  Verdana, sans-serif, Arial, Helvetica;

}
#home .moreLink{
line-height: 3em;
}

#home .umaChamada{
border-bottom: 1px solid #ccc;
padding-bottom: 1em;
margin-bottom: 1.5em;
}

/*
#home #chamadas .umaChamada h2{
font: bolder 24px/1em Verdana, sans-serif, Arial, Helvetica;

}
*/

#home .fone{
margin: 1.5em 0 1em 0;
}

#home .umPremio{
padding-bottom: 1em;
margin-bottom: .5em;
}
#home .statement{
}
#home .statementQuote{
font:italic 14px/1.3em  Georgia, Times, "Times New Roman", Serif;
padding: .5em 0 1em 0;

}
#home .statementClient{
font:bold 10px/1.2em  Verdana, sans-serif, Arial, Helvetica;
text-transform: uppercase;
color: #364263
}
#home .statementCompany{
font:bold 10px/1.2em  Verdana, sans-serif, Arial, Helvetica;
text-transform: uppercase;
color: #BAB296;
}









/* ====================================== 
   INTERNA
   ====================================== */


#sidebar{
width: 180px;
float:left;
padding-bottom: 100px;
}
	/*
* html #sidebar{
	margin-left: 12px;
	}
*/

#sidebar dl{
margin-bottom: 2em;
border-top: 1px solid #ccc;
}
#sidebar dt{
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
font-weight: bold;
color: #616161;
background: #f2f2f2;
padding-left: 10px;
}
#sidebar dd {
border-bottom: 1px solid #ccc;
padding:.5em 0 .5em 10px;
font:normal 12px/1.3em Arial, Helvetica, Verdana, sans-serif;

}
		#sidebar dd a{
		color: #666;
		text-decoration: none;
		}
		#sidebar dd a:hover{
		color: #333;
		text-decoration: underline;
		}
#sidebar dd.atualSub{
/*
background:#f2f2f2 url(../imgs/_cssimgs/seta_small.gif) 5px 52% no-repeat;
padding-left: 20px;
*/
background:#f2f2f2;
font-weight: bold;
}
		#sidebar dd.atualSub a{
		/* color: #f60; */
		}


#interna #pageContent{
width: 680px;
float: right;
margin-bottom: 10em;

}

#interna h2{
color: #364263;
text-transform: uppercase;
font: bolder 20px/1em Verdana, sans-serif, Arial, Helvetica;
letter-spacing: -.04em;
margin: 1em 0 .5em 0;
line-height: 1em;
}

#interna p{
margin-bottom: 1em;
}

#pageContent #col1{
width: 320px;
float: left;
}
#pageContent #col2{
width: 320px;
float: right;
}
#pageContent h2{
line-height: 1.3em;
margin: 0 0 .5em 0;
}
#pageContent h3{
color:#364263;
font: bolder 14px/1.5em Verdana, sans-serif, Arial, Helvetica;
}
/*
#pageContent #col1 h3{
color:#BAB296;
}
*/
#pageContent #col2 h3{
color:#666;
}

/* ######## BEIGE  */
#pageContent #col2 h2{
color:#BAB296;

}


#pageContent ul{
margin-left: 14px;
}
#pageContent ul li{
list-style: disc;
font: normal 12px/1.5em Verdana, sans-serif, Arial, Helvetica;
color: #333;
list-style-position: outside;
}





/* ====================================== 
   RODAPE
   ====================================== */
#rodape{
 margin: 10em 0 15px 0;
/*border-top: 1px solid #ccc;
 */

}
#rodape .borderTop{
border-top: 1px solid #ccc;
clear: both;
height:.5em;
}
#rodape #bottom_utilities {
margin: 0 0 15px 0;
float: left;
width: 100%;
font:bold 10px/1.2em  Verdana, sans-serif, Arial, Helvetica;
text-transform: uppercase;
}
		/*
		* html #rodape #bottom_utilities {
		margin: 15px 0 -5px 0;
		}
		*/
		
#rodape #bottom_utilities li{
float: left;
border-right: 1px solid #BAB296;
padding: 0 5px 0 5px;
}
#rodape #bottom_utilities li.first{
padding-left: 0;
}
#rodape #bottom_utilities li.last{
border: none;
}
		#rodape #bottom_utilities li a{
		color: #BAB296;
		text-decoration: none;
		}
		#rodape #bottom_utilities li a:hover{
		color: #663;
		text-decoration: underline;
		}



#rodape .sosumi {
font:normal 10px/1.5em Arial, Helvetica, Verdana, sans-serif;
width: 600px;
color: #666;
float: left;


}
		/*
		* html #rodape .sosumi {
		padding: 10px 0 5px 0;
		margin: 0;
		clear: both;
		}
		*/



#rodape .credits{
font:normal 10px/1.5em Arial, Helvetica, Verdana, sans-serif;
text-align: right;
width: 200px;
float: right;
}

#rodape .credits a{
color: #666;
text-decoration: none;
}
#rodape .credits a:hover{
color: #000;
}






/* ====================================== 
   FORMS
   ====================================== */



.trab_conosco legend{
display: none;
}

.trab_conosco  .legend{
font:bold 14px/2.5em Arial, Verdana, Helvetica,  sans-serif;
color: #333;
background: #F4F4F4;
border-top: 1px solid #ccc;
margin: 2em 0 1em 0;
padding-left: .5em;
}
.trab_conosco .subLegend {
font:bold 12px/1.5em Arial, Verdana, Helvetica,  sans-serif;
color: #333;
margin: 2em 0 1em 0;
padding-left: 0;
border-bottom: 1px solid #ccc;
}


.trab_conosco li{
font:normal 12px/1.5em Arial, Verdana, Helvetica,  sans-serif;
color: #333;
margin-bottom: 1em;
}

.trab_conosco .espacoHorizontal{
padding-right: 2em;

}
.trab_conosco .idiomasFix{
width: 9em;
display: block;
float: left;

}


/* ###### LABELS */
.trab_conosco label{
font:normal 12px/1.5em Arial, Verdana, Helvetica,  sans-serif;
}
.trab_conosco .labelSobre{
display: block;

}
.trab_conosco .labelDir{
padding: 0 20px 0 0;

}
.trab_conosco .labelEsq{
padding: 2em 0 0 0;

}
.trab_conosco span.requerido{
color: #f00;
font-weight: bold;
}


/* ######### INPUTS */

.trab_conosco input, .trab_conosco select, .trab_conosco textarea{
font:normal 12px/1.5em Arial, Verdana, Helvetica,  sans-serif;
border: 1px solid #C1D8E2;
/* padding: 3px; */
border-top-color: #68757E;
border-left-color: #68757E;
}

.trab_conosco .inputCampo{
height: 18px;
line-height: 18px;
padding: 3px 0 0 3px;

}
.trab_conosco .textAreaCampo{
height: 10em;
padding-left: 3px;

}

.trab_conosco .inputMicro{
width: 40px;
}
.trab_conosco .inputPeq{
width: 100px;
}
.trab_conosco .inputMed{
width: 250px;
}
.trab_conosco .inputGra{
width: 400px;
}
.trab_conosco .btEnviar{
border-top: 1px solid #ccc;
text-align: left;
margin-top: 2em;
padding: 1em 0 0 0;

}
.trab_conosco .btEnviar input{
border:0;

}

.trab_conosco .dropDown{
border-color: #C1D8E2;
height: 20px;
line-height: 20px;

}
.trab_conosco .dropDown option{
padding: 0 5px 0 5px;

}


/* ######## RADIO CHECK */
.trab_conosco .radioCheckbox{
position: relative;
top:2px;
border: none;
}


/* ################## ERROS e MENSAGENS */
.trab_conosco p.erroMsg span{
color: #F00;
font-weight: bold;
}

.trab_conosco  h3.okMsg {
padding: 3em;
border: 1px solid #9c9;
color: #336633;
font:bold 16px/16px Arial, Verdana, Helvetica, sans-serif;
background: #cfc;
text-align: center;
}
.trab_conosco .maisIcon{
/*
border: 1px solid red;
*/
position: relative;
top: 6px;
left: 25px;
}
.trab_conosco .checkboxList li{
/*
width: 160px;
float: left;
*/
}
.trab_conosco .errorMsg{
font:bold 14px/16px Arial, Verdana, Helvetica, sans-serif;
color: #ff0000;
}

/* ######## FILE upload */
.trab_conosco .fileInput{
border: none;
margin-right: 15px;
}
		* html .trab_conosco .fileInput{
		border:1px solid #666;
		height: 18px;
		padding: 3px;
		line-height: 18px;
		}





/*############## SHOW hide infos  #############*/
li#vigilante, 
li#serv_gerais, 
li#atendente, 
li#estagiarios, 
li#tecnicos{
font-weight: bold;
}





/* ====================================== 
   CONTATO
   ====================================== */
   
#interna .contato #col1{
width: 410px;
}
#interna .contato #col2{
width: 240px;
}
#interna .contato #col2 p{
font:normal 11px/1.5em Arial, Verdana, Helvetica, sans-serif;

}

#map_gyn, #map_cui, #map_ana {

}
#map_gyn p, #map_cui p, #map_ana p{
text-align: right;
font:bold 11px/1em Arial, Verdana, Helvetica, sans-serif;

}

#interna .ouvidoria #col2 dt{
font:bold 12px/1.3em Arial, Verdana, Helvetica, sans-serif;
color: #333;

}
#interna .ouvidoria #col2 dd{
font:normal 11px/1em Arial, Verdana, Helvetica, sans-serif;
margin-bottom: 1.5em;

}