/* Modelo Vacio Prontus */ /* CSS Generales para Tags HTML */ html>body {margin:0; padding:0;} img {border:0;} a:hover{text-decoration:none; color:#FF0000; cursor:pointer; } /* ALD: OJO */ a:hover * {text-decoration:none; color:#FF0000; cursor:pointer; } /* ALD: OJO */ form{margin:0; padding:0;} .separa, .spacer {clear:both;} .separa {width:100%; height: 0; display: block; clear: both; margin: 0; padding: 0;} .aleft {float:left;} .aright {float:right;} /*-------------------oo------------------------*/ /*ESTILO PARA BODY*/ .bienestar {background-color: #fff;} /*-------------------oo------------------------*/ /*--------------- INICIO NUEVO ---------------*/ @charset "UTF-8"; /*--------------- Comunes ---------------*/ html { -webkit-text-size-adjust:none; } body {background:#f0f0f1; font-family:'open_sansregular', Arial, Helvetica, sans-serif;} * {font-family: Arial, Helvetica, sans-serif; box-sizing:border-box;} a {text-decoration:none; outline:none;} strong {font-weight:bold;} .conv {width:100%;padding:40px 0 0 0; margin:0 auto; max-width: 1000px;} .separa {width:100%; clear:both; height:1px; 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:block; font-size:12px; color:#999999; margin:0;} .breadcrumbs a {color:#37240C;} .only-responsive {display:none;} .auxi{width: 100%; max-width: 1200px; margin: 0 auto;} .top-20{margin-top: 20px !important;} .top-60{margin-top: 60px !important;} .bottom-40{margin-bottom: 10px !important;} .top-85{margin-top:85px !important;} .top-100{margin-top: 100px !important;} .top-150{margin-top: 150px !important;} .top-250{margin-top: 150px !important;} .container{width: 100%;} .used{opacity: .5;} .access1 {height:0; width:100%; color:#fcfcfc; overflow:hidden;} h2{font-size: 25px; font-family: 'open_sansbold', sans-serif; color:#2a295c; padding:25px 0; text-transform: uppercase;} /* FIN Comunes */ /*--------------- CONTRASTE ACCESIBILIDAD ---------------*/ body.contraste {background-color:#000000 !important; color:#fff !important;} body.contraste *, body.contraste article.sitios {background-color:#000000; color:#fff !important; } body.contraste a, body.contraste p, body.contraste h2, body.contraste h3, body.contraste h4 {color:#fff !important;} body.contraste :focus {outline:2px solid #ffcc99 !important;} body.contraste #header :focus, body.contraste #footer :focus {outline:2px solid #ffcc99 !important;} body.contraste .slide_cont{background:none;} body.contraste #header.navbar .form-group .btn.btn-default img{background:none;} body.contraste .slide_box .slick-list{background:none;} body.contraste .slide_box{background:none;} body.contraste .slide_cont .auxi{background:none;} body.contraste .play_btn{background:none;} body.contraste .play_btn a, .play_btn img{background:none;} body.contraste .content_box{background: none;} body.contraste .slick-prev:before, .slick-next:before{display: none;} body.contraste .categorias .box-txt .cont_box{background:none;} body.contraste .sociales .box-txt{background:none;} body.contraste #tabs2 button.w3-button{border:none;} body.contraste footer{ background: none;} body.contraste footer .sup_foot{background:none;} body.contraste .filt select{color:#000000 !important;} body.contraste #main.cal_cont{background-color: #000000;} body.contraste #result-list .filt .form-group .form-control{color:#000000 !important;} /*--------------- Estructurales ---------------*/ #main {width:100%; margin:0 auto; clear:both; overflow:hidden; padding:0;} #header {width:100%; display:block; margin:0 auto; padding:0; z-index: 1000; right:0px;border-left: 0; background:#193469;/*padding-bottom: 35px;*/} #header.pad{padding-bottom:10px;} #footer {width:100%; display:block; margin:0 auto; background:#035682;} #header .auxi, #footer .auxi {display:block; margin:0 auto; max-width:1200px;padding:4px 0;} #header.interior .auxi {display:block; margin:15px auto; max-width:1200px;} /* FIN Estructurales */ /*--------------- Header ---------------*/ #header a {position: relative;} #header.navbar{margin: 0 auto;} #header.navbar .nav{ position: relative; display: block; padding: 0;transition:.2s all ease-in;} #header.navbar .nav .logo_cont{display: inline-block; position: relative;} #header.navbar .nav .logo_cont img{height: auto; display: inline-block;} #header.navbar .nav .nav_cont{display:inline-block;float: right;} #header.navbar .nav .sub-menu{display:inline-block; position: relative; vertical-align:top;} #header.navbar .nav .navmin{background-color:#061a3f; padding:0; margin-bottom: 20px; display: flex; display:-webkit-flex; display:-moz-flex; display:-ms-flexbox; display:-o-flex; justify-content: flex-end; -ms-flex-pack: end; -webkit-justify-content:flex-end; text-align: right; transition: .3s all ease;} #header.navbar .nav .navmin .menumin{display: inline-block;margin-right: 3px; position: relative; bottom: 2px;margin-top:0;margin-bottom:0;} #header.navbar .nav .navmin .menumin li{display: inline-block;} #header.navbar .nav .navmin .menumin li a{font-family:'open_sanslight', sans-serif; font-size: 11px; padding: 0 10px; letter-spacing: 1px;} #header.navbar .nav .navsup{display: flex; justify-content: flex-end;} #header.navbar .nav .navsub .menu_nav li{display: inline-block; text-align:center;} #header.navbar .nav .navsub .menu_nav li img{position: relative; bottom: 0; display: block; margin:0 auto;padding:0;} #header.navbar .nav ul li{display:block;} #header.navbar .nav .menu_nav li a{font-family: 'open_sanslight', sans-serif; text-decoration: none;color: #fff;font-size: 11px;padding: 15px 0;text-transform: uppercase;letter-spacing: 0;max-width: 100px;min-width: 90px;display: flex;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: -o-flex;display: -ms-flexbox;flex-direction: column;-ms-flex-direction: column;} #header.navbar .nav .menu_nav li:last-child a{padding-right: 0;} #header.navbar .nav ul li a{text-decoration: none; color: #fff;display: block;} #header.navbar .nav .access_h{ margin-left: 0; position: relative; display: inline-flex; justify-content: space-between; min-width: 80px;margin-top:0;margin-bottom:0;} #header.navbar .nav .access_h li{display: inline-block;margin:0 3px;} #header.navbar .nav .access_h li a img{width: auto; position: relative; right: 3px; top: 3px;} #header.navbar .nav .access_h li a{background-color: #ffffff; border-radius: 50%; width: 23px; height: 23px;} #header.navbar .nav .access_h li a:hover{background-color: rgba(255, 255, 255, 0.9);} #header.navbar .search-btn{display: inline-block;} #header.navbar .navbar-form{width:100%;display:flex;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display: -ms-flexbox;justify-content: center;-ms-flex-pack: center; position: relative;} .sticky {position: fixed !important; top: 0 !important; width: 100%;background-color:#193469; transition: .3s all ease;} .sticky + .alert{ padding-top: 152px;} #header.navbar.sticky .nav{padding: 0;} #header.navbar.sticky .nav .navmin{margin-bottom: 0px; transition: .3s all ease;} #header.navbar.sticky .nav .logo_cont{padding-top: 10px; transition: .3s all ease;} #header.navbar.sticky .nav .menu_nav li a{padding: 18px 0 10px 0; transition: .3s all ease;} #header.navbar.sticky .menu_nav .cbp-hrsub .btn_submenu{padding: 16px; } #header.navbar.sticky .nav ul li ul.sub-menu {top: 35px;background: rgba(57, 26, 107, 0.85);} #header.navbar .nav .search-button{display: inline-block;position: relative; float: right; background:none; border:none; outline: none; cursor: pointer;} #header.navbar .nav .search-button a{font-family: 'open_sanslight'; text-decoration: none; color: #fff; font-size: 12px; padding: 28px 17px 19px; background-color: #083b54; display: inline-block;} #header.navbar .nav .search-button a:hover{background-color:#c9930e;transition:.3s all ease;} #header.navbar .nav .search-button img{vertical-align: middle; bottom: 1px; position: relative;} .search-bar{ display: none; position: absolute; right: 100px; background-color: #061a3f; z-index: 100;padding: 15px 9px 9px 9px; width: 314px;} #header .form-group.stickybar{ position: absolute; top: 20px;padding-top: 25px;height: 100px} #header.navbar .form-group .form-control{width: 76%;height: 30px;border: none; padding: 1px 10px; font-size: 13px; z-index: 2; background: none; border-bottom: 1px solid #ffffff !important; position: relative; font-family: 'open_sanslight', sans-serif;} #header.navbar .form-group input.form-control:focus{outline: none;box-shadow: none !important; color:#ffffff;} #header.navbar .form-group input.form-control::placeholder{color:#ffffff !important;} #header.navbar .form-group input.form-control::-moz-placeholder {color:#ffffff !important;} #header.navbar .form-group input.form-control:-ms-input-placeholder{color:#ffffff !important;} #header.navbar .form-group input.form-control:-moz-placeholder{color:#ffffff !important;} #header.navbar .form-group input.form-control:placeholder-shown{color:#ffffff !important;} #header.navbar .form-group .btn.btn-default{z-index: 100; color: #fff; padding: 0; background: none;border: none;cursor: pointer; position: relative; display: inline-block; background-color: #fa2727; font-size: 13px; padding: 6px 12px;} #header.navbar .form-group{width:100%;} #header.navbar .nav ul li ul.sub-menu {position: absolute;z-index: 9;background: rgba(57, 26, 107, 0.92);display: none; min-width: 155px; top: 45px; left: 0px;padding: 8px;} #header.navbar .nav ul li ul.sub-menu li { float: none;text-align: left;} #header.navbar .nav ul li ul.sub-menu li.alert a {background: #d05557;} #header.navbar .nav ul li ul.sub-menu li.center a{text-align: center !important; padding-left: 0;display: inline-block; min-width: auto; width: 49%;margin-bottom: 6px; margin-top: 10px;} #header.navbar .nav ul li ul.sub-menu li.center a.bold{font-family: 'open_sansbold', sans-serif;} #header.navbar .nav ul li ul.sub-menu li a {padding: 10px;color: #fff;border: none;font-size: 10px;text-align: left;display: block;min-width: 155px; padding: 10px 0; text-align: center; border-bottom: 1px solid rgba(255, 255, 255, 0.31);} #header.navbar .nav ul li ul.sub-menu li:last-child a{border:none;} #header.navbar .nav ul li ul.sub-menu li a:hover {background: rgba(57, 26, 107, 0.3);transition: .3s all ease;} #header.navbar .nav ul li ul.sub-menu li:hover ul.sub-menu { display: block;} #header.navbar .nav ul li:hover ul.sub-menu {display: block;} #header.navbar .cbp-hrsub{display: none; height: 400px; position: absolute; background: #ff3334; width: 100%; left: 0; right: 0; margin: 0 auto; z-index: 999; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; padding:30px 0;} #header.navbar .menu_nav li:hover .cbp-hrsub{display: block;} #header.navbar .menu_nav li:hover a{background-color: #ff3334;} #header.navbar .cbp-hrsub .submenu_tit{ font-size:40px; text-align: left; color:#ffffff; padding:0;margin:0;} #header.navbar .menu_nav .cbp-hrsub .menu_secundario{padding:0;} #header.navbar .menu_nav .cbp-hrsub .menu_secundario li{display: block !important; list-style: disc;} #header.navbar .menu_nav .cbp-hrsub .menu_secundario li:hover{text-decoration: underline;} #header.navbar .menu_nav .cbp-hrsub .menu_secundario li a {width: 100%; max-width: 100% !important; text-align: left; font-size:16px !important; padding:10px 0 !important; text-transform:none;} #header.navbar .menu_nav .cbp-hrsub .btn_submenu {max-width: 245px; display: block; background-color: #ffffff; border:1px solid #ffffff; color: #ff3334; text-align: center; border-radius: 5px; margin-top: 30px; padding: 16px; font-size: 12px; font-family: 'open_sansbold', sans-serif;} #header.navbar .menu_nav .cbp-hrsub .btn_submenu:hover{border:1px solid #ffffff; background:none; color:#ffffff; transition: .3s all ease;} /*--menu-responsive--*/ .menu_nav {margin:0;} .menu_responsive {display: none; z-index: 1000; width: 100%;} .menu_responsive .navbar{height:100px; background-color:#193469;} .menu_responsive .menujq{display:none; position: fixed; z-index: 10; width: 100%; background-color: #0268b2;padding-top: 15px;} .menu_responsive .menujq ul{list-style: none; display:block;margin-left: 0 !important;} .menu_responsive .menujq li.center {margin-left: 20px;} .menu_responsive .menujq li.center a{text-align: center !important; padding-left: 0;display: inline-block; min-width: auto; width: 80px;margin-bottom: 6px; margin-top: 10px;padding: 5px 20px;} .menu_responsive .menujq li.center a:first-child{width:90px;border-right: 1px solid #fff;} .menu_responsive .menujq li.center a:last-child{right: 4px;position: relative;} .menu_responsive .menujq a.bold{font-family: 'open_sansbold', sans-serif;} .menu_responsive .menujq ul li{ display:block; text-align:left;} .menu_responsive .menujq ul li a {padding: 12px 5px 12px 20px; display: block;color:#ffffff; font-size: .8rem;} .menu_responsive .menujq ul li.alert a {background: #d05557;} .menu_responsive .menujq ul .main-link a{color:#c9930e; font-family: 'open_sansbold', sans-serif;} .menu_responsive .menujq ul li ul li a{color: #fff; padding: 10px 0 10px 30px;background-color: rgba(42,41,92,1); border:none;} .menu_responsive .menujq ul li ul{display: none;} .menu_responsive .menujq ul li a:focus{background-color:#fa2727 !important; color:#ffffff ; transition-duration: .2s; -webkit-transition-duration: .2s; transition-timing-function: ease-in; -webkit-transition-timing-function:ease-in;} .menu_responsive .logo img{margin-left: 10px;} #menu-btn{padding-right: 20px; padding-top: 20px; cursor:pointer;} .menu_responsive .desplegable a:first-child {background-image: url(../../imag/v1/btn/chevron_down.png); background-repeat: no-repeat; background-position: 95% 15px;z-index: 10;} .menu_responsive .desplegable .sub-menu a{ background-image: none;} .menu_responsive .desplegable .sub-menu .btn_more a{background-color: #ffffff; color: #fa2727;} /*--------------- Estilos buscador responsive---------------*/ .menu_responsive .buscar {width: 88%; max-width:300px; margin: 12px 20px 20px; font-family: 'open_sansregular', Tahoma, Verdana, Segoe, sans-serif;} .menu_responsive .buscar label {display: block;clear: both;font-size: 18px;font-weight: 500;color: #475156;} .menu_responsive .buscar input {margin: 0; display: block;border: none; background: none; height: 32px; float: left; top: 2px; position: relative; width: 90%;} .menu_responsive .buscar button#boton {width: 10%; background: none;cursor: pointer; border: none; height: 40px; right: 22px; position: relative;} .menu_responsive input{width: 82%; height: 30px; border: none; padding: 1px 17px; font-size: 13px;z-index: 2; background: none; border-bottom: 1px solid #ffffff !important; position: relative; bottom: 11px; font-family: 'open_sanslight', sans-serif;} .menu_responsive input:focus{outline: none;box-shadow: none !important; color:#ffffff;} .menu_responsive input::placeholder{color:#ffffff !important;} .menu_responsive input::-moz-placeholder {color:#ffffff !important;} .menu_responsive input:-ms-input-placeholder{color:#ffffff !important;} .menu_responsive input:-moz-placeholder{color:#ffffff !important;} .menu_responsive input:placeholder-shown{color:#ffffff !important;} .menu_responsive .menusec{padding:10px;padding: 10px; background-color: #193469;} .menu_responsive .menusec li{margin: 13px 0;list-style-type: none; display: block; padding: 0 10px;} .menu_responsive .menusec li a{color:#ffffff; color: #e0e0e0; font-size: 10px; padding-left: 0 !important;} .menujq ul li > a.dropbtn:after, .menujq ul li ul li> a.dropbtn:after {float: right;content: "\25BA\00A0"; position: relative; top: 3px;color: #9a9a9a;} .menujq ul li > a.dropbtn:after,.menujq ul li ul li > a.dropbtn:after{content: "\25BC\00A0 ";position: relative;top:3px; color:#fff;} /*efecto menú*/ .bar1, .bar2, .bar3 {width: 28px;height: 3px;background-color: #ffffff;margin: 5px 0;transition: 0.4s;} .change .bar1 {-webkit-transform: rotate(-45deg) translate(-9px, 6px) ;transform: rotate(-45deg) translate(-6px, 6px) ; background-color:#0268b2;} .change .bar2 {opacity: 0;} .change .bar3 {-webkit-transform: rotate(45deg) translate(-5px, -5px) ;transform: rotate(45deg) translate(-5px, -5px) ;background-color:#0268b2;} /*--------------- Footer ---------------*/ footer .auxi{max-width: 1200px;} footer{width: 100%; margin: 0 auto; overflow: hidden;z-index: 2; position:relative;left:0px;bottom:0px;background: rgba(42,41,92,1);} .menu_responsive .menujq{display:none; position: fixed; z-index: 10; width: 100%; background-color: #193469;padding-top: 15px;z-index: 1000;overflow-y: scroll; height: 100vh;} footer p,footer a,footer li{color:#fff; display: inline-block; font-size: 15px;} .logo a:hover{color:#ffffff !important;} footer .info-footer{width: 100%; position: relative; margin:10px auto; padding: 25px 0 24px 0; display:flex;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display: -ms-flexbox;} footer .info-footer .sublinks{text-align: center;} footer .info-footer .logo img{vertical-align: middle;} footer .info-footer .logo .con_tit{display: inline-block;vertical-align: middle; margin-left:20px;} footer .info-footer .logo .tit{font-size: 17px; font-family: 'open_sansbold',sans-serif; margin-bottom: 8px; line-height: 1.4; text-align: right; text-transform: uppercase; display: block;} footer .info-footer .logo .subt{font-size: 17px; font-family: 'open_sansbold',sans-serif; margin-bottom: 20px; line-height: 1.4; text-align: right; text-transform: uppercase; display: block;} footer .info-footer .logo p{display: block;} footer .info-footer .foot_title{font-size: 22px; font-family:'open_sansbold',sans-serif; margin-top: 8px; text-transform: uppercase; margin-right: 80px;} footer .info-footer .foot_social {text-align: right; margin-top: 17px;} footer .info-footer a:hover * {color:#fff;} footer .info-footer .foot_social a{padding: 6px 0; border-radius: 50%; border: 1px solid #ffffff; width: 31px; height: 30px; vertical-align: middle; text-align: center; margin:0 3px;} footer .info-footer .foot_social a:hover{ transition: .3s all ease; background-color: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.1);} footer .info-footer .subfoot .copyright{text-align: center; margin-bottom: 0; font-size: 12px;} footer .row-foot .foot-tit {font-size: 13px; font-family: 'open_sansregular', sans-serif; color: #f1c200; margin-bottom: 10px; line-height: 1.4; display: block; text-align: left; text-transform: uppercase; letter-spacing: 0.8px;} footer .row-foot .foot-baj {font-size: 13px; font-family:'open_sansregular', sans-serif;color:#ffffff; margin-bottom: 10px; line-height: 1.4;display: block; text-align: left;} footer .row-foot {width: 100%; position: relative; margin:10px auto; padding: 15px 0 10px 0; display:flex;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display: -ms-flexbox;} footer .sup_foot{padding:12px 0;background: -webkit-gradient(left top, right top, color-stop(2%, rgba(101,154,201,1)), color-stop(33%, rgba(92,90,157,1)), color-stop(53%, rgba(86,49,128,1)), color-stop(74%, rgba(130,42,87,1)), color-stop(98%, rgba(181,33,40,1))); background: -webkit-linear-gradient(left, rgba(101,154,201,1) 2%, rgba(92,90,157,1) 33%, rgba(86,49,128,1) 53%, rgba(130,42,87,1) 74%, rgba(181,33,40,1) 98%); background: -o-linear-gradient(left, rgba(101,154,201,1) 2%, rgba(92,90,157,1) 33%, rgba(86,49,128,1) 53%, rgba(130,42,87,1) 74%, rgba(181,33,40,1) 98%); background: -ms-linear-gradient(left, rgba(101,154,201,1) 2%, rgba(92,90,157,1) 33%, rgba(86,49,128,1) 53%, rgba(130,42,87,1) 74%, rgba(181,33,40,1) 98%); background: linear-gradient(to right, rgba(101,154,201,1) 2%, rgba(92,90,157,1) 33%, rgba(86,49,128,1) 53%, rgba(130,42,87,1) 74%, rgba(181,33,40,1) 98%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#659ac9', endColorstr='#b52128', GradientType=1 )} footer .sup_foot li{padding: 0 60px;} footer .sup_foot li a{text-transform: uppercase; font-size: 10px; letter-spacing: .9px; font-family:'open_sanslight',sans-serif;} footer .sup_foot ul{text-align: center;} footer .img_foot{margin: 0 auto; display: block;} /*--migas de pan--*/ .breadcrumbs .row{margin-left:0 !important;} .breadcrumbs, .miga {padding:10px 0;} .breadcrumbs .breadcrumb {color: #061D36;font-size:16px; letter-spacing: 1px; font-family:'open_sansregular', sans-serif; margin: 10px auto;padding:0 5px; height: 14px; display: inline-block;} .breadcrumbs .breadcrumb a:after{content:'•';font-size: 24px; position: relative;left: 5px; top: 3px;} .breadcrumbs .breadcrumb:last-child {border-right:none;color:#666666;} .breadcrumbs .breadcrumb a {color: #5a348a;} .breadcrumbs .breadcrumb a:hover {color:#a71d3b;} .breadcrumbs p {font-size:14px; display: inline-block; color:#061d36;} /*--------------- RESPONSIVE ----------------*/ /*LG--- Pantallas grandes*/ @media(min-width:1200px) { } /*MD--- Pantallas medianas*/ @media(min-width:992px) and (max-width:1199px) { } /*SM-- Tablet*/ @media(min-width:768px) and (max-width:991px){ header {display: none;} #main.artic{margin-top:0 !important;} .wrapper{margin-top: 80px; margin:10px;} #categorias {margin-top:20px !important;} .menu_responsive {display: block;} #cont-slider h1{width: 70% !important; margin-top: 50px !important;} footer .info-footer{padding:20px 20px;} #main{margin-top: 40px !important;} #main.cal_cont{margin-top:0 !important;margin-bottom: 0 !important;} } /*XS--- Movil*/ @media (max-width: 767px) { h2{padding: 30px 0;font-size: 20px; text-align: center;} header {display: none;} #main{margin-bottom: 10px !important;} #main.cal_cont{margin-top:0 !important;margin-bottom: 0 !important;} .bt-cont{border-left:none !important;border-right: none !important;} .menu_responsive .logo img{margin-left: 20px; width: auto;} #main.artic{margin-top:0 !important;} .wrapper{margin-top: 80px; margin:10px;} #categorias {margin-top:20px !important;} .menu_responsive {display: block; z-index: 10000;} .menu_responsive .logo{position: relative; top: 5px;} footer .sup_foot{padding: 10px 20px 0;background: none;} footer .info-footer{padding:20px 20px;} footer .info-footer .foot_social {text-align: center;} footer {text-align: center;} footer .row-foot {display: block;} footer .redes{position: relative; left: 0;right: 0; margin: 0 auto; display: table;} footer .sup_foot li{display: block;margin: 16px 0;} footer .sup_foot li a{font-size: 12px;} .tab-bar{margin-left: 0 !important;margin-right: 0 !important; flex-direction: column; margin-top: 15px; bottom: 0 !important;} .btn-cont{ border-right: 0 !important;} #videoDiv{display: none;} .alert{padding: 10px 0 11px 0;} .alert img:first-child{width: 40px;} .alert p{font-size:12px; margin: 10px 1px 18px 1px;} .alert a{font-size: 12px;} .alert a img{width:auto !important;} } /* FIN NUEVO*/ /*HEAD*/ #main-head .logo {width:340px; float:left;} #main-head .head-right {width:490px; float:right;} #lafecha {display:block; font-size:12px; color:#666; float:left; margin:0 10px 0 0;} #lahora {display:block; font-size:12px; color:#666; float:left;} #main-head .head-boto1 {float:right; margin:10px 0 0 0;} #main-head .head-boto1 ul.menu1 {display:block; list-style-type:none; margin:0; padding:0;} #main-head .head-boto1 ul.menu1 li {display:block; list-style-type:none; border-left:1px solid #ccc; float:left; text-align:center; margin:0 10px 0 0; padding:0 0 0 10px;} #main-head .head-boto1 ul.menu1 li.first {display:block; list-style-type:none; border-left:0; float:left; text-align:center; margin:0 10px 0 0; padding:0 0 0 10px;} #main-head .head-boto1 ul.menu1 li a {display:block; font-size:11px; color:#666;} #main-head .head-boto1 ul.menu1 li a:hover {color:#ff0000;} #head .head-boto ul.menu1 li a.active {background:url(/prontus_nombre/imag/head/bot_on.jpg) repeat-y left top; color:#999999;} #main-head .logo1 {width:120px; float:left;} #main-head .menu2 {width:810px; padding:0 0 0 10px; float:left; margin:10px 0 0 0;} .menu2 .logo2 {width:600px; float:left; margin:0 0 0 5px;} /*MENU*/ #main-head .menu_principal {width:700px; float:left; margin:14px 0 0 0; padding:0;} #main-head .menu_principal ul.menu_p {display:block; list-style-type:none; margin:0; padding:0;} #main-head .menu_principal ul.menu_p li {display:block; border-left:1px solid #ccc; list-style-type:none; float:left; text-align:center; margin:0 10px 0 0; padding:0 0 0 10px;} #main-head .menu_principal ul.menu_p li.first {display:block; list-style-type:none; border-left:0px solid #ccc; float:left; text-align:center; margin:0 10px 0 0; padding:0 0 0 10px;} #main-head .menu_principal ul.menu_p li a {display:block; font-size:12px; color:#003466;} #main-head .menu_principal ul.menu_p li a:hover {color:#ff0000;} #main-head .banner-150 {width:150px; float:right;} /*-------------------oo------------------------*/ /*buscador*/ #main-head .box-search {width:183px; height:40px; /*background:url(/bienestar/imag/head/bg_search.jpg) no-repeat left top;*/ margin:0; float:right; } #main-head .box-search form {width:235px; margin:8px auto 0;} #main-head .box-search form table td {font-size:12px; color:#666;} #main-head .box-search form table td.campo {width:149px; height:28px; background:url(/bienestar/imag/head/bg_campo.jpg) no-repeat left top;} #main-head .box-search form table td.campo input {width:135px; padding:4px; border:none; background:none; font-size:12px; color:#666;} /*-------------------oo------------------------*/ /*BOTONERA*/ .head-boto {width:900px; margin:10px auto;} .head-boto ul {display:block; overflow:hidden; list-style:none; margin:0; padding:0;} .head-boto ul li {float:left; display:block; overflow:hidden; margin:0 7px 0 0; padding:0;} .head-boto ul li a {display:block; overflow:hidden; margin:0; padding:0;} .head-boto ul li a.active {border:none;} .head-boto ul li a:hover, .head-boto ul li a.selected {color:#FFF;} .head-boto ul li a:hover {text-decoration:none; color:#FFF !important;} .head-boto ul li a:hover span {color:#FFF !important;} /*botones 2, 4, 5, 6, 7, 8, 9, 10 -label li*/ .head-boto ul li.uno, .head-boto ul li.cuatro, .head-boto ul li.cinco, .head-boto ul li.seis, .head-boto ul li.siete, .head-boto ul li.ocho, .head-boto ul li.nueve, .head-boto ul li.tres {width:90px; height:72px;} /*botones 2, 4, 5, 6, 7, 8, 9, 10 -label a*/ .head-boto ul li.uno a, .head-boto ul li.cuatro a, .head-boto ul li.cinco a, .head-boto ul li.seis a, .head-boto ul li.siete a, .head-boto ul li.ocho a, .head-boto ul li.nueve a, .head-boto ul li.tres a {width:90px; height:72px; display:block;} /*botones 2, 4, 5, 6, 7, 8, 9, 10 -label span*/ .head-boto ul li.uno a span, .head-boto ul li.cuatro a span, .head-boto ul li.cinco a span, .head-boto ul li.seis a span, .head-boto ul li.siete a span, .head-boto ul li.ocho a span, .head-boto ul li.nueve a span, .head-boto ul li.tres a span {text-align:center; display:block; margin:19px 3px 0; font-size:12px; color:#FFF; font-weight:bold;} /*imagenes de fondo*/ .head-boto ul li.uno a {background:url(/bienestar/imag/boto/bot1_of.jpg) no-repeat left bottom;} .head-boto ul li.uno a:hover {background:url(/bienestar/imag/boto/bot1_on.jpg) no-repeat left bottom;} .head-boto ul li.tres a {background:url(/bienestar/imag/boto/bot3_of.jpg) no-repeat left bottom;} .head-boto ul li.tres a:hover {background:url(/bienestar/imag/boto/bot3_on.jpg) no-repeat left bottom;} .head-boto ul li.cuatro a {background:url(/bienestar/imag/boto/bot4_of.jpg) no-repeat left bottom;} .head-boto ul li.cuatro a:hover {background:url(/bienestar/imag/boto/bot4_on.jpg) no-repeat left bottom;} .head-boto ul li.cinco a {background:url(/bienestar/imag/boto/bot5_of.jpg) no-repeat left bottom;} .head-boto ul li.cinco a:hover {background:url(/bienestar/imag/boto/bot5_on.jpg) no-repeat left bottom;} .head-boto ul li.seis a {background:url(/bienestar/imag/boto/bot6_of.jpg) no-repeat left bottom;} .head-boto ul li.seis a:hover {background:url(/bienestar/imag/boto/bot6_on.jpg) no-repeat left bottom;} .head-boto ul li.siete a {background:url(/bienestar/imag/boto/bot7_of.jpg) no-repeat left bottom;} .head-boto ul li.siete a:hover {background:url(/bienestar/imag/boto/bot7_on.jpg) no-repeat left bottom;} .head-boto ul li.ocho a {background:url(/bienestar/imag/boto/bot8_of.jpg) no-repeat left bottom;} .head-boto ul li.ocho a:hover {background:url(/bienestar/imag/boto/bot8_on.jpg) no-repeat left bottom;} .head-boto ul li.nueve a {background:url(/bienestar/imag/boto/bot9_of.jpg) no-repeat left bottom;} .head-boto ul li.nueve a:hover {background:url(/bienestar/imag/boto/bot9_on.jpg) no-repeat left bottom;} /**/ .head-boto ul li.dos {width:96px; height:72px;} .head-boto ul li.dos a {width:96px; height:72px; display:block; background:url(/bienestar/imag/boto/bot2_of.jpg) no-repeat left bottom;} .head-boto ul li.dos a span {text-align:center; display:block; margin:19px 0 0; font-size:12px; color:#FFF; font-weight:bold;} .head-boto ul li.dos a:hover {background:url(/bienestar/imag/boto/bot2_on.jpg) no-repeat left bottom;} .head-boto ul li.dos a:hover span {color:#FFF;} /**/ .head-boto ul li.seis a span {margin:12px 7px 0;} .head-boto ul li.siete a span {margin:19px 7px 0;} /*-------------------oo------------------------*/ #main-head .head-int{width:970px; margin:0 auto;} #main-head .menu {width:970px; margin:0 auto; text-align:left; clear:both;} #main-head .menu .botonera {width:970px; height:60px; } /*botonera principal*/ #main-head .botones {width:985px; font-size:12px; margin:0 auto; padding:14px 0 0 0;} #main-head .botones a.bot {width:154px; height:26px; font-size:12px; color:#000; font-weight:bold; display:block; text-decoration:none; text-align:center; float:left; margin:10px 0 0 0; padding:8px 0 0 9px; background-color:#FFFFFF; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC; background:url(/bienestar/imag/boto/boton_menu.jpg) repeat-x left top;} #main-head .botones a.bot2 {width:154px; height:26px; font-size:12px; color:#000; font-weight:bold; display:block; text-decoration:none; text-align:center; float:left; margin:10px 0 0 0; padding:8px 0 0 9px; background-color:#FFFFFF; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-left:1px solid #CCCCCC; background:url(/bienestar/imag/boto/boton_menu.jpg) repeat-x left top;} #main-head .botones a.first {width:224px; height:34px; font-size:20px; color:#000; text-align:center; padding:10px 8px 0 0; float:left; border-left:none; border-top:1px solid #CCCCCC; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; background-color:#FFFFFF; } #main-head .botones a.active {width:154px; height:26px; font-size:12px; color:#000; font-weight:bold; display:block; text-decoration:none; text-align:center; float:left; margin:10px 0 0 0; padding:8px 0 0 9px; background-color:#FFFFFF; border-top:1px solid #CCCCCC; border-left:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC; background:url(/bienestar/imag/boto/boton_menu.jpg) repeat-x left top;} #main-head .botones a:hover {text-decoration:none; color:#cc0000;} /*AREA 1 TABS*/ #box-info {width:967px; margin:15px 0; background:url(/bienestar/imag/back/bg967.gif) repeat-y left top; border-top:1px solid #CCC; border-bottom:1px solid #CCC;} #box-info .boto-tabs {margin:0 1px 14px; width:965px;} #box-info .boto-tabs ul {display:block; overflow:hidden; list-style:none; margin:0; padding:0; width:965px;} #box-info .boto-tabs ul li {float:left; display:block; overflow:hidden; margin:0 7px 0 0; padding:0;} #box-info .boto-tabs ul li a {display:block; overflow:hidden; margin:0; padding:0;} #box-info .boto-tabs ul li a.active {border:none;} #box-info .boto-tabs ul li a:hover, #box-info .boto-tabs ul li a.selected {color:#FFF;} #box-info .boto-tabs ul li a:hover {text-decoration:underline; color:#FFF !important;} #box-info .boto-tabs ul li a:hover span {color:#FFF !important;} /**/ #box-info .boto-tabs ul {display:block; overflow:hidden; list-style:none; margin:0; padding:0; width:965px;} /**/ #box-info .boto-tabs ul li.uno {width:39px; margin:0;} #box-info .boto-tabs ul li.uno a {color:#edecec; font-size:2px;} #box-info .boto-tabs ul li.uno a:hover {color:#edecec;} /*botones 2, 4, 5, 6, 7, 8, 9, 10 -label li*/ #box-info .boto-tabs ul li.dos, #box-info .boto-tabs ul li.cuatro, #box-info .boto-tabs ul li.cinco, #box-info .boto-tabs ul li.seis, #box-info .boto-tabs ul li.siete, #box-info .boto-tabs ul li.ocho, #box-info .boto-tabs ul li.nueve, #box-info .boto-tabs ul li.diez {width:90px; height:72px;} /*botones 2, 4, 5, 6, 7, 8, 9, 10 -label a*/ #box-info .boto-tabs ul li.dos a, #box-info .boto-tabs ul li.cuatro a, #box-info .boto-tabs ul li.cinco a, #box-info .boto-tabs ul li.seis a, #box-info .boto-tabs ul li.siete a, #box-info .boto-tabs ul li.ocho a, #box-info .boto-tabs ul li.nueve a, #box-info .boto-tabs ul li.diez a {width:90px; height:72px; display:block;} /*botones 2, 4, 5, 6, 7, 8, 9, 10 -label span*/ #box-info .boto-tabs ul li.dos a span, #box-info .boto-tabs ul li.cuatro a span, #box-info .boto-tabs ul li.cinco a span, #box-info .boto-tabs ul li.seis a span, #box-info .boto-tabs ul li.siete a span, #box-info .boto-tabs ul li.ocho a span, #box-info .boto-tabs ul li.nueve a span, #box-info .boto-tabs ul li.diez a span {text-align:center; display:block; margin:19px 3px 0; font-size:12px; color:#FFF; font-weight:bold;} /*imagenes de fondo*/ #box-info .boto-tabs ul li.dos a {background:url(/bienestar/imag/home/bg_bot2_of.jpg) no-repeat left bottom;} #box-info .boto-tabs ul li.dos a.selected {background:url(/bienestar/imag/home/bg_bot2_on.jpg) no-repeat left bottom;} #box-info .boto-tabs ul li.cuatro a {background:url(/bienestar/imag/home/bg_bot4_of.jpg) no-repeat left bottom;} #box-info .boto-tabs ul li.cuatro a.selected {background:url(/bienestar/imag/home/bg_bot4_on.jpg) no-repeat left bottom;} #box-info .boto-tabs ul li.cinco a {background:url(/bienestar/imag/home/bg_bot5_of.jpg) no-repeat left bottom;} #box-info .boto-tabs ul li.cinco a.selected {background:url(/bienestar/imag/home/bg_bot5_on.jpg) no-repeat left bottom;} #box-info .boto-tabs ul li.seis a {background:url(/bienestar/imag/home/bg_bot6_of.jpg) no-repeat left bottom;} #box-info .boto-tabs ul li.seis a.selected {background:url(/bienestar/imag/home/bg_bot6_on.jpg) no-repeat left bottom;} #box-info .boto-tabs ul li.siete a {background:url(/bienestar/imag/home/bg_bot7_of.jpg) no-repeat left bottom;} #box-info .boto-tabs ul li.siete a.selected {background:url(/bienestar/imag/home/bg_bot7_on.jpg) no-repeat left bottom;} #box-info .boto-tabs ul li.ocho a {background:url(/bienestar/imag/home/bg_bot8_of.jpg) no-repeat left bottom;} #box-info .boto-tabs ul li.ocho a.selected {background:url(/bienestar/imag/home/bg_bot8_on.jpg) no-repeat left bottom;} #box-info .boto-tabs ul li.nueve a {background:url(/bienestar/imag/home/bg_bot9_of.jpg) no-repeat left bottom;} #box-info .boto-tabs ul li.nueve a.selected {background:url(/bienestar/imag/home/bg_bot9_on.jpg) no-repeat left bottom;} #box-info .boto-tabs ul li.diez a {background:url(/bienestar/imag/home/bg_bot10_of.jpg) no-repeat left bottom;} #box-info .boto-tabs ul li.diez a.selected {background:url(/bienestar/imag/home/bg_bot10_on.jpg) no-repeat left bottom;} /**/ #box-info .boto-tabs ul li.tres {width:96px; height:72px;} #box-info .boto-tabs ul li.tres a {width:96px; height:72px; display:block; background:url(/bienestar/imag/home/bg_bot3_of.jpg) no-repeat left top;} #box-info .boto-tabs ul li.tres a span {text-align:center; display:block; margin:19px 0 0; font-size:12px; color:#FFF; font-weight:bold;} #box-info .boto-tabs ul li.tres a:hover {text-decoration:underline;} #box-info .boto-tabs ul li.tres a.selected {background:url(/bienestar/imag/home/bg_bot3_on.jpg) no-repeat left top;} #box-info .boto-tabs ul li.tres a:hover span {color:#FFF;} /**/ #box-info .boto-tabs ul li.siete a span {margin:12px 7px 0;} #box-info .boto-tabs ul li.ocho a span {margin:19px 7px 0;} /*layout*/ #box-info .layout-tabs {margin:1px 1px 0; height:147px;} #box-info .layout-tabs img {margin:0; display:block;} /**/ #box-info .layout-tabs div#t1 {height:147px; background:none;} #box-info .layout-tabs div#t1.box-convenios {height:147px; margin:0; background:url(/bienestar/imag/back/bgt2.gif) no-repeat left bottom;} #box-info .layout-tabs div#t2 {height:147px; margin:0; background:url(/bienestar/imag/back/bgt2.gif) no-repeat left bottom;} #box-info .layout-tabs div#t3 {height:147px; margin:0; background:url(/bienestar/imag/back/bgt3.gif) no-repeat left bottom;} #box-info .layout-tabs div#t4 {height:147px; margin:0; background:url(/bienestar/imag/back/bgt4.gif) no-repeat left bottom;} #box-info .layout-tabs div#t5 {height:147px; margin:0; background:url(/bienestar/imag/back/bgt5.gif) no-repeat left bottom;} #box-info .layout-tabs div#t6 {height:147px; margin:0; background:url(/bienestar/imag/back/bgt6.gif) no-repeat left bottom;} #box-info .layout-tabs div#t7 {height:147px; margin:0; background:url(/bienestar/imag/back/bgt7.gif) no-repeat left bottom;} #box-info .layout-tabs div#t8 {height:147px; margin:0; background:url(/bienestar/imag/back/bgt8.gif) no-repeat left bottom;} #box-info .layout-tabs div#t9 {height:147px; margin:0; background:url(/bienestar/imag/back/bgt9.gif) no-repeat left bottom;} #box-info .layout-tabs div#t10 {height:147px; margin:0; background:url(/bienestar/imag/back/bgt10.gif) no-repeat left bottom;} /**/ #box-info div.auxi {width:940px; margin:8px auto 0; overflow:hidden; text-align:left;} #box-info div.auxi h2.titular {width:295px; float:left; margin:12px 0 0; background:none;} #box-info div.auxi h2.titular span {display:block; margin:0 15px 0 0; font-size:18px; color:#FFF;} #box-info div.auxi .cuerpo {width:530px; height:55px; display:block; overflow:hidden; float:left; margin:0; font-size:11px; color:#FFF;} #box-info div.auxi .cuerpo p {font-size:11px; color:#FFF;} #box-info div.auxi .cuerpo ul { margin:0; padding:0; list-style-type:none;} #box-info div.auxi .cuerpo ul li {padding:0 0 0 10px; line-height:12px; list-style-type:none; margin:0 0 4px; background:url(/bienestar/imag/auxi/bullet.png) no-repeat left 5px; font-size:11px; color:#FFF;} #box-info div.auxi .cuerpo a {color:#FFF;} #box-info div.auxi .cuerpo a:hover {color:#FFF !important; text-decoration:underline;} #box-info div.auxi div.link {width:95px; float:right;} #box-info div.auxi div.link a {display:block; margin:15px 0 0; background:url(/bienestar/imag/auxi/mas.png) no-repeat left 2px; padding:0 0 0 15px; font-size:11px; font-weight:bold;} #box-info div.auxi div.link a:hover {color:inherit !important; text-decoration:underline;} /**/ #box-info .layout-tabs div#t2 div.auxi div.link a {color:#610808;} #box-info .layout-tabs div#t3 div.auxi div.link a {color:#0b0b4e;} #box-info .layout-tabs div#t4 div.auxi div.link a {color:#6e2306;} #box-info .layout-tabs div#t5 div.auxi div.link a {color:#0b2742;} #box-info .layout-tabs div#t6 div.auxi div.link a {color:#33460c;} #box-info .layout-tabs div#t7 div.auxi div.link a {color:#17343e;} #box-info .layout-tabs div#t8 div.auxi div.link a {color:#0a4a49;} #box-info .layout-tabs div#t9 div.auxi div.link a {color:#422203;} #box-info .layout-tabs div#t10 div.auxi div.link a {color:#3f0a3f;}