@charset "UTF-8";
/*--------------- Comunes ---------------*/
html { -webkit-text-size-adjust: none;}
body {background:#FFFFFF; font-family:'latolight', Arial, Helvetica, sans-serif;}
* {font-family:'latolight', Arial, Helvetica, sans-serif;}
a {text-decoration:none; color:#D1268C; outline:none;}
a:hover {text-decoration:underline;}
strong {font-weight:bold;}
.separa {width:100%; clear:both; height:10px; display:block; margin:0; padding:0;}
.aleft {float:left;}
.aright {float:right;}
.anone {float:none;}
.hide {display:none;}
.left {text-align:left;}
.right {text-align:right;}
.hide {display:none;}
.block, .show {display:block;}
.breadcrumbs {display:none; font-size:14px; color:#999999; margin:0 0 1em;}
.breadcrumbs a {color:#D1268C;}
.subir {display:none; padding:.5em 0 1em 0; font-size:12px; font-weight:normal; color:#0e7a7a; text-align:center;}
.subir a {margin:0 5px; font-size:13px; font-weight:normal; color:#D1268C; text-align:center; background:#F0F0F0; border-radius:3px; padding:.5em 1.2em; text-decoration:none;}
.subir a:hover {background:#D1268C; color:#FFFFFF;}
.autor {display:block; font-size:12px; color:#000000; font-style:italic; margin:8px 0;}
.only-responsive {display:none;}
.only-screen {display: block;}
.herramientas a:nth-child(2){display: none;}
/* FIN Comunes */
/*--------------- Estructurales ---------------*/
#main {max-width:1200px; margin:0 auto; clear:both; overflow:hidden; margin-bottom: 40px;}
#header {width:100%; display:block; margin:0 auto; padding:0; position:relative;}
#footer {width:100%; display:block; margin:0 auto; background:#333333;}
#header .auxi, #footer .auxi {display:block; margin:0 auto; padding:20px 0; max-width:1200px; }
#header.interior .auxi {display:block; margin:15px auto; max-width:1100px; }
#main #principal {width:73%; max-width:1100px; margin:0; float:right;overflow: hidden;}
#main #principal-simulador {width: 95%;max-width: 100%;margin: 0px auto;overflow: hidden;}
#main iframe#simulador {max-width: 100%;overflow: scroll;}
#main aside {width:25%; max-width:500px; margin:0 auto; float:left;overflow: hidden;}
/* FIN Estructurales */
/*--------------- Header ---------------*/
#header .menu-principal {width:auto; float:right; margin:10px 0;}
#header .menu-principal > ul {padding:0;}
#header .auxi {position:relative;}
#header .logo {width:110px; overflow:hidden; margin:0 30px; float: left;}
/*Buscador*/
#buscador {width: 35%;display: inline-block;position: relative;height: 35px;float: right;padding: 0;position: relative;}
#buscador input[type="text"] {height: 35px;font-size: 18px;display: inline-block;font-family: "latolight";font-weight: 100;border: none;outline: none;color: #669;padding: 3px;padding-right: 60px;width: 0px;position: absolute;top: 0;right: 0;background: none;z-index: 3;transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);cursor: pointer;}
#buscador input[type="text"]:focus:hover {border-bottom: 1px solid #669;}
#buscador input[type="text"]:focus {width: 90%;z-index: 1;border-bottom: 1px solid #BBB;cursor: text;}
#buscador input[type="submit"] {height: 35px;width: 35px;display: inline-block;color:red;float: right;background: url(/ist/imag/v1/buscador.png) center center no-repeat;text-indent: -10000px;border: none;position: absolute;top: 0;right: 0;z-index: 2;cursor: pointer;opacity: 0.4;cursor: pointer;transition: opacity .4s ease;}
#buscador input[type="submit"]:hover {opacity: 0.8;}
/*menu principal*/
#header .sf-menu li a {font-size: 16px;color: #666699;margin: 0px 1px;padding: 10px 0 10px 40px;text-decoration: none;}
#header .sf-menu li a:hover {color:#d1278c; text-decoration: underline;}
#header .sf-menu li a:hover a, .sf-menu li a:hover {color:#cc0000;}
/*menu responsive*/
#header .menu_btn {width:40px; height:40px; color:#ffffff; cursor:pointer; display:none; padding:5px 0 0 20px; text-align:left; clear:both; position:absolute; right:1.5em; top:0;}
#header .menu_btn img {float:left;}
#header .menu_btn strong {float:left; margin:10px 5px 0 0;}
#header .menu_btn.activo { background:none;}
/* FIN Header */
/*--------------- Sidebar ---------------*/
#main aside .sb_caja_1 {overflow: hidden;padding: 20px;width: auto;background-color: rgb(225, 225, 230);border-radius: 3px; border: 1px solid #cecece;}
#main aside .sb_caja_1 h3{text-align: center;font-size: 30px;color: rgb(204, 102, 153);}
#main aside .sb_caja_1 p{margin: 10px 0px;line-height: 115%;text-align: center;}
#main aside .sb_caja_1 ul{margin: 20px 0 0 0;}
#main aside .sb_caja_1 li a{display: block; color: #5a1480; font-size: 16px;background-color: #cecedb;padding: 5px; margin: 5px;}
#main aside .sb_caja_1 li a:hover{text-decoration: none;background-color: #c8bfdb;}
#main aside .sb_caja_1 li a .icon{display: inline;color: #cb97b8;}
#main aside .sb_banners {margin: 10px 0;}
#main aside .sb_banners img{width: 100%;margin: 5px 0;}
#main aside .sb_caja_2 {overflow: hidden;padding: 20px;width: auto;background-color: rgb(232, 232, 240);margin: 0px 0px 20px;}
#main aside .sb_caja_2 h3{font-size: 25px;margin-bottom: 30px;}
#main aside .sb_caja_2 li{margin-top: 5px;}
#main aside .sb_caja_2 li+li{margin-top: 20px;}
#main aside .sb_caja_2 li .icon{color: rgb(218, 140, 196);display: inline-block;}
#main aside .sb_caja_2 li a{color: #666;}
#main aside .sb_caja_2 li a:hover{color: #663399;}
#main aside .sb_caja_3 {overflow: hidden;padding: 20px;width: auto;background-color: rgb(232, 232, 240);}
#main aside .sb_caja_3 h3{font-size: 25px;font-weight: bolder;margin-bottom: 30px; color: #d1278c;}
#main aside .sb_caja_3 li{margin-top: 5px;line-height: 170%;}
#main aside .sb_caja_3 li+li{margin-top: 20px;}
#main aside .sb_caja_3 li .icon{color: rgb(218, 140, 196);display: inline-block;}
#main aside .sb_caja_3 li p{display: inline;color: #666;}
#main aside .sb_caja_3 li a{color: #663399; font-size: 21px; display: block;margin: 0px 0px 0px 17px;}
/* FIN Sidebar */
/*--------------- Portada ---------------*/
#principal #destacado {position: relative;overflow: hidden;}
#principal #destacado img{height: 100%;width: auto;}
#principal #destacado .contenido{position: absolute;top: 160px;width: 75%;background-color: rgba(255, 255, 255, 0.8);min-height: 100px;}
#principal #destacado .contenido h3{font-size: 22px;text-transform: uppercase;color: rgb(0, 0, 51);letter-spacing: 1px;line-height: 110%;padding: 20px 0px;width: auto;margin: 0px 75px 0px 40px;}
#principal #destacado .contenido p{position: absolute;bottom: 0;right: 0;text-transform: uppercase;color: #fff;background-color: #cc6699;padding: 10px 20px;}
#principal #secundario {margin-top: 35px;}
#principal #secundario #noticias{width: 65%;overflow: hidden;float: left;padding: 0px 20px;}
#principal #secundario #noticias .titulo {overflow: hidden;position: relative;border-bottom: 9px solid #f5e0eb;padding-bottom: 20px;margin-bottom: 30px;}
#principal #secundario #noticias .titulo h2{font-size: 30px; color: #333333}
#principal #secundario #noticias .titulo .enlaces {position: absolute; right: 0; bottom: 20px;}
#principal #secundario #noticias .titulo .enlaces a{margin: 0 15px 0 10px;}
#principal #secundario #noticias .confoto {border-bottom: 1px solid #d6d6d6;overflow: hidden;padding-bottom: 20px;}
#principal #secundario #noticias .confoto .art img{width: 100%; height: auto;}
#principal #secundario #noticias .sinfoto {overflow: hidden;margin: 40px 0;}
#principal #secundario #noticias .art{width: 46%;float: left;overflow: hidden;}
#principal #secundario #noticias .first{margin: 0px 40px 0px 0px;}
#principal #secundario #noticias .art a h3{font-weight: bolder;font-size: 17px;color: rgb(51, 51, 102);min-height: 75px;overflow: hidden;margin-top: 10px;line-height: 120%;}
#principal #secundario #noticias .art .fecha{color: #cc6699;font-family: "latoregular"; font-size: small;}
#principal #secundario #noticias .art p{line-height: 120%; margin: 5px 0;}
#principal #secundario #noticias .art .mas{font-family: "latoregular";color: rgb(255, 255, 255);background-color: rgb(204, 102, 153);overflow: hidden;float: right;padding: 5px 10px;margin: 10px 0;}
#principal #secundario #noticias .red {background-color: rgb(232, 232, 240);overflow: hidden;padding: 30px 0 0;}
#principal #secundario #noticias .red h2{color: #666699;font-size: 25px;margin-left: 30px;}
#principal #secundario #noticias .red #tabs{width: 100%;overflow: hidden;margin: 0px;padding: 0px;}
.ui-tabs-vertical .ui-tabs-nav {float: left; width: 35%;}
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel {float: right; width: 60%;}
#principal #secundario #noticias .red #tabs h4{font-size: 20px; color:#666699;margin: 0 0 15px 0;}
#principal #secundario #noticias .red #tabs img{width: 45%;float: left;}
#principal #secundario #noticias .red #tabs p{margin: 0px 10px;width: 45%;float: left;line-height: 120%;}
#principal #secundario #noticias .red #tabs .mas{position: absolute;bottom: 30px;right: 30px;color: #666699;font-size: 18px;}
#principal #secundario #barra_lateral{overflow: hidden;width: 30%;}
#principal #secundario #barra_lateral .liconos {overflow: hidden;width: 100%;}
#principal #secundario #barra_lateral .liconos .icon{overflow: hidden;width: 65px;text-align: center; float: left;margin: 0 10px;font-size: 14px;}
#principal #secundario #barra_lateral .liconos .icon img{margin: 0 auto 5px; width: 55%; height: auto; opacity: .6;display: block;}
#principal #secundario #barra_lateral .liconos .icon a:hover{text-decoration: underline;}
#principal #secundario #barra_lateral .liconos .icon a:hover img{opacity: 1;}
#principal #secundario #barra_lateral .caja-bl {background-color: #e8e8f0;padding: 30px;margin: 30px 0;}
#principal #secundario #barra_lateral .caja-bl h3{font-size: 24px;margin-bottom: 30px;}
#principal #secundario #barra_lateral .caja-bl li{margin-top: 5px;line-height: 170%;}
#principal #secundario #barra_lateral .caja-bl li+li{margin-top: 20px;}
#principal #secundario #barra_lateral .caja-bl li .icon{color: rgb(218, 140, 196);display: inline-block;}
#principal #secundario #barra_lateral .caja-bl li p{display: inline;color: #666;font-size: 15px;}
#principal #secundario #barra_lateral .caja-bl li a{font-size: 17px;display: block;margin: 0px 0px 0px 17px;color: #666;font-family: "latoregular";}
#principal #secundario #barra_lateral .chica {text-align: center;padding: 25px 0; border-bottom: 9px solid #edcadb;}
#principal #secundario #barra_lateral .chica p {font-size: 18px; color: #666666; margin-bottom: 10px;}
#principal #secundario #barra_lateral .chica a {font-family: "latobold"; font-size: 20px; color: #d1278c;}
#principal #secundario #barra_lateral .slider h3{font-size: 20px;}
#principal #secundario #barra_lateral .slider h5{font-size: 18px;display: block;margin: 20px 0px 0 10px;width: 60%;float: left;}
#principal #secundario #barra_lateral .slider #owl-demo {margin: 15px 0px;}
#principal #secundario #barra_lateral .slider #owl-demo .item {display: block;float: left;padding: 10px;font-size: 18px;width: auto;border: 1px solid #cecece;margin: 0 5px;min-height: 150px;}
#principal #secundario #barra_lateral .slider #owl-demo .item img{display: block;width: 35%; height: auto; float: left;}
#principal #secundario #barra_lateral .slider #owl-demo .owl-buttons {display: none;}
/* FIN Portada */
/*Slider*/
#main #principal .owl-theme .owl-controls {position: absolute; top:120px; width:100%;}
#main #principal .owl-theme .owl-controls .owl-buttons {position: relative;}
#main #principal .owl-theme .owl-controls .owl-buttons .owl-prev {position: absolute; left:0; padding: 10px; background: url('/ist/imag/v1/auxi/bt_prv.png') no-repeat center #869791;}
#main #principal .owl-theme .owl-controls .owl-buttons .owl-next {position: absolute; right:0; padding: 10px; background: url('/ist/imag/v1/auxi/bt_nxt.png') no-repeat center #869791;}
/*FIN Slider*/
/*--------------- Footer ---------------*/
#footer .auxi {margin:0 auto; padding:20px; overflow: hidden;}
#footer .auxi p {font-size:14px; color:#fff;}
#footer .auxi .logo{margin: 0 50px;}
#footer .auxi .col-footer{width: 25%;float: left;overflow: hidden;}
#footer .auxi .col-footer .address{text-align: left;line-height: 170%;overflow: hidden;padding: 10px 45px 0px 25px;}
#footer .auxi .col-footer .address p{margin-bottom: 10px;}
#footer .auxi .col-footer .address p span{color: #9393c6; font-size: 22px;}
#footer .auxi ul.col-footer {width: auto; margin: 0px 0px 0px 9%;}
#footer .auxi ul.col-footer li p{font-size: 21px; color: #cc6699; margin: 20px 0; letter-spacing: 1px;}
#footer .auxi ul.col-footer li a{font-size: 14px; color: #fff; line-height: 220%;}
/* FIN Footer */
/*--------------- Font face ---------------*/
@font-face {
font-family: 'latoblack';
src: url('fonts/lato-black-webfont.eot');
src: url('fonts/lato-black-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/lato-black-webfont.woff2') format('woff2'),
url('fonts/lato-black-webfont.woff') format('woff'),
url('fonts/lato-black-webfont.ttf') format('truetype'),
url('fonts/lato-black-webfont.svg#latoblack') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'latoblack_italic';
src: url('fonts/lato-blackitalic-webfont.eot');
src: url('fonts/lato-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/lato-blackitalic-webfont.woff2') format('woff2'),
url('fonts/lato-blackitalic-webfont.woff') format('woff'),
url('fonts/lato-blackitalic-webfont.ttf') format('truetype'),
url('fonts/lato-blackitalic-webfont.svg#latoblack_italic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'latobold';
src: url('fonts/lato-bold-webfont.eot');
src: url('fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/lato-bold-webfont.woff2') format('woff2'),
url('fonts/lato-bold-webfont.woff') format('woff'),
url('fonts/lato-bold-webfont.ttf') format('truetype'),
url('fonts/lato-bold-webfont.svg#latobold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'latobold_italic';
src: url('fonts/lato-bolditalic-webfont.eot');
src: url('fonts/lato-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/lato-bolditalic-webfont.woff2') format('woff2'),
url('fonts/lato-bolditalic-webfont.woff') format('woff'),
url('fonts/lato-bolditalic-webfont.ttf') format('truetype'),
url('fonts/lato-bolditalic-webfont.svg#latobold_italic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'latohairline';
src: url('fonts/lato-hairline-webfont.eot');
src: url('fonts/lato-hairline-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/lato-hairline-webfont.woff2') format('woff2'),
url('fonts/lato-hairline-webfont.woff') format('woff'),
url('fonts/lato-hairline-webfont.ttf') format('truetype'),
url('fonts/lato-hairline-webfont.svg#latohairline') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'latohairline_italic';
src: url('fonts/lato-hairlineitalic-webfont.eot');
src: url('fonts/lato-hairlineitalic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/lato-hairlineitalic-webfont.woff2') format('woff2'),
url('fonts/lato-hairlineitalic-webfont.woff') format('woff'),
url('fonts/lato-hairlineitalic-webfont.ttf') format('truetype'),
url('fonts/lato-hairlineitalic-webfont.svg#latohairline_italic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'latoitalic';
src: url('fonts/lato-italic-webfont.eot');
src: url('fonts/lato-italic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/lato-italic-webfont.woff2') format('woff2'),
url('fonts/lato-italic-webfont.woff') format('woff'),
url('fonts/lato-italic-webfont.ttf') format('truetype'),
url('fonts/lato-italic-webfont.svg#latoitalic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'latolight';
src: url('fonts/lato-light-webfont.eot');
src: url('fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/lato-light-webfont.woff2') format('woff2'),
url('fonts/lato-light-webfont.woff') format('woff'),
url('fonts/lato-light-webfont.ttf') format('truetype'),
url('fonts/lato-light-webfont.svg#latolight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'latolight_italic';
src: url('fonts/lato-lightitalic-webfont.eot');
src: url('fonts/lato-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/lato-lightitalic-webfont.woff2') format('woff2'),
url('fonts/lato-lightitalic-webfont.woff') format('woff'),
url('fonts/lato-lightitalic-webfont.ttf') format('truetype'),
url('fonts/lato-lightitalic-webfont.svg#latolight_italic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'latoregular';
src: url('fonts/lato-regular-webfont.eot');
src: url('fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/lato-regular-webfont.woff2') format('woff2'),
url('fonts/lato-regular-webfont.woff') format('woff'),
url('fonts/lato-regular-webfont.ttf') format('truetype'),
url('fonts/lato-regular-webfont.svg#latoregular') format('svg');
font-weight: normal;
font-style: normal;
}
/*Font-Awesome Icons*/
@font-face {
font-family: "ist";
src:url("fonts/ist.eot");
src:url("fonts/ist.eot?#iefix") format("embedded-opentype"),
url("fonts/ist.woff") format("woff"),
url("fonts/ist.ttf") format("truetype"),
url("fonts/ist.svg#ist") format("svg");
font-weight: normal;
font-style: normal;
}
[data-icon]:before {
font-family: "ist" !important;
content: attr(data-icon);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: "ist" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-angle-right:before {
content: "a";
}
.icon-search-find:before {
content: "b";
}
.icon-youtube-square:before {
content: "c";
}
.icon-window-list:before {
content: "d";
}
.icon-email-envelope:before {
content: "e";
}
/* FIN Font face */
/*--------------- RESPONSIVE ----------------*/
@media(max-width:1200px) {
#main, #header .auxi, #footer .auxi { width: 96% !important;padding: 0 2%;}
/*articulo*/
.seccion1 .articulo .embed {width:100%; height:auto;}
.seccion1 .articulo .embed iframe {width:100%; height: 440px;}
#header .sf-menu li a {padding: 10px 15px;}
#buscador {margin: 20px;}
#principal #secundario #noticias {padding: 0px 20px 0 0px;}
#principal #secundario #noticias .first {margin: 0px 30px 0px 0px;}
#principal #secundario #barra_lateral .liconos {padding: 0px 10px;}
#principal #secundario #barra_lateral .liconos .icon { margin: 0px auto;display: block;width: 35%;padding: 10px 30%;}
}
@media(max-width:1000px) {
#main {background-image:none;}
#main .contenido {width:auto !important; max-width:100% !important; margin:0; padding:1.2em; float:none;}
#main .contenido .auxi {margin:0;}
#header .logo {margin:-40px 0 0; float:left;}
#header .logo img {width:90%; height:auto;padding: 10px 0;}
/*menu responsive*/
#header .menu_btn {display:block;}
#header .sf-menu li .menu_expandir {
background: rgba(0, 0, 0, 0) url("/ist/imag/v1/auxi/ico_adj.png") no-repeat scroll center center;
display: block !important;
height: 23px;
margin-right: 5px;
margin-top: -30px;
width: 23px;
}
#header .sf-menu li.activo > ul {display:block !important;}
#header .sf-menu li.activo .menu_expandir {background:url(/ist/imag/v1/auxi/ico_adj2.png) no-repeat;}
.sf-menu li ul {margin-top:0px;}
#header ul.menu {width:auto; display:none; clear:both;}
/*.sf-menu ul { display: none !important;}*/
.sf-menu ul {position: static !important; top: 0; width: 100% !important; z-index:0; display:none;}
.sf-menu li ul li a {background-color:#cbbfe8 !important; color:#666699 !important;}
.sf-menu li {width:auto; float:none !important;padding:0 !important;}
.sf-menu li a, .sf-menu li a:visited {color:#FFFFFF !important;background: rgba(89, 20, 127, 0.6) none repeat scroll 0% 0%;}
#header .auxi {padding: 10px 0;}
#header.interior .menu-principal {margin-left:0; }
#header .menu-principal {height:auto; float:none;}
#header .logo {margin: 0 20px;}
#buscador {width: 55%;right: 80px;top: 35px; margin: 0;}
#header .menu_btn {top: 42px;padding: 0px;}
#main #principal{width: 100%;margin: 0 auto;float: none;}
#principal #destacado img {width: 100%;height: auto;}
#principal #destacado .contenido {top: inherit;bottom: 3px;}
#principal #destacado .contenido p {bottom: 3px;right: 15px;}
#principal #secundario{width: 98%;margin: 35px 0 20px;}
#main aside{width: 96%;max-width: 100%;margin: 0px auto;float: none;}
#main aside .sb_caja_1{width: 47%;float: left;margin: 5px 0px;}
#main aside .sb_banners{float: right;width: 46%;margin: 0px;}
#main aside .sb_caja_2{width: 47%;float: left;margin: 20px 0px;}
#main aside .sb_caja_3{width: 47%;float: left;margin: 5px 0px;}
#principal #secundario #barra_lateral .slider #owl-demo .item {text-align: center;}
#principal #secundario #barra_lateral .slider #owl-demo .item img {width: 50%;float: none;margin: 0 auto;}
#principal #secundario #barra_lateral .slider h5{float: none;margin: 10px 0 0;width: 100%;}
#principal #secundario #barra_lateral .caja-bl {padding: 20px;}
}
@media(max-width:760px) {
/*global*/
.subir a {background:#D1268C; color:#FFFFFF; font-size:16px;}
/*header*/
#main, #header .auxi, #footer .auxi {width:auto !important;padding: 10px 0;}
.sf-menu ul {display: none !important;}
#header .sf-menu li a{padding: 15px 25px;}
#principal #secundario #noticias {width: 90%;padding: 0px 10px;margin: 0px auto;float: none;}
#principal #secundario #noticias .titulo .enlaces {position: relative;bottom: 0;margin: 20px 0 0 0;}
#principal #secundario #noticias .titulo .enlaces a {margin: 0px 15px 0px 0px;}
#principal #secundario #noticias .sinfoto {margin: 20px 0px;}
#principal #secundario #noticias .red h2 {margin-left: 15px;}
#principal #secundario #barra_lateral {width: 90%;margin: 0px auto;padding: 20px 0px;}
#principal #secundario #barra_lateral .liconos {width: 255px;float: left;margin: 25px 0px 0px;}
#principal #secundario #barra_lateral .caja-bl {width: 40%;float: right;margin: 30px 0;}
#principal #secundario #barra_lateral .chica {width: 40%;float: left;margin: 30px 0;}
#principal #secundario #barra_lateral .slider {width: 45%;float: left;}
#main aside {width: 90%;margin: 0px auto;float: none;max-width: 90%;}
#main aside .sb_caja_1 {float: left;width: 40%;margin: 5px 0px 0px;}
#main aside .sb_banners {width: 50%;float: right;margin: 0 0 50%;}
#main aside .sb_caja_2 {float: left;width: 40%;margin: 20px 0px;}
#main aside .sb_caja_3 {width: 40%;float: left;}
}
@media(max-width:640px) {
/*global*/
#header .auxi{padding-bottom: 0px;}
#header.interior .logo {display:none;}
#header .logo {margin:-10px 0px 0px 15px; float:left;}
#header .menu-principal {background:none; min-height:5px;}
#header #buscador{width: 90%;margin: 15px 20px;right: 0;top: 0;}
#buscador input[type="text"]{padding: 3px 20px 3px 3px;}
#header .menu_btn {padding: 0px;top: 42px;right: 18px;}
#footer {padding:1em 0; }
#main #principal {width: 100%;}
#principal #destacado {position: relative;}
#principal #destacado img {width: 100%;height: auto;}
#principal #destacado .contenido {position: relative;top: 0px;padding-bottom: 40px;min-height: 60px;}
#principal #destacado .contenido h3{padding: 0px;margin: 0px;font-size: 18px;}
#principal #destacado .contenido p{right: 20px;}
#principal #secundario #barra_lateral .slider #owl-demo .item img{width: 100%;margin: 0 0 10px;}
#principal #secundario #barra_lateral .slider h5{width: auto;float: none;text-align: center;margin: 10px 0px;}
#principal #secundario #barra_lateral .liconos {margin: 0px auto 20px; width:auto;float: none;}
#principal #secundario #barra_lateral .liconos .icon {margin: 0px auto;display: block;width: 23%;padding: 10px 5%;}
#footer .auxi .col-footer {width: 100%;}
}
@media(max-width:555px) {
#principal #secundario #noticias .art{width: 100%;}
#principal #secundario #noticias .first {margin: 0px 0px 20px;border-bottom: 1px solid #D6D6D6;padding-bottom: 10px;}
#principal #secundario #noticias .art a h3 {min-height: inherit;margin: 0;}
#principal #secundario #barra_lateral .caja-bl.chica{margin: 0px 0px 30px;}
#principal #secundario #barra_lateral .caja-bl {margin: 0;}
}
@media(max-width:480px) {
.only-responsive {display:block;}
.only-screen {display:none;}
#principal #secundario #barra_lateral{width: 90%;margin: 20px auto 0px; padding: 0;}
#principal #secundario #barra_lateral .liconos .icon img { width: 70%;}
#principal #secundario #barra_lateral .caja-bl {width: 100%;float: none;margin: 10px 0;}
#principal #secundario #barra_lateral .slider {width: 100%;float: none;}
#main aside {width: 90%;margin: 0 auto;float: none;}
#main aside .sb_caja_1 {float: none;width: 90%;}
#main aside .sb_banners{width: 100%;float: none;margin: 10px 0px;}
#main aside .sb_caja_2{float: none;width: 90%;margin: 10px 0px;}
#main aside .sb_caja_3{width: 90%;float: none;margin: 10px 0px;}
#principal #secundario #noticias .only-responsive ul {margin: 20px 0 0;}
#principal #secundario #noticias .only-responsive ul li a{padding: 20px;display: block;color: #666; font-weight: bolder;}
#principal #secundario #noticias .only-responsive ul li a:hover{background-color: #666699; color: #fff; text-decoration: none;}
#principal #secundario #noticias .only-responsive ul li + li {border-top: 1px solid #C5C5CB;}
#principal #secundario #barra_lateral .slider #owl-demo .item{float: none;height: 100%;}
#principal #secundario #barra_lateral .slider #owl-demo .item img {display: block;width: 35%;height: auto;float: left;}
#principal #secundario #barra_lateral .slider h5 {font-size: 18px;display: block;margin: 20px 0px 0px 10px;width: 60%;float: left;}
}
/* FIN */
#banner-urgencias{
color: #fff;
background-color: #ff7c00;
float: right;
text-align: center;
padding: 5px;
border-radius: 5px;
font-size: 16px;
position: relative;
z-index: 999999;
margin-left: 15px;
}
#banner-urgencias .telefono{
font-size: 22px
}
#contenedor-cabecera{
position: relative;
width: 100%;
max-width: 1200px;
margin: auto;
padding-top: 15px;
}
#menu-menu-cabecera{
padding-bottom: 0;
height: 150px;
float: right;
}
#menu-menu-cabecera>li{
display: block;
width: 100%;
text-align: right;
}
#menu-menu-cabecera a{
font-size: 16px;
color: #ff6501;
cursor: hand;
cursor: pointer;
display: block;
position: relative;
z-index: 999999;
}
#menu-menu-cabecera .sub-menu{
display: none;
position: absolute;
z-index: 9999999;
border-top: 3px solid #ff6501;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#menu-menu-cabecera .menu-item-has-children:hover .sub-menu{
display: block;
}
#menu-menu-cabecera .sub-menu li{
background-color: #fff;
}
#menu-menu-cabecera .sub-menu li a{
display: block;
padding: 0px 15px;
background-color: #fff;
text-align: left;
transition: all .5s;
}
#menu-menu-cabecera .sub-menu a:hover{
background-color: rgba(0, 0, 0, 0.03);
}
#cabecera-medida{
padding-top: 15px;
padding-bottom: 0;
height: 160px;
}
#cabecera-medida a{
display: inline-block;
color: #ff6501;
font-size: 16px;
float: right;
margin-left: 50px;
text-align: center;
}
#main-header{
box-shadow: none;
top: 70px !important;
position: absolute !important;
height: 85px;
}
#main-header.posicion-fija{
top: 0px !important;
position: fixed !important;
}
#logo{
max-height: 125%;
/* height: 80%; */
height: 125%;
}
.logo img{
position: relative;
z-index: 100;
padding: 2%;
width: 25% !important;
max-width: 25% !important;
height: 50% !important;
max-height: 50% !important;
}
#contenedor-cabecera{
top: 50px;
position: absolute;
}