/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
/*#header .atalhos { display:none !important; }*/
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */

}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}
@media only screen and (min-device-width : 1025px) and (max-device-width : 1223px) {
/* Styles */

}
/* Desktops and laptops ----------- */
@media only screen and (max-width : 330px) {
/* Styles */
    /*#header .atalhos { display:none !important; }*/
}

@media only screen and (max-width: 767px){
/* Styles */
    .wrapper 			{ 	width:100%; }
    #content .wrapper 		{ 	width:100%; }
    #content .html-pagina 	{ 	font-size:12px !important;}
	
	#header a { font-size:80% !important; }
    /*#header .atalhos li { margin:0 5px 0 0!important; padding:0 5px 0 0 !important; }
    #header .atalhos li:first-child { display:none !important; margin:0 !important; }*/
    #header .area-cliente { padding:0 10px !important; }
    #header .btn-fale-conosco > img { display:inline-block; }
    #header .btn-fale-conosco > span { display:none; }
    /*#header .menu-topo .busca { display:none; }*/
    /*#header .atalhos { display:none !important; }*/
	div.mobile { display: block !important; }
	
	#header { height: 50px !important;} 
	#header .logo-site			{ 	width:50px !important; height:50px !important;  margin:0; }
	#header .logo-site > a 		{ 	line-height: 40px !important; height: 50px !important; padding-top: 5px !important; margin-top: -2px;  }
	#header .menu-principal 	{ height: 50px !important; line-height: 50px !important; 	 }

    #header .mini-menu-principal { display:block !important; width:100%; text-align:right; padding:18px 20px 0 0; float:none; position: absolute; right: 0; top:-22px; height:50px; z-index: 50; }

    #header .menu-principal.escondido ul			{ 	display:none; }
	#header .menu-topo	{ 	display:none; }

	#header .menu-principal ul.opcoes		{ 	margin: 0 0 0 0 !important; }
	#header .menu-principal ul.opcoes li 	{ 	display: block; float:left; margin:0 0 0 0; text-align: center; border-top: 1px solid #9D9D9D; height: auto; padding: 10px 0; vertical-align: middle; }
	#header .menu-principal ul.opcoes li a	{ 	vertical-align: middle; }
	
	
	#header .menu-principal 					{ 	 }
	#header .menu-principal ul					{ 	display:block; width:100%; list-style:none; margin:0; padding:0; text-align:right; line-height:140%; background-color: #FFF; }
    #header .menu-principal ul li,
    #header .menu-principal ul li a 			{ 	text-transform:uppercase; width:100%; display:block !important; font-weight:300; font-size:13px !important; }
    #header .menu-principal ul li.mobile 		{ 	display:block !important; visibility: visible; color: #000; }
	#header .menu-principal ul li.link-flexlog span	{	display: none; }
	#header .menu-principal ul li.link-flexlog a	{	width: 100%; display: block !important; text-align: center; }
	#header .menu-principal ul li.link-flexlog a img { position: relative; right:auto; top:auto; }


	.bloco-30 { width: 100%; text-align: center; }
	.bloco-30:last-child { width: 100% !important; float: left !important; margin-top: 20px !important; }
	
	#content {  min-height:194px; }
	#content .titulo-pagina { 	color:#FFF; font-size:20px !important; background:url(../images/bkg_titulo_pagina.jpg) 50% 50% repeat; background-size:50% auto; height:auto !important; line-height:45px !important; padding:0 !important; text-align:center !important; }
	#content .subpagina.publicacoes .titulo > strong { float:none; display: block; margin: 0 0 20px 0; text-align: center}
	#content .subpagina.publicacoes .menu-publicacoes { float: none; margin-top: -12px; text-align: center}
	#content .subpagina.publicacoes .menu-publicacoes li { display: inline-block; float: none; margin: 0; }
	#content .subpagina.publicacoes .menu-publicacoes li > a{ font-size: 14px; }
	#content .subpagina.publicacoes .conteudo > h2 { float: none;  text-align: center; }
	#content .subpagina.publicacoes .publicacao { display: block; width: auto !important; height: auto !important;  float:none; margin: 10px 15px 20px 0; text-align: center}

	


    #content .html-pagina 				{ 	width:100%; float:none; font-size:12px !important; line-height:normal!important; margin:0 !important; }
    #content .col-esquerda 				{ 	float:none; width:100%; margin:0; }
    #content .col-meio 					{ 	margin:10px !important;  }
    #content .col-esquerda > ul 			{ 	list-style:none; background:#FFF; width:100%; }
    #content .col-esquerda ul li		{ 	display:block; border-bottom:1px solid #d6d6d6; background:url(../images/lbl_marcador_menu_pagina.png) 12px 10px no-repeat #fff; padding-right:0 !important; width:100%; }
    #content .col-esquerda > ul > li.sel	{ 	background-color:#11476C; background-position:12px -21px !important; }
    #content .col-esquerda > ul > li:hover	{ 	background-color:#175898; background-position:12px -21px !important; }
    #content .col-esquerda > ul > li > a		{ 	font-size:11px; font-weight:400; color:#666; margin:0 10px 0 0; display:block; vertical-align:middle; text-transform:uppercase; padding:7px 0 6px 20px; line-height:120%; }

	
    #content .galeria-imagens li { 	width:49%; margin:0 0.9% .9% 0; }

	#content .subpagina .titulo { text-align: center}
	#content .subpagina.escritorio .menu-escritorio { width: 100%; margin: 0; float: none; display: block; border-bottom: 1px solid #CCC; text-align: center; }
	#content .subpagina.escritorio .menu-escritorio li { display: inline-block; border-bottom: 0; border-right:1px solid #ccc; min-height:30px; line-height: 30px; font-size: 14px; padding: 0 3px; }
	#content .subpagina.escritorio .menu-escritorio li:last-child { border-right: 0; }
	#content .subpagina.escritorio .conteudo-escritorio { width: auto; float: none; padding: 30px 20px 20px 40px; border:0; text-align: center; }
	
	#content .subpagina.equipe .bloco-25,
	#content .subpagina.equipe .bloco-50 { width: 100%; text-align: center; }
	#content .subpagina.equipe .titulo-equipe strong { padding: 5px 0 !important; }
	#content .subpagina.equipe .titulo-equipe { width: 100%; margin: 20px 0; }
	
    .formulario { width:92%; }
    .formulario select,
    .formulario textarea,
    .formulario input { width:100% !important; margin:0 !important; }

	#footer {background-color: #2c2c2c; }
	#footer .direitos			{ 	text-align: center; float: none; margin-top: 7px;}
	#footer .developed			{ 	text-align: center; float: none; margin-bottom: 7px;} 
	#footer .copyright 			{ 	display:block; font-weight: 200; margin:5px 0 0 0; padding: 5px 0 0 0; font-size:12px; width:100%; height: auto !important; line-height: 21px !important; font-size: 11px; }
	#footer address { width:45%; float:left; display:block; text-align:center; line-height: normal; }
    #footer address a { float:none; margin-top:5px; }
    #footer address span { float:left; display:block; clear:left; width:100%; }
	#footer address a > img		{	float: left; margin:2px 10px 0 0; }
    #footer address a > strong	{	font-size:16px; }
	
}

@media only screen and (max-width : 1024px) {
/* Styles */
	
	#header { height: 80px;} 
	#header .menu-principal 					{ height: 80px; line-height: 40px; 	 }
	#header .logo-site > a 		{ 	line-height: 70px; height: 70px; padding-top: 10px;  }
	#header .logo-site 			{ 	width:80px; height:80px;  margin:0; }

	#header .menu-principal ul.opcoes		{ 	margin-left: 20px; }
	#header .menu-principal ul.opcoes li 	{ 	display: block; float:left; margin:0 12px 0 0; 	}
	#content #banner-home { height: 370px;   }
	
}

@media only screen and (min-width: 768px) and (max-width : 1024px) {
/* Styles */
    #content .wrapper  { width:96%; }
    #header .atalhos.escondido { display:none !important; }
	.bloco-30 { width: 47%; text-align: center; }
	.bloco-30:last-child { width: 97% !important; float: left !important; margin-top: 20px !important; }
}

@media only screen and (min-width: 768px) and (max-width : 1223px) {
/* Styles */
    .wrapper 		{ 	width:96%; }
    #content .html-pagina 	{ 	font-size:14px !important;}
    #header a { font-size:80% !important; }
	
 
}
 
@media only screen and (max-width: 600px) {

	#header .logo-site > a 		{ 	height: 30px; }
	
	#footer address { width:50% !important;  margin: 0; padding: 0; text-align: center; }
    #footer address > a { display: inline-block; text-align: center; width: 100%; float: none;}
	#footer address > a strong { display: block; text-align: center; width: 100%; }
	#footer address > a strong img		{	margin:0; }
	#footer address > span { display: none !important;}

}

@media only screen and (max-height: 600px) {

	#content {  min-height:67px; margin-bottom:40px; }
   	#footer  { 	position:relative; }

}

@media only screen and (max-height: 800px) {

	#header .menu-esquerda > div.videos 	{	position:relative; float:right; margin:0 0 0 50px; }

}

@media only screen and (max-width : 1024px) {

	/*#header .logo-site { display:none; } */

    #content .pagina { 	min-height:250px; margin:0 0 60px 0; }

}

@media only screen and (min-width : 1224px) {
/* Styles */

}

@media only screen and (min-width : 1338px) {
/* Styles */

}

@media only screen and (min-width : 1568px) {
/* Styles */
	/*#header .logo-site { width:160px; }*/
    #content .pagina   { margin-top:40px; }
}

/* Large screens ----------- */
@media only screen  and (min-width : 1889px) {
/* Styles */

}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
	#content {  min-height:67px; }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
	#content {  min-height:280px; }
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
	#content {  min-height:115px; }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
	#content {  min-height:330px; }
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
#content {  min-height:202px; }
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
#content {  min-height:430px; }
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}