@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900,900i'); body{font-family: 'Lato', sans-serif; background-color: #f6f6f6;} .modal-header{ border-bottom:none;} .modal-body img{ width:100%;} .rel{ position:relative;} /* MENU TOP */ .top{ background-image: url('../files/fdo-top.jpg'); min-height: 146px; padding-top: 9px; background-color: #fff;} ul.accesos-top{ margin:27px 0 0; padding: 0;} ul.accesos-top li{ list-style: none; float: left; margin:0px; border-left: 1px solid #cdcdcd; min-height: 38px; padding: 10px 12px;} ul.accesos-top li:nth-child(2){ padding: 7px 12px;} ul.accesos-top li:nth-child(3){ padding: 9px 12px;} ul.accesos-top li:nth-child(4){ border: none; padding: 0;} ul.accesos-top li a{ background-repeat: no-repeat; background-position: left top; padding: 5px; display: inline-block;} ul.accesos-top li a:hover{ background-position: left bottom; text-decoration: none;} ul.accesos-top li a.panel{ background-image: url('../img/i-panel-azul.png'); font-size: 13px; line-height: 21px; font-weight: 700; color: #6f6e6d; padding: 0 0 0px 26px;} ul.accesos-top li a.panel:hover{ color: #004f90;} ul.accesos-top li a.telefonos{ background-image: url('../img/i-telefonos-utiles.png'); width: 26px; height: 23px;} ul.accesos-top li a.contacto{ background-image: url('../img/i-contacto.png'); width: 28px; height: 19px;} ul.accesos-top li a.denuncias{ font-size: 13px; line-height: 21px; font-weight: 700; color: #fff; background-color: #cd0a11; padding: 10px 25px; -webkit-box-shadow: 0px 9px 8px -7px rgba(0,0,0,0.5); -moz-box-shadow: 0px 9px 8px -7px rgba(0,0,0,0.5); box-shadow: 0px 9px 8px -7px rgba(0,0,0,0.5);} ul.accesos-top li a.denuncias:hover{ color:#ffdd3f; } nav.navbar{ border-radius: 0; margin-bottom: 0;} #menu-gral{ padding: 0;} #menu-gral .navbar-nav > li > a{ padding-top: 8px; padding-bottom: 5px; font-size: 13px; line-height: 21px; font-weight: 700; color: #2d2c2b; margin-top: 13px; padding-left: 19px; padding-right: 20px; border-top: 1px solid;} #menu-gral .navbar-nav.nav > li > a:hover, #menu-gral .navbar-nav.nav > li > a:focus, #menu-gral .navbar-nav.nav .open > a, #menu-gral .navbar-nav.nav .open > a:hover, #menu-gral .navbar-nav.nav .open > a:focus{ background-color: #fff; border-top: 5px solid; border-right:5px solid; margin-top: 3px; padding-left: 19px; padding-right: 15px; padding-bottom: 5px; padding-top: 14px; -webkit-box-shadow: -5px 0px 5px -2.5px rgba(0,0,0,0.15); -moz-box-shadow: -5px 0px 5px -2.5px rgba(0,0,0,0.15); box-shadow: -5px 0px 5px -2.5px rgba(0,0,0,0.15); z-index: 1001;} #menu-gral .navbar-nav > li:first-child > a, #menu-gral .navbar-nav > li:first-child > a:hover, #menu-gral .navbar-nav > li:first-child > a:focus{ border-color: #0F819D !important;} #menu-gral .navbar-nav > li:nth-child(2) > a, #menu-gral .navbar-nav > li:nth-child(2) > a:hover, #menu-gral .navbar-nav > li:nth-child(2) > a:focus{ border-color: #23126a !important;} #menu-gral .navbar-nav > li:nth-child(3) > a, #menu-gral .navbar-nav > li:nth-child(3) > a:hover, #menu-gral .navbar-nav > li:nth-child(3) > a:focus{ border-color: #d60808 !important;} #menu-gral .navbar-nav > li:nth-child(4) > a, #menu-gral .navbar-nav > li:nth-child(4) > a:hover, #menu-gral .navbar-nav > li:nth-child(4) > a:focus{ border-color: #ff711c !important;} #menu-gral .navbar-nav > li:nth-child(5) > a, #menu-gral .navbar-nav > li:nth-child(5) > a:hover, #menu-gral .navbar-nav > li:nth-child(5) > a:focus{ border-color: #72ac17 !important;} #menu-gral .navbar-nav > li:nth-child(6) > a, #menu-gral .navbar-nav > li:nth-child(6) > a:hover, #menu-gral .navbar-nav > li:nth-child(6) > a:focus{ border-color: #11b5b0 !important;} #menu-gral .navbar-nav > li:nth-child(7) > a, #menu-gral .navbar-nav > li:nth-child(7) > a:hover, #menu-gral .navbar-nav > li:nth-child(7) > a:focus{ border-color: #323d46 !important;} #menu-gral .navbar-nav > li:last-child > a{background-color: #ffd405; color: #622119; border:none; margin-top: 13px; padding-left: 27.5px; padding-right: 27.5px; padding-bottom: 6px; padding-top: 8px;} #menu-gral .navbar-nav > li:last-child > a:hover, #menu-gral .navbar-nav > li:last-child > a:focus, #menu-gral .navbar-nav > li.open:last-child > a, #menu-gral .navbar-nav > li.open:last-child > a:hover, #menu-gral .navbar-nav > li.open:last-child > a:focus{ background-color: #ffd405; color: #622119; border:none; margin-top: 13px; padding-left: 27.5px; padding-right: 27.5px; padding-bottom: 6px; padding-top: 8px; -webkit-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.3); box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.3);} #menu-gral .navbar-nav.nav .open .dropdown-menu{ min-width: 185px; border: none; border-radius: 0; -webkit-box-shadow: 1px 6px 10px 0px rgba(0,0,0,0.3); -moz-box-shadow: 1px 6px 10px 0px rgba(0,0,0,0.3); box-shadow: 1px 6px 10px 0px rgba(0,0,0,0.3); top: 43px; border-top: 5px solid; padding: 15px 0;} #menu-gral .navbar-nav.nav .open:last-child .dropdown-menu{ min-width: -webkit-fill-available; background-color: #ffd405; border-top: none;} #menu-gral .navbar-nav.nav li:first-child .dropdown-menu { border-color: #0F819D !important;} #menu-gral .navbar-nav.nav li:nth-child(2) .dropdown-menu { border-color: #23126a !important;} #menu-gral .navbar-nav.nav li:nth-child(3) .dropdown-menu { border-color: #d60808 !important;} #menu-gral .navbar-nav.nav li:nth-child(4) .dropdown-menu { border-color: #ff711c !important;} #menu-gral .navbar-nav.nav li:nth-child(5) .dropdown-menu { border-color: #72ac17 !important;} #menu-gral .navbar-nav.nav li:nth-child(6) .dropdown-menu { border-color: #11b5b0 !important;} #menu-gral .navbar-nav.nav li:nth-child(7) .dropdown-menu { border-color: #323d46 !important;} #menu-gral .navbar-nav.nav li:last-child .dropdown-menu { border-color: #622119 !important;} #menu-gral .navbar-nav.nav .open .dropdown-menu > li > a{ font-size: 13px; line-height: 25px; color: #878787;} #menu-gral .navbar-nav.nav li:last-child .dropdown-menu > li > a{ color: #281405;} #menu-gral .navbar-nav.nav .open .dropdown-menu > li > a:hover, #menu-gral .navbar-nav.nav .open .dropdown-menu > li > a:focus{ background-color: transparent; font-weight: 700;} #menu-gral .navbar-nav.nav li:first-child .dropdown-menu > li > a:hover, #menu-gral .navbar-nav.nav li:first-child .dropdown-menu > li > a:focus{ color: #7F7D7E;} #menu-gral .navbar-nav.nav li:nth-child(2) .dropdown-menu > li > a:hover, #menu-gral .navbar-nav.nav li:nth-child(2) .dropdown-menu > li > a:focus{ color: #23126a;} #menu-gral .navbar-nav.nav li:nth-child(3) .dropdown-menu > li > a:hover, #menu-gral .navbar-nav.nav li:nth-child(3) .dropdown-menu > li > a:focus{ color: #d60808;} #menu-gral .navbar-nav.nav li:nth-child(4) .dropdown-menu > li > a:hover, #menu-gral .navbar-nav.nav li:nth-child(4) .dropdown-menu > li > a:focus{ color: #ff711c;} #menu-gral .navbar-nav.nav li:nth-child(5) .dropdown-menu > li > a:hover, #menu-gral .navbar-nav.nav li:nth-child(5) .dropdown-menu > li > a:focus{ color: #72ac17;} #menu-gral .navbar-nav.nav li:nth-child(6) .dropdown-menu > li > a:hover, #menu-gral .navbar-nav.nav li:nth-child(6) .dropdown-menu > li > a:focus{ color: #11b5b0;} #menu-gral .navbar-nav.nav li:nth-child(7) .dropdown-menu > li > a:hover, #menu-gral .navbar-nav.nav li:nth-child(7) .dropdown-menu > li > a:focus{ color: #323d46;} #menu-gral .navbar-nav.nav li:last-child .dropdown-menu > li > a:hover, #menu-gral .navbar-nav.nav li:last-child .dropdown-menu > li > a:focus{ background-color: #ffd405; color: #622119;} @media(max-width: 991px){ .no-padding-right{ padding-right: 0;} ul.accesos-top li{ padding: 10px 18px;} ul.accesos-top li:nth-child(2) { padding: 7px 18px;} ul.accesos-top li:nth-child(3) { padding: 9px 18px;} nav.navbar{ margin-left: -15px; margin-right: -15px;} #menu-gral .navbar-nav > li > a{ font-size: 12px; padding-left: 11.5px; padding-right: 11.5px;} #menu-gral .navbar-nav.nav > li > a:hover, #menu-gral .navbar-nav.nav > li > a:focus, #menu-gral .navbar-nav.nav .open > a, #menu-gral .navbar-nav.nav .open > a:hover, #menu-gral .navbar-nav.nav .open > a:focus{ padding-left: 12px; padding-right: 6px;} #menu-gral .navbar-nav > li:last-child > a{ padding-left: 19px; padding-right: 19px;} #menu-gral .navbar-nav > li:last-child > a:hover, #menu-gral .navbar-nav > li:last-child > a:focus, #menu-gral .navbar-nav > li.open:last-child > a, #menu-gral .navbar-nav > li.open:last-child > a:hover, #menu-gral .navbar-nav > li.open:last-child > a:focus, #menu-gral .navbar-nav > li.open:last-child > a.active{ padding-left: 19px; padding-right: 19px;} } @media(max-width: 767px){ .top{ background-image:none; position: fixed; top: 0; left: 0; right: 0; z-index: 250; padding-top: 10px;} .top .logo{ display: inline-block; position: relative; z-index: 300;} ul.accesos-top{ margin:10px -15px 0; -webkit-box-shadow: 0px 7px 10px 1px rgba(0,0,0,0.4); -moz-box-shadow: 0px 7px 10px 1px rgba(0,0,0,0.4); box-shadow: 0px 7px 10px 1px rgba(0,0,0,0.4);} ul.accesos-top li{ width: 50%; border:none; padding:0;} ul.accesos-top li a.panel{ background-color: #f8f8f9; text-align: center; display: block; padding: 20px 0; background-position: 35px 17px;} ul.accesos-top li a.denuncias{ text-align: center; display: block; box-shadow: none; padding: 20px 0;} .no-padding-right { padding-right: 15px;} .navbar-nav { margin: 0px -15px;} nav.navbar{ position: absolute; width: 100%; top: 0px; border:none; z-index: 200;} nav.navbar .navbar-toggle .icon-bar{ width: 37px; height: 6px; border-radius: 0px; background-color: #2d2c2b;} button.navbar-toggle{ padding: 35px 15px; margin: 0; border: none; border-radius: 0; background-color: #c7c7c7;} button.navbar-toggle.collapsed{ background-color: transparent;} #menu-gral { padding: 0px 15px; background-color: #fff; border:none; -webkit-box-shadow: 0px 15px 15px -3px rgba(0,0,0,0.5); -moz-box-shadow: 0px 15px 15px -3px rgba(0,0,0,0.5); box-shadow: 0px 15px 15px -3px rgba(0,0,0,0.5);} #menu-gral .navbar-nav > li > a, #menu-gral .navbar-nav.nav > li > a:hover, #menu-gral .navbar-nav.nav > li > a:focus, #menu-gral .navbar-nav.nav > li > a.active, #menu-gral .navbar-nav.nav .open > a, #menu-gral .navbar-nav.nav .open > a:hover, #menu-gral .navbar-nav.nav .open > a:focus, #menu-gral .navbar-nav.nav .open > a.active{ font-size: 16px; line-height: 55px; color: #7c7c7c; margin-top: 0; padding: 0 15px; -webkit-box-shadow: inset 0px 3px 9px -1px rgba(0,0,0,0.4); -moz-box-shadow: inset 0px 3px 9px -1px rgba(0,0,0,0.4); box-shadow: inset 0px 3px 9px -1px rgba(0,0,0,0.4); border: none; border-top: 1px solid;} #menu-gral .navbar-nav > li:last-child > a{ margin-top: 0; padding: 0 15px;} #menu-gral .navbar-nav > li:last-child > a:hover, #menu-gral .navbar-nav > li:last-child > a:focus, #menu-gral .navbar-nav > li.open:last-child > a, #menu-gral .navbar-nav > li.open:last-child > a:hover, #menu-gral .navbar-nav > li.open:last-child > a:focus{ margin-top: 0;} #menu-gral .navbar-nav.nav li:first-child > a:hover, #menu-gral .navbar-nav.nav li:first-child > a:focus, #menu-gral .navbar-nav.nav li:first-child > a.active{ color: #7F7D7E;} #menu-gral .navbar-nav.nav li:nth-child(2) > a:hover, #menu-gral .navbar-nav.nav li:nth-child(2) > a:focus, #menu-gral .navbar-nav.nav li:nth-child(2) > a.active{ color: #23126a;} #menu-gral .navbar-nav.nav li:nth-child(3) > a:hover, #menu-gral .navbar-nav.nav li:nth-child(3) > a:focus, #menu-gral .navbar-nav.nav li:nth-child(3) > a.active{ color: #d60808;} #menu-gral .navbar-nav.nav li:nth-child(4) > a:hover, #menu-gral .navbar-nav.nav li:nth-child(4) > a:focus, #menu-gral .navbar-nav.nav li:nth-child(4) > a.active{ color: #ff711c;} #menu-gral .navbar-nav.nav li:nth-child(5) > a:hover, #menu-gral .navbar-nav.nav li:nth-child(5) > a:focus, #menu-gral .navbar-nav.nav li:nth-child(5) > a.active{ color: #72ac17;} #menu-gral .navbar-nav.nav li:nth-child(6) > a:hover, #menu-gral .navbar-nav.nav li:nth-child(6) > a:focus, #menu-gral .navbar-nav.nav li:nth-child(6) > a.active{ color: #11b5b0;} #menu-gral .navbar-nav.nav li:nth-child(7) > a:hover, #menu-gral .navbar-nav.nav li:nth-child(7) > a:focus, #menu-gral .navbar-nav.nav li:nth-child(7) > a.active{ color: #323d46;} #menu-gral .navbar-nav.nav li:last-child > a:hover, #menu-gral .navbar-nav.nav li:last-child > a:focus, #menu-gral .navbar-nav.nav li:last-child > a.active{ background-color: #ffd405; color: #622119; margin: 0; padding: 0 15px;} #menu-gral .navbar-nav.btns > li > a { border-top: none; background-position: 15px 20px; background-repeat: no-repeat; padding: 0 50px;} #menu-gral .navbar-nav.btns > li:last-child > a{ background-color: #fff; color: #7c7c7c; padding: 0 50px;} #menu-gral .navbar-nav.btns > li > a.panel{ background-image: url('../img/i-panel-naranja.png'); color:#ff6d00;} #menu-gral .navbar-nav.btns > li > a.telefonos{ background-image: url('../img/i-telefonos-utiles02.png');} #menu-gral .navbar-nav.btns > li > a.contacto{ background-image: url('../img/i-contacto02.png'); } #menu-gral .navbar-nav.nav .open .dropdown-menu{ border: none; padding: 0;} #menu-gral .navbar-nav.nav .open .dropdown-menu > li > a{ font-size: 16px; line-height: 54px; color: #7c7c7c; border-top: 1px solid #c0c0c0; padding: 0 15px;} #menu-gral .navbar-nav.nav li:last-child .dropdown-menu > li > a{ border-top: 1px solid #fff;} #menu-gral .navbar-nav.nav li:nth-child(2) .dropdown-menu > li > a:hover, #menu-gral .navbar-nav.nav li:nth-child(2) .dropdown-menu > li > a:focus, #menu-gral .navbar-nav.nav li:nth-child(2) .dropdown-menu > li > a.active{ color: #2d2c2b; font-weight: 700;} } @media(max-width: 479px){ ul.accesos-top li a.panel{ text-align: right; padding: 20px 15px; background-position: 15px 17px;} ul.accesos-top li a.denuncias { font-size: 12px;} nav.navbar{ margin-left: 0; margin-right: 0;} #menu-gral{ max-height: 385px;} .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{ padding-left: 15px; padding-right: 15px;} } /* HOME */ .slides-home{ margin-top: 20px; position: relative;} .slides-home > .row > div:first-child{ padding-right: 0;} .slides-home > .row > div:nth-child(2){ padding-left: 0;} #carousel-home01 .carousel-inner > .item, #carousel-home02 .carousel-inner > .item{ overflow: hidden; height: 378px; width: 100%;} #carousel-home01 .carousel-inner > .item img, #carousel-home02 .carousel-inner > .item img{ height: 100%; position: absolute; top: -10000px; bottom: -10000px; left: -10000px; right: -10000px; margin: auto; max-width: inherit;} /*.player .vp-player-layout{ top: 0 !important; bottom: 0; height: 100% !important; background-color: #000;}*/ .carousel-indicators { bottom: 15px;} .carousel-indicators li{ background-color: #6f6e6d; border:none; width: 10px; height: 10px; margin:0;} .carousel-indicators li.active{ background-color: #3c3a3a; border:none; width: 10px; height: 10px; margin:0 3px;} .sombra-top{ background-image: url('../img/sombra-top.png'); background-repeat: no-repeat; background-position: center top; width: 97%; height: 38px; position: absolute; top: 0; left: 15px;} .sombra-bottom{ background-image: url('../img/sombra-bottom.png'); background-repeat: no-repeat; background-position: center bottom; width: 97%; height: 36px; position: absolute; bottom: 0; left: 15px;} .gif{ overflow: hidden; height: 69px; position: relative;} .gif img{ height: 100%; position: absolute; top: -10000px; bottom: -10000px; left: -10000px; right: -10000px; margin: auto;} .botones-3{ margin-top: 15px; margin-bottom: 15px; padding: 0;} .botones-3 li{ list-style: none; display: inline-block; width: 32.5%; margin-right: 6px;} .botones-3 li:last-child{ margin-right: 0;} .botones-3 li a{ font-size: 18px; line-height: 21px; color: #feffff; text-decoration: none; text-transform: uppercase;} /* Estilos animaciones de botones */ a.animated-button:link, a.animated-button:visited { position: relative; display: block; padding: 25px 50px; overflow: hidden; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;} a.animated-button:link:after, a.animated-button:visited:after { content: ""; position: absolute; height: 0%; left: 50%; top: 50%; width: 150%; z-index: -1; -webkit-transition: all 0.75s ease 0s; -moz-transition: all 0.75s ease 0s; -o-transition: all 0.75s ease 0s; transition: all 0.75s ease 0s;} a.animated-button:link:hover, a.animated-button:visited:hover { color: #cdcdcd; text-shadow: none;} a.animated-button:link:hover:after, a.animated-button:visited:hover:after { height: 450%;} a.animated-button.thar-two { cursor: pointer; border: 2px solid #4a4a4a; background-color: #4a4a4a; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} a.animated-button.thar-two:hover { color: #fff !important; background-color: transparent; text-shadow: none;} a.animated-button.thar-two:hover:before { top: 0%; bottom: auto; height: 100%;} a.animated-button.thar-two:before { display: block; position: absolute; left: 0px; bottom: 0px; height: 0px; width: 100%; z-index: -1; content: ''; color: #fff !important; background: #000; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} /* Módulo Home */ .modulo-home { background-image: url('../img/fdo-titulo.jpg'); background-repeat: no-repeat; background-position: center top;} .modulo-home h1{ background-image: url('../img/sombra-titulo.png'); background-repeat: no-repeat; background-position: left 5px; padding: 13px 0 13px 30px; margin: 0; font-size: 24px; line-height: 30px; color: #010101; letter-spacing: 2px;} .modulo-home h1 span{ font-size: 18px; color: #4b4243;} .modulo-home a:hover h1, .modulo-home a:hover h1 span{ color: #8c3d38;} #carousel-noticias-home{ margin: 30px;} #carousel-noticias-home .item .item-responsive{ padding: 0 25px; height: 400px;} #carousel-noticias-home .item .imagen{ background-color: #000; overflow: hidden; height: 203px; width: 100%; position: relative; border-radius: 0 50px 0 0;} #carousel-noticias-home .item .imagen iframe{ width: 100%;} #carousel-noticias-home .item .imagen img{ height: 100%; position: absolute; top: -10000px; bottom: -10000px; left: -10000px; right: -10000px; margin: auto; max-width: inherit;} #carousel-noticias-home .item .texto{ max-height: 125px; overflow: hidden;} #carousel-noticias-home .item .texto h2{ font-size: 14px; line-height: 17px; font-weight: 700; color: #575756;} #carousel-noticias-home .item .texto p, #carousel-noticias-home .item a{ font-size: 13px; line-height: 18px; color: #6f6f6f;} #carousel-noticias-home .item span{ font-size: 13px; line-height: 18px; color: #6f6f6f; font-weight: 700; display: block;} #carousel-noticias-home .item a:hover span{ color: #8c3d38;} /* COMPARTIR */ a.collapse-compartir{ display: inline-block; margin-top: 5px; height: 52px; cursor: pointer;} div.redes-compartir{ display: none; width: 0; margin-top: 5px; height: 52px;} div.redes-compartir.mostrar{ display: inline-block; margin-top: 5px; height: 45px; width: 140px;} div.redes-compartir ul li{ margin: 0px !important;} #carousel-noticias-home .carousel-control{ background-image: none; width: 5%; top: 100px; bottom: auto; color: #b9b9b9; text-shadow: none;} #carousel-noticias-home .carousel-control.left{ left: -35px; right: auto;} #carousel-noticias-home .carousel-control.right{ right: -35px; left: auto;} .banner-gif{ margin: 30px -15px;} .banner-gif a{ overflow: hidden; height: 252px; width: 100%; position: relative; display: block;} .banner-gif a img{ height: 100%; position: absolute; top: -10000px; bottom: -10000px; left: -10000px; right: -10000px; margin: auto;} .banner-completo{ margin: 30px 0; overflow: hidden; height: 223px; width: 100%; position: relative; display: block;} .banner-completo img{ height: 100%; position: absolute; top: -10000px; bottom: -10000px; left: -10000px; right: -10000px; margin: auto;} .fondo-naranja{ background-color: #ed7d1b; height: 67px; margin-top: 30px;} a.btn-agencia{ background-image: url('../img/i-agencias.png'); background-repeat: no-repeat; background-position: left top; display: block; position: absolute; top: -50px; width: 540px; padding:50px 0px 0px 130px; font-size: 21px; line-height: 25px; color: #fffcfc; left: 0; right: 0; margin: auto;} a.btn-agencia img{ margin-left: 10px;} #carousel-accesos-home{ margin: 60px 0;} #carousel-accesos-home .item .item-responsive{ padding: 0 20px; height: 180px; -webkit-box-shadow: 7px 0px 8px -4px rgba(0,0,0,0.4); -moz-box-shadow: 7px 0px 8px -4px rgba(0,0,0,0.4); box-shadow: 7px 0px 8px -4px rgba(0,0,0,0.4);} #carousel-accesos-home .item .item-responsive:last-child{ box-shadow: none;} #carousel-accesos-home .item .item-responsive a{ display: block;} #carousel-accesos-home .item .item-responsive .imagen{ overflow: hidden; height: 100px; width: 100%; background-repeat: no-repeat; background-position: center top;} #carousel-accesos-home .item .item-responsive:first-child .imagen{ background-image: url('../img/i-billete.png');} #carousel-accesos-home .item .item-responsive:nth-child(2) .imagen{ background-image: url('../img/i-tengopremio.png');} #carousel-accesos-home .item .item-responsive:nth-child(3) .imagen{ background-image: url('../img/i-clubdeganadores.png');} #carousel-accesos-home .item .item-responsive:nth-child(4) .imagen{ background-image: url('../img/i-programa.png');} #carousel-accesos-home .item .item-responsive a:hover .imagen{ background-position: center bottom;} #carousel-accesos-home .item .item-responsive .texto h2{ font-size: 21px; line-height: 23px; font-weight: 700; font-style: italic; color: #004f90; text-align: center;} #carousel-accesos-home .item .item-responsive a:hover .texto h2{ color: #cd0a11;} #carousel-accesos-home .carousel-indicators{ display: none;} .logos-home{ margin: 15px auto;} .logos-home ul{ margin: 0; padding: 0;} .logos-home ul li{ list-style: none; display: inline-block;} .logos-home ul li a{ padding: 0 15px;} .logos-home ul li a img{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url(../img/grayscale.svg); filter: grayscale(100%); filter: gray;} .logos-home ul li a:hover img{ filter: none;} .logos-home .btn-panel-empleados{ display: block; width: 40%; background-image: url(../img/i-panel-naranja.png); color: #ff6d00; background-position: 25px 28px; background-color: #fff; background-repeat: no-repeat; padding: 0 15px 0 60px; font-size: 16px; line-height: 80px; font-weight: 700; position: absolute; right: 0; top: 25px; -webkit-box-shadow: -1px 6px 6px -1px rgba(0,0,0,0.3); -moz-box-shadow: -1px 6px 6px -1px rgba(0,0,0,0.3); box-shadow: -1px 6px 6px -1px rgba(0,0,0,0.3);} @media(max-width: 1170px){ .logos-home .btn-panel-empleados{ width: 30%;} } @media(max-width: 991px){ #carousel-home01 .carousel-inner > .item, #carousel-home02 .carousel-inner > .item{ height: 300px;} a.animated-button:link, a.animated-button:visited{ padding: 25px 20px;} #carousel-noticias-home { margin: 30px 10px;} #carousel-noticias-home .item .item-responsive { padding: 0 10px;} #carousel-noticias-home .item .imagen { height: 175px;} #carousel-noticias-home .item .texto { max-height: 145px;} #carousel-noticias-home .carousel-control.left{ left: -20px;} #carousel-noticias-home .carousel-control.right{ right: -20px;} .banner-gif a{ height: 195px;} .banner-completo{ height: 175px;} #carousel-accesos-home .item .item-responsive { padding: 0 14px;} .logos-home ul li a { padding: 0 5px;} .logos-home .btn-panel-empleados { width: 27%;} .gif{ height: 54px;} } @media(max-width: 767px){ .slides-home{ margin-top: 0;} .slides-home > .row > div:first-child{ padding-left: 0;} .slides-home > .row > div:nth-child(2){ padding-right: 0; padding-left: 0;} #carousel-home01 .carousel-inner > .item, #carousel-home02 .carousel-inner > .item{ height: 387px;} .botones-3{ margin-top: 5px; margin-bottom: 5px; margin-left: -15px; margin-right: -15px;} .botones-3 li{ width: 100%; margin-right: 0px; margin-bottom: 5px;} .botones-3 li a{ text-align: center;} #carousel-noticias-home .item .item-responsive { padding: 0 90px;} #carousel-noticias-home .item .imagen { height: 205px;} #carousel-noticias-home .carousel-control.left{ left: -10px;} #carousel-noticias-home .carousel-control.right{ right: -10px;} .banner-gif a { height: 250px;} .banner-completo { height: 107px;} a.btn-agencia{ font-size: 16px; width: 95%;} #carousel-accesos-home { margin: 30px 0;} #carousel-accesos-home .carousel-indicators{ display: block; bottom: 0;} #carousel-accesos-home .carousel-indicators li{ margin: 0 3px;} .logos-home { margin: 0px auto; padding: 0;} .logos-home ul li a { padding: 0 10px; height: 85px; display: inline-block;} .logos-home ul li a img{ height: 100%;} .logos-home .btn-panel-empleados { width: 100%; position: relative; text-align: center; background-position-x: 37%; height: 105px;} .sombra-top, .sombra-bottom{ left: 0; width: 100%;} } @media(max-width: 479px){ #carousel-home01 .carousel-inner > .item, #carousel-home02 .carousel-inner > .item{ height: 260px;} .botones-3{ margin-left: 0px; margin-right: 0px;} a.animated-button:link, a.animated-button:visited { padding: 20px 30px;} .botones-3 li a{ text-align: left;} .modulo-home h1{ background-position: 10px 5px;} #carousel-noticias-home .item .item-responsive { padding: 0 20px;} #carousel-noticias-home .item .imagen { height: 212px;} #carousel-noticias-home .carousel-control.left{ left: 0px;} #carousel-noticias-home .carousel-control.right{ right: 0px;} .banner-gif { margin: 15px 0px;} .banner-gif > div{ padding: 0;} .banner-gif a { height: 175px;} .banner-completo{ margin: 15px auto;} .banner-completo { height: 75px;} .fondo-naranja{ margin-top: 20px;} a.btn-agencia{ font-size: 13px; width: 100%; background-size: 95px; padding: 45px 0 15px 90px; background-position-x: -15px; top: -25px;} a.btn-agencia img{ display: none;} .logos-home ul li a { padding: 0; height: 65px;} .logos-home .btn-panel-empleados { background-position-x: 30%;} .gif { height: 50px;} } /* FOOTER */ .footer{ -webkit-box-shadow: 0px -4px 12px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px -4px 12px 0px rgba(0,0,0,0.4); box-shadow: 0px -4px 12px 0px rgba(0,0,0,0.4); background-image: url('../files/fdo-footer.jpg'); background-repeat: no-repeat; background-position: center top; background-color: #212121; padding-top: 45px; padding-bottom: 30px; position: relative; z-index: 2;} #menu-footer{ margin: 0 -15px;} #menu-footer .navbar-nav > li{ padding: 0 14px; min-width: 130px;} #menu-footer .navbar-nav > li > a{ font-size: 13px; line-height: 14px; font-weight: 700; color: #7c7c7c; padding-top: 5px; padding-bottom: 5px;} #menu-footer .navbar-nav > li > a:hover, #menu-footer .navbar-nav > li > a:focus{ background-color: transparent;} #menu-footer .navbar-nav > li > .dropdown-menu{ display: block; font-size: 12px; line-height: 21px; position: relative; background-color: transparent; border-radius: 0; box-shadow: none; border:none; min-width: auto;} #menu-footer .navbar-nav > li > .dropdown-menu > li > a{ color: #7c7c7c; padding: 2px 10px;} #menu-footer .navbar-nav > li > .dropdown-menu > li > a::before{ content: "· ";} #menu-footer .navbar-nav > li > .dropdown-menu > li > a:hover, #menu-footer .navbar-nav > li > .dropdown-menu > li > a:focus{ color: #fff;} #menu-footer .dropdown-menu > li > a:hover, #menu-footer .dropdown-menu > li > a:focus{ background-color: transparent;} #menu-footer .dropdown-menu .divider{ display: none;} .pie{ background-color: #3c3c3b; padding-top: 25px; padding-bottom: 25px;} .pie .logos a{ margin-right: 20px;} .pie .legal p{ font-size: 11px; line-height: 14px; color: #909090; margin:10px 0;} @media(max-width: 991px){ .footer nav.navbar { margin-left: 0; margin-right: 0;} #menu-footer .navbar-nav > li { padding: 0 5px;} } @media(max-width: 767px){ .footer{ background-image: none; background-color: transparent; padding-top: 0px; padding-bottom: 0px; position: relative; /*margin-top: 25px;*/} .footer nav.navbar { margin-left: 0; margin-right: 0; position: relative;} #menu-footer { padding: 0px; margin: 0 -15px; background-color: #fff; border:none; -webkit-box-shadow: 0px 15px 15px -3px rgba(0,0,0,0.5); -moz-box-shadow: 0px 15px 15px -3px rgba(0,0,0,0.5); box-shadow: 0px 15px 15px -3px rgba(0,0,0,0.5);} #menu-footer .navbar-nav { margin: 0;} #menu-footer .navbar-nav > li{ padding: 0;} #menu-footer .navbar-nav > li > a, #menu-footer .navbar-nav.nav > li > a:hover, #menu-footer .navbar-nav.nav > li > a:focus, #menu-footer .navbar-nav.nav > li > a.active, #menu-footer .navbar-nav.nav .open > a, #menu-footer .navbar-nav.nav .open > a:hover, #menu-footer .navbar-nav.nav .open > a:focus, #menu-footer .navbar-nav.nav .open > a.active{ font-size: 13px; line-height: 50px; color: #7c7c7c; margin-top: 0; padding: 0 15px; -webkit-box-shadow: inset 0px 3px 9px -1px rgba(0,0,0,0.4); -moz-box-shadow: inset 0px 3px 9px -1px rgba(0,0,0,0.4); box-shadow: inset 0px 3px 9px -1px rgba(0,0,0,0.4); border: none; border-top: 2px solid;} #menu-footer .navbar-nav > li:last-child > a{ margin-top: 0; padding: 0 15px;} #menu-footer .navbar-nav.nav > li.dropdown:first-child > a{ border-color: #7F7D7E;} #menu-footer .navbar-nav.nav > li.dropdown:nth-child(2) > a{ border-color: #23126a;} #menu-footer .navbar-nav.nav > li.dropdown:nth-child(3) > a{ border-color: #d60808;} #menu-footer .navbar-nav.nav > li.dropdown:nth-child(4) > a{ border-color: #ff711c;} #menu-footer .navbar-nav.nav > li.dropdown:nth-child(5) > a{ border-color: #72ac17;} #menu-footer .navbar-nav.nav > li.dropdown:nth-child(6) > a{ border-color: #11b5b0;} #menu-footer .navbar-nav.nav > li.dropdown:nth-child(7) > a{ border-color: #323d46;} #menu-footer .navbar-nav.nav > li.dropdown:last-child > a{ background-color: #ffd405; color: #622119; border: none;} #menu-footer .navbar-nav.nav > li.dropdown.open:last-child > ul.dropdown-menu {background-color: #ffd405; color: #622119;} #menu-footer .navbar-nav.nav li:first-child > a:hover, #menu-footer .navbar-nav.nav li:first-child > a:focus, #menu-footer .navbar-nav.nav li:first-child > a.active{ color: #7F7D7E;} #menu-footer .navbar-nav.nav li:nth-child(2) > a:hover, #menu-footer .navbar-nav.nav li:nth-child(2) > a:focus, #menu-footer .navbar-nav.nav li:nth-child(2) > a.active{ color: #23126a;} #menu-footer .navbar-nav.nav li:nth-child(3) > a:hover, #menu-footer .navbar-nav.nav li:nth-child(3) > a:focus, #menu-footer .navbar-nav.nav li:nth-child(3) > a.active{ color: #d60808;} #menu-footer .navbar-nav.nav li:nth-child(4) > a:hover, #menu-footer .navbar-nav.nav li:nth-child(4) > a:focus, #menu-footer .navbar-nav.nav li:nth-child(4) > a.active{ color: #ff711c;} #menu-footer .navbar-nav.nav li:nth-child(5) > a:hover, #menu-footer .navbar-nav.nav li:nth-child(5) > a:focus, #menu-footer .navbar-nav.nav li:nth-child(5) > a.active{ color: #72ac17;} #menu-footer .navbar-nav.nav li:nth-child(6) > a:hover, #menu-footer .navbar-nav.nav li:nth-child(6) > a:focus, #menu-footer .navbar-nav.nav li:nth-child(6) > a.active{ color: #11b5b0;} #menu-footer .navbar-nav.nav li:nth-child(7) > a:hover, #menu-footer .navbar-nav.nav li:nth-child(7) > a:focus, #menu-footer .navbar-nav.nav li:nth-child(7) > a.active{ color: #323d46;} #menu-footer .navbar-nav.nav li:last-child > a:hover, #menu-footer .navbar-nav.nav li:last-child > a:focus, #menu-footer .navbar-nav.nav li:last-child > a.active{ background-color: #ffd405; color: #622119; margin: 0; padding: 0 15px;} #menu-footer .navbar-nav > li > .dropdown-menu{ display: none; margin-top: 0; padding-top: 0; padding-bottom: 0;} #menu-footer .navbar-nav .open .dropdown-menu{ display: block;} #menu-footer .navbar-nav > li > .dropdown-menu > li > a::before{ content: "";} #menu-footer .navbar-nav > li > .dropdown-menu > li > a{ font-size: 13px; line-height: 50px; color: #7c7c7c; border-top: 1px solid #c0c0c0; padding: 0 15px;} #menu-footer .navbar-nav > li:last-child > .dropdown-menu > li > a{color: #622119; border-top: 1px solid #fff;} } @media(max-width: 479px){ .footer nav.navbar{ margin-left: 0; margin-right: 0;} #menu-footer{ margin: 0;} } /* TELÉFONOS ÚTILES */ .main-seccion{ background-color: #fff; /*padding-bottom: 50px;*/} .top-seccion{ height: 92px;} .top-seccion.telefonos{ background-color: #e2e2e2;} .top-seccion .container{ overflow: hidden;} .top-seccion.telefonos img{ float: right; height: 100%;} .top-seccion h1{ display: none;} .titulo-seccion{ background-image: url('../img/telefonos/fdo-main.jpg'); background-repeat: repeat-x; background-position: center bottom; padding-top: 30px; padding-bottom: 50px;} .titulo-seccion h1{ font-size: 30px; line-height: 32px; font-weight: 300; color: #2d2c2b; margin:0; text-transform: uppercase;} .telefonos-destacados{ padding-bottom: 20px;} .telefonos-destacados .modulo{ display: block; border-top: 3px solid #000; background-image: url('../img/telefonos/i-telefono.jpg'); background-repeat: no-repeat; background-position: right bottom; padding:10px 0 15px; margin-top: 25px; height: 80px;} .telefonos-destacados .modulo h2{ font-size: 14px; line-height: 16px; font-weight: 700; color: #303337; margin:0;} .telefonos-destacados .modulo p{ font-size: 21px; line-height: 32px; font-weight: 700; color: #303337; margin: 0;} .telefonos-listado{ padding-bottom: 60px;} .telefonos-listado .modulo{ display: block; border-bottom: 1px solid #000; padding:15px 0; margin-top: 5px; height: 65px;} .telefonos-listado .modulo h3{ font-size: 14px; line-height: 19px; font-weight:700; color: #303337; margin:0;} .telefonos-listado .modulo p{ font-size: 14px; line-height: 19px; font-weight:400; color: #303337; margin:0;} @media(max-width: 767px){ main, footer{ position: relative; top: 157px;} .main-seccion{ padding-top: 0;} .top-seccion{ height: auto;} .top-seccion.telefonos{ background-color: #2d2c2b;} .top-seccion img{ display: none;} /*.top-seccion h1{ display: block; font-size: 16px; line-height: 50px; color: #fff; margin:0; text-transform: uppercase;}*/ .top-seccion h1{ display: block; font-size: 16px; line-height: 18px; color: #fff; margin:0; text-transform: uppercase; padding:16px 0;} .titulo-seccion{ background-position: center top; padding-top: 20px; padding-bottom: 10px; margin-top: 7px;} .titulo-seccion h1{ font-size: 16px; line-height: 21px; font-weight: 700; text-transform: none;} .telefonos-destacados{ padding-bottom: 10px;} .telefonos-destacados .modulo{ margin-top: 10px; height: auto;} .telefonos-destacados .col-xs-12:last-child .modulo{ border-bottom: 3px solid #000;} .telefonos-listado{ padding-bottom: 25px;} .telefonos-listado .modulo{ margin-top: 0; height: auto;} } @media(max-width: 479px){ .main-seccion{ padding-bottom: 0;} .top-seccion h1{ margin: 0 15px;} .titulo-seccion h1{ margin: 0 15px;} } /* DENUNCIAS ANONIMAS */ .top-seccion.denuncias{ background-color: #cd0a11;} .top-seccion.denuncias img{ height: 100%; margin:0 auto; display: block;} .navbar.seccion.denuncias .navbar-nav > li > a{ color: #110202;} .navbar.seccion.denuncias .navbar-nav > li:hover > a, .navbar.seccion.denuncias .navbar-nav > li.active > a{ background-color: #c0c0c0;} .contenido-denuncias { margin-top: 40px; padding-bottom: 40px;} .contenido-denuncias h2{ font-size: 30px; line-height: 32px; font-weight: 300; color: #2d2c2b; text-transform: uppercase;} .contenido-denuncias p{ font-size: 14px; line-height: 21px; color: #2d2c2b; margin:25px 0;} .contenido-denuncias a.btn-volver{ font-size: 14px; line-height: 16px; font-weight: 700; color: #2d2c2b; letter-spacing: 2px; display: inline-block; padding: 6px 30px; border: 2px solid #2d2c2b; margin:15px 0;} .contenido-denuncias a.btn-volver:hover{ background-color: #cdcdcd;} form.form_denuncias label{ font-size: 13px; line-height: 15px; font-weight: 400; text-transform: uppercase; color: #2d2c2b; display: block;} form.form_denuncias textarea{ font-size: 13px; line-height: 15px; font-weight: 400; color: #2d2c2b; width: 100%; height: 130px; border:1px solid #2d2c2b; padding:5px;} form.form_denuncias #btnenviar{ margin-top: 25px; border: none; background-color: #2d2c2b; color: #fff; font-size: 14px; line-height: 16px; font-weight: 700; text-align: center; padding:10px 110px;} form.form_denuncias #btnenviar:hover{ background-color: #666;} .contenido-denuncias ul{ margin: 0; padding: 0;} .contenido-denuncias ul li{ list-style: none; border-bottom: 1px solid #2d2c2b;} .contenido-denuncias ul li a{ font-size: 14px; line-height: 16px; color: #2d2c2b; text-decoration: none; padding:10px 0; display: block;} .contenido-denuncias ul li a:hover{ background-color: #ececec;} .contenido-denuncias ul li a span{ font-weight: 700;} @media(max-width: 767px){ .top-seccion.denuncias img{ display: none;} .navbar.seccion.denuncias button.navbar-toggle{ background-color: #6e0606;} .navbar.seccion.denuncias .navbar-collapse.collapse, .navbar.seccion.denuncias .navbar-collapse.collapse.in, .navbar.seccion.denuncias .navbar-collapse.collapsing{ background-color: #6a0606;} .navbar.seccion.denuncias .navbar-nav > li > a{ color: #fff;} .contenido-denuncias { margin-top: 25px; padding-bottom: 25px;} .contenido-denuncias h2{ font-size: 16px; line-height: 21px; font-weight: 700; margin:0;} .contenido-denuncias .tab-pane{ padding: 15px;} } @media(max-width: 479px){ .contenido-denuncias { margin: 25px 15px;} .contenido-denuncias .row{ margin: 0 -15px;} form.form_denuncias #btnenviar{ width: 100%;} } /* INSTITUCIONAL */ /* HISTORIA */ /* BENEFICENCIA */ .top-seccion-02{ height: 138px;} .top-seccion-02 .content-fdo{ overflow: hidden; height: 100%; position: relative;} .top-seccion-02 .content-fdo img{ height: 100%; left: -1000px; margin: auto; max-width: inherit; position: absolute; right: -1000px;} .top-seccion-02 h1{ display: none;} .sombra{ background-image: url('../files/fdo-submenu.png'); -webkit-box-shadow: 0px 10px 8px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 10px 8px 0px rgba(0,0,0,0.4); box-shadow: 0px 10px 8px 0px rgba(0,0,0,0.4); background-repeat: no-repeat; background-position: center bottom; position: relative; z-index: 2;} .sombra.turf{ background-color: #7F7D7E;} .navbar.seccion{ border: none;} .navbar.seccion .navbar-collapse.collapse{ padding: 0;} .navbar.seccion .navbar-nav > li > a{ font-size: 13px; line-height: 21px; font-weight: 700; color: #fff; padding:15px 10px;} .navbar.seccion.turf .navbar-nav > li.active > a, .navbar.seccion.turf .navbar-nav > li > a:hover, .navbar.seccion.turf .navbar-nav > li > a:focus{ background-color: #3D3D3D;} .main-seccion.turf{ background-image: url('../files/fdo-main-turf3.jpg'); background-position: center top; background-repeat: repeat-y; padding-bottom: 0;} .sombra.institucional{ background-color: #7F7D7E;} .navbar.seccion{ border: none;} .navbar.seccion .navbar-collapse.collapse{ padding: 0;} .navbar.seccion .navbar-nav > li > a{ font-size: 13px; line-height: 21px; font-weight: 700; color: #fff; padding:15px 10px;} .navbar.seccion.institucional .navbar-nav > li.active > a, .navbar.seccion.institucional .navbar-nav > li > a:hover, .navbar.seccion.institucional .navbar-nav > li > a:focus{ background-color: #2da0bc;} .main-seccion .menu-lateral{ padding-top: 130px; background-color: #fff; padding-bottom: 50px; position: absolute; z-index: 1; top: 0; bottom: 0; right: 0;} .main-seccion .menu-lateral ul{ margin: 0 -15px; padding: 0;} .main-seccion .menu-lateral ul li{ list-style: none;} .main-seccion .menu-lateral ul li a{ font-size: 13px; line-height: 14px; font-weight: 700; padding: 10px 15px 10px 25px; display: block;} .main-seccion .menu-lateral ul li a:hover, .main-seccion .menu-lateral ul li a.active{ background-color: #e7e6e6;} .main-seccion.institucional .menu-lateral ul li a{ color: #7F7D7E;} .main-seccion .contenido-seccion{ float: left; padding-top: 50px; padding-bottom: 50px; min-height: 690px;} /*.main-seccion .contenido-seccion h1{ font-size: 24px; line-height: 30px; font-weight: 700; color: #fff; margin: 25px 0 20px;}*/ .main-seccion .contenido-seccion h1{ font-size: 21px; line-height: 26px; font-weight: 400; color: #fff; margin: 25px 0 20px; letter-spacing: 2px;} .main-seccion .contenido-seccion h3{ font-size: 16px; line-height: 30px; font-weight: 700; color: #fff; margin: 10px 0 20px;} .main-seccion .contenido-seccion p{ font-size: 14px; line-height: 21px; color: #fff; margin: 20px 0;} .main-seccion .contenido-seccion a{ color: #fff; text-decoration: none;} .main-seccion .contenido-seccion a:hover{ color: #cdcdcd;} .main-seccion .contenido-seccion a.btn-volver{ font-size: 13px; line-height: 20px; font-weight: 700; position: absolute; top: 85px; right: 90px;} .main-seccion .contenido-seccion a.btn-descargar{ font-size: 14px; line-height: 16px; font-weight: 700; color: #fff; letter-spacing: 2px; padding: 6px 30px; border: 2px solid #fff; margin: 0; text-align: center; display: inline-block; cursor: pointer;} .main-seccion .contenido-seccion a.btn-descargar:hover{ background-color: #cdcdcd;} .main-seccion .contenido-seccion ul{ margin: 0; padding: 0;} .main-seccion .contenido-seccion ul li{ list-style: none; margin:10px 0;} .main-seccion .contenido-seccion ul li a{ font-size: 13px; line-height: 15px;} .main-seccion .contenido-seccion img{ max-width: 100%;} .main-seccion .contenido-seccion .carousel{ margin: 30px 0;} .main-seccion .contenido-seccion .carousel .carousel-inner > .item{ overflow: hidden; height: 310px; width: 100%; background: #fff;} .main-seccion .contenido-seccion .carousel .carousel-inner > .item img{ height: 100%; position: absolute; top: -10000px; bottom: -10000px; left: -10000px; right: -10000px; margin: auto; max-width: inherit;} .main-seccion .contenido-seccion .carousel .carousel-indicators { bottom: -40px; left: 30px;} .main-seccion .contenido-seccion .carousel .carousel-indicators li, .main-seccion .contenido-seccion .carousel .carousel-indicators li.active{ margin: 2px;} .main-seccion .contenido-seccion .contenedor-mapa{ overflow: hidden; position: relative; width: 208%; height: 352px; left: -481px; right: 0;} .main-seccion .contenido-seccion .contenedor-mapa iframe{position: absolute; left: 0; right: 0; width: 100%;} @media(max-width: 1170px){ .main-seccion .contenido-seccion .contenedor-mapa{ left: -26px; width: 123%;} } @media(max-width: 991px){ .main-seccion .contenido-seccion .carousel .carousel-inner > .item{ height: 243px;} .main-seccion .contenido-seccion a.btn-volver{ right: 35px;} } @media(max-width: 767px){ .top-seccion-02{ height: auto;} .top-seccion-02.institucional{ background-color:#7F7D7E;} .top-seccion-02 img{ display: none;} .top-seccion-02 h1 { display: block; font-size: 16px; line-height: 50px; color: #fff; margin: 0 15px; text-transform: uppercase;} .sombra{ background-image: none; box-shadow: none;} .sombra > .container{ padding: 0;} .navbar.seccion{ position: relative; margin: 0;} .navbar.seccion .navbar-nav > li.active{ display:none;} .navbar.seccion button.navbar-toggle{ background-image: url('files/fdo-submenu.png'); background-repeat: no-repeat; background-position: center bottom; padding: 15px; margin: 0; float: none; width: 100%; text-align: left;} .navbar.seccion.institucional button.navbar-toggle{ background-color: #064150;} .navbar.seccion button.navbar-toggle h2{ color: #fff; font-size: 16px; line-height: 21px; display: inline-block; margin:0;} .navbar.seccion button.navbar-toggle img{ transform:rotate(180deg); float: right; margin-top: 5px;} .navbar.seccion button.navbar-toggle.collapsed img{ transform:rotate(0deg);} .navbar.seccion .navbar-collapse.collapse{ display: none; visibility: hidden; border:none; padding: 0; position: absolute; width: 100%; -webkit-box-shadow: inset 0px 7px 7px 0px rgba(0,0,0,0.4); -moz-box-shadow: inset 0px 7px 7px 0px rgba(0,0,0,0.4); box-shadow: inset 0px 7px 7px 0px rgba(0,0,0,0.4); } .navbar.seccion .navbar-collapse.collapse.in{ display: block; visibility: visible; border:none;} .navbar.seccion .navbar-collapse.collapsing{ display: block; visibility: visible; border:none; padding: 0; position: absolute; width: 100%; -webkit-box-shadow: inset 0px 7px 7px 0px rgba(0,0,0,0.4); -moz-box-shadow: inset 0px 7px 7px 0px rgba(0,0,0,0.4); box-shadow: inset 0px 7px 7px 0px rgba(0,0,0,0.4);} .navbar.seccion.institucional .navbar-collapse.collapse, .navbar.seccion.institucional .navbar-collapse.collapse.in, .navbar.seccion.institucional .navbar-collapse.collapsing{ background-color: #064150;} .navbar.seccion .navbar-nav{ margin: 0;} .navbar.seccion.institucional .navbar-nav > li{ border-bottom: 1px solid #7F7D7E;} .navbar.seccion .navbar-nav > li > a{ padding: 15px; font-size: 16px; font-weight: 400; color: #feffff;} .main-seccion{ background-image: none !important;} .main-seccion .menu-lateral{ padding-bottom: 0; padding-top: 0; position: relative; top: auto; bottom: auto;} .main-seccion .menu-lateral ul li a{ font-size: 16px; line-height: 21px; padding: 15px; border-bottom: 1px solid; -webkit-box-shadow: inset 0px 5px 10px -1px rgba(0,0,0,0.45); -moz-box-shadow: inset 0px 5px 10px -1px rgba(0,0,0,0.45); box-shadow: inset 0px 5px 10px -1px rgba(0,0,0,0.45);} .main-seccion.institucional .menu-lateral ul li a{ border-bottom-color: #064150;} .main-seccion .contenido-seccion{ padding-top: 10px; padding-bottom: 10px; min-height: auto;} .main-seccion.institucional .contenido-seccion{ background-color: #2da0bc;} .main-seccion .contenido-seccion h1{ font-size: 16px; line-height: 21px; font-weight: 700; color: #fff; margin: 10px 0 10px; text-transform: uppercase;} .main-seccion .contenido-seccion a.btn-volver{ right: 20px; top: 20px;} .main-seccion .contenido-seccion .carousel .carousel-inner > .item{ height: 227px;} .main-seccion .contenido-seccion .contenedor-mapa{ left: 0px; width: 100%;} } @media(max-width: 479px){ .main-seccion .contenido-seccion .carousel .carousel-inner > .item{ height: 146px;} } /* AUDIOGUIAS */ .audioguias .nav-tabs{ border-bottom: 0; border-radius: 50px; padding-left: 20px !important; -webkit-box-shadow: inset 10px 10px 30px -10px rgba(0,0,0,0.4); -moz-box-shadow: inset 10px 10px 30px -10px rgba(0,0,0,0.4); box-shadow: inset 10px 10px 30px -10px rgba(0,0,0,0.4);} .audioguias .nav-tabs > li > a{ padding: 15px 10px; border:none;} .audioguias .nav-tabs > li.active > a, .audioguias .nav-tabs > li.active > a:hover, .audioguias .nav-tabs > li.active > a:focus, .audioguias .nav-tabs > li > a:hover, .audioguias .nav-tabs > li > a:focus{ background-color: transparent; border: none; cursor: pointer;} .audioguias .nav-tabs > li > a img{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url(../img/grayscale.svg); filter: grayscale(100%); filter: gray; } .audioguias .nav-tabs > li > a:hover img, .audioguias .nav-tabs > li > a:focus img{ filter: none;} .audioguias .nav-tabs > li.active > a img, .audioguias .nav-tabs > li.active > a:hover img, .audioguias .nav-tabs > li.active > a:focus img{ filter: none;} .audioguias .tab-content .tab-pane audio{ margin: 20px auto; display: block; width: 87%;} /* AUTORIDADES */ .organigrama{ margin-top: 70px; background-image: url('../img/institucional/organigrama-linea-vertical.png'); background-repeat: repeat-y; background-position: center top;} .organigrama h2{ font-size: 18px; line-height: 20px; font-weight: 400; font-style: italic; color: #fff; background-image: url('../img/institucional/organigrama-circulo.png'); background-repeat: no-repeat; background-position: right 5px; padding-right: 35px; text-align: right; width: 51.3%; margin:0;} .organigrama h2:first-child{ background-color: #7F7D7E;} .organigrama p{ font-size: 16px; line-height: 30px; font-weight: 400; font-style: italic; color: #fff; background-image: url('../img/institucional/organigrama-linea-horizontal.png'); background-repeat: no-repeat; background-position: left 5px; margin: 35px 0 35px 50% !important; padding-left: 35px;} .organigrama span.flecha{ background-image: url('../img/institucional/organigrama-flecha.jpg'); height: 8px; display: block; background-repeat: no-repeat; background-position: center top;} @media(max-width: 991px){ .organigrama h2{ width: 51.5%;} } @media(max-width: 767px){ .organigrama { margin-top: 35px; background-position: 51px top; padding-left: 50px; margin-bottom: 20px;} .organigrama h2{ background-position: left 5px; padding-left: 35px; text-align: left; width: 100%;} .organigrama p{ margin: 35px 0 35px 9px !important;} .organigrama span.flecha{ background-position: left top;} } @media(max-width: 479px){ .organigrama { background-position: 10.5px top; padding-left: 10px;} } /* VIDEOS */ .listado-de-videos .modulo{ margin: 30px 0; height: 350px;} .listado-de-videos .modulo .video{ background-image: url('../img/institucional/sombra-video.png'); background-repeat: no-repeat; background-position: right bottom; padding:0 10px 20px 0;} .listado-de-videos .modulo .video iframe{ background-color: #000;} .listado-de-videos .modulo .texto h3{ font-size: 14px; line-height: 16px; font-weight: 700; color: #fff; margin:10px 0;} .listado-de-videos .modulo .texto p{ font-size: 13px; line-height: 15px; font-weight: 400; color: #fff; margin:5px 0;} .listado-de-videos .modulo .texto span{ font-size: 14px; line-height: 16px; font-weight: 700; color: #fff; display: block; margin:0px 0 10px;} .video-ampliado{ background-image: url(../img/institucional/sombra-video.png); background-repeat: no-repeat; background-position: right bottom; padding: 0 10px 20px 0;} .video-ampliado iframe{ width: 100%;} @media(max-width: 991px){ .listado-de-videos .modulo { margin: 15px 0; height: 200px;} .listado-de-videos .modulo .video iframe{ width: 215px; height: 164px;} } @media(max-width: 767px){ .listado-de-videos .modulo { height: auto;} .listado-de-videos .modulo .video iframe { width: 100%; height: 330px;} .listado-de-videos .modulo span { font-size: 16px; line-height: 18px; margin: -5px 0 10px;} .video-ampliado{ margin: 10px 0 -40px;} .video-ampliado iframe { width: 100%; height: 247px;} } @media(max-width: 479px){ .listado-de-videos{ margin: 0 -15px;} .listado-de-videos .modulo .video iframe { height: 212px;} } /* PINACOTECA */ .listado-de-obras .modulo{ margin: 10px 0; height: 250px;} .listado-de-obras .modulo .obra{ overflow: hidden; height: 190px; width: 100%; position: relative;} .listado-de-obras .modulo .obra img{ height: 100%; position: absolute; top: -10000px; bottom: -10000px; left: -10000px; right: -10000px; margin: auto; max-width: inherit;} .listado-de-obras .modulo span{ font-size: 14px; line-height: 16px; font-weight: 700; color: #fff; display: block; margin:10px 0;} .listado-de-obras .modulo h4{ font-size: 13px; line-height: 15px; font-weight: 400; margin:0; color: #fff;} @media(max-width: 991px){ .listado-de-obras .modulo .obra{ height: 170px;} } @media(max-width: 767px){ .listado-de-obras .modulo { height: auto;} .listado-de-obras .modulo .obra{ height: 340px;} } @media(max-width: 479px){ .listado-de-obras{ margin: 0 -15px;} .listado-de-obras .modulo .obra { height: 220px;} } /* JUEGOS */ .sombra.juegos{ background-color: #23126a;} .navbar.seccion.juegos .navbar-nav > li.active > a, .navbar.seccion.juegos .navbar-nav > li > a:hover, .navbar.seccion.juegos .navbar-nav > li > a:focus{ background-color: #5947a4;} .main-seccion.juegos{ background-image: url('../img/juegos/fdo-main-juegos.jpg'); background-position: center top; background-repeat: repeat-y; padding-bottom: 0;} .main-seccion.juegos .menu-lateral ul li a{ color: #23126a;} .main-seccion.juegos .menu-lateral ul.otros-botones{ margin-top: 100px; margin-left: 5px;} .main-seccion.juegos .menu-lateral ul.otros-botones li a{ width: 173px; height: 137px; background-repeat: no-repeat; background-position: center top; display: block; margin:25px 0; text-align: center; font-size: 14px; line-height: 21px; font-weight: 900; color: #ff4300; padding:25px;} .main-seccion.juegos .menu-lateral ul.otros-botones li a.btn-significado{ background-image: url('../img/juegos/btn-significado.jpg');} .main-seccion.juegos .menu-lateral ul.otros-botones li a.btn-minumero{ background-image: url('../img/juegos/btn-minumero.jpg');} .main-seccion.juegos .contenido-seccion{ min-height: 815px;} .main-seccion.juegos .contenido-seccion a{ color: #4a4a49; font-weight: 900;} .main-seccion.juegos .contenido-seccion a:hover{ color:#2d2c2b;} .main-seccion .contenido-seccion .logo-juego{ overflow: hidden; height: 76px; width: 100%; position: relative;} .main-seccion .contenido-seccion .logo-juego img{ height: 100%; position: absolute; top: -10000px; bottom: -10000px; left: -10000px; right: -10000px; margin: auto; max-width: inherit;} @media(max-width: 991px){ .main-seccion.juegos .menu-lateral ul.otros-botones{ margin-left: -5px;} } /* EXTRACTO */ .main-seccion .contenido-seccion .contenedor-sombra{ background-color: #fff; background-image: url('../img/juegos/sombra-contenedor.jpg'); background-repeat: no-repeat; background-position: bottom right; /*padding-bottom: 30px;*/ padding-bottom: 15px; margin-top: 20px;} .main-seccion .contenido-seccion .contenedor-sombra h1, .main-seccion .contenido-seccion .contenedor-sombra h2, .main-seccion .contenido-seccion .contenedor-sombra h3{ text-align: center; margin:0; border-bottom: 5px solid #e3e3e2;} .main-seccion .contenido-seccion .contenedor-sombra h1{ font-size: 24px; line-height: 25px; font-weight: 900; color: #fff; padding:17px 15px;} .main-seccion .contenido-seccion .contenedor-sombra h1 span{ font-weight: 400;} .main-seccion .contenido-seccion .contenedor-sombra h2{ font-size: 21px; line-height: 21px; font-weight: 700; color: #2d2c2b; padding:17px 15px;} .main-seccion .contenido-seccion .contenedor-sombra h3{ font-size: 16px; line-height: 21px; font-weight: 700; padding:12px 15px;} .main-seccion .contenido-seccion .contenedor-sombra p{ text-align: center; font-size: 21px; line-height: 36px; font-weight: 900; color: #2d2c2b !important; margin:0; padding-top: 15px; padding-bottom: 15px;} .main-seccion .contenido-seccion .fdo-rojo{ background-color: #d60808;} .main-seccion .contenido-seccion .fdo-naranja{ background-color: #ff711c !important;} .main-seccion .contenido-seccion .fdo-verde{ background-color: #72ac17 !important;} .main-seccion .contenido-seccion .fdo-cyan{ background-color: #11b5b0;} .main-seccion .contenido-seccion .fdo-amarillo{ background-color: #ffd405;} .main-seccion .contenido-seccion .fdo-azul{ background-color: #345B79 !important;} .main-seccion .contenido-seccion .fdo-gris01{ background-color: #322b2a; color: #fff !important;} .main-seccion .contenido-seccion .fdo-gris02{ background-color: #4a4a49; color: #fff !important;} .main-seccion .contenido-seccion .fdo-gris03{ background-color: #c5c5c5;} .main-seccion .contenido-seccion .fdo-blanco{ background-color: #fff;} .main-seccion .contenido-seccion hr.separador-amarillo{ border: 0; border-bottom: 16px solid #ffd405 !important; margin:0 0 -5px !important;} .main-seccion .contenido-seccion .color-bco{ color: #fff !important;} .main-seccion .contenido-seccion .color-gris{ color: #2d2c2b;} .main-seccion .contenido-seccion .text-left{ text-align: left !important;} .main-seccion .contenido-seccion .contenedor-sombra .modulos-destacados{ padding: 0 9px 9px; border-bottom: 5px solid #e3e3e2; border-top: 5px solid #e3e3e2;} .main-seccion .contenido-seccion .contenedor-sombra .modulos-destacados .modulo{ width: 18%; display: inline-block; margin:4px; text-align: center;} .main-seccion .contenido-seccion .contenedor-sombra .modulos-destacados .modulo h4{ font-size: 16px; line-height: 21px; font-weight: 400; color: #2d2c2b; margin:5px 0;} .main-seccion .contenido-seccion .contenedor-sombra .modulos-destacados .modulo span{ font-size: 18px; line-height: 40px; font-weight: 900; display: block; color: #2d2c2b; width: 100%; text-align: center;} .main-seccion .contenido-seccion .contenedor-sombra .modulos-normales{ padding: 9px;} .main-seccion .contenido-seccion .contenedor-sombra .modulos-normales ul li{ font-weight: 900; font-size: 16px; line-height: 26px; color: #2d2c2b; width: 18%; display: inline-block; margin:4px; text-align: center;} .main-seccion .contenido-seccion .contenedor-sombra .modulos-normales ul{ counter-reset: section 5;} .main-seccion .contenido-seccion .contenedor-sombra .modulos-normales ul li::before{ counter-increment: section; content: counter(section) "º "; font-size: 16px; line-height: 26px; font-weight: 700; color: #6c6b6a;} .main-seccion .contenido-seccion .contenedor-sombra .bloque-gris{ background-color: #e3e3e2;} .main-seccion .contenido-seccion .contenedor-sombra .bloque-gris .medio-bloque:first-child, .main-seccion .contenido-seccion .contenedor-sombra .bloque-gris .medio-bloque:nth-child(odd), .main-seccion .contenido-seccion .contenedor-sombra .bloque-gris .medio-bloque .left{ float: left; width: 49.5%;} .main-seccion .contenido-seccion .contenedor-sombra .bloque-gris .medio-bloque:nth-child(2), .main-seccion .contenido-seccion .contenedor-sombra .bloque-gris .medio-bloque:nth-child(even), .main-seccion .contenido-seccion .contenedor-sombra .bloque-gris .medio-bloque .right{ float: right; width: 49.5%;} .main-seccion .contenido-seccion .contenedor-sombra .bloque-gris .medio-bloque h2{ /*font-size: 21px;*/ font-size: 17px; line-height: 21px; font-weight: 900; color: #2d2c2b; padding:7px 0; text-align: center;} .main-seccion .contenido-seccion .contenedor-sombra .bloque-gris .medio-bloque h3{ border-bottom: none !important;} .main-seccion .contenido-seccion .contenedor-sombra .bloque-gris .medio-bloque h2{ border-bottom: 0;} .main-seccion .contenido-seccion .contenedor-sombra .bloque-gris .medio-bloque h4{ font-size: 14px; line-height: 21px; font-weight: 700; color: #2d2c2b; margin: 0; padding:7px 0; text-align: center; /*border-top: 5px solid #fff;*/ border-bottom: 5px solid #fff;} .main-seccion .contenido-seccion .contenedor-sombra .bloque-gris .medio-bloque p{ padding: 64.5px 0;} .main-seccion .contenido-seccion .contenedor-sombra .bloque-gris .medio-bloque.full{ margin-bottom: 15px;} .main-seccion .contenido-seccion .contenedor-sombra .bloque-sextos{ /*margin-bottom: -15px;*/} .main-seccion .contenido-seccion .contenedor-sombra .bloque-sextos h2{ width: 16.2%; display: inline-block; border-right: 5px solid #e3e3e2;} .main-seccion .contenido-seccion .contenedor-sombra .bloque-sextos h2.doble{ width: 32.9%;} .main-seccion .contenido-seccion .contenedor-sombra .bloque-sextos h2:nth-child(6n+0){ border-right: 0;} .main-seccion .contenido-seccion .contenedor-sombra .bloque-once{ margin-bottom: -15px;} .main-seccion .contenido-seccion .contenedor-sombra .bloque-once h2{ width: 8.6%; display: inline-block; border-right: 5px solid #e3e3e2; padding: 10px 5px;} .main-seccion .contenido-seccion .contenedor-sombra .bloque-once h2:nth-child(11n+0){ border-right: 0;} .main-seccion .contenido-seccion .linea{ margin-bottom: 15px;} .main-seccion .contenido-seccion .linea h1{ margin: 0px 0; border-bottom: 5px solid #e3e3e3; padding: 10px 15px;} .main-seccion .contenido-seccion .linea h3{ float: left; margin:5px 15px;} .main-seccion .contenido-seccion .linea span{ float: right; font-size: 21px; line-height: 21px; font-weight: 700; color: #fff; padding: 10px 15px; border-left: 5px solid #e3e3e3;} .main-seccion .contenido-seccion .clear-20{ clear: both; height: 20px;} .main-seccion .contenido-seccion .contenedor-sombra form{ text-align: center;} .main-seccion .contenido-seccion .contenedor-sombra form select, .main-seccion .contenido-seccion .contenedor-sombra form input[type="number"]{ background-color: #b4b1b1; color: #fff; font-size: 16px; line-height: 21px; font-weight: 700; display: block; border: none; margin:10px auto; padding: 5px 10px;} .main-seccion .contenido-seccion .contenedor-sombra form select:focus{ outline: 0;} .main-seccion .contenido-seccion .contenedor-sombra form select option{ font-size: 14px;} .main-seccion .contenido-seccion .contenedor-sombra form span{ font-size: 13px; line-height: 21px; font-weight: 700; color: #2d2c2b; display: block; text-align: center; margin:5px 0;} .main-seccion .contenido-seccion .contenedor-sombra form button{ background-color: transparent; border: none; font-size: 14px; line-height: 21px; font-weight: 700; color: #b90808; margin: 0px auto 15px; letter-spacing: 2px;} .main-seccion .contenido-seccion .contenedor-sombra form button:hover{ color: #ed7d1b;} .main-seccion .contenido-seccion .btn-descargar-extracto{ font-size: 16px; line-height: 21px; font-weight: 700; color: #4a4a49; display: block; text-align: center; background-color: #fff; background-image: url('../img/juegos/sombra-contenedor.jpg'); background-repeat: no-repeat; background-position: bottom right; padding-bottom: 30px; margin-top: 0px; padding-top: 15px;} .main-seccion .contenido-seccion .btn-descargar-extracto:hover{ background-color: #c5c5c5; color: #2d2c2b;} .main-seccion .contenido-seccion .bloques-inferiores .contenedor-sombra h3{ border-bottom: 0 !important;} .main-seccion .contenido-seccion .bloques-inferiores .contenedor-sombra form{ padding: 0 10px;} .main-seccion .contenido-seccion .bloques-inferiores .contenedor-sombra form select{ padding: 5px 0px;} .main-seccion .contenido-seccion .bloques-inferiores .contenedor-sombra form h4{ font-size: 16px; line-height: 21px; font-weight: 700; color: #2d2c2b; margin: 15px 0 5px;} .main-seccion .contenido-seccion .bloques-inferiores .contenedor-sombra form p{ font-size: 13px; line-height: 21px; font-weight: 700; color: #4a4a49; margin: 15px 0 -5px; padding:0;} .main-seccion .contenido-seccion .bloques-inferiores .contenedor-sombra form input { padding: 5px 20px !important;} .main-seccion .contenido-seccion .bloques-inferiores .col-xs-12 .contenedor-sombra:nth-child(2){ margin-top: 5px;} @media print { .contenedor-sombra{ background-color: #fff; background-image: url('../img/juegos/sombra-contenedor.jpg'); background-repeat: no-repeat; background-position: bottom right; /*padding-bottom: 30px;*/ padding-bottom: 15px; margin-top: 20px;} .contenedor-sombra h1, .contenedor-sombra h2, .contenedor-sombra h3{ text-align: center; margin:0; border-bottom: 5px solid #e3e3e2;} .contenedor-sombra h1{ font-size: 24px; line-height: 25px; font-weight: 900; color: #fff; padding:17px 15px;} .contenedor-sombra h1 span{ font-weight: 400;} .contenedor-sombra h2{ font-size: 21px; line-height: 21px; font-weight: 700; color: #2d2c2b; padding:17px 15px;} .contenedor-sombra h3{ font-size: 16px; line-height: 21px; font-weight: 700; padding:12px 15px;} .contenedor-sombra p{ text-align: center; font-size: 21px; line-height: 36px; font-weight: 900; color: #2d2c2b !important; margin:0; padding-top: 15px; padding-bottom: 15px;} .fdo-rojo{ background-color: #d60808;} .fdo-naranja{ background-color: #ff711c !important;} .fdo-verde{ background-color: #72ac17 !important;} .fdo-cyan{ background-color: #11b5b0;} .fdo-amarillo{ background-color: #ffd405;} .fdo-azul{ background-color: #345B79 !important;} .fdo-gris01{ background-color: #322b2a; color: #fff !important;} .fdo-gris02{ background-color: #4a4a49; color: #fff !important;} .fdo-gris03{ background-color: #c5c5c5;} .fdo-blanco{ background-color: #fff;} hr.separador-amarillo{ border: 0; border-bottom: 16px solid #ffd405 !important; margin:0 0 -5px !important;} .color-bco{ color: #fff !important;} .color-gris{ color: #2d2c2b;} .text-left{ text-align: left !important;} .contenedor-sombra .modulos-destacados{ padding: 0 9px 9px; border-bottom: 5px solid #e3e3e2; border-top: 5px solid #e3e3e2;} .contenedor-sombra .modulos-destacados .modulo{ width: 18%; display: inline-block; margin:4px; text-align: center;} .contenedor-sombra .modulos-destacados .modulo h4{ font-size: 16px; line-height: 21px; font-weight: 400; color: #2d2c2b; margin:5px 0;} .contenedor-sombra .modulos-destacados .modulo span{ font-size: 18px; line-height: 40px; font-weight: 900; display: block; color: #2d2c2b; width: 100%; text-align: center;} .contenedor-sombra .modulos-normales{ padding: 9px;} .contenedor-sombra .modulos-normales ul li{ font-weight: 900; font-size: 16px; line-height: 26px; color: #2d2c2b; width: 18%; display: inline-block; margin:4px; text-align: center;} .contenedor-sombra .modulos-normales ul{ counter-reset: section 5;} .contenedor-sombra .modulos-normales ul li::before{ counter-increment: section; content: counter(section) "º "; font-size: 16px; line-height: 26px; font-weight: 700; color: #6c6b6a;} .contenedor-sombra .bloque-gris{ background-color: #e3e3e2;} .contenedor-sombra .bloque-gris .medio-bloque:first-child, .contenedor-sombra .bloque-gris .medio-bloque:nth-child(odd), .contenedor-sombra .bloque-gris .medio-bloque .left{ float: left; width: 49.5%;} .contenedor-sombra .bloque-gris .medio-bloque:nth-child(2), .contenedor-sombra .bloque-gris .medio-bloque:nth-child(even), .contenedor-sombra .bloque-gris .medio-bloque .right{ float: right; width: 49.5%;} .contenedor-sombra .bloque-gris .medio-bloque h2{ /*font-size: 21px;*/ font-size: 17px; line-height: 21px; font-weight: 900; color: #2d2c2b; padding:7px 0; text-align: center;} .contenedor-sombra .bloque-gris .medio-bloque h3{ border-bottom: none !important;} .contenedor-sombra .bloque-gris .medio-bloque h2{ border-bottom: 0;} .contenedor-sombra .bloque-gris .medio-bloque h4{ font-size: 14px; line-height: 21px; font-weight: 700; color: #2d2c2b; margin: 0; padding:7px 0; text-align: center; /*border-top: 5px solid #fff;*/ border-bottom: 5px solid #fff;} .contenedor-sombra .bloque-gris .medio-bloque p{ padding: 64.5px 0;} .contenedor-sombra .bloque-gris .medio-bloque.full{ margin-bottom: 15px;} .contenedor-sombra .bloque-sextos{ /*margin-bottom: -15px;*/} .contenedor-sombra .bloque-sextos h2{ width: 16.2%; display: inline-block; border-right: 5px solid #e3e3e2;} .contenedor-sombra .bloque-sextos h2.doble{ width: 32.9%;} .contenedor-sombra .bloque-sextos h2:nth-child(6n+0){ border-right: 0;} .contenedor-sombra .bloque-once{ margin-bottom: -15px;} .contenedor-sombra .bloque-once h2{ width: 8.6%; display: inline-block; border-right: 5px solid #e3e3e2; padding: 10px 5px;} .contenedor-sombra .bloque-once h2:nth-child(11n+0){ border-right: 0;} .linea{ margin-bottom: 15px;} .linea h1{ margin: 0px 0; border-bottom: 5px solid #e3e3e3; padding: 10px 15px;} .linea h3{ float: left; margin:5px 15px;} .linea span{ float: right; font-size: 21px; line-height: 21px; font-weight: 700; color: #fff; padding: 10px 15px; border-left: 5px solid #e3e3e3;} .clear-20{ clear: both; height: 20px;} .contenedor-sombra form{ text-align: center;} .contenedor-sombra form select, .contenedor-sombra form input[type="number"]{ background-color: #b4b1b1; color: #fff; font-size: 16px; line-height: 21px; font-weight: 700; display: block; border: none; margin:10px auto; padding: 5px 10px;} .contenedor-sombra form select:focus{ outline: 0;} .contenedor-sombra form select option{ font-size: 14px;} .contenedor-sombra form span{ font-size: 13px; line-height: 21px; font-weight: 700; color: #2d2c2b; display: block; text-align: center; margin:5px 0;} .contenedor-sombra form button{ background-color: transparent; border: none; font-size: 14px; line-height: 21px; font-weight: 700; color: #b90808; margin: 0px auto 15px; letter-spacing: 2px;} .contenedor-sombra form button:hover{ color: #ed7d1b;} .btn-descargar-extracto{ font-size: 16px; line-height: 21px; font-weight: 700; color: #4a4a49; display: block; text-align: center; background-color: #fff; background-image: url('../img/juegos/sombra-contenedor.jpg'); background-repeat: no-repeat; background-position: bottom right; padding-bottom: 30px; margin-top: 0px; padding-top: 15px;} .btn-descargar-extracto:hover{ background-color: #c5c5c5; color: #2d2c2b;} .bloques-inferiores .contenedor-sombra h3{ border-bottom: 0 !important;} .bloques-inferiores .contenedor-sombra form{ padding: 0 10px;} .bloques-inferiores .contenedor-sombra form select{ padding: 5px 0px;} .bloques-inferiores .contenedor-sombra form h4{ font-size: 16px; line-height: 21px; font-weight: 700; color: #2d2c2b; margin: 15px 0 5px;} .bloques-inferiores .contenedor-sombra form p{ font-size: 13px; line-height: 21px; font-weight: 700; color: #4a4a49; margin: 15px 0 -5px; padding:0;} .bloques-inferiores .contenedor-sombra form input { padding: 5px 20px !important;} .bloques-inferiores .col-xs-12 .contenedor-sombra:nth-child(2){ margin-top: 5px;} } @media(max-width: 767px){ .main-seccion .contenido-seccion .contenedor-sombra .bloque-gris .medio-bloque h4{ font-size: 12px;} .main-seccion .contenido-seccion .contenedor-sombra .bloque-sextos h2{ width: 16.1%;} .main-seccion .contenido-seccion .contenedor-sombra .bloque-once h2{ width: 11.9%; padding: 11px 10px;} .main-seccion .contenido-seccion .contenedor-sombra .bloque-once h2:nth-child(11n+0){ border-right: 5px solid #e3e3e2;} .main-seccion .contenido-seccion .contenedor-sombra .bloque-once h2:nth-child(8n+0){ border-right: 0;} } @media(max-width: 479px){ .main-seccion .contenido-seccion .contenedor-sombra .bloque-gris .medio-bloque.full{ width: 100%;} .main-seccion .contenido-seccion .contenedor-sombra .bloque-gris .medio-bloque h4 { font-size: 13px;} .main-seccion .contenido-seccion .contenedor-sombra .bloque-sextos h2 { width: 24.3%;} .main-seccion .contenido-seccion .contenedor-sombra .bloque-sextos h2:nth-child(6n+0){ border-right: 5px solid #e3e3e2;} .main-seccion .contenido-seccion .contenedor-sombra .bloque-sextos h2:nth-child(4n+0){ border-right: 0;} .main-seccion .contenido-seccion .contenedor-sombra .bloque-once h2 { width: 15.8%;} .main-seccion .contenido-seccion .contenedor-sombra .bloque-once h2:nth-child(8n+0){ border-right: 5px solid #e3e3e2;} .main-seccion .contenido-seccion .contenedor-sombra .bloque-once h2:nth-child(6n+0){ border-right: 0;} .main-seccion .contenido-seccion .linea h3{ margin: 5px 10px; font-size: 14px;} .main-seccion .contenido-seccion .linea span{ font-size: 14px; padding: 10px 5px;} .main-seccion .contenido-seccion .contenedor-sombra .bloque-sextos h2.doble { width: 49.8%;} } /* MODALIDAD */ .main-seccion.juegos .contenido-seccion h3, .main-seccion.juegos .contenido-seccion p{ color: #6f6f6f;} .main-seccion.juegos .contenido-seccion hr{ border: none; border-bottom: 1px solid #828282; margin-bottom: -15px;} @media(max-width: 767px){ .top-seccion-02.juegos{ background-color:#23126a;} .navbar.seccion.juegos button.navbar-toggle{ background-color: #140b3b;} .navbar.seccion.juegos .navbar-collapse.collapse, .navbar.seccion.juegos .navbar-collapse.collapse.in, .navbar.seccion.juegos .navbar-collapse.collapsing{ background-color: #140b3b;} .navbar.seccion.juegos .navbar-nav > li{ border-bottom: 1px solid #23126a;} .main-seccion.juegos .menu-lateral ul li a{ border-bottom-color: #140b3b;} .main-seccion.juegos .contenido-seccion{ background-color: #e3e3e2;} .main-seccion .contenido-seccion .contenedor-sombra{ margin-top: 15px;} .main-seccion .contenido-seccion .contenedor-sombra h1{ font-size: 17px; line-height: 19px; padding:12px 15px;} .main-seccion .contenido-seccion .contenedor-sombra h2{ font-size: 15px; line-height: 15px; padding:14px 15px;} .main-seccion .contenido-seccion .contenedor-sombra h3{ font-size: 13px; line-height: 15px; padding:8px 15px;} .main-seccion .contenido-seccion .contenedor-sombra .modulos-destacados .modulo{ width: 17%; margin: 5px;} .main-seccion .contenido-seccion .contenedor-sombra .modulos-destacados .modulo h4{ font-size: 14px;} .main-seccion .contenido-seccion .contenedor-sombra .modulos-destacados .modulo span{ font-size: 16px; line-height: 30px;} .main-seccion .contenido-seccion .contenedor-sombra .modulos-normales ul li{ font-size: 14px; line-height: 20px; width: 17%; margin: 5px;} .main-seccion .contenido-seccion .contenedor-sombra .modulos-normales ul li::before{ font-size: 14px; line-height: 20px;} .main-seccion .contenido-seccion .bloques-inferiores .contenedor-sombra form select, .main-seccion .contenido-seccion .bloques-inferiores .contenedor-sombra form input{ font-size: 13px;} } @media(max-width: 479px){ .main-seccion .contenido-seccion .contenedor-sombra .modulos-destacados .modulo { width: 28%; margin: 6px;} .main-seccion .contenido-seccion .contenedor-sombra .modulos-normales { padding: 9px 0px 0;} .main-seccion .contenido-seccion .contenedor-sombra .modulos-normales ul li { width: 28%; margin: 6px;} .main-seccion .contenido-seccion .bloques-inferiores .contenedor-sombra form select, .main-seccion .contenido-seccion .bloques-inferiores .contenedor-sombra form input{ font-size: 16px;} } /* REGLAMENTO */ .main-seccion .contenido-seccion .estructura-tabs ul{ border: 0;} .main-seccion .contenido-seccion .estructura-tabs ul li{ margin: 0;} .main-seccion .contenido-seccion .estructura-tabs ul li a{ cursor: pointer; font-size: 16px; line-height: 21px; font-weight: 700; color: #2d2c2b; border:0; border-radius: 0; margin:0;} .main-seccion .contenido-seccion .estructura-tabs ul li a:hover, .main-seccion .contenido-seccion .estructura-tabs ul li.active a{ background-color: #fffff8;} .main-seccion .contenido-seccion .estructura-tabs .tab-content{ margin-top: 15px;} .main-seccion .contenido-seccion .panel-group{ margin-bottom: 0;} .main-seccion .contenido-seccion .panel-group .panel-heading{ padding: 0; border-radius: 0;} .main-seccion .contenido-seccion .panel-group .panel-heading a{ cursor: pointer; display: block; font-size: 14px; line-height: 15px; color: #2d2c2b; border-bottom:1px solid #2d2c2b; padding: 7px 0 10px;} .main-seccion .contenido-seccion .panel-group .panel-body{ border: 0px; border-bottom: 1px solid #2d2c2b; padding: 5px 0;} .main-seccion .contenido-seccion .panel-group .panel-body p{ font-size: 14px; line-height: 21px; color: #6f6f6f; margin:10px 0;} @media(max-width: 767px){ .main-seccion .contenido-seccion .estructura-tabs .tab-content{ margin-bottom: 15px;} .main-seccion .contenido-seccion .estructura-tabs ul li a{ padding: 10px 8px; font-size: 14px; line-height: 19px;} } /* PREGUNTAS FRECUENTES */ .main-seccion.juegos .contenido-seccion table{ margin:0px 0px 5px; width: 100%;} .main-seccion.juegos .contenido-seccion table th, .main-seccion.juegos .contenido-seccion table td{ font-size: 13px; line-height:15px; font-weight:700; color:#595959; border-collapse:collapse; border:4px solid #fff; vertical-align:middle; padding:7px 0;} .main-seccion.juegos .contenido-seccion table th{ background-color: #999; text-align: center; color:#fff;} .main-seccion.juegos .contenido-seccion table td{ background-color: #e4e4e4;} .main-seccion.juegos .contenido-seccion table tr td:first-child{ background-color: #cdcdcd;} .main-seccion.juegos .contenido-seccion table td span{ font-size: 10px;} .main-seccion.juegos .contenido-seccion table.tabla-loto th, .main-seccion.juegos .contenido-seccion table.tabla-loto td{ font-size: 14px; line-height: 15px; color: #4a4a49; border:none; padding: 9px;} .main-seccion.juegos .contenido-seccion table.tabla-loto th{ color: #fff;} .main-seccion.juegos .contenido-seccion table.tabla-loto td{ background-color: #fff; text-align: center;} .main-seccion.juegos .contenido-seccion table.tabla-loto tr td:first-child{ background-color: inherit; text-align: left;} .main-seccion.juegos .contenido-seccion table.tabla-loto tr:nth-child(even) td{ background-color: #e3e3e2;} .main-seccion.juegos .contenido-seccion table.tabla-loto tr td:nth-child(2), .main-seccion.juegos .contenido-seccion table.tabla-loto tr td:nth-child(3){ border-left: 5px solid #e2e2e3;} @media(max-width: 479px){ .main-seccion.juegos .contenido-seccion table.tabla-loto th, .main-seccion.juegos .contenido-seccion table.tabla-loto td{ font-size: 13px; padding: 9px 5px;} } /* CASINOS */ .sombra.casinos{ background-color: #d60808;} .navbar.seccion.casinos .navbar-nav > li.active > a, .navbar.seccion.casinos .navbar-nav > li > a:hover, .navbar.seccion.casinos .navbar-nav > li > a:focus{ background-color: #f82b2b;} .main-seccion.casinos{ background-image: url('../img/casinos/fdo-main-casinos.jpg'); background-position: center top; background-repeat: repeat-y; padding-bottom: 0;} .main-seccion.casinos .menu-lateral ul li a{ color: #d60808;} .main-seccion.casinos .menu-lateral ul hr.separador{ border: none; border-bottom: 1px solid #d60808; margin: 7px 15px;} .main-seccion.casinos .menu-lateral ul li span.titulo{ font-size: 16px; line-height: 20px; font-weight: 300; color: #fff; background-color: #d60808; display: block; padding:5px 10px; display: block; padding: 5px 15px; width: 97%; margin: 7px 10px;} @media(max-width: 767px){ .top-seccion-02.casinos{ background-color:#d60808;} .navbar.seccion.casinos button.navbar-toggle{ background-color: #850606;} .navbar.seccion.casinos .navbar-collapse.collapse, .navbar.seccion.casinos .navbar-collapse.collapse.in, .navbar.seccion.casinos .navbar-collapse.collapsing{ background-color: #850606;} .navbar.seccion.casinos .navbar-nav > li{ border-bottom: 1px solid #850606;} .main-seccion.casinos .menu-lateral ul li a{ border-bottom-color: #850606;} .main-seccion.casinos .menu-lateral ul li span.titulo{ font-weight: 700; margin:0; padding:15px; width: 100%; background-color: #000;} .main-seccion.casinos .contenido-seccion{ background-color: #d60808;} .main-seccion.casinos .menu-lateral ul hr.separador{ margin: 0; border-bottom: 5px solid #000;} } /* UBICACION Y HORARIOS */ .main-seccion .contenido-seccion.ubicacion-y-horarios h1{ font-size: 21px; line-height: 30px; font-weight: 400; color: #fefefe; letter-spacing: 2px; margin-left: 100px;} .main-seccion .contenido-seccion.ubicacion-y-horarios h2{ font-size: 18px; line-height: 20px; font-weight: 700; color: #fff; background-repeat: no-repeat; padding: 40px 0 20px 100px; margin-top: -40px; margin-bottom: -5px;} .main-seccion .contenido-seccion.ubicacion-y-horarios h2.ubicacion{ background-image: url('../img/casinos/i-ubicacion.png');} .main-seccion .contenido-seccion.ubicacion-y-horarios h2.horario{ background-image: url('../img/casinos/i-horario.jpg');} .main-seccion .contenido-seccion.ubicacion-y-horarios h3{ margin-left: 100px;} .main-seccion .contenido-seccion.ubicacion-y-horarios p{ font-size: 13px; line-height: 24px; margin: 0px 0 40px 100px;} @media(max-width: 767px){ .main-seccion .contenido-seccion.ubicacion-y-horarios h1, .main-seccion .contenido-seccion.ubicacion-y-horarios h2, .main-seccion .contenido-seccion.ubicacion-y-horarios h3, .main-seccion .contenido-seccion.ubicacion-y-horarios p{ margin-left: 0; background-image: none !important; padding-left: 0;} .main-seccion .contenido-seccion.ubicacion-y-horarios h1{ font-size: 18px;} .main-seccion .contenido-seccion.ubicacion-y-horarios h2{ font-size: 16px;} .main-seccion .contenido-seccion.ubicacion-y-horarios p{ margin-bottom: 20px;} } /* CRAPS */ .main-seccion.casinos .contenido-seccion .panel-group .panel-heading a{ color: #fff; border-bottom:1px solid #fff;} .main-seccion.casinos .contenido-seccion .panel-group .panel-body{ border-bottom: 1px solid #fff;} .main-seccion.casinos .contenido-seccion .panel-group .panel-body p{ color: #fff;} /* BLACK JACK */ .main-seccion.casinos .contenido-seccion table{ margin:0px 0px 5px; width: 100%;} .main-seccion.casinos .contenido-seccion table th, .main-seccion.casinos .contenido-seccion table td{ font-size: 15px; line-height:16px; font-weight:400; color:#fff; border-collapse:collapse; padding:12px 10px;} .main-seccion.casinos .contenido-seccion table th{ border-top:4px solid #fff; border-bottom:4px solid #fff;} .main-seccion.casinos .contenido-seccion table td{ border-top:2px solid #fff;} .main-seccion.casinos .contenido-seccion table tr td:first-child, .main-seccion.casinos .contenido-seccion table tr td:nth-child(2){ border-right: 1px solid #fff;} @media(max-width: 991px){ .main-seccion.casinos .contenido-seccion table td{ padding: 12px 7px;} } @media(max-width: 767px){ .main-seccion.casinos .contenido-seccion table td{ font-size: 13px;} } /* MÍNIMOS Y MÁXIMOS */ .main-seccion.casinos .contenido-seccion.ubicacion-y-horarios h2.minymax{ background-image: url('../img/casinos/i-minymax.jpg');} .main-seccion.casinos .contenido-seccion.ubicacion-y-horarios h3{ font-size: 16px; line-height: 24px; font-weight: 700; color: #d60808; background-color: #fff; margin: 5px 0 10px 100px; padding:6px 9px;} .main-seccion.casinos .contenido-seccion.ubicacion-y-horarios table{ margin-left: 100px; width: 75%; margin-top: 10px;} .main-seccion.casinos .contenido-seccion.ubicacion-y-horarios table th{ border-top: 0;} @media(max-width: 767px){ .main-seccion.casinos .contenido-seccion.ubicacion-y-horarios h3, .main-seccion.casinos .contenido-seccion.ubicacion-y-horarios table{ margin-left: 0;} .main-seccion.casinos .contenido-seccion.ubicacion-y-horarios table{ width: 100%;} } /* SLOTS */ .main-seccion.casinos .contenido-seccion.ubicacion-y-horarios h2.juego{ background-image: url('../img/casinos/i-juego.jpg'); display: inline-block;} .main-seccion.casinos .contenido-seccion.ubicacion-y-horarios form{ display: inline-block; margin-left: 15px; margin-bottom: 20px;} .main-seccion.casinos .contenido-seccion.ubicacion-y-horarios form select{ background-color: #fff; color: #666; font-size: 16px; line-height: 21px; font-weight: 400; border: none; margin: 10px auto; padding: 2px 10px;} .main-seccion.casinos .contenido-seccion.ubicacion-y-horarios .modulo{ margin: 30px 0 20px 100px; border-bottom: 1px solid #fff; padding-bottom: 10px;} .main-seccion.casinos .contenido-seccion.ubicacion-y-horarios .modulo h4{ font-size: 13px; line-height: 15px; font-weight: 700; color: #fff; margin: 10px 0;} .main-seccion.casinos .contenido-seccion.ubicacion-y-horarios .modulo p{ margin: 5px 0; line-height: 16px;} @media(max-width: 767px){ .main-seccion.casinos .contenido-seccion.ubicacion-y-horarios form { margin-left: 0; display: block;} .main-seccion.casinos .contenido-seccion.ubicacion-y-horarios .modulo{ margin-left: 0;} } /* DELEGACIONES */ .sombra.delegaciones{ background-color: #ff711c;} .navbar.seccion.delegaciones .navbar-nav > li.active > a, .navbar.seccion.delegaciones .navbar-nav > li > a:hover, .navbar.seccion.delegaciones .navbar-nav > li > a:focus{ background-color: #fd904e;} .main-seccion.delegaciones{ background-image: url('../img/delegaciones/fdo-main-delegaciones.jpg'); background-position: center top; background-repeat: repeat-y; padding-bottom: 0;} .main-seccion.delegaciones .menu-lateral ul li a{ color: #ff711c;} @media(max-width: 767px){ .top-seccion-02.delegaciones{ background-color:#ff711c;} .navbar.seccion.delegaciones button.navbar-toggle{ background-color: #d34a15;} .navbar.seccion.delegaciones .navbar-collapse.collapse, .navbar.seccion.delegaciones .navbar-collapse.collapse.in, .navbar.seccion.delegaciones .navbar-collapse.collapsing{ background-color: #d34a15;} .navbar.seccion.delegaciones .navbar-nav > li{ border-bottom: 1px solid #d34a15;} .main-seccion.delegaciones .menu-lateral ul li a{ border-bottom-color: #d34a15;} .main-seccion.delegaciones .contenido-seccion{ background-color: #ff711c;} } /* TRÁMITES */ .sombra.tramites{ background-color: #72ac17;} .navbar.seccion.tramites .navbar-nav > li.active > a, .navbar.seccion.tramites .navbar-nav > li > a:hover, .navbar.seccion.tramites .navbar-nav > li > a:focus{ background-color: #96cd40;} .main-seccion.tramites{ background-image: url('../img/tramites/fdo-main-tramites.jpg'); background-position: center top; background-repeat: repeat-y; padding-bottom: 0;} .main-seccion.tramites .menu-lateral ul li a{ color: #72ac17;} .main-seccion.tramites .contenido-seccion h3{ line-height: 21px; color: #fffefe; margin:20px 0 10px;} .main-seccion.tramites .contenido-seccion ul li{ margin: 0;} .main-seccion.tramites .contenido-seccion hr.separador{ border: none; border-bottom: 1px solid #fff; margin:10px 0;} .main-seccion.tramites .contenido-seccion .panel-group .panel-heading a{ font-size: 16px; line-height: 21px; font-weight: 700; color: #fff; border-bottom: 1px solid #fff;} .main-seccion.tramites .contenido-seccion .panel-group .panel-body{ border-bottom: 1px solid #fff;} .main-seccion.tramites .contenido-seccion .panel-group .panel-body p{ color: #fff;} .main-seccion.tramites .contenido-seccion span.destacado{ font-size: 13px; line-height: 18px; color: #fff; display: inline-block; border: 3px solid #fff; padding: 10px 15px; margin:20px 0;} @media(max-width: 767px){ .top-seccion-02.tramites{ background-color:#72ac17;} .navbar.seccion.tramites button.navbar-toggle{ background-color: #436908;} .navbar.seccion.tramites .navbar-collapse.collapse, .navbar.seccion.tramites .navbar-collapse.collapse.in, .navbar.seccion.tramites .navbar-collapse.collapsing{ background-color: #436908;} .navbar.seccion.tramites .navbar-nav > li{ border-bottom: 1px solid #436908;} .main-seccion.tramites .menu-lateral ul li a{ border-bottom-color: #436908;} .main-seccion.tramites .contenido-seccion{ background-color: #72ac17;} .main-seccion.tramites .contenido-seccion ul li a{ line-height: 32px;} } @media(max-width: 479px){ .main-seccion.tramites .contenido-seccion span.destacado br{ display: none;} } /* RIFAS Y BINGOS */ .sombra.rifas-y-bingos{ background-color: #11b5b0;} .navbar.seccion.rifas-y-bingos .navbar-nav > li.active > a, .navbar.seccion.rifas-y-bingos .navbar-nav > li > a:hover, .navbar.seccion.rifas-y-bingos .navbar-nav > li > a:focus{ background-color: #47c7c3;} .main-seccion.rifas-y-bingos{ background-image: url('../img/rifas-y-bingos/fdo-main-rifas-y-bingos.jpg'); background-position: center top; background-repeat: repeat-y; padding-bottom: 0;} .main-seccion.rifas-y-bingos .menu-lateral ul li a{ color: #11b5b0;} .main-seccion.rifas-y-bingos .contenido-seccion .panel-group .panel-heading a{ color: #fff; border-bottom: 1px solid #fff;} .main-seccion.rifas-y-bingos .contenido-seccion .panel-group .panel-body{ border-bottom: 1px solid #fff;} .main-seccion.rifas-y-bingos .contenido-seccion .panel-group .panel-body p{ color: #fff;} .main-seccion.rifas-y-bingos .contenido-seccion .modulo{ margin: 30px 0 20px; border-bottom: 1px solid #fff; padding-bottom: 10px;} .main-seccion.rifas-y-bingos .contenido-seccion .modulo h4{ font-size: 16px; line-height: 21px; font-weight: 900; color: #fff; margin: 10px 0;} .main-seccion.rifas-y-bingos .contenido-seccion .modulo p{ margin: 5px 0; font-size: 14px; line-height: 21px;} @media(max-width: 767px){ .top-seccion-02.rifas-y-bingos{ background-color:#11b5b0;} .navbar.seccion.rifas-y-bingos button.navbar-toggle{ background-color: #084946;} .navbar.seccion.rifas-y-bingos .navbar-collapse.collapse, .navbar.seccion.rifas-y-bingos .navbar-collapse.collapse.in, .navbar.seccion.rifas-y-bingos .navbar-collapse.collapsing{ background-color: #084946;} .navbar.seccion.rifas-y-bingos .navbar-nav > li{ border-bottom: 1px solid #11b5b0;} .main-seccion.rifas-y-bingos .menu-lateral ul li a{ border-bottom-color: #084946;} .main-seccion.rifas-y-bingos .contenido-seccion{ background-color: #11b5b0;} } /* NOTICIAS */ .main-seccion .noticias{ padding: 20px 15px;} .main-seccion .noticias .modulo{ margin: 30px 0; height: 375px;} .main-seccion .noticias .modulo .imagen{ overflow: hidden; height: 220px; width: 100%; position: relative;} .main-seccion .noticias .modulo .imagen img, .main-seccion .noticias .modulo .imagen iframe{ width: 100%; position: absolute; top: -10000px; bottom: -10000px; left: -10000px; right: -10000px; margin: auto; max-width: inherit;} .main-seccion .noticias .modulo h2{ font-size: 14px; line-height: 16px; font-weight: 700; color: #2d2c2b;} .main-seccion .noticias .modulo p{ font-size: 13px; line-height: 19px; font-weight: 400; color: #2d2c2b;} .main-seccion .noticias .modulo a{ color: #2d2c2b;} @media(max-width: 991px){ .main-seccion .noticias .modulo{ height: 370px;} .main-seccion .noticias .modulo .imagen{ height: 170px;} } @media(max-width: 767px){ .main-seccion .noticias .modulo{ height: 470px;} .main-seccion .noticias .modulo .imagen{ height: 325px;} /*.main-seccion .noticias .modulo .imagen img,*/ .main-seccion .noticias .modulo .imagen iframe{ height: inherit;} } @media(max-width: 479px){ .main-seccion .noticias .modulo{ height: 400px; margin: 15px 0;} .main-seccion .noticias .modulo .imagen{ height: 195px;} } /* NOTICIA AMPLIADA */ .main-seccion .noticias.ampliada{ padding: 30px 15px;} .main-seccion .noticias.ampliada img{ max-width: 100%;} .main-seccion .noticias.ampliada h2{ font-size: 16px; line-height: 18px; font-weight: 700; color: #2d2c2b;} .main-seccion .noticias.ampliada p{ font-size: 13px; line-height: 19px; color: #2d2c2b; margin:20px 0;} .main-seccion .noticias.ampliada a.btn-volver{ font-size: 14px; line-height: 16px; font-weight: 700; color: #2d2c2b; letter-spacing: 2px; display: inline-block; padding: 6px 30px; border: 2px solid #2d2c2b; margin:15px 0;} .main-seccion .noticias.ampliada a.btn-volver:hover{ background-color: #cdcdcd;} .main-seccion .noticias.ampliada .modulo-relacionada{ margin: 15px 0;} .main-seccion .noticias.ampliada .modulo-relacionada h3{ font-size: 14px; line-height: 16px; font-weight: 700; color: #2d2c2b; background-image: url('../img/noticias/sombra-relacionada.jpg'); background-repeat: no-repeat; background-position: center top; padding: 20px; margin: 0;} .main-seccion .noticias.ampliada .modulo-relacionada span{ font-size: 14px; line-height: 16px; font-weight: 700; color: #2d2c2b; background-image: url('../img/noticias/sombra-relacionada.jpg'); background-repeat: no-repeat; background-position: center top; padding: 20px; display: block; text-align: right;} .main-seccion .noticias.ampliada .modulo-relacionada a:hover span{ color: #004f90;} @media(max-width: 991px){ .main-seccion .noticias.ampliada .modulo-relacionada h3, .main-seccion .noticias.ampliada .modulo-relacionada span{ padding: 20px 10px;} } @media(max-width: 767px){ .main-seccion .noticias.ampliada .modulo-relacionada span{ text-align: left;} } @media(max-width: 479px){ .main-seccion .noticias.ampliada{ padding: 30px 0;} } /* SORTEOS EN VIVO */ .sombra.sorteos-en-vivo{ background-color: #ffd405;} .navbar.seccion.sorteos-en-vivo .navbar-nav > li > a{ color: #110202;} .navbar.seccion.sorteos-en-vivo .navbar-nav > li.active > a, .navbar.seccion.sorteos-en-vivo .navbar-nav > li > a:hover, .navbar.seccion.sorteos-en-vivo .navbar-nav > li > a:focus{ background-color: #f6b403;} .main-seccion.sorteos-en-vivo .contenido-seccion h1{ color: #010101;} .main-seccion.sorteos-en-vivo .iframe-sorteoenvivo{ overflow: hidden; height: 580px; margin-bottom: 60px; margin-top: 45px; width: 39%; margin-left: 11px;} .main-seccion.sorteos-en-vivo .iframe-sorteoenvivo iframe{ margin-left: -55px;} @media(max-width: 991px){ .main-seccion.sorteos-en-vivo .iframe-sorteoenvivo{ margin-top: -120px; width: 49%; margin-left: 15px;} } @media(max-width: 767px){ .top-seccion-02.sorteos-en-vivo{ background-color:#ffd405;} .top-seccion-02.sorteos-en-vivo h1{ color: #110202;} .navbar.seccion.sorteos-en-vivo button.navbar-toggle{ background-color: #d98809;} .navbar.seccion.sorteos-en-vivo .navbar-collapse.collapse, .navbar.seccion.sorteos-en-vivo .navbar-collapse.collapse.in, .navbar.seccion.sorteos-en-vivo .navbar-collapse.collapsing{ background-color: #d98809;} .navbar.seccion.sorteos-en-vivo .navbar-nav > li{ border-bottom: 1px solid #ffd405;} .main-seccion.sorteos-en-vivo .menu-lateral ul li a{ border-bottom-color: #d98809;} .main-seccion.sorteos-en-vivo .contenido-seccion{ background-color: #fff;} .main-seccion.sorteos-en-vivo .iframe-sorteoenvivo{ margin-top: 15px; width: 79%; margin-left: auto; margin-right: auto; float: none;} } @media(max-width: 479px){ .main-seccion.sorteos-en-vivo iframe{ height: 220px !important;} .main-seccion.sorteos-en-vivo .iframe-sorteoenvivo{ width: 89%; height: 458px;} .main-seccion.sorteos-en-vivo .iframe-sorteoenvivo iframe{ margin-left: -45px; height: 655px !important; -ms-zoom: 0.75; -moz-transform: scale(0.75); -moz-transform-origin: 0 0; -o-transform: scale(0.75); -o-transform-origin: 0 0; -webkit-transform: scale(0.75); -webkit-transform-origin: 0 0;} } /* RSE */ .navbar.seccion.rse .navbar-nav > li > a{ color: #110202;} .navbar.seccion.rse .navbar-nav > li:hover > a, .navbar.seccion.rse .navbar-nav > li.active > a{ background-color: #c0c0c0;} @media(max-width: 767px){ .navbar.seccion.rse button.navbar-toggle{ background-color: #878787;} .navbar.seccion.rse .navbar-collapse.collapse, .navbar.seccion.rse .navbar-collapse.collapse.in, .navbar.seccion.rse .navbar-collapse.collapsing{ background-color: #878787;} .navbar.seccion.rse .navbar-nav > li > a{ color: #fff;} } /* POLITICA PREVENCION LAVADO DE ACTIVOS */ .contenido-prevencion { margin-top: 0px; padding-bottom: 40px;} .contenido-prevencion h2{ font-size: 30px; line-height: 32px; font-weight: 300; color: #2d2c2b; text-transform: uppercase;} .contenido-prevencion p{ font-size: 14px; line-height: 21px; color: #2d2c2b; margin:25px 0;} .contenido-prevencion ul{ margin: 0; padding: 0;} .contenido-prevencion ul li{ list-style: none; border-bottom: 1px solid #2d2c2b;} .contenido-prevencion ul li a{ font-size: 14px; line-height: 16px; color: #2d2c2b; text-decoration: none; padding:10px 0; display: block;} .contenido-prevencion ul li a:hover{ background-color: #ececec;} .contenido-prevencion ul li a span{ font-weight: 700;} @media(max-width: 767px){ .contenido-prevencion { margin-top: 0px; padding-bottom: 25px;} .contenido-prevencion h2{ font-size: 16px; line-height: 21px; font-weight: 700; margin:0;} } /* TU AGENCIA MÁS CERCANA */ .top-seccion.tu-agencia-mas-cercana{ height: 139px; background-image: url('../img/tu-agencia-mas-cercana/fdo-top-tuagenciamascercana.jpg'); background-repeat: no-repeat; background-position: center top;} .top-seccion.tu-agencia-mas-cercana img{ height: 100%; display: block;} .main-seccion.tu-agencia-mas-cercana{ background-image: url('../img/tu-agencia-mas-cercana/fdo-main-tuagenciamascercana.jpg'); background-position: center top; background-repeat: repeat-y; padding-bottom: 0;} .sombra.tu-agencia-mas-cercana{ background-color: #fff;} .sombra.tu-agencia-mas-cercana h2{ font-size: 24px; line-height: 30px; font-weight: 700; color: #ed7d1b;} .contenido-seccion.tu-agencia-mas-cercana form label{ font-size: 13px; line-height: 15px; display: block; color: #fff; margin-top: 15px;} .contenido-seccion.tu-agencia-mas-cercana form select, .contenido-seccion.tu-agencia-mas-cercana form input{ border: 1px solid #000; width: 50%; padding:5px;} .contenido-seccion.tu-agencia-mas-cercana form .btn-buscar{ background-color: #2d2c2b; color: #fff; width: 50%; text-align: center; font-size: 13px; line-height: 15px; letter-spacing: 2px; border:none; margin-top: 15px; padding:10px 0;} .contenido-seccion.tu-agencia-mas-cercana form .btn-buscar:hover{ background-color: #000;} .contenido-seccion.tu-agencia-mas-cercana .contenedor-mapa{ margin-top: 50px;} .contenido-seccion.tu-agencia-mas-cercana .modulo{ margin: 30px 0 20px 0px; border-bottom: 1px solid #fff; padding-bottom: 10px;} .contenido-seccion.tu-agencia-mas-cercana .modulo h4{ font-size: 13px; line-height: 15px; font-weight: 700; color: #fff; margin: 10px 0;} .contenido-seccion.tu-agencia-mas-cercana .modulo p{ margin: 5px 0; line-height: 16px;} @media(max-width: 767px){ .top-seccion.tu-agencia-mas-cercana{ display: none;} .sombra.tu-agencia-mas-cercana{ background-color: transparent; -webkit-box-shadow: 0px 10px 8px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 10px 8px 0px rgba(0,0,0,0.4); box-shadow: 0px 10px 8px 0px rgba(0,0,0,0.4);} .sombra.tu-agencia-mas-cercana h2{ display: block; font-size: 16px; line-height: 50px; color: #fff; margin: 0 15px; text-transform: uppercase; font-weight: 400;} .main-seccion.tu-agencia-mas-cercana{ background-color: #ed7d1b;} .main-seccion.tu-agencia-mas-cercana .menu-lateral{ display: none;} .contenido-seccion.tu-agencia-mas-cercana form select, .contenido-seccion.tu-agencia-mas-cercana form input, .contenido-seccion.tu-agencia-mas-cercana form .btn-buscar{ width: 70%;} } @media(max-width: 479px){ .contenido-seccion.tu-agencia-mas-cercana form select, .contenido-seccion.tu-agencia-mas-cercana form input, .contenido-seccion.tu-agencia-mas-cercana form .btn-buscar{ width: 100%;} } /* DONDE ESTA MI BILLETE */ .top-seccion.donde-esta-mi-billete{ height: 139px; background-color: #004f91;} .top-seccion.donde-esta-mi-billete img{ height: 100%; display: block;} .main-seccion.donde-esta-mi-billete{ background-image: url('../img/donde-esta-mi-billete/fdo-main-dondeestamibillete.jpg'); background-position: center top; background-repeat: repeat-y; padding-bottom: 0;} .sombra.donde-esta-mi-billete{ background-color: #fff;} .sombra.donde-esta-mi-billete h2{ font-size: 24px; line-height: 30px; font-weight: 700; color: #004f90;} @media(max-width: 767px){ .top-seccion.donde-esta-mi-billete{ display: none;} .sombra.donde-esta-mi-billete{ background-color: transparent; -webkit-box-shadow: 0px 10px 8px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 10px 8px 0px rgba(0,0,0,0.4); box-shadow: 0px 10px 8px 0px rgba(0,0,0,0.4);} .sombra.donde-esta-mi-billete h2{ display: block; font-size: 16px; line-height: 50px; color: #fff; margin: 0 15px; text-transform: uppercase; font-weight: 400;} .main-seccion.donde-esta-mi-billete{ background-color: #004f90;} .main-seccion.donde-esta-mi-billete .menu-lateral.no-display{ display: none;} } /* CLUB DE GANADORES */ .top-seccion.club-de-ganadores{ height: 139px; background-color: #ff711c;} .top-seccion.club-de-ganadores img{ height: 100%; display: block;} .main-seccion.club-de-ganadores{ background-image: url('../img/club-de-ganadores/fdo-main-clubdeganadores.jpg'); background-position: center top; background-repeat: repeat-y; padding-bottom: 0;} .sombra.club-de-ganadores{ background-color: #fff;} .sombra.club-de-ganadores h2{ font-size: 24px; line-height: 30px; font-weight: 700; color: #004f90;} .contenido-seccion.club-de-ganadores a.modulo{ color: #fff; text-decoration: none; margin: 20px 0; height: 120px; overflow: hidden;} .contenido-seccion.club-de-ganadores a.modulo .imagen{ overflow: hidden; height: 120px; width: 47%; position: relative; float: left;} .contenido-seccion.club-de-ganadores a.modulo .imagen img{ height: 100%; position: absolute; top: -10000px; bottom: -10000px; left: -10000px; right: -10000px; margin: auto; max-width: inherit;} .contenido-seccion.club-de-ganadores a.modulo .texto{ width: 47%; float: right;} .contenido-seccion.club-de-ganadores a.modulo .texto h4{ font-size: 16px; line-height: 16px; font-weight: 300; color: #fffcfc; text-transform: uppercase; margin:10px 0;} .contenido-seccion.club-de-ganadores a.modulo .texto p{ font-size: 14px; line-height: 16px; font-weight: 300; color: #fffcfc; margin:0;} @media(max-width: 991px){ .contenido-seccion.club-de-ganadores a.modulo .imagen{ height: 105px;} .contenido-seccion.club-de-ganadores a.modulo .texto h4{ font-size: 14px; line-height: 14px;} .contenido-seccion.club-de-ganadores a.modulo .texto p{ font-size: 13px; line-height: 14px;} } @media(max-width: 767px){ .top-seccion.club-de-ganadores{ display: none;} .sombra.club-de-ganadores{ background-color: transparent; -webkit-box-shadow: 0px 10px 8px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 10px 8px 0px rgba(0,0,0,0.4); box-shadow: 0px 10px 8px 0px rgba(0,0,0,0.4);} .sombra.club-de-ganadores h2{ display: block; font-size: 16px; line-height: 50px; color: #fff; margin: 0 15px; text-transform: uppercase; font-weight: 400;} .main-seccion.club-de-ganadores{ background-color: #ff711c;} .main-seccion.club-de-ganadores .menu-lateral.no-display{ display: none;} .contenido-seccion.club-de-ganadores a.modulo, .contenido-seccion.club-de-ganadores a.modulo .imagen { height: 175px;} .contenido-seccion.club-de-ganadores a.modulo .texto h4 { font-size: 16px; line-height: 16px;} .contenido-seccion.club-de-ganadores a.modulo .texto p{ font-size: 14px; line-height: 16px;} } @media(max-width: 479px){ .contenido-seccion.club-de-ganadores{ padding: 10px 0;} .contenido-seccion.club-de-ganadores a.modulo, .contenido-seccion.club-de-ganadores a.modulo .imagen { height: 115px;} .contenido-seccion.club-de-ganadores a.modulo .texto h4 { font-size: 14px; line-height: 14px; margin:5px 0;} .contenido-seccion.club-de-ganadores a.modulo .texto p { font-size: 13px; line-height: 14px;} } /* FIXTURE DE SORTEOS */ .fixture .contenido-seccion hr{ border: none; border-bottom: 2px solid #e2e2e2; margin:20px 0 10px;} .fixture .contenido-seccion table{ border-collapse: collapse; margin-bottom: 30px;} .fixture .contenido-seccion table th, .fixture .contenido-seccion table td{ text-align: center; padding: 5px 0; width: 14%;} .fixture .contenido-seccion table td{ background-color: #e2e2e2; border:2px solid #fff;} @media(max-width: 767px){ .fixture .contenido-seccion table td{ font-size: 13px;} } /* SISTEMA DE INFORMACIÓN 24HS */ .contenido-sistema-de-informacion { margin-top: 0px; padding-bottom: 40px;} .contenido-sistema-de-informacion h2{ font-size: 30px; line-height: 32px; font-weight: 300; color: #2d2c2b; text-transform: uppercase;} .contenido-sistema-de-informacion p{ font-size: 14px; line-height: 21px; color: #2d2c2b; margin:25px 0;} @media(max-width: 767px){ .contenido-sistema-de-informacion { margin-top: 0px; padding-bottom: 25px;} .contenido-sistema-de-informacion h2{ font-size: 16px; line-height: 21px; font-weight: 700; margin:0;} .contenido-sistema-de-informacion .tab-pane{ padding: 15px;} } @media(max-width: 479px){ .contenido-sistema-de-informacion { margin: 0px 15px;} .contenido-sistema-de-informacion .row{ margin: 0 -15px;} } /* ERROR */ .error span{ background-image: url('../img/error.png'); background-repeat: no-repeat; background-position: 40px 90px; display: block; font-size: 24px; line-height: 30px; font-weight: 700; color: #333333; text-transform: uppercase; width: 80%; margin:80px auto; -webkit-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.5); -moz-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.5); box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.5); background-color: #fff; padding: 100px 30px; text-align: center;} @media(max-width: 991px){ .error span{ background-position: 30px 57px; font-size: 20px; padding: 65px 10px 65px 85px;} } @media(max-width: 767px){ .error span{ background-position: 40px 45px; font-size: 16px; padding: 50px 60px 50px 90px; line-height: 22px;} } @media(max-width: 479px){ .error span{ width: 90%; margin: 20px auto; font-size: 14px; line-height: 16px; padding: 30px 20px 30px 60px; background-position: 20px 22px;} } /* SIGNIFICADO DE LOS SUEÑOS */ .main-seccion.suenios{ min-height: 600px;} .main-seccion.suenios .top-suenios{ height: 219px; background-image: url('../img/suenios/top-suenios.jpg'); background-repeat: no-repeat; background-position: center top;} .main-seccion.suenios .top-suenios .container{ height: 219px;} .main-seccion.suenios .top-suenios .container img{ position: absolute; left: 20px; bottom: -30px; z-index: 5;} .main-seccion.suenios .sombra{ height: 3px; position: relative; top: -2px;} .contenido-suenios { margin-top: 80px; padding-bottom: 40px;} .contenido-suenios .modulo{ width: 50%; border-bottom: 1px solid #ec641d; padding:0 30px; float: left;} .contenido-suenios .modulo img{ width: 65px; display: inline-block;} .contenido-suenios .modulo span{ font-size: 18px; line-height: 20px; display: inline-block; margin-left: 10px; color: #333;} @media(max-width: 991px){ .contenido-suenios .modulo{ padding: 1px 15px;} } @media(max-width: 767px){ .main-seccion.suenios .top-suenios { height: 170px; background-size: cover;} .main-seccion.suenios .top-suenios .container { height: 170px;} .contenido-suenios { margin-top: 40px;} .contenido-suenios .modulo{ padding: 1px 10px;} .contenido-suenios .modulo span { font-size: 14px; margin-left: 5px;} } @media(max-width: 479px){ .main-seccion.suenios .top-suenios, .main-seccion.suenios .top-suenios .container { height: 105px;} .contenido-suenios .modulo{ width: 100%; padding: 0 20px;} .contenido-suenios .modulo span{ font-size: 18px; margin-left: 10px;} } /* BOTON PAGINADOR SCROLL */ .vermas-scroll{ cursor: pointer; font-size: 14px; line-height: 16px; font-weight: 700; color: #fff; letter-spacing: 2px; padding: 6px 30px; border: 2px solid #fff; margin: 30px 0; text-align: center; display: block;} .vermas-scroll img{ display: none;} .vermas-scroll.cargando img{ display: inline-block; width: 60px;} .noticias .vermas-scroll{ color: #2d2c2b; border:2px solid #2d2c2b;} /* Mapa CCUU: */ .mapa-ccuu{ width: 100%; height: 500px;} .mapa-ccuu-ver-ruta{ display:none; float:right; overflow: auto; width:30%; height: 500px; position: absolute; margin-top: -500px; background-color: #FFF; right: 0px;} /* Shared */ .shared{ padding: 0;} .shared li{ display: inline-block; padding: 5px;} .shared li a img{ width: 25px;} /* Posicionador de imagen automatico .container-image{overflow: hidden; position: relative; background-image: url(../img/loading-fftt.png); background-position: center; background-repeat: no-repeat; background-color: #5d5d5d;} .container-image img{position: absolute; left: -1000px; right: -1000px; margin: auto; top: -1000px; bottom: -1000px; display: none;} .container-image.vertical img{height: 100%; display: block;} .container-image.horizontal img{width: 100%; display: block;}*/ @keyframes rotar { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } } .content .pagina .col1 .noticia_ampliada .thumb { height: 290px; /*width: 446px;*/ margin-right: 20px; background-color: #EDEDED; } .content .pagina .col1 .noticia_ampliada .texto { /*width: 446px;*/ padding-top:15px; } .content .pagina .col1 .noticia_ampliada .fecha { font-family: 'Passion One',cursive; font-size: 13px; font-weight: normal; } .content .pagina .col1 .noticia_ampliada h2 { color: #005596; font-family: 'Ubuntu', sans-serif; font-size: 15px; } .content .pagina .col1 .noticia_ampliada p { color: #7D7D7D; font-family: 'Ubuntu',sans-serif; font-size: 13px; line-height:18px; } .content .pagina .col1 .noticia_ampliada a { color: #7D7D7D; font-family: 'Passion One',cursive; font-size: 13px; text-decoration: none; letter-spacing: 1px; }