/*
 * Descripción: CRECENTE.GAL
 * Copyright (c) 2020
 * Versión: 6.0
*/

/* ------------------------------

01. Importación
02. Global
03. Generales
04. Genéricas
05. Popups / modals
06. Diseño en caja
07. Header
08. Footer
09. Sidebar
10. Zonas y cajas
11. Links y botones
12. Listas
13. Forms
14. Paginación
15. Animaciones
16. Slider
17. Streamline
18. Multimedia
19. Tablas
20. Redes sociales
21. Media Queries
22. Mensajes Admin
23. Modal Mensajes Admin
24. Cursor
25. Eventos javascript


------------------------------*/


/*=========================
	01. Google Fonts
=========================*/

@import url('https://fonts.googleapis.com/css?family=Lobster|Open+Sans:400,400i,600,700&display=swap');

/*=========================
	02. Glogal
=========================*/

a{text-decoration: none; color: #2e2e2e;}
a:hover, a:focus {text-decoration: none; color: #000000;}/*cambia color*/
footer, header, article, section, div, h1, h2, h3, h4, p, form, input, textarea, img, span, td{margin:0; padding:0; background:transparent}}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; background:transparent;outline:none;}
id, class, div, section {outline:none;}
h1,h2,h3,h4{font:inherit}
img{border:none;}
svg{overflow:hidden; vertical-align:middle}
video {width:100%; height:auto; border:0;}
ul, li{margin:0; padding:0; list-style-type:none; list-style: none;}
html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}

sup, sub{font-size: 0.75em;}


/*=========================
	03. Generales
=========================*/

.limpiar{clear:both; font-size:0; line-height:0; float:none;}

acronym, abbr {border-bottom:1px dotted #ccc; cursor:help; font-style:normal; text-decoration:none}

.separa{width:100%;	height:30px; font-size:0; clear:both;}
.separa-med{width:100%;	height:50px; font-size:0; clear:both;}
.separa-min{width:100%;height:20px; font-size:0; clear:both;}
.separa-peq{width:100%;height:10px; font-size:0; clear:both;}

.separa1{width:100%; height:60px; font-size:0; clear:both;}
.separa2{width:100%; height:70px; font-size:0; clear:both;}
.separa3{width:100%; height:80px; font-size:0; clear:both;}

.izq{float:left;}
.der{float:right;}

.italic{font-style:italic}

.septop {margin-top:30px;}
.sepbot{margin-bottom:30px;}
.septopbot{margin:25px 0;}

.septopmin {margin-top:20px;}
.septopeq {margin-top:6px;}

.sepizq{margin-left:10px;}
.sepder{margin-right:10px;}

.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}

.paddinglados{padding:0 10px;}
.paddingarribabajo{padding:10px 0;}

.justificado{text-align:justify;}
.enlinea{display:inline-block;}
.enbloque{display:block}

.centrado{margin:0 auto; display:block; text-align:center; float:none}
.centable{margin:0 auto; display:table;}
.full{width:100%}

.centradovertical{width:100%; height:100%; display:flex; align-items: center; justify-content: center}

.relative{position:relative}
.absolute{position:absolute}

.tachado{text-decoration:line-through;}

.underline{border-bottom:1px solid transparent; border-bottom-color: initial; display:inline-block;} 
*::-ms-backdrop, .underline {text-decoration:underline;} /* IE11 */

.zoomin{cursor: zoom-in;}

.noheigh{height:auto; overflow:inherit}
.nobold{font-weight:normal;}
.nomargin{margin:0;}
.nopadding{padding:0;}

.linea {display:block; margin:40px 0; width: 100%; height:1px; background:rgba(0,0,0,0.16);}
.linea.notop {margin-top:0px;}
.linea-med {display:block; margin:30px auto; width: 100%; height:1px; background:rgba(0,0,0,0.16);}
.linea-min {display:block; margin:10px auto; width: 100%; height:1px; background:rgba(0,0,0,0.16);}
.linea-abajo {display:block; margin:40px auto; width: 100%; height:1px; background:rgba(255,255,255,0.16);}

.redondo{border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.redondo-min{border-radius:2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
.redondo-big{border-radius:8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}

.redondo-top{border-radius:4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px;-webkit-border-radius: 4px 4px 0px 0px;}
.redondo-bottom{border-radius: 0px 0px 4px 4px; -moz-border-radius: 0px 0px 3px 3px;-webkit-border-radius: 0px 0px 4px 4px;}

/*.visible_en_movil, .visible{visibility:hidden; display:none;}*/

.mayusculas{text-transform:uppercase}

.capa1{z-index:2;}

.post-imagen{float:left; margin-bottom:0px;}
.post-texto{display:block; overflow: hidden; padding: 0px 0px 2px 15px;margin-bottom:0px;}

.imgborde{border:1px solid rgba(0,0,0,0.15);}
.elipsis{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.help{cursor:help;}

.sombra{-webkit-box-shadow: 0px 0px 28px -2px rgba(0,0,0,0.28);	-moz-box-shadow: 0px 0px 28px -2px rgba(0,0,0,0.28); box-shadow: 0px 0px 28px -2px rgba(0,0,0,0.28);}
.sombra-texto{text-shadow: 3px 3px 7px rgba(0,0,0,0.2);}
.text-shadow{text-shadow:1px 1px 12px #000000;}

.cursor-zoom{cursor:zoom-in;}
.cursor-click{cursor:pointer;}

.nodisplay{display:none;}

/*para editor html*/
ul, ol {margin:0; padding:0; list-style-type:none; list-style: none;}
ul, ol {margin:15px 0px; display:block}
ul li, ol li {padding:4px 0px; margin-left:30px;list-style-type: square;}/**/
/*ul li::before {content: "\25A0"; color: #0071bc; font-weight: normal; font-size:1em; display: inline-block; width: 14px; margin-left: -1em;}cuadradito de color si no se quiere definir arriba*/

ol li {list-style-type: decimal;}
ul li a, ol li a{text-decoration:underline;}

hr {display: block; margin:2em auto; border: 0; height: 1px; background: #dddddd;}

blockquote {
  width:100%;
  background-color: rgba(0,0,0,0.04);
  font-size:1.2em;
  font-style:italic;
  color:#222;
  display: block;
  margin:1em 0;
  padding:40px 25px;
  border-left:3px solid #0071bc; 
  position: relative;  
}


/*=========================
	04. Genéricas
=========================*/

/*Scroll aparece*/
.scrolltop{
	position:fixed; color:white; bottom:60px; right:20px; display:none; background:#0071bc; z-index:100; padding:8px 15px 12px 15px;font-size:0.6875em;
	border-bottom-right-radius: 50%; border-bottom-left-radius: 50%;
}

a.scrolltop, a:hover .scrolltop , a:focus .scrolltop {color:white;}


/*Resolución*/
#dimensions {position: fixed; left: 10px; bottom: 0px; background:#000\9; background-color:rgba(0, 0, 0, 0.8); font-size: 13px; color: #fff; padding: 5px 10px; z-index:1000}

/*selecciones*/
::selection { background:#0071bc;  color:#fff;}
::-moz-selection { background:#0071bc; color:#fff;}

/*Whatsapp*/
.whatsapp-box{position:fixed; right:0; bottom:40%; background:#00c144; color:white; text-align:center; width:50px; height:50px; font-size:1.875em; line-height:1.6em; z-index:100}
a.whatsapp-box{color:white;}


/*=========================
	05. PopUps / modals
=========================*/

.header-modal.ficha-top{background-color:#000;}
.header-modal.ficha-top .cerrar-modal a{color:#fff;}
.header-modal.ficha-top + .content-modal{background-color:#f2f2f2;}

.header-modal.contact{
	border-top:6px solid #0071bc; 
}



/*modal promo*/
.modal-centrada.promosize {max-width:750px; margin:0 auto;}
.fondoimgpromo{background: url(../images/imgpromo.jpg) no-repeat center right; background-size: cover; min-height: 380px;}
.fondoimgpromo.centrada{background-position:center center}
.fondoimgpromo.izquierda{background-position:center left}
.fondoimgpromo.derecha{background-position:center right}

.promo-close {width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; z-index: 1046; text-decoration: none; text-align: center; opacity: .65; padding: 0 0 18px 10px; color: #fff; font-size: 1.75em;}

.fila-promo-misma-altura {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;	-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin:0px;}

.col-promo-centrada {display:flex; align-items: center; justify-content: center; padding:0px}

@media (max-width: 991px) {
	.fila-promo-misma-altura{display: table;}
}



/*===============================
	06. Diseño en caja
=================================*/




/*=========================
	07. Header
=========================*/

header{padding:20px 0;}

.logotipo {position: relative;}
.txtlogo{position:absolute; left:54px; top:18px; font-family: 'Lobster', cursive; font-size:1.125em; color:#021f3d; cursor:default; width:125px}
.txtlogo span{font-size:1.5625em;}





.zonatop{background: #021f3d; width: 100%; padding: 15px 0px; color: #ffffff; font-size: 0.875em}
.zonatop a,.zonatop a:focus, .zonatop a:hover{color: #ffffff;}
.zonatop i{font-size:1.0625em;}



/*lista top*/
.listatop{margin:0px;}
.listatop li{font-size: 1em; color: #ffffff; display:inline-block; text-align:center; margin:0 5px; padding:0px;} 
.listatop li:first-child{ margin:0px;margin-right:20px;}
.listatop li a{color: #ffffff; display:block; margin:0; text-decoration:none;}
.listatop li a:hover{color: #0071bc; text-decoration:none;}

.listatop i, .listatop i a, .listatop i a:hover {color:#eac102;}

.listatop li::before {content:none;}

/*txt portada*/
.txthome{font-family:'Fjalla One', Arial, Helvetica, sans-serif; font-size:2.25em; color:#fab517; line-height:150%}
.txthome span{color:white; font-size:1.5em;}


@media (max-width: 991px) {
	.txthome{font-size:1.875em;}
	.logotipo.abajo{max-width:150px; display:flex; margin:0 auto;}
}


/*=========================
	08. Footer
=========================*/

footer{background-color:#000000; padding:4em 0 2.5em 0; color:#888888;}


/*=========================
	09. Sidebar
=========================*/


/*=========================
	10. Zonas y cajas
=========================*/


.sombra{
	-webkit-box-shadow: 0px 0px 28px -2px rgba(255,255,255,0.28);
	-moz-box-shadow: 0px 0px 28px -2px rgba(255,255,255,0.28);
	box-shadow: 0px 0px 28px -2px rgba(255,255,255,0.28);
}

.parrafo-centrado{max-width:850px; margin:0 auto;}
.parrafo-centrado.hoja{padding:45px}
.parrafo-centrado.borde{border:1px solid rgba(0,0,0,0.2); background:white;}

/* zona y fondos módulos secciones */
.zona.notop{padding-top:0em;}
.zona.nobottom{padding-bottom:0em;}
.zona {padding: 4em 0;}
.zona.big {padding: 5em 0;}
.zona.min {padding: 3em 0;}
.zona.peq {padding: 2em 0;}

.zona-titsec{padding: 5em 0;}

@media (max-width: 991px) {
	.zona {padding: 3em 0;}
	.zona.big {padding: 4em 0;}
	.zona.min {padding: 2em 0;}
	.zona.peq {padding: 1.375em 0;}
}


/*fondos*/
.fondo-oscuro{background-color:#010f1e; color:#8a8f99;}
.fondo-claro{background-color:#f2f2f2;}
.fondo-dots{background-image: url(../images/dots.png); background-repeat: repeat; }
.fondo-puntos{background-image: url(../images/puntos.png); background-repeat: repeat-y; background-position:top left;}
.fondo-escudo{background-image: url(../images/fondoescudo.gif); background-repeat: no-repeat; background-position:top right;}
.fondo-amarillo{background-color: #fffad2;}

.fondo-verde{background-color:#5ac035}
.fondo-azul{background-color: #00a3e4;}
.fondo-azulclaro{background-color: #76b3dd;}
.fondo-rojo{background-color:#e30613;}
.fondo-naranja{background-color:#ff5001;}
.fondo-morado{background-color:#5d115b;}
.fondo-rosa{background-color:#ed038a;}



.fondo-concello {
	background: #021f3d url(../images/concello-seccion.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    /*background-attachment: fixed;*/
}

.fondo-turismo {
	background: #021f3d url(../images/turismo-seccion.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}

.fondo-actualidad {
	background: #021f3d url(../images/actualidade-seccion.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.fondo-datos {
	background: #021f3d url(../images/datos-seccion.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.fondo-servicios {
	background: #021f3d url(../images/servicios-seccion.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

/*banners*/
.single_box {
    position: relative;
    max-width: 165px;
    height: 185px;
    border-radius: 5px;
    padding: 35px 16px 10px 16px;
    transition: all 0.2s linear;
    display:inline-block;
    text-align:center;
    margin:0 auto 20px auto;
    display:block;
}

.single_box i{font-size:3em; color:rgba(255,255,255,0.5);} 
.single_box p {font-size: 1.25em; color: #fff; font-weight: 600; margin-top: 10px;}
.single_box a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.single_box:hover {margin-top: 0px;}
.single_box:hover i {color:white;}

div[class*=col]:nth-child(6n+1) .single_box {background-color: #0092a5;}
div[class*=col]:nth-child(6n+2) .single_box {background-color: #d6a005;}
div[class*=col]:nth-child(6n+3) .single_box {background-color: #d71e31;}
div[class*=col]:nth-child(6n+4) .single_box {background-color: #005d92;}
div[class*=col]:nth-child(6n+5) .single_box {background-color: #188550;}
div[class*=col]:nth-child(6n+6) .single_box {background-color: #989859;}


div[class*=col]:nth-child(-n+6) .single_box:hover{background-color: #010f1e;}/*el mismo hover para todos*/


/*listado box*/
.listadobox{display:table; background:white; border:1px solid #ccc; margin:10px auto; width:100%;}
.listadobox .post-boximg{margin-bottom:0px; background-color:auto; padding:20px 5px; color:auto; display:table-cell; vertical-align:middle; font-size:1.231em; width:47px; text-align:center;}
.listadobox .post-boxtxt{display:table-cell; overflow: hidden; padding: 2px 5px 2px 10px;margin-bottom:0px; vertical-align:middle}



@media (max-width: 480px) {
	.single_box {padding: 35px 19px 10px 19px;}
	.single_box p {font-size: 1.1875em;}
	.parrafo-centrado.hoja{padding:15px}
}
@media (max-width: 720px) {
	.listadobox{max-width:320px;}
}

@media (max-width: 991px) {
	.fondo-puntos{background-image:none}
	.parrafo-centrado{max-width:700px;}		
}


/*logos pasando*/
.zona-logos img{margin:15px auto; text-align:center}


/*zona minitext*/
.zona-txtmini{margin:5px 0 20px 0; font-size:0.875em; line-height:140%;}

/*listado vertical*/
.listado-vertical{max-width:500px; margin:0 auto 40px auto; position: relative; }
.listado-vertical img{margin-bottom:15px}
.km,.fecha{position:absolute; background:#00a7ad; color:white; z-index:1; bottom:0px; right:0px; padding:1px 10px; font-size:0.875em; font-style:italic; /*border-top-left-radius:2px;*/}


.listado-vertical.portada{background:#fff; margin:0 auto; max-width:400px}

.listado-vertical.slider{margin:0 9px;max-width:400px;}
.listado-vertical.slider:first-child{margin-left:0px;}
.listado-vertical.slider:last-child{margin-right:0px;}
.listado-vertial.slider img{margin-bottom:15px;}


/*contendor fotos*/
.contenedor-foto {position: relative; width: 100%;}
.contenedor-foto .image {display: block; width: 100%; height: auto; border:1px solid rgba(0,0,0,0.12);}

.listado-vertical > .contenedor-foto .overlay {position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0.2; transition: .5s ease; background-color: #ffffff; z-index:1}
.listado-vertical:hover > .contenedor-foto .overlay {opacity: 0;}

.zona-localidad{background-color:#075c76; position:absolute; bottom:0px; left:0px; width:100%; padding:4px; text-align:center; color:white; font-size:1.125em; border-top:1px solid white; z-index:2}

/*fechafoto*/
.fechafoto{	position:absolute; z-index:1; bottom:1px; left:1px; background:#010f1e; padding:5px 8px; color:white; font-size:0.875em; line-height:120%; text-align:center}

/*pdf*/
.documentos{position:absolute; z-index:1; top:1px; left:1px; background:#000; padding:3px 6px; color:white; font-size:0.75em; line-height:120%; text-align:center; cursor:default}
.documentos:before {font-family: "Flaticon"; content: "\f119"; color:inherit; margin-right:2px;}


/*contenedor datos*/
.icono-ubica{width:50px; height:50px; line-height:50px; color:white; background:#f4a300; text-align:center; cursor:default;}
.icono-ubica i{font-size:1.5625em;}

.zona-quote{background:#075c76; padding:50px 0px; text-align:center}
.supericono{background-color:#fff; width:84px; height:84px; line-height:84px; margin:0 auto 15px auto; border-radius:50%; text-align:center; color:#075c76}

/*tabla datos*/
.tabla-datos_fila {margin:6px 0px;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border: 0px solid #ddd; background-color: none; border-bottom: 0; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center;	align-items: center;}
.tabla-datos_fila:last-child {border-bottom: 0px solid #ddd;}
.tabla-datos_fila:nth-child(2n) {background-color: none;}

.tabla-datos_icono {-webkit-flex-basis: 40px; -ms-flex-preferred-size: 40px; flex-basis: 40px; font-size: 1.375em; text-align: center; color: #0071bc; border: 1px solid #ddd; padding:15px 0px; background:white; border-radius:4px}

.tabla-datos_detalle {padding: 12px 10px; -webkit-flex-basis: calc(100% - 40px); -ms-flex-preferred-size: calc(100% - 40px); flex-basis: calc(100% - 40px); border-left: 0px solid #ddd; background:none}

.tabla-datos_detalle .titdet {color: #000; font-weight:600}

/*tabs*/
.box-heading.tabs {padding-bottom: 0;  padding-right: 35px;}
.box-heading {padding: 10px 10px 10px 0px; border-bottom: 1px solid #ccc; position: relative; text-transform: uppercase;  font-size: 1em; margin-bottom: 20px;}
.box-heading.tabs.nobottom{margin-bottom:0px;}
.box-heading.tabs {padding-bottom:0; padding-right:35px;}
.box-heading.tabs a {padding-bottom:10px; display:inline-block; margin:0 8px -1px 0; padding:8px 15px; position:relative; color:#666666; border-top:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #ccc; background:#e8e8e8;}
.box-heading.tabs a:hover {color:#333333;}
.box-heading.tabs a.active {background:none;color:#00a7ad;border-bottom:1px solid #f9f9f9;}

.box-heading.tabs.nobottom a.active{background:white;}




/*zona img 50%*/
.center-file{width:100%; height:100%; display:flex; align-items: center; justify-content: center; padding:0; margin:0 auto;}
.zona-imglados .zona-imglados-text{padding:2rem; padding-left:4em; position:relative;}
.zona-imglados .zona-imglados-img{min-height:40rem; background-size:cover}

.zona-imglados-img.min{min-height:25rem; display:flex}

@media (max-width:768px){
    .zona-imglados .zona-imglados-text{padding:3rem 1rem}
}

@media (max-width: 991px){
	.zona-imglados .zona-imglados-img{min-height:20rem;}
	.center-file{display:block}
	.parrafo-centrado.hoja.nopadbor{padding:0px;border:none;}
}

/*acordeon*/
.acordeon, .acordeon * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.acordeon {overflow: hidden;}
.acordeon-section-title {width: 100%; padding: 15px; display: inline-block; background: #0071bc; transition: all linear 0.15s; font-size: 1em; color: #fff; position:relative}
.acordeon-section {margin-bottom: 10px;}
.acordeon-section-title:before {padding-right: 10px; content: "\002B"; position:absolute; right:10px; top:13px; font-size:1.25em}
.acordeon-section-title.active:before {padding-right: 10px; content: "\2212";}
.acordeon-section-title.active, .acordeon-section-title:hover, .acordeon-section-title:focus {text-decoration: none; background-color: #0071bc; color: #ffffff;}
.acordeon-section:last-child .acordeon-section-title {border-bottom: none;}
.acordeon-section-content {padding: 15px 15px 10px 15px; display: none;}

.acordeon-multi, .acordeon-multi * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.acordeon-multi {overflow: hidden;}
.acordeon-multi-section-title {width: 100%; padding: 10px 15px; display: inline-block; background: #455a64; transition: all linear 0.15s; font-size: 1.2em; color: #fff;}
.acordeon-multi-section {margin-bottom: 10px;}
.acordeon-multi-section-title:before {padding-right: 10px; content: "+";}
.acordeon-multi-section-title.active:before {padding-right: 10px; content: "-";}
.acordeon-multi-section-title.active, .acordeon-multi-section-title:hover, .acordeon-multi-section-title:focus {text-decoration: none; background-color: #3c4f58; color: #ffffff;}
.acordeon-multi-section:last-child .acordeon-multi-section-title {border-bottom: none;}
.acordeon-multi-section-content {padding: 15px; display: none;}


/*ubicación*/
.page-breadcrumb{position:relative; margin-top:25px; color:#ffffff; font-size:0.8125em;}
.page-breadcrumb li{position:relative; display:inline-block; 	color:#ffffff; font-size:1em; text-transform:uppercase; margin:0px; margin-right:10px; padding:0px; padding-right:15px;}
.page-breadcrumb li:after{position:absolute; content: "\002f"; right:-2px; top:0px; color:#eac102; font-size:1em;  margin:0px; padding:0px}
.page-breadcrumb li:last-child::after{display: none;}

.page-breadcrumb li::before {content:none;}

.page-breadcrumb li:last-child{padding-right:0px; margin-right:0px; color:#fab517;}

.page-breadcrumb li a{color:#ffffff; text-transform: uppercase; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; text-decoration:none;}
.page-breadcrumb li a:hover{color:#ffffff;}

.page-breadcrumb.oscuro li, .page-breadcrumb.oscuro li a, .page-breadcrumb.oscuro li a:hover, .page-breadcrumb.oscuro li a:focus{color:#333;}


/*menu vertical tipo blog*/
.blog-cat{position: relative;margin:0px;display:block;}
.blog-cat li{position: relative; margin:0px; margin-bottom: 0px; border-radius:4px;list-style-type: none;}

.blog-cat li a{
	position: relative;
	font-size: 1em;
	text-decoration:none;
	display: block;
	color:#222222;
	font-weight: 500;
	letter-spacing: 1px;
	padding: 14px 30px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	text-transform: uppercase;
	background-color: #f9f8fc; border-radius:4px;
}

.blog-cat li a:hover, .blog-cat li.active a{color:#ffffff; background-color: #0071bc; text-decoration:none;}

ul.blog-cat li::before {content: none;}
ul.blog-cat  li, ol.blog-cat  li {list-style-type: none;}/**/

/*parroquias*/

.centermap{margin:0 auto; max-height: 396px; display: table;}
.parroquia{position:absolute; z-index: 1; top:0; left:0;max-height: 396px;}

/*cajablanca*/
.cajablanca {
    width: 100%;
    display: block;
    margin: 0 auto;
    border: 1px solid rgba(0,0,0,0.2);
    background: #fff;
    padding: 3em 15px;
    position: relative;
}
.cajablanca.min{padding:15px 15px}

.cajablanca.max {
    max-width: 700px;
    padding: 40px;
    border-top: 5px solid #626053;
}




/*=========================
	11. Links y botones
=========================*/

/*botones*/
.boton, boton:focus {
	background: #0071bc; color: #ffffff; font-size:1em; font-family:'Open Sans', Arial, Helvetica, sans-serif; padding: 10px 25px; letter-spacing: 0.5px; margin:15px 2px; display:inline-block; outline: none;
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; text-align:center; position:relative; border-radius:6px;
}

.boton:hover, .boton:focus {color: #fff; background: #000;}
.boton a{color:white;}

input.boton{cursor:pointer;border:0 none; outline:none;}

/*invert*/
.boton.invert, .boton.invert:focus{color: #fff; background: #f40829;}
.boton.invert:hover {color: #ffffff; background:#0071bc;}
.boton.invert a{color:white}

/*colores*/
.boton.verde, .boton.verde:focus{color: #fff; background: #00a7ad;}
.boton.verde:hover {color: #ffffff; background:#000;}
.boton.verde a{color:white}



/*tamaños*/
.boton.big{padding: 15px 30px;}
.boton.min{padding: 6px 25px; font-size:0.9375em;}
.boton.peq{padding: 4px 15px; line-height:150%; font-size:0.9375em; font-weight:400}
.boton.full{width:100%; display:block; min-width:100%;}




/*btn txt*/
.btn-txt{
	position: relative;
	color:#e71514;
	font-size: 1em;
	font-weight: 600;
	padding-left: 14px;
	padding-right: 30px;
	display: inline-block;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;	
}

.btn-txt:hover{color:#000000;}
.btn-txt:before{position: absolute; content: "\f116"; left: 0px; top: 1px; color:#443986; font-size: 0.5em; font-family: 'Flaticon';}


/*=========================
	12. Listas 
=========================*/



/*lista simple*/
ul.simplelist{margin:5px 0px; display:block; position:relative}
ul.simplelist.nomargin{margin:0px;}
ul.simplelist li {margin:0 20px 0 20px; padding:4px 0 4px 0px; list-style-type: none;}
ul.simplelist li.enlinea{display:inline-block; text-align:center; background:#ededed; padding:10px; margin:5px 0;}
ul.simplelist li a{text-decoration:underline;}

ul.simplelist.flaticonli > li{margin:0px; margin-left:5px}

ul.simplelist li::before {content: none;}

ul.simplelist.nopadding li {padding:0px}
ul.simplelist li.col2{display:inline-block; width:40%; background:aqua}

ul.simplelist li.num {list-style-type: decimal}/*números*/
ul.simplelist li.nu0 {list-style-type: decimal-leading-zero}/*números con 0 antes*/
ul.simplelist li.min {list-style-type: lower-latin}/*minúsculas*/
ul.simplelist li.may {list-style-type: upper-latin}/*mayúsculas*/
ul.simplelist li.cua {list-style-type: square;}/*cuadrado*/
ul.simplelist li.pun {list-style-type: disc;}/*círculo relleno*/
ul.simplelist li.cir {list-style-type: circle;}/*círculo vacio*/

/*ul.simplelist li.descarga {margin:10px 15px; font-size:0.9375em; list-style:none;}
ul.simplelist li.descarga {background: url(../images/icono-descarga.png) no-repeat 0px 6px; padding: 0px 0 0px 20px;}

ul.simplelist li.enlace {margin:10px 15px; font-size:0.9375em; list-style:none;}
ul.simplelist li.enlace {background: url(../images/icono-enlace.png) no-repeat 0px 6px; padding: 0px 0 0px 22px;}*/

ul.simplelist li.descarga, ul.simplelist li.enlace{font-size:0.9375em; line-height:140%;}
ul.simplelist li.descarga:before {font-family: "Flaticon"; content: "\f119"; font-size: 1.0625em; color:inherit; margin-right:8px;}
ul.simplelist li.enlace:before {font-family: "Flaticon"; content: "\f11a"; font-size: 1.0625em; color:inherit; margin-right:8px;}

ul.simplelist  li, ol.simplelist  li {list-style-type: none;}/**/

/*=========================
	   13. Forms 
=========================*/


/*Buscador top*/

.zona-buscador{position:relative; display:block; margin:0px auto 60px auto; max-width:300px;}

.buscadortop{
	font: italic 0.9375em 'Open Sans', Arial, Helvetica, sans-serif;
	color: #666;
	background:#ffffff;
	border: 1px solid rgba(0,0,0,0.2);
	border-right:0px;
	padding:0 12px;
	height:46px;
	width:100%;
	border-radius:4px;
	
	display: inline-block;
	/*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);*/
    
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.buscadortop::-moz-placeholder {color: #999; opacity: 1;}
.buscadortop:-ms-input-placeholder {color: #999;}
.buscadortop::-webkit-input-placeholder {color: #999;}

.buscadortop.btnder{padding-right:70px;}

.btnformbuscadortop{
	display:table-cell; position:absolute; top:0px; right:1px; z-index:2; background:none; height: 46px; width: 60px; font-size: 1em; border-left:0px solid rgba(0,0,0,0.20); vertical-align:middle; border-radius:inherit; text-align:center;
	background-color:#0071bc; border-bottom-right-radius:4px; border-top-right-radius:4px;

}

.btnformbuscadortop::before {
    font-family: "Flaticon";
    content: "\f118";/*icono lupa*/
    font-size: 1.4375em;
    line-height: 2em;
    color:white;
}


/*=========================
	14. Paginación
=========================*/


/*siguiente anterior*/
.pager{padding-left:0; /*margin-bottom:10px;*/text-align:center;list-style:none; }
.pager li{display:inline; font-family:Arial, Helvetica, sans-serif;}
.pager li::before {content: none;}
.pager li > a,.pager li > span{display:inline-block;padding:8px 15px; border-radius:0%; background-repeat: repeat-x; background-color:#f4f3f9;text-decoration:none}
.pager li > a:focus,.pager li > a:hover{text-decoration:none; background-color:#0071bc; color:#fff;}
.pager .siguiente > a,.pager .siguiente > span{float:right}
.pager .anterior > a,.pager .anterior > span{float:left}
.pager .disabled > a,.pager .disabled > a:focus,.pager .disabled > a:hover,.pager .disabled > span{color:#666;cursor:not-allowed;background-color:#333;}


/*=========================
	15. Animaciones
=========================*/

.overflow-hidden{overflow: hidden;}

/*img hover oscuro*/
.hover-oscuro{background: #000;}
.hover-oscuro img {opacity: 1; -webkit-transition: .3s ease-in-out;	transition: .3s ease-in-out;}
.hover-oscuro:hover img {opacity: .8;}

/*img zoomin*/
.hover-zoomin img {-webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.hover-zoomin:hover img {-webkit-transform: scale(1.3);	transform: scale(1.3);}

/*img zoomout*/
.hover-zoomout img {-webkit-transform: scale(1.5); transform: scale(1.5); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.hover-zoomout:hover img {-webkit-transform: scale(1); transform: scale(1);}

/*img slice*/
.hover-slice img {margin-left: 30px; -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.hover-slice:hover img {margin-left: 0;}

/*img rotate zoom*/
.hover-rotate-zoom img {-webkit-transform: rotate(15deg) scale(1.4); transform: rotate(15deg) scale(1.4); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.hover-rotate-zoom:hover img {-webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1);}

/*img blur*/
.hover-blur img {-webkit-filter: blur(3px); filter: blur(3px); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.hover-blur:hover img {-webkit-filter: blur(0);	filter: blur(0);}

/*img grayscale*/
.hover-grayscale img {-webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.hover-grayscale:hover img {-webkit-filter: grayscale(0); filter: grayscale(0);}

/*img sepia*/
.hover-sepia img {-webkit-filter: sepia(100%); filter: sepia(100%); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.hover-sepia:hover img {-webkit-filter: sepia(0); filter: sepia(0);}


/*Agranda foto*/
.zoomentra{   animation-duration: 10s; animation-name: zoomin;  }
@keyframes zoomin { from { transform: scale(1);  } to { transform: scale(1.1); } }
.zoomentra.alternate { animation-direction: alternate; animation-iteration-count: infinite; }


/*=========================
	16. Slider
=========================*/

.img100x100{position:relative; z-index:1; margin-bottom:2em;}
.img100x100 {background-color: #666; clear: both; width: 100%; overflow: hidden;}
.img100x100 img{-webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -webkit-transition-duration: 3s; -moz-transition-duration: 3s; -o-transition-duration: 3s;}

.slidercontent {display: block !important; color:white;}
.innerslider {display: flex; justify-content: left; align-items: center; margin: auto; position: absolute; z-index: 1; width: 100%; height: 100%; background: url(../images/transblue.png) repeat;}
.slidercontent {max-width:700px; margin-left:8%; background: url(../images/transblack.png) repeat;}

.slider-text {font-size:4.375em; font-weight:700; color: #fff; letter-spacing: 0px; line-height:1em; padding: 0; margin: auto; display:inline;}
.slider-text span{color:#f4a300}

.slider-mintext{max-width:500px;}
.slider-catext{font-size:1.125em; color:#eac102;}

.slider-text.movil {font-size:3em;}

@media (max-width: 640px) {
	.slider-text.movil {font-size:2.1em;}
}

@media (max-width: 991px) {
	.innerslider{justify-content: center;}
	.slidercontent{margin-left:0px; padding:20px; max-width:100%; flex-basis: 100%;}
	.slider-text span{background:none; padding:0px; color:#f7921a; font-weight:800; display:inline}
}
	
@media (min-width: 1400px) {
    .slidercontent {margin-left:10%;}
}

@media (min-width: 1600px) {
    .slidercontent {margin-left:15%;}
}


/*=========================
	17. Streamline
=========================*/

.b-l {border-left: 1px solid #dddee0;}


.texto-info {color: inherit; opacity: .5;}

.streamline{position:relative;border-color:#dddee0; margin-left:15px; border-left: 1px solid #dddee0;}
.streamline .sl-item:after/*,.streamline:after*/{
	position:absolute;
	bottom:0;
	left:0;
	width:11px;
	height:11px;
	margin-left:-6px;
	background-color:#fff;
	border-color:inherit;
	border-style:solid;
	border-width:2px;
	border-radius:50%;
	content:'';
	display:block;
}

.streamline.centrada {margin:0 auto; display:table}

.sl-icon{position:absolute;left:-10px; top:4px;z-index:1; color:#b2b2b2;}
.sl-icon p{text-align:center;  color:#4b4b4b; margin:0 auto; width:18px;}
.sl-icon > i{display:block;text-align:center;vertical-align:middle; font-size:1.2em;}

.sl-item{position:relative;padding-bottom:5px;border-color:#dddee0; margin-bottom:15px}
.sl-item:before,.sl-item:after{display:table;content:" ";}
.sl-item:after{clear:both}
.sl-item:after{top:5px;bottom:auto}

.sl-item.b-l{margin-left:-1px}

.sl-item.sl-item-md:after{top:0;width:35px;height:35px;margin-left:-18px}

.sl-content{margin-left:24px; margin-top:4px; margin-bottom:5px;}

.borde-verde > .sl-icon i, .borde-verde > .sl-icon p  {color:#5ac035}
.borde-verde {border-color: #5ac035;}

.borde-azul > .sl-icon i, .borde-azul > .sl-icon p {color: #00a3e4;}
.borde-azul {border-color: #00a3e4;}

.borde-azulclaro > .sl-icon i, .borde-azulclaro > .sl-icon p  {color: #76b3dd;}
.borde-azulclaro {border-color: #76b3dd;}

.borde-rojo > .sl-icon i, .borde-rojo > .sl-icon p  {color:#e30613;}
.borde-rojo{border-color:#e30613;}

.borde-naranja > .sl-icon i, .borde-naranja > .sl-icon p  {color:#ff5001;}
.borde-naranja {border-color:#ff5001;}

.borde-morado > .sl-icon i, .borde-morado > .sl-icon p  {color:#5d115b;}
.borde-morado {border-color:#5d115b;}

.borde-rosa > .sl-icon i, .borde-rosa > .sl-icon p  {color:#ed038a;}
.borde-rosa {border-color:#ed038a;}



/*.sl-item:last-child:after { border-color:inherit}
.b-l:last-child{ border-color: #fff;}*/

@media (max-width: 480px) {
	.streamline.centrada {margin:none; margin-left:15px; display:inherit}
}



/*=========================
	18. Multimedia
=========================*/

.fotoblog{margin-bottom:20px;}
.fotoblog img{width:100%;}

.imgmini{max-width:120px;}
.imgpequ{max-width:70px;}

.img-izq{width:auto; max-width: 100%; width: auto\9; float:left; margin:0px 15px 2px 0; max-width:400px;}
.img-der{width:auto; max-width: 100%; width: auto\9; float:right; margin:0px 0px 2px 15px; max-width:400px;}

/*galería horizontal*/
.zona-galeria{display: block; max-width: 345px; white-space: nowrap; margin:0 auto;}
.galeria-horizontal{overflow-y: hidden; display: block; width: 100%; height: 100%; padding-bottom:10px;}
.fotogal{display:inline; margin:0px 3px 6px 0; text-align:center}

.fotogal {opacity: 0.5; transition: all .3s ease;}
.fotogal:hover {opacity: 1;}


/*Gallery*/
.gallery {display: -ms-flexbox; /* IE10 */ display: flex; -ms-flex-wrap: wrap; /* IE10 */ flex-wrap: wrap; padding: 0 0px;}
.zonaimgal{-ms-flex: 33%; /* IE10 */ flex: 33%; max-width: 33%; padding:0 4px; position:relative;}
.zonaimgal img {margin-top: 8px; vertical-align: middle; width: 100%; opacity:1;  -webkit-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out}
.zonaimgal img:hover{opacity:.5;}

.zonaimgal.max{-ms-flex: 25%; /* IE10 */ flex: 25%; max-width: 25%;}


/*google maps*/
.gmap{position:relative;}
.gmap iframe{width:100%; margin-bottom:0px; border:1px solid #e7e7e7;}
#mapacontacto {width:100%; height:300px; border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
#mapaubica {width:100%; height:400px; border:1px solid #e7e7e7; border-radius:4px}
#maparroquia {width:100%; height:400px; border:1px solid #e7e7e7; border-radius:4px}


.gm-style .gm-style-iw {background-color: white !important; border-radius:2px;}/* info ventana*/

/*responsive video*/
.video-container {position: relative; padding-bottom: 56.25%; /*padding-top: 30px;*/ height: 0;	overflow: hidden; margin:0px auto;}
.video-container iframe,  
.video-container object,  
.video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}

/* vídeo ajustado al centro con un tamaño máximo */
.video-wrapper {width: 800px; max-width: 100%; margin: 0 auto;}
.video-wrapper2 {width: 500px; max-width: 100%;	margin: 0 auto;}


@media (min-width: 1500px) {
	.zonaimgal{-ms-flex: 33%; /* IE10 */ flex: 33%; max-width: 33%;}
	.zonaimgal.max{-ms-flex: 16.66%; /* IE10 */ flex: 16.66%; max-width: 16.66%;}
}

@media (min-width: 1400px) {
	.zona_video{margin:0 auto; width:70%; display:table; background:blue}
}


@media (max-width: 991px) {
	.contienetodo{flex-direction: column;}
	.galeria-horizontal{text-align:center}
	.zonaimgal{-ms-flex: 25%; /* IE10 */ flex: 25%; max-width: 25%;}
	
}

@media (max-width: 480px) {
	.zonaimgal, .zonaimgal.max{-ms-flex: 33%; /* IE10 */ flex: 33%; max-width: 33%;}
}

/*=========================
    19. Tablas
=========================*/

table {max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0;}

.table {width: 100%; margin-bottom: 20px; border:1px solid #ddd;}

.table th, .table td {padding: 8px; line-height: 160%; text-align: left; vertical-align: top; border-top: 1px solid #dddddd; vertical-align:middle;}

.table th {background:#f2f2f2;  color:white; font-weight:normal; font-size:1.1428em; }

.table td.center, .table th.center{text-align:center;}
/*.table td i{cursor:help;}*/

.table thead th {vertical-align: bottom; background:#0071bc}

.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {border-top: 0;}

.table tbody + tbody {border-top: 2px solid #dddddd;}

.table .table {background-color: #ffffff;}

/*inicio tabla compra*/
.table.tienda{border:0px;}
.table.tienda thead th{background:none; color:#666; font-weight:normal; font-size:1.0714em;  border-bottom: 1px solid #dddddd;}
.table.tienda tr {border-bottom: 1px solid #dddddd;}
.table.tienda td {padding:18px 0}

.table.tienda td:nth-child(1) {width: 10%; text-align:center;}
.table.tienda td:nth-child(2) {width: 50%; padding-left:20px}
.table.tienda td:nth-child(3) {width: 5%; text-align:center;}
.table.tienda td:nth-child(4) {width: 15%; text-align:center;}
.table.tienda td:nth-child(5) {width: 15%; text-align:center; padding:0 10px;}
.table.tienda td:nth-child(6) {width: 5%; text-align:center; padding:0 5px;}
/*fin tabla compra*/

/*data table*/
.data-table { width:100%; }
.data-table tr td:last-child{text-align:right;}
.data-table td {padding:10px; vertical-align:top;}
.data-table td.total{font-weight:bold}
.data-table td.suma{font-weight:bold; font-size:1.5em; color: #de2828;}

/*fin  data table*/


/*inicio tabla formato*/
.table.formato{border:0px; margin:0; font-size:1em;}
.table.formato thead th{background:#f4f4f4; color:#666; font-weight:normal; font-size:1em;  border-bottom: 1px solid #dddddd; text-align:center; text-transform:uppercase}
.table.formato tr {border-bottom: 1px solid #dddddd;}
.table.formato td {padding:8px 10px; text-align:center; color:#222}

.table.formato thead th:nth-child(1):before{font-family: "Flaticon"; content: "\f118"; color:inherit; margin-right:2px;}
.table.formato thead th:nth-child(1){text-align: left}

.table.formato thead th:nth-child(2):before{font-family: "Flaticon"; content: "\f110"; color:inherit; margin-right:2px;}
.table.formato thead th:nth-child(3):before{font-family: "Flaticon"; content: "\f100"; color:inherit; margin-right:2px;}
.table.formato thead th:nth-child(4):before{font-family: "Flaticon"; content: "\f11f"; color:inherit; margin-right:5px;}
.table.formato thead th:nth-child(5):before{font-family: "Flaticon"; content: "\f102"; color:inherit; margin-right:5px;}

.table.formato td:nth-child(1) {width: 20%; font-size:1.125em; color:#000; font-weight:bold; text-align: left}
.table.formato td:nth-child(2) {width: 20%;}
.table.formato td:nth-child(3) {width: 15%; color:#0071bc;}
.table.formato td:nth-child(4) {width: 35%; color:#666;}
.table.formato td:nth-child(5) {width: 10%; color:#666;}
/*fin tabla formato*/


.table-condensed th,
.table-condensed td {padding: 4px 5px;}

.table-bordered {
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapse;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}
.table-bordered td{
	background:white;
}



/*tabla vertical se pone en móvil*/
.table.tabla-vertical th, .table.tabla-vertical td {border-top: 1px solid #cedee7; padding-top:20px; padding-bottom:20px;}
table.tabla-vertical tr:hover{background-color:#f5fafb;}

@media(max-width: 991px) {
	.table.tabla-vertical th, .table.tabla-vertical td {border-top: 0px solid #cedee7; padding-top:10px; padding-bottom:10px;}
	table.tabla-vertical tr:hover{background-color:inherit;}

    table.tabla-vertical thead {
        left: -9999px;
        position: absolute;
        visibility: hidden;border:none;
    }
    .tabla-vertical th, .tabla-vertical td {border-top: 0px solid #dddddd; }
    table.table.formato tr {
        border-bottom: 0;
        display: flex;
        flex-direction: column;
        flex-wrap:wrap;
        margin-bottom: 0px; border-bottom: 0px solid #dddddd;
        padding:20px 0;
        border-radius:5px;
    }
    
    table.tabla-vertical td {
        /*border: 1px solid #dddddd;*/
        /*margin: 0 -1px -1px 0;*/
        padding-top: 25px;
        position: relative;
    }
	.tabla-vertical td:empty {display: none;}/*si td está vacío no se ve y no ocupa espacio*/
	table.table.formato tr:nth-of-type(odd) { background: rgba(0,0,0,0.070);}/*fondo gris 1 sí 1 no*/
    
    table.tabla-vertical.table.formato td:nth-child(1),table.tabla-vertical.table.formato td:nth-child(2),table.tabla-vertical.table.formato td:nth-child(3),table.tabla-vertical.table.formato td:nth-child(4),table.tabla-vertical.table.formato td:nth-child(5) {width: 100%; text-align: center}
}

/*=========================
    20. Redes sociales
=========================*/


/*Compartir/enlaces*/
.share {width: 100%; display:block}
.share a {width: 35px; height: 35px; display: inline-block; margin: 4px 0px; border-radius: 0%; font-size: 1em; opacity: 0.75; transition: opacity 0.15s linear; position:relative; color:white} 
.share a:hover {opacity: 1;}
.share i {position: relative; top: 15%; transform: translateY(-50%); text-align:center;}

/*mensajito hover*/
.share a span {color:#fff; position:absolute; bottom:0; left:-30px; right:-30px; padding:6px 2px 6px 2px; z-index:10; font-size:0.75em; border-radius:2px; background:#2d2d2d; visibility:hidden; opacity:0;
  -o-transition:all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  line-height:1.5em;
}
	
.share a span:before {content:''; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent;border-top: 5px solid #2d2d2d; position:absolute; bottom:-5px; left:40px;}
.share a:hover span {bottom:50px; visibility:visible; opacity:1;}

.share a span.nomostrar {color:#fff; visibility:hidden; opacity:0;display:block;  text-align:center}


/*redes sociales*/
.facebook {background-color: #3b5998; text-align:center;}
.twitter {background-color: #55acee; text-align:center}
.linkedin {background-color: #0077b5; text-align:center}
.pinterest {background-color: #cb2027; text-align:center}
.telegram{background-color:#517da2; padding-right:3px; text-align:center}
.whatsapp{background-color:#00c144; text-align:center}
.instagram{background-color:#eb4d4e; text-align:center}
.youtube{background-color:#de2021; text-align:center}

/*redondo*/
.share.rounded a{border-radius:50%; width:40px; height:40px; line-height:180%; color:#cccccc; opacity:1;
	-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.share.rounded a span{left:-25px; right:-25px; color: #ffffff}
.share.rounded .facebook, .share.rounded .twitter, .share.rounded .instagram, .share.rounded .youtube{background-color: #f40829;}
.share.rounded .facebook:hover, .share.rounded .twitter:hover, .share.rounded .instagram:hover, .share.rounded .youtube:hover{background-color: #0071bc;}

/*mini*/
.share.mini a{width:25px; height:25px; line-height:120%; color:white; opacity:1;
	-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.share.mini a span{left:-32px; right:-32px; color: #ffffff;}
.share.mini a:hover span {bottom:35px;}
.share.mini .facebook:hover, .share.mini .twitter:hover, .share.mini .instagram:hover, .share.mini .youtube:hover{background-color: #e71514;}





/*=========================
	21. Media Queries
=========================*/

.noverflow{overflow:visible;}

.tablet.visible, .movil.visible, .xxl.visible{visibility:hidden; display:none;}
.visible-max{visibility:hidden; display:none}

.separaladospc{padding:0px 30px;}
.separaladospc.noder{padding:0px 30px; padding-right:0px}
.separaladospc.noizq{padding:0px 30px; padding-left:0px}

.zona-abajo {margin:20px 0;}
.zona-abajo.sepizq{padding-left:15px;}

@media (max-width:1600px) {

	.xxl.invisible{visibility:hidden; display:none;}
	.xxl.visible{visibility:visible; display:inherit;}

}

@media (min-width:1400px) {
	.visible-max{visibility:visible; display:inherit;}
	.zona-abajo.sepizq{padding-left:40px;}
}

@media (max-width:1200px) {
	.table-responsive{width:100%; margin-bottom:15px; overflow-x:scroll; overflow-y:hidden; -ms-overflow-style:-ms-autohiding-scrollbar; -webkit-overflow-scrolling:touch; /*border:1px solid #ddd*/}
	.table-responsive>.table{margin-bottom:0}
	.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}
}

@media (max-width: 991px) {
	
	.separaladospc, .separaladospc.noder, .separaladospc.noizq{padding:0px;}
	.separaladospc.pad15lados{padding:0px 15px;}
	
	
	.zona-abajo {float:none; margin:20px auto; text-align:center;max-width:400px;}
	.zona-abajo .post-imagen{float:none; margin-bottom:20px;}
	.zona-abajo.sepizq{padding-left:0px;}
	.lnkaba li{background:none; padding:0px;}
	.lnkaba li:before{display:none}
	
	.centradomovil {margin:0 auto; display:block; text-align:center; float:none}
	.centerdevice {text-align:center;}
		
	/*.invisible{visibility:hidden; display:none;}
	.visible{visibility:visible; display:inline-block;}*/
	
	.tablet.invisible{visibility:hidden; display:none;}
	.tablet.visible{visibility:visible; display:inherit;}
	
	
	
	.logotipo {/*float:none; text-align:center; margin:0 auto;*/ max-width:auto; padding-right:0px; border-right:0px solid #d9d9d9;}
	
	.zona-centrada{margin:0 auto; display:table;}
	.elipsis.nohidden{white-space: normal; overflow: inherit; text-overflow: clip;}
	
	.tablet.noelipsis{white-space: normal; overflow: inherit; text-overflow: clip;}
	
	.centrado-tablet{margin:0 auto; text-align:center; float:none;}
	

	.centablemin{margin:0 auto; display:table;}
	.lnkaba li, .lnkaba li.loc, .lnkaba li.tel, .lnkaba li.ema {background:none; padding:0px;} 
	.lnkaba li.col2, ul.simplelist li.col2{display:block; width:100%}
	
	
	
	.img-izq, .img-der{float:none; text-align:center; width:auto; max-width:500px; margin:0 auto 15px auto;}
	
	.zona-fotos{max-height:none;}
	
	.img-izq{max-width:742px;}
	
	.img-rounded-tablet {  border-radius:50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
	
	
}

@media (max-width: 767px) {
	
	.centrado-galeria{text-align:center; margin:0 auto;}
	
	.invisible_en_movil{visibility:hidden; display:none}
	.visible_en_movil{visibility:visible; display:inline-block;}
	
	.movil.invisible{visibility:hidden; display:none}
	.movil.visible{visibility:visible; display:inherit;}
	
	.wrapper{display:block;}
	.gmap iframe{width:100%;border:0px;	padding:0;}
	.elipsis.nohiddenmin{white-space: normal; overflow: inherit; text-overflow: clip;}
	
	.movil.noelipsis{white-space: normal; overflow: inherit; text-overflow: clip;}
	
	.centrado-movil{margin:0 auot; text-align:center; float:none;}
	
}


@media (min-width: 320px) and (max-width:720px) {
	.cajablanca.max{padding:40px 15px}
	
	
	.zonagaleria{text-align:center}

}

@media (max-width: 720px){
	.imgmin{width:120px;}
}


/*=========================
	21. Mensajes Admin
=========================*/


.msg-form{position: relative; display:inline-block; margin: 0px 0px 10px 0px; padding:8px; font: normal 0.875em 'Open Sans', Arial, Helvetica, sans-serif; /*min-width:180px;*/ line-height:130%; border-radius:3px;}

.msg-form.min{padding:8px; font-size:0.9285em;}
.msg-form.peq{font-size:0.8571em; /*font-style:italic;*/ padding:4px; margin:0px}

.msg-form.transparente{background:rgba(255,255,255,0.65); border:1px solid #ccc; color:#4b4b4b;}

.msg-form.blanco{background:#fff; border:1px solid #dbdbdb; color:#4b4b4b;}
.msg-form.verde{background:#dff0d8; border:1px solid #d6e9c6; color:#3c763d;}
.msg-form.amarillo{background:#f9edcf; border:1px solid #f6e4b8; color:#5f5952;}
.msg-form.rojo{background:#f0d9e7; border:1px solid #e9c6db; color:#803261;}

.msg-form.amarilla{background:#ffffec; border:1px solid #ececdb; color:#4b4b4b;}

.msg-form.info{background:#beeff6; color:#4b4b4b; padding:8px 20px; text-align:center; margin-bottom:20px; font-size:1em; border-color:#b1dfe6;}

.posicion-mensajes{
	position:fixed; z-index:1000000; top:15px; right:20px; /*max-width:500px;*/width:50%;
	right: calc(50% - 700px + 20px); /*la mitad del tamaño máximo de pantalla definido en flexible*/
}

@media all and (max-width: 1400px){.posicion-mensajes {right: 20px;}}
@media all and (max-width: 1200px){.posicion-mensajes {right: 20px;}}
@media (max-width: 480px) {.posicion-mensajes {right: 10px;max-width:400px; font-weight:normal}}
@media (max-width: 768px) {.posicion-mensajes{width:90%;}}


.mensaje {color:#fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); background: url("../images/mensaje_correcto.png") left 7px top 14px no-repeat; background-color: #5ebd5e; border: 1px solid #43a543; padding: 10px 15px 12px 30px; margin: 3px; display:block; font-size:1.077em;/*min-width:200px;	max-width:500px;*/}
.mensaje a{color:#fff}
.mensaje a:hover{color:#fff}

.aviso {color:#333; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3); background: url("../images/mensaje_aviso.png") left 7px top 14px no-repeat; background-color: #ffae10; border: 1px solid #f19a1f; padding: 10px 15px 12px 30px; margin: 3px; font-size:1.077em;}
.aviso a{color:#333;}
.aviso a:hover{color:#000;}

.error {color:#fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); background: url("../images/mensaje_error.png") left 7px top 14px no-repeat; background-color: #e66454; border: 1px solid #df3c28; padding: 10px 15px 12px 30px; margin: 3px; font-size:1.077em;}
.error a{color:#fff}
.error a:hover{color:#fff}

.mensaje.form, .aviso.form, .error.form{text-shadow: none;	 color: white;background-image:none; padding: 4px 6px; font-size:0.6875em; line-height:0.6875em;border-radius: 2px;}
.mensaje.form:before, .aviso.form:before, .error.form:before{content:"";position: absolute; width: 0; height: 0; border-right: 4px solid transparent; border-left: 4px solid transparent; margin: -12px 0 0 0px;}

.mensaje.form:before {border-bottom: 8px solid #5ebd5e;}
.aviso.form:before {border-bottom: 8px solid #ffae10;}
.error.form:before {border-bottom: 8px solid #e66454;}




/*============================
	22. Modal mensajes Admin
==============================*/

.overlay-modal {height: 100%; width: 100%; position: fixed; left: 0; top: 0; background-color:rgba(0,0,0,0.8); overflow-x: hidden; z-index:1001; }/*display:none*/

.modal-centrada{display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; min-height:calc(100% - (.5rem * 2));}
.modal-centrada::before{display:block; height:calc(100vh - (.5rem * 2)); content:""}
.modal-centrada.maxsize {max-width:1200px; margin:0 auto;}
.modal-centrada.medsize {max-width:500px; margin:0 auto;}
.modal-centrada.minsize {max-width:350px; margin:0 auto;}


.contenido-modal {position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: inherit; background-clip: padding-box; outline: 0; border-radius:inherit; background-color:white;}

.cerrar-modal{position:absolute; top:10px; right:10px; z-index:1;}
.cerrar-modal a{color:black; font-size:1.25em;}

.header-modal{background-color:inherit; padding:20px 15px; position:relative; text-align:center; border-top-left-radius:inherit; border-top-right-radius:inherit;}
.header-modal img{max-width:90px;}

.header-modal.verde{background-color:#5cb85c; color:white;}
.header-modal.naranja{background-color:#f49100; color:white;}
.header-modal.rojo{background-color:#e41a3f; color:white;}

.content-modal{padding:20px; background:white; border-bottom-left-radius:inherit; border-bottom-right-radius:inherit;}

.boton-modal {background: #999; color: #fff; font-size:1em; padding: 8px 15px; letter-spacing: 0.5px; text-transform: uppercase; margin-top:15px; display:inline-block; text-align:center;}
.boton-modal.full{width:100%;}
.boton-modal:hover, .boton-modal:focus {color: #fff; background: #666;}

.boton-modal.verde, .boton-modal.verde:focus{color: #fff; background: #5cb85c;}
.boton-modal.verde:hover {color: #fff; background: #5cb85c;}

.boton-modal.naranja, .boton-modal.naranja:focus{color: #fff; background: #f49100;}
.boton-modal.naranja:hover {color: #fff; background: #f49100;}

.boton-modal.rojo, .boton-modal.rojo:focus{color: #fff; background: #e41a3f;}
.boton-modal.rojo:hover {color: #fff; background: #e41a3f;}

.texto-rojo{color:#e53131;}


@media (max-width: 991px) {
	.modal-centrada.maxsize{max-width:90%;}
}

@media (max-width: 767px) {
	.modal-centrada.minsize, .modal-centrada.medsize{max-width:90%;}
}

/*==============================
     23. Topbar Notification
==============================*/

#infotopbar{width: 100%; margin: 0; display: table; text-align: center; font-size: 1em; padding: .33em 30px; -webkit-font-smoothing: antialiased; color: #5c5e60; position: fixed; z-index:1000; background-color: #fff7dd; box-shadow: 0 1px 3px 2px rgba(0,0,0,0.15); visibility: hidden;}

.infotopbar-close {width: 24px; height: 24px; line-height: 14px; position: absolute; right: 0; top: 0; z-index: 11; text-decoration: none; text-align: center; opacity: .65; padding: 5px; color: #000; font-size: 1.75em;}

.infotopbar-close:hover < #infotopbar {top: -100px; -webkit-transition: top 1s; visibility: hidden;}

/*animación - mensaje sale arriba*/
.slideDown{top:0; animation-name: slideDown; -webkit-animation-name: slideDown; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important;}

@keyframes slideDown {
	0% {transform: translateY(-100%);} 100% {transform: translateY(0%);}		
}

@-webkit-keyframes slideDown {
	0% {-webkit-transform: translateY(-100%);} 100% {-webkit-transform: translateY(0%);}
}

/*animación - mensaje sale abajo*/
.slideUp{bottom:0px; animation-name: slideUp; -webkit-animation-name: slideUp; animation-duration: 1.2s; -webkit-animation-duration: 1.2s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important;}

@keyframes slideUp {0% {transform: translateY(100%);}	100% {transform: translateY(0%);}}
@-webkit-keyframes slideUp {0% {-webkit-transform: translateY(100%);}	100% {-webkit-transform: translateY(0%);}}


/*==============================
     24. Cookies Notice
==============================*/

.cookies {width:100%; background:rgba(0,0,0,.85); position:fixed; left:0; bottom:-1px; text-align:center; padding:0; z-index:200; box-shadow:0 -15px 25px -15px rgba(0,0,0,.5); font-size:14px;}
.cookies .cookiemsg{padding:20px; margin:0 35px; position:relative; color:#e5e5e5;   display:block;}
.cookies .cookiemsg .close{position:absolute; top:0px; right:-25px;}

.btncookies{
	background: transparent; color: #ffffff; font-size:13px; padding: 4px 20px; letter-spacing: 0.5px; margin:10px 5px 0px 5px; display:inline-block; outline: none; border:1px solid white;
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; text-align:center; position:relative; cursor:pointer; border-radius:4px;
}

.btncookies:hover, .btncookies:focus {color: #000; background: #fff;}
.btncookies.min{padding:2px 4px; line-height:13px;}


@media (max-width:768px){
    .cookies .cookiemsg{margin:0 20px!important; font-size:12px; padding:20px!important}
    .btncookies{font-size:12px; padding:2px 10px;}
    .cookies .cookiemsg .close{right:-15px;}
}