/*Sprites*/
.sprites { 
    background-image     : url(img/sprite_title.jpg); 
    background-color     : transparent; 
    background-repeat    : no-repeat; 
 } 
 


 
 




/*Resets*/
*{
	margin:0;
	padding:0
}

a{
	text-decoration:none;
	outline:none;
	color:#949494;
}

a:hover{
	text-decoration:underline;
	color:#456074;
}

body{
	font:12px Arial, Tahoma, Verdana;
	color:#555;
	background:url(img/bg_body.jpg) repeat-x 0 100px;
}

p{
	line-height:160%;
}

img{
	border:0;
}

.clear{
	clear:both;
}


/*Estrutura do site*/
#wrap{
	margin:0 auto;
	width:990px;
}
#topo{
	height:100px;
}

#banner{
	height:170px;
	background:#CCC;
	margin:14px 0 0 0;
	width:990px;
}

#conteudo_geral{
	margin:20px 0 0 0; 
}

#conteudo{
	float:left;
	width:696px;
}

#sidebar{
	float:right;
	width:244px;
}

#rodape{
	height:180px;
	background:url(img/bg_rodape.jpg) repeat-x;
}



/*Topo*/
#logo{
	width:239px;
	height:82px;
	float:left;
}

#menu{
	clear:both;
	margin:32px 0 0 0;
	float:left;
}

#menu ul{
	list-style:none;
}

#menu ul li{
	float:left;
	display:inline;
	margin:0 16px;
}

#menu ul li a{
	text-transform:uppercase;
}

#menu ul li ul{
	visibility:hidden;
	position:absolute;
	width:155px;
	background:#f1f1f1;
	padding:0;
	margin:0;
}

#menu ul li ul li{
	padding:5px 0 5px 5px;
	margin:0;
	float:left;
	width:140px;
}

#menu ul li:hover ul{
	visibility:visible;
}

#menu ul li ul li a{
	padding:5px 0 5px 5px;
	margin:0;
	float:left;
	width:140px;
}

#menu ul li ul li a:hover{
	background:#456074;
	color:#FFF;
	text-decoration:none;
}



/*Sidebar*/
.ultimasnoticias { 
    height:28px; 
    width:171px; 
    background-position:-0px -0px; 
	margin:0 0 30px 0;
	float:left;
} 

#sidebar ul{
	list-style:none;
	clear:both;
	margin:0 0 40px 0;
}

#sidebar ul li{
	border-bottom:1px dotted #CCC;
	padding:0 0 10px 0;
	margin:15px 0;
}

#sidebar ul li span{
	color:#456074;
	display:block;
}

.vertodas{
	width:88px;
	height:26px;
	background:url(img/vertodas.jpg) no-repeat;
	float:right;
}

.img_sidebar{
	margin:0 0 20px 0;
	float:left;
}



/*Rodape*/
#rodape ul{
	list-style:none;
	width:990px;
	margin:0 auto 40px auto;
}

#rodape ul li{
	float:left;
	display:inline;
	margin:53px 30px 0 0;
}

#rodape ul li a{
	text-transform:uppercase;
}

#rodape p{
	clear:Both;
	width:990px;
	margin:0 auto;
}



/*home*/
#box_quemsomos{
	margin:0 0 40px 0;
}

#box_quemsomos p{
	width:441px;
	clear:left;
}

#box_quemsomos img{
	float:right;
}

.quemsomos{ 
    height:24px; 
    width:156px; 
    background-position:-527px -0px; 
	margin:0 0 30px 0;
	float:left;
} 

.leia{
	width:88px;
	height:26px;
	background:url(img/leiamais.jpg) no-repeat;
	float:left;
	margin:10px 0 0 0;
}

.img_banner{
	margin:0 0 20px 0;
	float:left;
}


#box_destaques{
	margin:40px 0 40px 0;
}

#box_destaques p{
	width:441px;
	clear:left;
}

#box_destaques img{
	float:right;
}

.destaques{ 
    height:28px; 
    width:119px; 
    background-position:-290px -0px; 
	margin:0 0 30px 0;
	float:left;
} 


#tecnologia{
	margin:40px 0 0 0;
	width:480px;
	border-right:1px dotted #CCC;
	padding:0 20px 0 0;
	float:left;
}

#tecnologia p{
	width:280px;
	clear:left;
}

#tecnologia img{
	float:right;
}

.tecnologia{ 
    height:29px; 
    width:118px; 
    background-position:-409px -0px; 
	margin:0 0 30px 0;
	float:left;
} 


#convenios{
	float:right;
	width:169px;
	margin:40px 0 0 0;
}

.convenios{ 
    height:23px; 
    width:119px; 
    background-position:-171px -0px; 
	margin:0 0 20px 0;
} 



/*paginas*/
.title_page{
	font-size:27px;
	color:#456074;
	letter-spacing:-3px;
	margin:0 0 15px 0;
}

.title_page2{
	font-size:16px;
	color:#405C7B;
	
	margin:0 0 15px 0;
}


/*Pagina historia*/
#page_historia p{
	margin:15px 0;
}

.galeria_foto{
	list-style:none;
}

.galeria_foto li{
	display:inline;
	float:left;
	margin:0 11px 19px 11px;
}

.galeria_foto li img{
	width:148px;
	height:170px;
	background:#CCC;
	border:2px solid #456074
}



/*Pagina equipe medica*/
.equipe_medica li{
	list-style:none;
	clear:both;
	margin:0 0 20px 0;
	float:left;
	width:600px;
}

.equipe_medica li p strong{
	color:#456074;
	font-size:15px
}

.equipe_medica li img{
	width:148px;
	height:148px;
	background:#CCC;
	border:2px solid #456074;
	float:left;
	margin:0 20px 0 0;
}



/*Pagina Serviços*/
.servicos{
	list-style:inside url(img/marcador.jpg);
	color:#456074;
	margin:0 0 0 20px;
}

.servicos li{
	margin:10px 0;
}

.servicos li a{
	font-size:14px;
}



/*Pagina artigos*/
.artigos{
	list-style:none;
}

.artigos li{
	border-bottom:1px dotted #ddd;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
}

.artigos li a.title{
	color:#456074;
	font-size:16px;
	font-weight:bold;
}

.artigos li img{
	width:110px;
	height:110px;
	border:2px solid #456074;
	float:left;
	margin:0 20px 0 0;
}

.artigos li p{
	margin:10px 0 0 0
}



/*Pagina area do cliente*/
.login_cliente{
	width:550px;
	padding:10px;
	border:2px solid #456074;
	margin:40px auto;
}

.login_cliente label{
	display:block;
	margin:0 0 10px 0;
}

.login_cliente label span{
	color:#456074;
	float:left;
	width:200px;
	font-size:15px;
	text-align:right;
}

.login_cliente label .input{
	border:1px solid #456074;
	padding:2px;
	width:240px
}

.login_cliente label .input2{
	border:1px solid #456074;
	padding:2px;
	width:100px
}

.login_cliente label .input3{
	border:1px solid #456074;
	padding:2px;
	width:380px
	
}


.enviar{
	background:#456074;
	color:#FFF;
	padding:2px 5px;
	border:0;
	cursor:pointer;
}



/*Pagina contato*/
.contato{
	width:430px;
	padding:10px;
	border:2px solid #456074;
	margin:40px auto;
}

.contato label{
	display:block;
	margin:0 0 10px 0;
}

.contato label span{
	color:#456074;
	float:left;
	width:80px;
	font-size:15px;
}

.contato label .input,.contato label textarea{
	border:1px solid #456074;
	padding:3px;
	width:340px;
}


/*pagina*/

#pagina {
	
}

#pagina img{
	float:left;
	width: 250px;
	margin:5px 5px 5px 0px;
}

#pagina p{
	
}