header("Content-type: text/css")
ul.menu{float:right;margin-top:0px;}
ul.menu li{float:left;line-height:20px;margin:0px 0 0px 44px;}
ul.menu li a{font-size:15px; line-height:22px;color:#FFFFFF;display:inline-block; font-weight: bold;}
ul.menu li a:hover, ul.menu li.current a{color:#0084ff;}

ul.menu2{float:left;margin-top:12px;display:none} 

ul.menu2 li{float:left;line-height:20px;margin:0px 0 0px 25px;}
ul.menu2 li a{font-size:15px;line-height:22px;color:#564a4a;display:inline-block;}
ul.menu2 li a:hover, ul.menu li.current a{color:#0084ff;}
.bg-img{background:url(../images/bg-img.gif) 0 0 no-repeat;width:150px;height:6px;position:absolute;top:-6px;left:-152px;}
#content{width:100%; margin-left: 0%}
footer{width:100%;position:relative;overflow:hidden;text-align:center;padding:10px 0 45px 0;}
footer p{color:#1e1e1e;}
.map{width:200px;height:200px;margin:20px 0 0 0;}
.map iframe{width:200px;height:200px;}
dl{margin:12px 0px 0 0px;}
dl dt{}
dl dd span{display:block;width:83px;float:left;}
dl dd{}
dl dd a{text-decoration:underline !important;}
dl dd a:hover{text-decoration:underline;color:#333;}
#form{margin:20px 0 0px 0px;width:575px;}
#form input{border:#f4f4f4 1px solid;background:#fff;font:14px Arial, Helvetica, sans-serif;color:#bebebe;padding:11px 9px 13px 11px;outline:medium none;width:278px;height:17px;float:left;}
#form textarea{border:#f4f4f4 1px solid;background:#fff;font:14px Arial, Helvetica, sans-serif;color:#bebebe;height:192px;outline:medium none;overflow:auto;padding:12px 0px 0px 11px;width:562px;resize:none;margin:0px 0 0 0;float:left;}
#form label{position:relative;overflow:hidden;display:block;min-height:53px;}
.btns{text-align:right;width:575px;padding-top:10px;}
.btns a{display:inline-block;margin:0 0px 0 10px;}
#side-a{float:left;}
#side-b{margin:0;float:left;height:1%}
iframe.ytb-embed{max-width:100% !important;display:block;}

.instagram-container {
    aspect-ratio: 1 / 1;
    width: 100%;
}

.twitter-container {
    aspect-ratio: 16 / 9; 
    width: 100%;
}

.ad-container {
    width: 300px;
    height: 250px;
}



@media screen and (max-width:1000px) 
{ header nav {width:40%;} 



@media screen and (max-width:930px) 
.bannerx{max-width:110px;left:49%;top:30px;}
.fontCelulares{font-size:16px;line-height:17px;}
.fontCelularesNav{ font-size:14px}



@media screen and (max-width:850px) 
.bannerx{max-width:70px;left:49%;top:20px;}
.fontCelulares{font-size:12px;line-height:10px;}
.fontCelularesNav{ font-size:11px;line-height:10px;}
.card-columns{column-count:2}
#cont {
  columns:3;
}



@media screen and (max-width:660px)
{.menuorizontal{display: none;}
.relacionados{font-size: 13px;}
.bannerx{max-width:75px;left:49%;top:20px;}
.fontCelulares{font-size:10px;line-height:10px;}
.fontCelularesNav{ font-size:9px;line-height:10px;}



@media screen and (max-width:630px) 
{.col-uno{width:auto;float:none;}
.col-dos{width:auto;float:none;}
.col-tres{display:none;}
.col-cuatro{width:auto;float:none;}
.img-indent{float:left;margin:3px 30px 0px 0;max-width:630px;height:auto}
.columna {
    width:100%;
    float:none;

  }
 #tituloColumna{
 	 font-size: 23px;
 	 line-height: 29px;
 	 max-width: 340px;
 }
.bannerx{max-width:130px;left:71%;top:40px;}
.fontCelulares{font-size:15px;line-height:20px;}
.fontCelularesNav{ font-size:14px;line-height:15px;}




@media screen and (max-width:600px){.main{width:100%}
.extra-wrap{width:auto;float:none;}
header{width:100%;z-index:101;position:relative;overflow:hidden;padding-bottom:1px;}
.social-fecha{display:none;}
#center{display:none;}
.icon-twitter{display: none;} 




.block-2{padding:8px 8px 10px 10px;}
.block-2_{padding:8px 8px 10px 10px;}
.block-1{padding:8px 8px 10px 10px;}



.columna {
    width:100%;
    float:none;
  }
  #tituloColumna{
 	 font-size: 23px;
 	 line-height: 29px;
 	  max-width: 340px;
 }
 




@media screen and (max-width:550px){.main{width:100%}
.bannerx{max-width:130px;left:71%;top:20px;}
.fontCelulares{font-size:14px;line-height:20px;}
.fontCelularesNav{ font-size:13px;line-height:15px;}
.font-1_1x{font-size:27px;line-height:5px;}  
.font-2_1x{font-size:17px;} 
 #content{width:100%; margin-left: 0%}

 
 
 




@media screen and (max-width:500px) { header nav {width:50%} 
.p4{padding-bottom:15px; font-size:19px; font-family:Optima, sans-serif}
.p5{padding-bottom:10px; font-size:19px}
.fontCelulares{font-size:10px;line-height:11px; }
.fontCelularesNav{ font-size:9px;line-height:10px;}
.bannerx{max-width:130px;left:71%;top:10px;}
#cont {
  columns:2;
}

@media screen and (max-width:365px) { header nav {width:50%} 
.icon-facebook{display: none;} 
.icon-instagram{display: none;}
.icon-search2 {margin-top:4px;} 
.relacionados{font-size: 10px;}



@media screen and (max-width:345px){.main{width:100%}
.bannerx{max-width:130px;left:69%;top:10px;}
.fontCelulares{font-size:6px;line-height:7px; }
.fontCelularesNav{ font-size:6px;line-height:7px;}
.p4{padding-bottom:15px; font-size:20px; font-family:Optima, sans-serif}
.p5{padding-bottom:10px; font-size:20px}
#logoletras{width:170px;}






@media screen and (max-width:306px){.main{width:100%}
#emblemaCelular{display:none;}
#logoletras{width:130px;}
.icon-youtube{display: none;} 
.icon-facebook{display: block;} 
.icon-instagram{display:block;} 
.ListaPadreMiniatura{display: none;}



@media screen and (max-width:262px){.main{width:100%}
.icon-facebook{display:none;} 


@media screen and (max-width:232px){.main{width:100%}
.icon-instagram{display: none;}
#slidercentral{display:none;}


@media screen and (max-width:212px){.main{width:100%}
.icon-search2{display: none;} 


@media screen and (max-width:180px){.main{width:100%}
.icon-menu{display: none;}