/*GENERAL*/ @font-face { font-family: 'texto'; src: url('../fonts/FUENTETEXTO/trebuc.ttf'); } @font-face { font-family: 'titulo'; src: url('../fonts/FUENTEBANNERYTITULOS/coolvetica rg.ttf'); } @font-face { font-family: 'menu'; src: url('../fonts/FUENTEMENU/AvenirNextLTPro-Regular.otf'); } img, iframe { max-width: 100%; } body { color: #000000; font-family: 'texto', 'Source Sans Pro', 'Open Sans', sans-serif; font-size: 18px; font-weight: normal; } .container { width: 88%; } h1, h2, h3, h4, h5, h6 { font-family: 'titulo', 'Source Sans Pro', 'Open Sans', sans-serif; } a, a:hover, a:focus, input[type="submit"], button, .btn { color: inherit; text-decoration: none; transition: all 0.6s ease 0s; cursor: pointer; border: none; } a:focus { outline: initial; } .antiClic { position: absolute; width: 100%; cursor: pointer; z-index: 999; } .divMapa { position: relative; display: table;width: 100%; } .divMapa > * { width: 100%; position: absolute; } .divAlineado { display: table; width: 100%; } .divTab { display: table; width: 100%; height: 100%; } .divTab > div { display: table-cell; vertical-align: middle; } .divHovImg { position: relative; width: 100%; height: 100%; display: inline-block; } .divHovImg img { width: 100%; vertical-align: top; } .divHovImg:after { content: '\A'; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); opacity: 0; transition: all .5s; -webkit-transition: all .5s; } .divHovImg:hover:after { opacity: 1; } .contImgz { overflow: hidden; position: relative; cursor: pointer; width: 100%; float: left; } .contImgz > img, .contImgz .imgz { -webkit-transition: all .9s ease; -moz-transition: all .9s ease; -o-transition: all .9s ease; -ms-transition: all .9s ease; width: 100%; } .contImgz:hover > img, .contImgz:hover .imgz { -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -ms-transform: scale(1.25); -o-transform: scale(1.25); transform: scale(1.25); } .non_hov:hover > img, .non_hov:hover .imgz { -webkit-transform: scale(1)!important; -moz-transform: scale(1)!important; -ms-transform: scale(1)!important; -o-transform: scale(1)!important; transform: scale(1)!important; } .listNo { list-style: none; padding: 0; } .disInlineB { display: inline-block; width: 100%; float: left; position: relative; } .disTable { display: table; width: 100%; position: relative;} .img-full, .img-full img, .img-der { width: 100%; } .img-der { text-align: right; } .btnVerde { background-color: #264933; color: white; padding: 7px 40px; display: table; border-radius: 20px; } .btnAzul { background-color: #013e7f; color: white; padding: 7px 35px; display: table; } .btnBlanco { background-color: #ffffff; color: #264933; padding: 7px 35px; display: table; } .btnVerde:hover, .btnAzul:hover, .btnBlanco:hover { color: white; } .btnVerdeTrans { border: 1px solid #264933; color: #264933; border-radius: 7px; padding: 5px 16px; display: table; } .btnBlancoTrans { border: 1px solid #ffffff; color: #ffffff; border-radius: 7px; padding: 5px 16px; display: table; } .btnBlancoTrans:focus { border: 1px solid #ffffff; } .btnBlancoTrans:hover { color: #013e7f; border: 1px solid #ffffff; } .btnVerdeTrans:hover { color: #ffffff; border: 1px solid #264933; } .autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; } .autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; } .autocomplete-selected { background: #F0F0F0; } .autocomplete-suggestions strong { font-weight: normal; color: #3399FF; } .autocomplete-group { padding: 2px 5px; } .autocomplete-group strong { display: block; border-bottom: 1px solid #000; } /* Iconos sociales */ .icon-button { background-color: transparent; cursor: pointer; display: inline-block; float: left; font-size: 18px; height: 2em; line-height: 3.6rem; position: relative; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 2em; border-radius: 2em; } /* Circle */ .icon-button span { border-radius: 0; display: block; height: 0; left: 50%; margin: 0; position: absolute; top: 50%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 0; } .icon-button:hover span { width: 2em; height: 2em; margin: -1em; border-radius: 2em; } .twitter span { background-color: #4099ff; } .facebook span { background-color: #3B5998; } .instagram span { background-color: #125688; } .youtube span { background-color: #e52d27; } .google-plus span { background-color: #cc3335; } .whatsapp span { background-color: #4dc247; } /* Icons */ .icon-button i { background: none; color: #fff; height: 2em; left: 0; line-height: 2em; position: absolute; top: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 2em; z-index: 10; } .icon-button .icon-twitter { color: #fff; } .icon-button .icon-facebook { color: #fff; } .icon-button .icon-google-plus { color: #fff; } .icon-button:hover .icon-twitter, .icon-button:hover .icon-facebook, .icon-button:hover .icon-youtube, .icon-button:hover .icon-google-plus { color: white; } /*Menu*/ .navbar-default { background-color: transparent; float: right; border: none; margin: 0; min-height: auto; } .nav.navbar-nav { float: none; } .navbar-default .navbar-nav > li { margin: 0 20px; } .navbar-default .navbar-nav > li > a { padding: 5px 14px; font-size: 16px; text-transform: uppercase; color: #000000; transition: all 0.6s ease 0s; font-family: 'menu', 'Source Sans Pro', 'Open Sans', sans-serif; font-weight: 600; } .navbar-default .navbar-nav > li.activa > a, .navbar-default .navbar-nav > li:hover > a { background-color: #003f81; color: white; border-radius: 7px; } .dropdown-menu { background-color: transparent; padding: 0; box-shadow: none; border: none; width: auto; border-radius: 0;} .dropdown-menu > li { background-color: transparent; margin: 5px 0; border: none; border-radius: 11px; } .dropdown-menu > li:hover, .dropdown-menu > li:hover > a { color: black; background-color: white; border-radius: 11px; } .dropdown-menu > li > a { font-size: 16px; font-weight: 600; font-family: 'menu', 'Source Sans Pro', 'Open Sans', sans-serif; background-color: #003e81; color: white; padding: 4px 15px; text-transform: uppercase; transition: all 0.6s ease 0s; border-radius: 11px; } .dropdown-menu.menu2 { left: 104%; top: 0; right: auto; margin-top: 0; } .dropdown-menu.menu2 > li:first-child { margin-top: 0; } .dropdown-menu.menu2 > li > a { text-transform: uppercase; } /*Header*/ header { z-index: 9999999; height: 100px; position: relative; } header .preheader { background-color: #264933; color: white; padding: 9px 0; height: 46px; } header .preheader .redes-sociales { display: table; float: right; margin-right: 10px; } header .preheader .icon-button { background-color: white; color: #264933; margin: 0 3px; font-size: 14px; } header .preheader .icon-button i { color: #264933; } header .preheader .icon-button:hover i { color: white; } header .info-header { height: 54px; } header .imglogo { width: 200px; float: right; margin-right: -80px; margin-top: -36px; z-index: 99999; } header .logo { width: 240px; height: 50px; float: left; z-index: 99999; position: relative; } header .menu { border-bottom: 4px solid #70c479; background-color: white; width: calc(100% - 240px); float: left; height: 54px; display: table; } header .menu > div { display: table-cell; vertical-align: middle; } header .menu .navbar-default { float: left; margin-left: 10%; } /*Footer*/ #menuFooter { margin-bottom: 25px; } #menuFooter ul { background-image: url('../img/FOOTER/barraazul.png'); background-size: 100% 100%; padding-right: 15%; list-style: none; padding-left: 8%; display: table; padding-top: 14px; padding-bottom: 14px; } #menuFooter ul li { margin: 0 36px; display: inline-block; float: left; color: white; } #menuFooter ul li > a { padding: 10px 18px; } #menuFooter ul li > a:hover { background-color: white; color: #013e7f; } footer { background-image: url('../img/FOOTER/fondo-footer.png'); background-size: 100% 100%; padding: 2% 0; } footer .img-abs { position: absolute; width: 200px; right: 8%; top: calc(50% - (216px / 2)); } footer .info-contacto h3 { font-weight: 600; margin-top: 0; margin-bottom: 17px; font-size: 32px; color: white; } footer .info-contacto .cont-info { margin-bottom: 17px; text-align: center; color: white; } footer .info-contacto .cont-info .info { display: table; } footer .info-contacto .cont-info .info p { margin-bottom: 0; } footer .redes-sociales { display: table; margin-bottom: 17px; } footer .icon-button { background-color: #6cc470; color: #264933; margin: 0 3px; font-size: 17px; } footer .icon-button i { color: #264933; } footer .icon-button:hover i { color: white; } footer .info-web { color: white; } footer .info-web p { margin-bottom: 0; } footer .info-web .derechos { margin: 19px 0; } /*Index*/ #cont-slider { margin-top: -54px; display: inline-block; width: 100%; float: left; border-bottom: 4px solid #70c479; height: 337px; overflow: hidden; } #cont-slider .owl-theme .owl-nav { margin: 0; position: absolute; left: 1%; top: 26%; right: 1%; } #cont-slider .owl-theme .owl-nav > div { background-color: transparent; transition: all 0.4s ease 0s; border-radius: 50%; } #cont-slider .owl-theme .owl-nav > div:hover { background: rgba(255, 255, 255, 0.8); border-radius: 50%; } #cont-slider .owl-theme .owl-nav .owl-prev { float: left; } #cont-slider .owl-theme .owl-nav .owl-next { float: right; } #cont-slider .owl-theme .owl-nav img { width: 60px; } #cont-slider .owl-theme .info { position: absolute; background-color: #707271; color: white; top: 28%; right: 8%; padding: 10px 26px; } #cont-slider .owl-theme .info h3 { margin: 0; font-weight: 600; font-size: 45px; } /* Feel free to change duration */ .animated { -webkit-animation-duration : 4500ms ; animation-duration : 4500ms ; -webkit-animation-fill-mode : both ; animation-fill-mode : both ; } /* .owl-animated-out - only for current item */ /* This is very important class. Use z-index if you want move Out item above In item */ .owl-animated-out { z-index : 1 } /* .owl-animated-in - only for upcoming item /* This is very important class. Use z-index if you want move In item above Out item */ .owl-animated-in { z-index : 0 } /* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css: */ .fadeOut { -webkit-animation-name : fadeOut ; animation-name : fadeOut ; } @-webkit-keyframes fadeOut { 0% { opacity : 1 ; } 100% { opacity : 0 ; } } @keyframes fadeOut { 0% { opacity : 1 ; } 100% { opacity : 0 ; } } #carruImgHome { margin: 60px 0; } #carruImgHome .container { width: 80%; } #carruImgHome .contImgz, #carruImgHome .contImgz img { height: 265px; } #pageHome .text-informacion { padding: 4% 0; } #pageHome .text-informacion .articulo { background-color: #f1f1f1; padding: 10px 25px 40px; padding-left: 25px; margin-left: -160px; padding-left: 160px; } #pageHome .text-informacion .articulo h2 { margin-bottom: 5px; font-size: 36px; } #pageHome .text-informacion .articulo h3 ,.articilo{ color: #003c91; margin-top: 0; text-transform: uppercase; font-size: 28px; } #pageHome .text-informacion .articulo .img-principal { margin-bottom: 30px; width: 100%; text-align: center; } #pageHome .text-informacion .articulo p { color: #343434; text-align: justify; font-size: 20px; margin-bottom: 25px; } .cent-botones { display: table; width: 100%; } .cent-botones > div { width: 25%; display: inline-block; float: left; } .cent-botones > div a:not(.btnVerde):hover { padding-left: 5px; } .cent-botones img { height: 39px; } .secc-opiniones { margin-top: 35px; } .secc-opiniones h4 { color: #264933; margin-top: 0; margin-bottom: 25px; font-size: 27px; } .cont-comentario { margin-bottom: 27px; } .cont-comentario .detalle > * { display: inline-block; float: left; } .cont-comentario .detalle img { width: 40px; margin-right: 18px;} .cont-comentario .detalle .nombre { margin-right: 25px; margin-bottom: 0 !important; margin-top: 8px; } .cont-comentario .detalle .fecha { margin-bottom: 0 !important; margin-top: 8px; } .cont-comentario .comentario { padding: 5px 10px; padding-right: 8%; border: 1px solid #d1d1d1; margin-top: 14px;} .cont-comentario .comentario p { margin-bottom: 0; font-size: 15px; color: #404040; } .cont-comentario .title { font-family: 'Source Sans Pro', 'Open Sans', sans-serif; text-align: center; font-weight: 600; text-transform: uppercase; font-size: 22px; } .form-comentario .form-group { margin-bottom: 8px; } .form-comentario textarea.form-control { height: 150px; border: 1px solid #c0baaa; } .form-comentario .form-3 .form-control { width: 32%; display: inline-block; float: left; border-radius: 0; border: 1px solid #c0baaa; } .form-comentario .form-3 .form-control:nth-child(2) { } .form-comentario .form-3 .form-control:nth-child(3) { margin: 0 2%; } .form-comentario .form-3 .form-control:last-child { } .form-comentario #contBtnEnv .btnAzul { padding-left: 25px; padding-right: 25px; border-radius: 0; color: white; margin-top: 18px; font-weight: 600; font-size: 16px; } #pageHome .text-informacion .noticas-eventos { background-color: #f1f1f1; } #pageHome .text-informacion .noticas-eventos h2 { background-color: #264933; color: white; text-align: center;margin: 0; padding: 14px 0; } #pageHome .text-informacion .noticas-eventos .detalle { padding: 17px 22px 30px; } #pageHome .text-informacion .noticas-eventos img { width: 50px; float: left; display: inline-block; margin-right: 14px; } #pageHome .text-informacion .noticas-eventos .texto { width: calc(100% - 64px); float: left; display: inline-block; } #pageHome .text-informacion .noticas-eventos .texto h3 { font-size: 22px; } #pageHome .text-informacion .noticas-eventos .texto p { font-size: 18px; } #pageHome .text-informacion .noticas-eventos .texto .fecha { margin-bottom: 0; text-transform: uppercase; } #pageHome .text-informacion .noticas-eventos .texto h3 { margin: 0; text-transform: uppercase; color: #264935; } #pageHome .text-informacion .noticas-eventos .texto .btnVerdeTrans { padding: 5px 35px; border-radius: 20px; } #pageHome .text-informacion .noticas-eventos .btnVerde { margin: 0 auto 30px; text-transform: uppercase; } #pageHome .text-informacion .buzon-lateral { margin-top: 30px; margin-bottom: 15px; float: left;} #pageHome .text-informacion .buzon-lateral img { width: 100%; } #pageHome .text-informacion .buzon-lateral h2 { color: #363435; text-align: center; font-size: 33px; width: 80%; margin: 0 auto; } #pageHome .text-informacion .buzon-lateral span { color: #274931; text-transform: uppercase; } #pageHome .text-informacion .tertulia-lateral { background-color: #f1f1f1; margin-top: 35px; float: left; } #pageHome .text-informacion .tertulia-lateral h2 { background-color: #264933; color: white; text-align: center;margin: 0; padding: 14px 0; } #pageHome .text-informacion .tertulia-lateral .texto { padding: 18px 25px 30px; } #pageHome .text-informacion .tertulia-lateral .detalle h3 { color: #02407d; text-align: center; font-size: 32px; margin: 18px 0 14px; } #pageHome .text-informacion .tertulia-lateral .detalle img { width: 100%; } #pageHome .text-informacion .tertulia-lateral .detalle p { color: #333333; margin-bottom: 25px; } #pageHome .text-informacion .tertulia-lateral .texto .btnVerdeTrans { padding: 5px 35px; border-radius: 20px; } /*Pagina Quienes Somos*/ #pageQuienesSomos .text-informacion { padding: 4% 0 2%; } #pageQuienesSomos .text-informacion h1 { color: #264933; margin-top: 0; margin-bottom: 30px; font-size: 48px;} #pageQuienesSomos .text-informacion .img-principal { margin-bottom: 35px; } #pageQuienesSomos .text-informacion h3 { color: #033c7f; text-transform: uppercase; font-weight: bold; margin-bottom: 0; } #pageQuienesSomos .text-informacion p { color: #333333; font-size: 20px; text-align: justify; margin-bottom: 18px; } #pageQuienesSomos .text-informacion p strong { font-weight: 600; } #pageQuienesSomos .text-informacion .seccPrincipios h3 { margin-bottom: 22px; } #pageQuienesSomos .text-informacion .seccPrincipios p { margin-bottom: 18px; } #pageQuienesSomos #cont-slider .owl-theme .owl-nav { bottom: 15%; } #pageQuienesSomos #cont-slider .owl-theme .owl-nav img { width: 60px; } /*Pagina Requisitos*/ #pageRequisitos .text-informacion { padding: 4% 0 3%; } #pageRequisitos .text-informacion h1 { color: #264933; margin-top: 0; margin-bottom: 38px; font-size: 48px;} #pageRequisitos .text-informacion .img-principal { margin-bottom: 35px; } #pageRequisitos .text-informacion h3 { color: #033c7f; text-transform: uppercase; font-weight: bold; margin-bottom: 17px; } #pageRequisitos .text-informacion p { color: #333333; font-size: 20px; text-align: justify; margin-bottom: 20px; } #pageRequisitos .text-informacion p strong { font-weight: 600; } #pageRequisitos #cont-slider .owl-theme .owl-nav { bottom: 15%; } #pageRequisitos #cont-slider .owl-theme .owl-nav img { width: 60px; } /*Pagina Codigo de Comportamiento*/ #pageCodigoComportamiento .text-informacion { padding: 4% 0 3%; } #pageCodigoComportamiento .text-informacion h1 { color: #264933; margin-top: 0; margin-bottom: 38px; font-size: 48px;} #pageCodigoComportamiento .text-informacion .img-principal { margin-bottom: 35px; } #pageCodigoComportamiento .text-informacion h3 { color: #033c7f; text-transform: uppercase; font-weight: bold; margin-bottom: 17px; text-align: center; } #pageCodigoComportamiento .text-informacion p { color: #333333; font-size: 20px; text-align: justify; margin-bottom: 20px; } #pageCodigoComportamiento .text-informacion p strong { font-weight: 600; } #pageCodigoComportamiento #cont-slider .owl-theme .owl-nav { bottom: 15%; } #pageCodigoComportamiento #cont-slider .owl-theme .owl-nav img { width: 60px; } #cont-imgheader { margin-top: -54px; display: inline-block; width: 100%; float: left; border-bottom: 4px solid #70c479; } #cont-imgheader .info { position: absolute; background-color: #707271; color: white; top: 29%; right: 8%; padding: 10px 26px; } #cont-imgheader .info h3 { margin: 0; font-weight: 600; font-size: 45px; } /*Pagina Los Eventos*/ #losEventos .text-informacion { padding: 4% 0 3%; } #losEventos .text-informacion h1 { color: #264933; margin-top: 0; margin-bottom: 38px; font-size: 48px;} #losEventos .text-informacion .img-principal { margin-bottom: 35px; } #losEventos .text-informacion h3 { color: #033c7f; text-transform: uppercase; font-weight: bold; margin-bottom: 17px; text-align: center; } #losEventos .text-informacion p { color: #333333; font-size: 20px; text-align: justify; margin-bottom: 20px; } #losEventos .text-informacion p strong { font-weight: 600; } #losEventos .text-informacion .contInterno { width: 80%; } #losEventos .text-informacion .descEvento .info { width: 88%; margin: 0 auto; } #losEventos .text-informacion .descEvento .info img { width: 88%; display: table; margin: 0 auto; cursor: pointer; } #losEventos .text-informacion .descEvento .info p { margin: 7px 0; text-align: center } #losEventos .text-informacion .descEvento .info h2 { background-color: #70c479; color: white; margin: 0; padding: 15px 22px; font-size: 28px; height: 92px; overflow: hidden; cursor: pointer; transition: all 0.6s ease 0s; } #losEventos .text-informacion .descEvento .info h2:hover { background-color: #2a8235; } /*Pagina Socios*/ #pageSocios .text-informacion { padding: 4% 0 3%; } #pageSocios .text-informacion .container, .tit-azul .container { width: 70%; } #pageSocios .text-informacion h1 { color: #264933; margin-top: 0; margin-bottom: 38px; font-size: 48px;} #pageSocios .text-informacion .img-principal { margin-bottom: 35px; } .img-socios > div { width: 50%; float: left; display: table; } .img-socios img { width: 100%; } .img-socios > div, .img-socios img { height: 200px; } .img-socios .centrado { display: table-cell; vertical-align: middle; text-align: center; } .img-socios .centrado h1 { color: #264933; margin-top: 0; margin-bottom: 19px; font-size: 48px;} .img-socios .centrado .fecha { font-size: 23px; color: #333333; } .tit-azul { background-color: #013e7f; color: white; padding: 16px 0; margin-top: 35px; margin-bottom: 40px; } .tit-azul h2 { margin: 0; text-transform: uppercase; font-size: 29px; } .contsocio { margin-bottom: 4%; } .contsocio .info { width: 92%; margin: 0 auto; padding: 10px 26px; background-color: #264933; color: white; } .contsocio .info img { display: block; margin: 0 auto; max-height: 230px; } .contsocio .info h3 { margin-bottom: 0; font-size: 28px; } .contsocio .info .cargo { font-size: 25px; } .contsocio .info h3, .contsocio .info .cargo { text-align: center; text-transform: uppercase; } .contsocio .info p { text-align: justify; } #pageSocios.socios2 .text-informacion { padding: 1% 0 3%; } .lista-verde { padding: 0; } .lista-verde li { list-style: none; font-size: 22px; position: relative; } .lista-verde li:after { content: ""; width: 20px; height: 20px; background-image: url('../img/ico-verde.jpg'); background-size: 100% 100%; position: absolute; left: -28px; top: calc(50% - (20px / 2)); } /*Pagina Actividades*/ #pageActividades .text-informacion { padding: 4% 0 3%; } #pageActividades .text-informacion.notiblanco, #pageActividades .text-informacion.notigris { padding: 19px 0; } #pageActividades .text-informacion.notigris { background-color: #f1f1f1; } #pageActividades .text-informacion .container { width: 70%; } #pageActividades .text-informacion h1 { color: #264933; margin-top: 0; margin-bottom: 38px; font-size: 48px;} #pageActividades .text-informacion .btnBig { font-size: 23px; margin: 40px 0; border-radius: 25px; } #pageActividades .btnCentrado { display: table; margin: 0 auto 40px; } #form-autor { display: table; width: 100%; float: left; } #form-autor .form-group > * { float: left; display: inline-block; } #form-autor .form-group label {line-height: 40px; margin-right: 15px; } #form-autor .form-group .btnAzul { margin: 0 8px; border-radius: 26px;} #form-autor .chosen-container-single .chosen-single { border: 2px solid #013F7F; height: 40px; line-height: 40px; border-radius: 25px; padding-left: 20px; } .contActividades { margin-bottom: 40px; } .contActividades .info { width: 90%; margin: 0 auto; padding: 22px; } .contActividades .info .contImgz, .contActividades .info .contImgz img { height: 275px; } .contActividades .info .fecha { } .contActividades .info .titulo { color: #003c89; margin-top: 0; text-align: justify; height: 46px; overflow: hidden; font-size: 21px; } .contActividades .info p { text-align: justify; color: #343434; font-size: 16px; height: 91px; overflow: hidden; } .notiblanco .contActividades .info { background-color: #f1f1f1; } .notigris .contActividades .info { background-color: white; } /*Pagina Actividades Detalle*/ #pageActividadesDetalle .text-informacion { padding: 4% 0 3%; } #pageActividadesDetalle .text-informacion .container { width: 70%; } #pageActividadesDetalle .text-informacion h1 { color: #264933; margin-top: 0; margin-bottom: 38px; font-size: 48px; } #pageActividadesDetalle .text-informacion .articulo { text-align: justify; } #pageActividadesDetalle .text-informacion .img-principal { margin-bottom: 25px; text-align: center; } #pageActividadesDetalle .text-informacion .articulo h2 { margin-bottom: 5px; font-size: 36px; } #pageActividadesDetalle .text-informacion .articulo h3 { color: #003c91; margin-top: 0; text-transform: uppercase; font-size: 28px; } #pageActividadesDetalle .text-informacion p { text-align: justify; color: #343434; margin-bottom: 19px; } #pageActividadesDetalle .text-informacion .cent-botones, #pageActividadesDetalle .text-informacion .secc-opiniones { margin: 20px 0; float: left; } #pageActividadesDetalle .modal-dialog { margin: 5vh auto 0; } #pageActividadesDetalle button.close { color: white; opacity: 1; background-color: black; width: 30px; height: 30px; border-radius: 50%; line-height: 30px; position: absolute; right: -15px; top: -15px; } #pageActividadesDetalle button.close:hover { opacity: 0.8; } /*Pagina Galeria*/ #pageGaleria .text-informacion { padding: 4% 0 3%; } #pageGaleria .text-informacion .container { width: 70%; } #pageGaleria .text-informacion h1 { color: #264933; margin-top: 0; margin-bottom: 38px; font-size: 48px; } .contGaleria { margin-bottom: 40px; } .contGaleria .info { width: 97%; margin: 0 auto; background-color: #003c89; padding: 30px 25px 50px; } .contGaleria .info .contImgz { border: 2px solid #ffffff; } .contGaleria .info .contImgz, .contGaleria .info .contImgz img { height: 237px; } .contGaleria .info h2 { color: white; margin-top: 45px; margin-bottom: 25px; } .contGaleria .info .btnBlancoTrans { padding: 4px 18px; padding-left: 25px; } /*Pagina Galeria Detalle 1*/ #pageGaleriaDeta1 .text-informacion { padding: 4% 0 3%; } #pageGaleriaDeta1 .text-informacion .container, #pageGaleriaDeta1 .tit-azul .container { width: 70%; } #pageGaleriaDeta1 .text-informacion.nopad { padding: 19px 0; } #pageGaleriaDeta1 .text-informacion h1 { color: #264933; margin-top: 0; margin-bottom: 0; font-size: 48px; } .galeDeta { margin-bottom: 45px; } .galeDeta .contImgz { border: 2px solid #264931; } .galeDeta .contImgz, .galeDeta .contImgz img { height: 294px; } /*Pagina Contactenos*/ #pageContactenos .text-informacion > div { padding: 4% 0 5%; } #pageContactenos .text-informacion h1 { color: #264933; margin-top: 0; margin-bottom: 25px; font-size: 48px; } #pageContactenos .text-informacion p { text-align: justify; margin-bottom: 30px; font-size: 20px; } #pageContactenos .divMapa, #pageContactenos .divMapa > * { height: 400px; } #pageContactenos .divMapa { margin-bottom: 30px; } #pageContactenos .text-informacion.imagen > div { padding: 18px 0 22px; } #pageContactenos .text-informacion.imagen .col-der { padding: 0; } #pageContactenos .text-informacion.imagen .img-full, #pageContactenos .text-informacion.imagen .img-full img { display: table; height: 100%; } #pageContactenos .text-informacion.imagen, #pageContactenos .text-informacion.formulario { height: 100%; } #pageContactenos .text-informacion .col-izq, #pageContactenos .text-informacion .col-der { float: left; display: table; height: 100%; } #pageContactenos .text-informacion .col-izq { width: 60%; } #pageContactenos .text-informacion .col-der { width: 40%; } #pageContactenos .text-informacion .azul { background-color: #013e7f; color: white; } #pageContactenos .text-informacion.formulario h2 { margin-top: 0; margin-bottom: 30px; font-size: 30px; text-transform: uppercase; } .form-contacto .form-group { display: table; width: 100%; } .form-contacto .form-control { background-color: white; border: 1px solid #868686; border-radius: 0; height: 50px; color: #000000; } .form-contacto .form-control::-webkit-input-placeholder { color: #70c479; font-family: 'Arial', sans-serif; } .form-contacto .form-control::-moz-placeholder { color: #70c479; font-family: 'Arial', sans-serif; } .form-contacto .form-control:-ms-input-placeholder { color: #70c479; font-family: 'Arial', sans-serif; } .form-contacto .form-control:-moz-placeholder { color: #70c479; font-family: 'Arial', sans-serif; } .form-contacto textarea.form-control { height: 140px; padding-top: 14px; } .form-contacto .form-2 .form-control:first-child { width: 48%; margin-right: 2%; float: left; } .form-contacto .form-2 .form-control:last-child { width: 50%; float: left; } .form-contacto .btnBlanco { border: none; text-transform: uppercase; color: #264933; margin-top: 20px; font-size: 22px; padding: 13px 40px 9px; border-radius: 30px; } .form-contacto .btnBlanco:hover { color: white; } #pageContactenos .text-informacion .info-contacto { color: black; padding: 20px 25px 35px; } #pageContactenos .text-informacion .info-contacto:after { content: ""; position: absolute; bottom: -150px; left: 0; width: 100%; height: 150px; background-image: url('../img/arreglocontactenos.png'); background-size: 100% 100%; } #pageContactenos .text-informacion .info-contacto h3 { color: #c89d34; margin-top: 0; font-size: 32px; } #pageContactenos .text-informacion .informacion { margin-top: 45px; } #pageContactenos .text-informacion .informacion .cont-info { display: table; width: 100%; float: left; margin-bottom: 37px; } #pageContactenos .text-informacion .informacion .cont-info img { width: 75px; display: inline-block; float: left; margin-right: 10px; } #pageContactenos .text-informacion .informacion .cont-info .texto { display: table; height: 75px; float: left; width: calc(100% - 85px); } #pageContactenos .text-informacion .informacion .cont-info .texto > div { display: table-cell; vertical-align: middle; } #pageContactenos .text-informacion .informacion .cont-info p { margin-bottom: 0; font-size: 22px; font-weight: bold; } .carru_side {width: 670px!important;} .bg_gray_side { background: #f1f1f1; } .facebook-talking { display: inline-flex; align-items: center; gap: 8px; background-color: #1877f2; color: white; padding: 12px 24px; text-decoration: none; margin-left:20px; border-radius: 6px; font-size: 16px; font-weight: 600; transition: background-color 0.3s ease; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .facebook-talking::before { content: ""; display: inline-block; width: 20px; height: 20px; background-image: url('data:image/svg+xml;utf8,'); background-size: contain; background-repeat: no-repeat; background-position: center; } .facebook-talking::after { content: " en Facebook"; } .facebook-talking:hover { background-color: #166fe5; color:white; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15); } .facebook-talking:active { background-color: #1465d6; transform: scale(0.98); }