/*AQUI COMEÇA OS ESTILOS PARA O RESPONSIVO*/

@media screen and (max-width: 1280px) {
html, body {width:100%;}
.container {max-width:90%; height:auto;}
}

@media screen and (max-width: 1024px) {
#informacao_topo {float:left !important; width:100%;}
#informacao_topo img {margin:3% 1% 1% 0; max-width:100% !important; float:none;}
		
#banner_especialidades > .container {width:100% !important; max-width:100% !important;}
#banner {width:100%; float:none; margin-bottom:10px;}
	
#bloco_especialidades {float:none; width:100%; padding:0; text-align:center; overflow:auto;}
#bloco_especialidades h2 {padding:15px;}

#bloco_especialidades ul li {width:33.333%; height:50px; line-height:50px; border-bottom:1px solid #28412f; float:left;}
#bloco_especialidades ul li a {padding:0; display:block;} 
.seta {display:none;}		
}


@media screen and (max-width: 800px) {
	
.content, #jetmenu, .jetmenu blue {display:block;}
#dl-menu {display:block;}

#header {width:100%; height:auto;}
#logo {float:left;}

#informacao_topo {float:left !important; width:100%;}
#informacao_topo img {margin:3% 1% 0 0;}

/*menu*/
#menu {display:none !important;}
#menu_mobile {display:block; background-color:#3e4044; padding:4px 0; overflow:auto;}
/*fim menu*/

	
/*convenios, localizacao, agenda de exames*/
#container_3_boxs {text-align:center; margin:30px 0 0 0;}
.tres_boxs {float:left; width:48%; overflow:hidden; margin:1%;}
.tres_boxs:last-child {margin:1%;}

/**/

#container_calunas {overflow:auto; margin:0;}
#coluna_1, #coluna_2, #coluna_3 {float:none; width:100%; margin:30px 0;}

/*conteudo coluna_1*/
#fampage {display:none;}

#footer {width:100%; height:auto; padding:30px 0; text-align:center;}
#box_footer_left {float:none; width:70%; height:auto;margin:0 auto;}

#divisa_foorer {display:none;}
#links_principais {display:none;}
.sub_links {display:none;}
#links_right {display:none;}

#sub_footer {width:100%; height:auto;}
#footer_left, #footer_right {float:none; text-align:center;}

/*
******************************************************************
******************************************************************
ESTILOS DAS PAGINAS INTERNAS
******************************************************************
******************************************************************
*/

#crumb {width:100%; height:auto; padding:15px 0;}
.container_internas {width:100%; height:auto;}
.p_internas {float:none; width:100%; height:auto;}

#lateral {float:none; width:90%; height:auto; margin:40px auto 0 auto;  background-color:#fff; padding:0;}
#links_lateral {width:100%; height:auto;}

#forn_lateral {width:100%; height:auto;} 
#form_left, #form_right {float:none; width:100%;}
	
.select_lateral,.input_lateral, .input_ctt,.select_ctt {width:100%; background-color:#fff;}
.submit_lateral, .submit_ctt {width:auto;}

}




@media screen and (max-width: 600px) {
#bloco_especialidades ul li {width:50%;}
}
@media screen and (max-width: 480px) {
#bloco_especialidades {text-align:left;}
#bloco_especialidades ul li {width:100%; float:none;}
#bloco_especialidades ul li a {padding:0 15px;}
.seta {display:block; height:15px; margin-top:16px;}
}
@media screen and (max-width: 500px) {
	
.tres_boxs {float:none; width:100%; overflow:hidden; margin:1% 0;}
.tres_boxs:last-child {margin:0;}
	
}