﻿
body {background:#fff; overflow:hidden;}
html {overflow-x:hidden;}

@font-face {font-family:'Alterna'; font-weight:400; font-style:normal; src:url('fuentes/Alterna.woff') format('woff');}
@font-face {font-family:'IconWeb'; font-weight:400; font-style:normal; src:url('fuentes/IconWeb.woff') format('woff');}
@font-face {font-family:'PTS'; font-weight:400; font-style:normal; src:url('fuentes/PTS-N.woff') format('woff');}
@font-face {font-family:'PTS'; font-weight:600; font-style:normal; src:url('fuentes/PTS-B.woff') format('woff');}

@font-face {font-family:'Montse'; font-weight:400; font-style:normal; src:url('fuentes/Montse-N.woff') format('woff');}
@font-face {font-family:'Montse'; font-weight:400; font-style:italic; src:url('fuentes/Montse-NI.woff') format('woff');}
@font-face {font-family:'Montse'; font-weight:600; font-style:normal; src:url('fuentes/Montse-B.woff') format('woff');}
@font-face {font-family:'Montse'; font-weight:600; font-style:italic; src:url('fuentes/Montse-BI.woff') format('woff');}
@font-face {font-family:'Montse'; font-weight:800; font-style:normal; src:url('fuentes/Montse-EB.woff') format('woff');}
@font-face {font-family:'Montse'; font-weight:800; font-style:italic; src:url('fuentes/Montse-EBI.woff') format('woff');}

@font-face {font-family:'Inktrap'; font-weight:400; font-style:normal; src:url('fuentes/Inktrap-N.woff') format('woff');}
@font-face {font-family:'Inktrap'; font-weight:400; font-style:italic; src:url('fuentes/Inktrap-NI.woff') format('woff');}
@font-face {font-family:'Inktrap'; font-weight:600; font-style:normal; src:url('fuentes/Inktrap-B.woff') format('woff');}
@font-face {font-family:'Inktrap'; font-weight:600; font-style:italic; src:url('fuentes/Inktrap-BI.woff') format('woff');}


/* ---------------------------- ESTILOS MUY IMPORTANTES --------------------------------------- */

* {margin:0; padding:0; text-decoration:none; box-sizing:border-box; position:relative;}
#arriba, #arriba img {box-sizing:content-box; transition:none;}

button {outline:none;}
table {border-collapse:collapse; border:none;}
td, th {text-align:left; vertical-align:top;}
fieldset {padding:10px; border-radius:10px;}
fieldset input {background:#fff;}
select {padding:3px;}
img {border:0px; display:inherit; max-width:100%;}
b, h1, h2, h3, h4, h5 {font-weight:800; line-height:1.2em;}
.iconoRedes a, .menuLogo a {display:inherit;}

.capaFlexTopL {display:flex !important; flex-wrap:wrap;}
.capaFlexTopC {display:flex !important; flex-wrap:wrap; justify-content:center;}
.capaFlexTop  {display:flex !important; flex-wrap:wrap; justify-content:center;}
.capaFlexCen  {display:flex !important; flex-wrap:wrap; justify-content:center; align-items:center;}
.capaFlexLeft {display:flex !important; flex-wrap:wrap; align-items:center;}

.noWeb, .soloBig, .masd1400, .masd1600, .inputrans {display:none !important;}
.noMov, .soloNorm {display:block;}
.inactivo {opacity:0.5; pointer-events:none;}


/* ---------- Estilos de Colores  ---------- */

body, a {font:400 18px 'Montse', Arial, Helvetica, sans-serif; line-height:1.4em;}
A       {color:#808080;}
A:hover {color:#000;}

.txtPrim {color:#808080 !important;}
.txtSecu {color:#565656 !important;}
.txtTerc {color:#498db8 !important;}
.txtCuat {color:#999 !important;}
.txtBlan {color:#fff !important;}
.txtNegr {color:#000 !important;}

.txtOk {color:#0c9b60;}
.txtKo {color:#ba1717;}

.fondoPrim    {background:#808080;}
.fondoPrimTte {background:rgba(218,218,218,0.75);}
.fondoPrimTt8 {background:rgba(218,218,218,0.85);}
.fondoSecu    {background:#565656;}
.fondoSecuTte {background:rgba(86,86,86,0.75);}
.fondoSecuTt5 {background:rgba(86,86,86,0.5);}
.fondoSecuTt2 {background:rgba(86,86,86,0.1);}
.fondoTerc    {background:#498db8;}
.fondoTercTte {background:rgba(73,141,184,0.75);}
.fondoBlanco  {background:#fff;}
.fondoBco30   {background:rgba(255,255,255,0.3);}
.fondoBco50   {background:rgba(255,255,255,0.5);}
.fondoBco60   {background:rgba(255,255,255,0.6);}
.fondoBco70   {background:rgba(255,255,255,0.7);}
.fondoBco80   {background:rgba(255,255,255,0.8);}
.fondoBco90   {background:rgba(255,255,255,0.9);}
.fondoNegro   {background:#000;}
.fondoNegro20 {background:rgba(0,0,0,0.2);}
.fondoNegro40 {background:rgba(0,0,0,0.4);}

.filoBlanco {text-shadow: 1px 1px 0px #fff;}
.bordeDere {border-right:solid 1px #565656;}
.bordeIzdo {border-left: solid 1px #565656;}

.separPrim, .separSecu {width:100%; height:5px; margin:auto; text-align:center;}
.separPrim {background:#808080;}
.separSecu {background:#565656;}

.trans15 {opacity:0.15;}
.trans25 {opacity:0.25;}
.trans50 {opacity:0.50;}
.trans75 {opacity:0.75;}

.sombraBlanc {text-shadow:0 0 10px #fff;}
.sombraNegra {text-shadow:0 0 10px #000;}
.sombraTexto {text-shadow:1px 2px 3px rgba(0,0,0,0.3);}
.sombraCapas {box-shadow:0 0 15px rgba(0,0,0,0.2);}
.sombraImagen img {margin:10px 0; box-shadow:0 0 15px rgba(0,0,0,0.3);}


/* -------------------------------- CABECERAS --------------------------------------------- */

#cabeceraClasica {display:block;}
#cabeceraMovil   {display:none;}

#cabeceraClasica {width:100%; height:90px; margin:auto; top:0px; background:rgba(255,255,255,0.85); border-bottom:solid 1px #808080; position:fixed; z-index:99;}

	.fondoMenuCabz {width:100%; height:120px; top:-120px; background:#000; pointer-events:none; position:absolute; z-index:-1;}
	.iconoMenuCabz {top:15px; color:#999; font-size:30px; line-height:30px; pointer-events:none; z-index:5;}

	.menuLogoWeb {margin:10px 0 0 2.5%; position:absolute;}
	.menuLogoWeb img {height:70px;}

	.cabeceraMenu {height:90px; margin-top:0; left:50%; transform:translateX(-50%); z-index:99; position:absolute;}
	.cabeceraMenu ul {margin:0px; text-align:center; float:left;}
	.cabeceraMenu li {float:left; list-style:none;}
	.cabeceraMenu li a {min-width:120px; margin-top:-38px; padding:47px 15px 2px 15px; color:#000; font-weight:600; font-size:18px; line-height:40px; display:block;}

	.cabeceraMenu li:hover a {padding-top:60px; color:#fff;}
	.cabeceraMenu li:hover .fondoMenuCabz {top:-10px;}
	.cabeceraMenu li:hover .iconoMenuCabz {top:25px; color:#808080;}

	.cabeceraConta {margin:17px 0 0 0; right:2.5%; position:absolute;}
	.cabeceraConta a, .cabeceraConta span {line-height:24px; font-weight:400;}
	.cabeceraConta a    {font-size:17px; color:#000;}
	.cabeceraConta span {font-size:24px; color:#808080; margin-right:8px;}
	.cabeceraConta a:hover {color:#808080;}


/* -------------------------------- MENÚS VENTANA ------------------------------------- */

.fondoVentana {top:0; right:0; bottom:0; left:0; position:fixed; background:rgba(0,0,0,0.7); opacity:0; text-align:left; pointer-events:none; z-index:9999;}
.fondoVentana:target {opacity:1; pointer-events:auto;}

.menuRedes {width:450px; top:50%; left:50%; padding:15px; text-align:center; transform:translate(-50%,-70%); border-radius:10px; border:solid 2px #808080; background:rgba(0,0,0,.5); position:absolute;}
.menuRedes img {margin:0px auto 15px auto;}

.iconoRedes {margin:10px 25px;}
.iconoRedes img {width:60px; vertical-align:middle;}

.socialTxt {margin-left:-10px; color:#fff; font-family:'Alterna'; font-size:22px; line-height:22px;}
	
.iconoSalidaIconos {margin-top:-50px;}
.iconoSalir  {width:70px; height:70px; padding:10px; background:#808080; border:solid 2px #808080; border-radius:49%;}
.iconoSalir:hover {background:#498db8; border:solid 2px #808080; border-radius:10px;}
.iconoSalir img {width:70px;}


/* ---------------------------------  PIE  -------------------------------------------- */	

#Pie {width:100%; background:#000; box-shadow:0px 0px 25px rgba(0,0,0,0.4);}
#Pie, #Pie a {color:#fff; font-size:16px; line-height:20px; font-weight:400;}
#Pie a:hover {color:#ccc;}

	.capaLogos {width:100%; background:#fafafa; padding:20px;}
	.capaLogoMargen {width:100px; height:20px;}

	.pieLogo img {width:auto; height:100px; margin:auto;}

	.iconoPie {width:30px; margin:0 5px 0 0; font-size:22px; line-height:22px; color:#808080; display:inline;}

	.redesPieIcono img {height:45px; margin:0 10px; float:left;}	
	
	.izda25 {margin-left:25px;}
	.izdaMenos5 {margin-left:-5px;}

	#pieCopys div {margin:0 3px; display:inline;}
	#pieCopys, #pieCopys a {margin:3px; text-align:center; font-size:16px !important; color:#ccc; line-height:20px;}
	#pieCopys a:hover {color:#fff;}

	.btnWhatsTxt a {
		padding:5px 5px 4px 5px; bottom:10px; right:10px; font:400 22px 'PTS' !important; line-height:22px !important; color:#fff;
		background:#40A22E; border:solid 2px #fff; border-radius:8px; box-shadow:0 0 10px rgba(0,0,0,.3); z-index:1000; position:fixed;
	}
	.btnWhatsTxt a:hover {background:#1f6d10;}
	.btnWhatsTxt .iconWhatsappH:before {margin-right:5px; font-size:26px; line-height:26px;}


/* -------------------------------- CUERPO Y CAPAS ------------------------------------ */

#Cuerpo {margin:auto; text-align:left;}
#Cuerpo ul, #Cuerpo ol {margin-left:15px;}

.capaCuerpo, .capaCuerpo2, .capa1000 {width:1000px; margin:auto;}
.capaCuerpo p {margin-bottom:10px;}

.videoYoutube {position:relative; padding-bottom:56.25%; height:0; overflow:hidden; box-shadow:0px 0px 10px rgba(0,0,0,0.5);}
.videoYoutube iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

.menos20 {margin-top:-20px;}

.ancho-5   {width:5%;}
.ancho-10  {width:10%;}
.ancho-15  {width:15%;}
.ancho-20  {width:20%;}
.ancho-25  {width:25%;}
.ancho-30  {width:30%;}
.ancho-33  {width:33.33%;}
.ancho-35  {width:35%;}
.ancho-40  {width:40%;}
.ancho-45  {width:45%;}
.ancho-50  {width:50%;}
.ancho-55  {width:55%;}
.ancho-60  {width:60%;}
.ancho-65  {width:65%;}
.ancho-66  {width:66.66%;}
.ancho-70  {width:70%;}
.ancho-75  {width:75%;}
.ancho-80  {width:80%;}
.ancho-85  {width:85%;}
.ancho-90  {width:90%;}
.ancho-95  {width:95%;}
.ancho-100 {width:100%;}


/* ----------- Estilos de Párrafo ------------ */

h1 {font-size:36px;}
h2 {font-size:30px;}
h3 {font-size:24px;}
h4 {font-size:20px;}

.fontPrim {font-family:'Montse', Arial;}
.fontSecu {font-family:'Inktrap';}
.fontTerc {font-family:'Alterna', Arial;}

.textoTitulo {width:100%; margin:auto; padding:10px 0px; font-size:28px; font-weight:600; line-height:1.4em; text-align:center;}
.textoTitul2 {width:100%; margin:auto; padding:10px 0px; font-size:28px; font-weight:600; line-height:1.4em; border-bottom:solid 2px #808080;}
.textoSubtit {width:100%; margin:10px auto; padding:10px 0px; border-bottom:solid 2px #800000;}
.textoSubtit, .textoSubtit a {font-weight:600; font-size:22px; line-height:25px;}

.textoResaltado {font-weight:400; font-size:20px; line-height:1.5em;}
.textoResaltado p {margin-bottom:1em;}
.parraSep p {margin:1em 0;}

.anotacion {margin:40px auto; text-align:center;}
.anotaTxt, .comillaIzda, .comillaDcha {padding:5px 15px; font-size:26px; line-height:40px; float:none; display:inline;}
.comillaIzda {width:50px; background:url(images/comillasIzda.svg) no-repeat top center; background-size:contain;}
.comillaDcha {width:50px; background:url(images/comillasDcha.svg) no-repeat top center; background-size:contain;}

.botonWeb {padding:15px 30px; color:#fff; font-weight:600; background:#900000; border:solid 2px #000; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,0.5); transition:all 0.4s;}
.botonWeb:hover {background:#000; border:solid 2px #900000; box-shadow:0 0 15px rgba(0,0,0,0.8);}
.bordeBco, .bordeBco:hover {border:solid 2px #fff;}

.fina {font-weight:200;}
.norm {font-weight:400;}
.semi {font-weight:600;}
.bold {font-weight:800;}

.listaTitular {margin:40px 0px 20px 50px; font-weight:400;}
.listaTopos {list-style:disc;}
.listaTopos li, .listaOrdenada li {margin:10px auto 10px 30px;}

.cent {text-align:center;}
.izda {text-align:left;}
.dcha {text-align:right;}
.just {text-align:justify;}
.ital {font-style:italic;}

.imags {text-align:center;}
.imags img {display:inline;}

.flotaDere {float:right;}
.flotar {float:left;}
.flotar img {max-width:95%;}

.padIzda_20 {padding-left:20px;}
.padDcha_20 {padding-right:20px;}
.padTota_20 {padding:20px;}
.padTota_40 {padding:40px;}
.padTota_80 {padding:80px;}
.padLado_10 {padding:0px 10px;}
.padLado_20 {padding:0px 20px;}
.padLado_50 {padding:0px 50px;}
.padLado_80 {padding:0px 80px;}


/* ---------- Separadores ------------------ */

.limpiar {width:100%; clear:both;}

.alto35  {height:35px;}
.alto140 {height:140px;}

[class^="separa-"], [class*=" separa-"] {width:100%; clear:both;}
.separa-01 {height:1px;}
.separa-02 {height:2px;}
.separa-05 {height:5px;}
.separa-10 {height:10px;}
.separa-15 {height:15px;}
.separa-20 {height:20px;}
.separa-25 {height:25px;}
.separa-30 {height:30px;}
.separa-40 {height:40px;}
.separa-50 {height:50px;}
.separa-60 {height:60px;}
.separa-70 {height:70px;}
.separa-80 {height:80px;}
.separa-90 {height:90px;}
.separa-100 {height:100px;}
.separa-120 {height:120px;}
.separa-150 {height:150px;}
.separa-200 {height:200px;}
.separa-320 {height:320px;}

.margen-05 {margin-top:5px;}
.margen-10 {margin-top:10px;}
.margen-15 {margin-top:15px;}
.margen-20 {margin-top:20px;}
.margen-25 {margin-top:25px;}
.margen-30 {margin-top:30px;}

.franjaSombraSup {width:100%; height:40px; background:linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0));}
.franjaSombraInf {width:100%; height:40px; background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.2));}


/* ---------- Capas Fondos ------------ */

.logoSeccion {width:180px; left:50%; top:29%; transform:translate(-50%,0%); position:absolute;}
.logoSeccion img {width:100%; height:auto;}

.capaTituloTxt {width:100%; top:60%; padding:25px 20px 20px 20px; font-weight:400; color:#fff; text-shadow:0 0 7px rgba(0,0,0,0.8);
	border-top:solid 1px #fff; border-bottom:solid 1px #fff; box-shadow:0 0 10px rgba(0,0,0,.5);}
.capaFondo {width:100%; height:430px; top:0; left:0; border-bottom:solid 2px #498db8; z-index:-100;}
.capaFonFijo {width:100%; height:100%; top:0; left:0; position:fixed; z-index:-100;}
.capaBanner, .capaBanFijo {width:100%; height:100%;}

.fondoServi {background:url(images/fondos/fondoServi.jpg) repeat-y; background-size:cover; z-index:9;}
.fondoConta {background:url(images/fondos/fondoConta.jpg) repeat-y; background-size:cover; z-index:9;}
.fondoLegal {background:url(images/fondos/fondoLegal.jpg) repeat-y; background-size:cover; z-index:9;}

.fondoCuadros {background:url(images/fondos/fondoCuadros.png) repeat top center;}
.fondoHexaLow {background:url(images/fondos/fondoHexaLow.png) repeat top center;}

.fondoDegradado {background:linear-gradient(135deg, rgba(0,0,0,0.9) 40%, rgba(73,141,184,1) 85%); z-index:9; border:solid 1px #fff;}
.fondoDegrada_1 {background:linear-gradient(-45deg, rgba(255,255,255,1) 40%, rgba(0,0,0,.1) 85%); z-index:9; border:solid 1px #fff;}
.fondoDegrada_2 {background:linear-gradient(135deg, rgba(255,255,255,1) 40%, rgba(73,141,184,.2) 85%); z-index:9; border:solid 1px #fff;}
.fondoDegrada_3 {background:linear-gradient(-45deg, rgba(255,255,255,1) 40%, rgba(73,141,184,1) 85%); z-index:9; border:solid 1px #fff;}
.fondoDegradBco {background:linear-gradient(top, rgba(255,255,255,0.65) 50%, rgba(255,255,255,0.2)); z-index:9;}
.fondoDegrNegro {background:linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 30%, rgba(0,0,0,.75) 70%, rgba(0,0,0,0) 100%);}
.sliDegrBco     {background:linear-gradient(top, rgba(255,255,255,0.65) 50%, rgba(255,255,255,0.2));}
.bordesLatsNone {border-left:none; border-right:none;}
.bordesNone {border:none !important;}

.degradadoPrim, .degradadoSecu {width:100%;}
.degradadoNeg {background-image:linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0.7), rgba(0,0,0,0));}
.degradadoBco {background-image:linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,0.7), rgba(255,255,255,0));}

.fondoPuntoNegro {background:url(modulos/puntoNegro.png) repeat top center;}
.fondoPuntoBlanc {background:url(modulos/puntoBlanco.png) repeat top center;}


/* ------------------------ SECCIÓN INICIO --------------------------------- */

.separaImg img {width:100%; height:auto; border:solid 1px #fff;}
.serviTxt {padding:80px 50px; color:#000;}
.capaInfoServi p {font-size:18px; line-height:1.5em;}

.capaInicio {width:100%; margin:auto; padding:20px; color:#000; text-align:left; background:rgba(255,255,255,.6); border-radius:10px;}
.capaInicio b {font-weight:600;}


/* ----------------------- SECCIÓN CONTACTO -------------------------------- */

.mapas   {width:90%; height:350px; margin:auto; box-shadow:0 0 15px rgba(0,0,0,0.3);}
.mapa100 {width:100%; height:550px; margin:auto;}
.mapas iframe, .mapa100 iframe {width:100%; height:100%; border:0;}
.mapaFon {width:100%; height:100%; margin:0; position:absolute; z-index:10;}
.hoverON {pointer-events:none;}
.inputrans {display:none;}
.margenMenos {width:100%; height:0; margin-top:-30px; clear:both;}

#secContacto .capa1000 p {margin-bottom:10px;}
#secContacto .ancho-50 p {margin-bottom:5px;}

#contactos {padding:20px 30px; text-align:left; border:solid 3px #fff; border-radius:20px; background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.2);}
#contactos input, #contactos select, #contactos textarea {padding:10px; font-size:16px; line-height:20px;
	border-radius:5px; border:solid 1px rgba(0,0,0,0.2); background:rgba(0,0,0,0.02);}
#contactos input:hover, #contactos textarea:hover {background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.2); cursor:pointer;}
.contactoTexto {padding:10px; text-align:center; font-weight:800; font-size:22px;}

.cajaTxt {width:90%; margin:auto !important; padding:20px 20px 10px 20px; border:solid 1px #1c4387;}
.contactoEtiqueta {font-weight:600; color:#565656;}

.contaMgIzda {margin-left:20px;}
.contaMgDcha {margin-right:20px;}
.contaEmpresa {width:100%;}
.contaNombre  {width:390px;}
.contaTelef   {width:200px;}
.contaEmail   {width:300px;}
.contaObserva {width:100%; height:140px;}

.contactoEnviar {display:flex; flex-wrap:wrap; justify-content:center;}
.contactoCheck {margin:0 20px; transform:scale(1.4);}

#contactoBoton input {color:#fff; background:#498db8; cursor:pointer;}
#contactoBoton input:hover {color:#fff; background:#222;}
	
.modal {position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.6); opacity:0; text-align:left; pointer-events:none; z-index:9999;}
.modal:target {opacity:1; pointer-events:auto;}

.modalVentanaConta {width:500px; height:200px; top:45%; left:50%; background:#fff; box-shadow:0px 0px 25px rgba(0,0,0,0.8); overflow:hidden;
    border-radius:20px; transform:translate(-50%,-50%); position:fixed;}
	.modalSalir {width:100%; height:50px; line-height:48px; padding:0px 15px; background:#498db8; border:solid 2px #fff; border-radius:20px 20px 0 0;}
	.modalSalir a {color:#fff;}
	.modalSalir a:hover {color:#e9d0dd;}
	.modalSalir .iconCerrar {margin:0 7px;}
	.formularioEnviado {padding:25px; font-size:22px; font-weight:400; line-height:25px; text-align:center;}
	.formularioEnviado p {padding:10px 0px;}


/* ------------------------ SECCIÓN LEGAL ---------------------------------- */

#secLegal a, #secLegal b, #secLegal h3 {font-weight:600;}


/* ------------------------- SECCIÓN BLOG ---------------------------------- */

.secBlog b, .secBlog strong {font-weight:600 !important;}
.secBlog h2 {font-size:24px; font-weight:600 !important;}
.secBlog a {font-weight:600 !important;}
.secBlog .entry-title a {font-size:22px;}

	
/* ---------------------------------------- RESPONSIVE ---------- RESPONSIVE ---------- RESPONSIVE ------------------------------------------ */


@media only screen and (min-width: 1350px) {
	
	.capaCuerpo, .capaCuerpo2 {width:1200px;}

	.menuLogoWeb {margin-left:3%;}
	.cabeceraConta {right:3%;}

	.soloNorm {display:none;}
	.masd1400 {display:block;}

}


@media only screen and (min-width: 1550px) {

	.masd1400 {display:none;}
	.masd1600 {display:block;}
	.capaCuerpo, .capaCuerpo2 {width:1400px;}
	.soloBig {display:block;}
		
	h1 {font-size:38px;}
	h2 {font-size:32px;}
	h3 {font-size:26px;}
	h4 {font-size:20px;}
		
	.capaFondo {width:100%; height:500px;}
	.logoSlider {width:400px;}
	.logoSeccion {width:220px; top:26%;}	
		
	.menuLogoWeb {margin-left:5%;}
	.cabeceraConta {right:5%;}
	
	.serviTxt {padding:80px;}
	.capaInfoServi p {font-size:20px;}

}


@media only screen and (min-width: 2000px) {

	.capaCuerpo {width:1600px;}
	.logoSlider {width:500px;}
		
	.menuLogoWeb {margin-left:8%;}
	.cabeceraConta {right:8%;}
	
	.serviTxt {padding:100px;}
	.capaInfoServi p {font-size:22px;}
	
}


@media only screen and (max-width: 1000px) {

body, a {font-size:17px; line-height:1.4em;}

#cabeceraClasica, #menuRedesPie, .noMov, .soloNorm, .ventBlog, .masd1400, .masd1600 {display:none !important;}
#cabeceraMovil, .noWeb {display:block !important;}

.menuGeneral {
	width:100%; height:60px; top:0; font-size:40px; line-height:60px; z-index:1000; position:fixed;
	background:rgba(255,255,255,1); border-bottom:solid 1px #808080; box-shadow:0 0 10px rgba(0,0,0,0.5);
}
.botonera {margin:0px 15px 0px 0px; float:right; display:inline; overflow:hidden; z-index:1100;}
.botonera a, .iconMenu3 {font-size:32px; line-height:58px; color:#000; font-weight:400;}
.iconMenu3 {margin-left:10px;}
.botonera a, .dl-trigger, .dl-trigger a {height:60px; display:inherit;}

.menuLogo {width:50%; margin:auto; left:50%; margin-left:-32%; z-index:1100; position:absolute;}
.menuLogo img {width:100%; height:48px; margin-top:5px; vertical-align:middle;}

.iconoMenuMov {padding:15px; color:#ddd; font-size:30px; line-height:30px; pointer-events:none; float:left; display:inline; z-index:5;}

#dl-menu {width:100%; height:60px; text-align:left; position:absolute; z-index:900;}
#dl-menu a, #dl-menu a:hover {color:#fff; font-size:20px; line-height:22px; text-decoration:none;}

.dl-menuwrapper ul {background:rgba(17,17,17,0.85);}
.dl-menuwrapper a, .dl-menuwrapper img, .botonera a {display:inherit;}
.dl-menuwrapper {width:100%; float:left; position:relative; perspective:1000px; perspective-origin:50% 200%;}
.dl-menuwrapper:first-child {margin-right:100px;}
.dl-menuwrapper ul {padding:0; list-style:none; transform-style:preserve-3d; box-shadow:0 5px 8px rgba(0,0,0,0.5);}
.dl-menuwrapper li {text-align:left; position:relative; border-bottom:solid 1px #fff;}
.dl-menuwrapper li a {display:block; position:relative; padding:20px; outline:none;}
.no-touch .dl-menuwrapper li a:hover {background:rgba(255,255,255,0.2);}
.dl-menuwrapper li.dl-back > a {padding-left:30px; background:rgba(73,141,184,0.8);}
.dl-menuwrapper li.dl-back:after {left:5px; color:rgba(255,255,255,0.4); transform:rotate(180deg);}
.dl-menuwrapper li > a:after {right:5px; color:rgba(0,0,0,0.3);}
.dl-menuwrapper .dl-menu {margin:0; position:absolute; width:100%; opacity:0; pointer-events:none; transform:translateY(10px); backface-visibility:hidden;}
.dl-menuwrapper .dl-menu.dl-menu-toggle {transition:all 0.3s ease;}
.dl-menuwrapper .dl-menu.dl-menuopen {opacity:1; pointer-events:auto; transform:translateY(0px);}
.dl-menuwrapper li .dl-submenu {display:none;}
.dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu.dl-subview li.dl-subview > a {display:none;}
.dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {display:block;}
.dl-menuwrapper > .dl-submenu {position:absolute; width:100%; top:60px; left:0; margin:0;}


/* ------------------------------------ CUERPO ----------------------------------------- */

#Cuerpo {width:100%; margin:auto; text-align:left;}


/* ------ Estilos de Párrafo ---------- */

h1 {font-size:26px;}
h2 {font-size:22px;}
h3 {font-size:20px;}
h4 {font-size:18px;}

.textoTitulo, .textoTitul2 {font-size:20px;}
.textoResaltado {font-size:18px;}

.lista-titular {margin:40px 0px 20px 0px;}
.listaTopos li, .listaOrdenada li {margin:10px 0px 10px 5px;}

.separa-20 {height:10px;}
.separa-25 {height:13px;}
.separa-30 {height:15px;}
.separa-40 {height:20px;}
.separa-50 {height:25px;}
.separa-60 {height:30px;}
.separa-70 {height:35px;}
.separa-80 {height:40px;}
.separa-90 {height:45px;}
.separa-100 {height:50px;}
.separa-120 {height:60px;}
.separa-150 {height:75px;}
.separa-200 {height:100px;}
.separa-320 {height:190px;}

.parraSep p {padding:0;}
.capaCuerpo, .capaCuerpo2, .capa1000 {width:100%; margin:auto;}
.capaCuerpo p {margin-bottom:10px; padding:0;}

.capaTituloTxt {top:63%; padding:10px;}
.capaFondo {width:100%; height:280px;}
.logoSeccion {width:130px; top:20%;}

.anotacion {margin:30px auto;}
.anotaTxt, .comillaIzda, .comillaDcha {height:30px; padding:0px 10px; font-size:22px; line-height:30px;}
.comillaIzda {width:35px;}
.comillaDcha {width:35px;}

.flotar {margin:auto; float:none; text-align:center;}
.flotar img {max-width:95%;}


/* ------------------------------------ PIE ----------------------------------------- */

#Pie {padding-bottom:40px;}
#Pie, #Pie a {font-size:15px; line-height:18px;}

#Pie .bordeIzdo {border-left:none; border-top: solid 1px #565656;}

#Pie .padLado_50 {padding:0 10px; display:flex !important; flex-wrap:wrap; justify-content:center; align-items:center;}
#Pie .separa-25 {height:25px;}
#Pie .separa-30 {height:30px;}
#Pie .separa-40 {height:40px;}
#Pie .izda25 {width:100%; height:10px; margin-left:0;}


/* ------------------------ SECCIÓN INICIO --------------------------------- */

.separaImg .ancho-25 {width:50%;}
.serviTxt {padding:30px 50px;}
.capaInfoServi p {font-size:16px;}
.capaInfoServi .ancho-40, .capaInfoServi .ancho-60 {width:100%;}
.capaInfoServi .dcha, .capaInfoServi .izda {text-align:center;}
.capaInfoServi .padLado_80 {padding:20px;}


/* ----------------------- SECCIÓN CONTACTO -------------------------------- */

#secContacto .flotar {float:none;}
#secContacto .contaMgIzda {margin:10px 0 0 0;}
#secContacto .ancho-50 {width:100%;}

.mapas, .mapa100 {height:300px;}
.textoTitulo {margin:20px auto 10px; font-size:22px;}
.textoResaltado {font-weight:400; font-size:18px;}

#secContacto .capa1000 p {margin-bottom:10px;}

#contactos {width:90%; margin:auto; padding:10px;}
#contactos .separa-30 {height:30px !important;}
.contactoTexto {font-size:18px;}

.capa1000, .contaEmpresa, .contaNombre, .contaTelef, .contaEmail,.contaObserva {width:100%;}
.contaObserva {height:100px;}

.contactoEnviar {text-align:center; display:block;}
.contactoEnviar div {clear:both; margin:auto; padding-top:15px; text-align:center;}
.contactoCheck {margin:0 5px;}

.modalSalir {height:45px; line-height:43px;}
.modalVentanaConta {width:85%; height:auto; top:45%; right:7.5%; left:7.5%; bottom:auto; transform:translate(0%,-50%);}
.formularioEnviado {width:100%; margin:0px; padding:20px; font-size:20px; line-height:24px;}


/* ------------------------ SECCIÓN LEGAL ---------------------------------- */

#secLegal, #secLegal p, #secLegal h3, #secLegal h4, #secLegal li {text-align:left !important;}

}


/* ----------------------------- ICONOS WEB ------------------------------------*/

[class^="icon"], [class*=" icon"] {font-family:'IconWeb'; -webkit-font-smoothing:antialiased;}

.iconHomeS:before    {content:"\e900";}
.iconHomeH:before    {content:"\e923";}
.iconCorazonS:before {content:"\e91a";}
.iconCorazonH:before {content:"\e921";}
.iconBuscar:before   {content:"\e922";}
.iconCarro:before    {content:"\e91c";}
.iconCesta:before    {content:"\e91b";}
.iconBolsa:before    {content:"\e91d";}
.iconUserS:before    {content:"\e91f";}
.iconUserS2:before	 {content:"\e946";}
.iconUserH:before    {content:"\e91e";}
.iconPassS1:before	 {content:"\e945";}
.iconPassH1:before   {content:"\e944";}
.iconPassS2:before   {content:"\e943";}
.iconPassH2:before   {content:"\e942";}

.iconPagoTarjeta:before   {content:"\e973";}
.iconPagoBizum:before     {content:"\e974";}
.iconPagoPaypal:before    {content:"\e971";}
.iconPagoTransfer:before  {content:"\e972";}
.iconPagoReembolso:before {content:"\e970";}
.iconPagoEnMano1:before   {content:"\e96f";}
.iconPagoEnMano2:before   {content:"\e96e";}
.iconPagoGPay:before      {content:"\e977";}
.iconPagoStripe:before    {content:"\e976";}
.iconPagoSequra:before    {content:"\e975";}

.iconMenu1:before    {content:"\e905";}
.iconMenu2:before    {content:"\e924";}
.iconMenu3:before    {content:"\e925";}
.iconDirec:before    {content:"\e908";}
.iconFax:before      {content:"\e90b";}
.iconEmail:before    {content:"\e909";}
.iconEmailS:before   {content:"\e906";}
.iconEmailH:before   {content:"\e952";}
.iconContacto:before {content:"\e926";}
.iconMovil:before    {content:"\e917";}
.iconTelef:before    {content:"\e951";}
.iconTelefS:before   {content:"\e907";}
.iconTelefH:before   {content:"\e90a";}
.iconCamionS:before  {content:"\e941";}
.iconCamionH:before  {content:"\e940";}
.iconInfo:before     {content:"\e947";}
.iconIdiomas:before  {content:"\e960";}
.iconFecha1:before   {content:"\e919";}
.iconFecha2:before   {content:"\e963";}
.iconHorario:before  {content:"\e93f";}

.iconEstEsperaH:before    {content:"\e982";}
.iconEstEsperaS:before    {content:"\e983";}
.iconEstAprobadoH:before  {content:"\e984";}
.iconEstAprobadoS:before  {content:"\e985";}
.iconEstPreparadoH:before {content:"\e986";}
.iconEstPreparadoS:before {content:"\e987";}
.iconEstEnviado:before    {content:"\e988";}
.iconEstRecibido:before   {content:"\e989";}
.iconEstCancelado:before  {content:"\e98a";}
.iconEstReembolso:before  {content:"\e98b";}
.iconEstDevoInicio:before {content:"\e98e";}
.iconEstDevoFin:before    {content:"\e98d";}
.iconEstDevoCancel:before {content:"\e98c";}

.iconNuevoH:before   {content:"\e9a1";}
.iconNuevoS:before   {content:"\e9a2";}
.iconOferta1:before  {content:"\e9a5";}
.iconOferta2H:before {content:"\e9a3";}
.iconOferta2S:before {content:"\e9a4";}
.iconDestacaH:before {content:"\e99f";}
.iconDestacaS:before {content:"\e9a0";}

.iconOk:before  {content:"\e93e";}
.iconOkS:before {content:"\e9a8";}
.iconKoH:before {content:"\e9a6";}
.iconKoS:before {content:"\e9a7";}

.iconStarNormal:before {content:"\e918";}
.iconStarRound:before  {content:"\e92e";}
.iconStarBorde:before  {content:"\e92d";}
.iconStarHueca:before  {content:"\e92c";}
.iconContraste:before  {content:"\e927";}
.iconConfigurar:before {content:"\e928";}
.iconSpinner1:before   {content:"\e94d";}
.iconSpinner2:before   {content:"\e94e";}
.iconSave:before       {content:"\e94f";}
.iconPrinter:before    {content:"\e9a9";}
.iconOrdenar:before    {content:"\e957";}
.iconFiltro1:before    {content:"\e954";}
.iconFiltro2:before    {content:"\e953";}
.iconFiltro3S:before   {content:"\e955";}
.iconFiltro3H:before   {content:"\e956";}

.iconCalcular:before {content:"\e991";}
.iconVerSi:before    {content:"\e98f";}
.iconVerNo:before    {content:"\e990";}
.iconVista:before    {content:"\e96c";}
.iconVista360:before {content:"\e96b";}
.iconEditar:before   {content:"\e950";}
.iconFolleto:before  {content:"\e962";}
.iconGaleria:before  {content:"\e969";}
.iconVideos:before   {content:"\e95b";}
.iconMapaInte:before {content:"\e96a";}
.iconMas:before      {content:"\e993";}
.iconMenos:before    {content:"\e992";}

.iconExplora:before  {content:"\e95e";}
.iconLlegar:before   {content:"\e964";}
.iconFiesta:before   {content:"\e958";}
.iconComer:before    {content:"\e959";}
.iconDormir:before   {content:"\e95a";}
.iconHistoria:before {content:"\e95f";}
.iconGuiadas:before  {content:"\e961";}
.iconMuseos:before   {content:"\e965";}
.iconParques:before  {content:"\e966";}
.iconIglesia:before  {content:"\e967";}
.iconSenderos:before {content:"\e968";}
.iconTeresa:before   {content:"\e95c";}
.iconSanJuan:before  {content:"\e95d";}
.iconCazorla:before  {content:"\e96d";}

.iconFilePDF_H:before {content:"\e978";}
.iconFilePDF_S:before {content:"\e979";}
.iconFileCSV_H:before {content:"\e97a";}
.iconFileCSV_S:before {content:"\e97b";}
.iconFileJPG_H:before {content:"\e97c";}
.iconFileJPG_S:before {content:"\e97d";}
.iconFilePNG_H:before {content:"\e97e";}
.iconFilePNG_S:before {content:"\e97f";}
.iconFileSVG_H:before {content:"\e980";}
.iconFileSVG_S:before {content:"\e981";}

.iconCerrarBold:before     {content:"\e90c";}
.iconCerrarMedi:before     {content:"\e92f";}
.iconCerrarNorm:before     {content:"\e930";}
.iconCerrarFino:before     {content:"\e931";}
.iconFlechaTopBold:before  {content:"\e901";}
.iconFlechaTopMedi:before  {content:"\e932";}
.iconFlechaTopNorm:before  {content:"\e933";}
.iconFlechaTopFina:before  {content:"\e934";}
.iconFlechaDchaBold:before {content:"\e902";}
.iconFlechaDchaMedi:before {content:"\e935";}
.iconFlechaDchaNorm:before {content:"\e936";}
.iconFlechaDchaFina:before {content:"\e937";}
.iconFlechaBajoBold:before {content:"\e903";}
.iconFlechaBajoMedi:before {content:"\e938";}
.iconFlechaBajoNorm:before {content:"\e939";}
.iconFlechaBajoFina:before {content:"\e93a";}
.iconFlechaIzdaBold:before {content:"\e904";}
.iconFlechaIzdaMedi:before {content:"\e93b";}
.iconFlechaIzdaNorm:before {content:"\e93c";}
.iconFlechaIzdaFina:before {content:"\e93d";}

.iconScrollCent:before  {content:"\e998";}
.iconScrollTop:before   {content:"\e997";}
.iconScrollDcha:before  {content:"\e996";}
.iconScrollBajo:before  {content:"\e994";}
.iconScrollIzda:before  {content:"\e995";}
.iconFlechaBack1:before {content:"\e999";}
.iconFlechaGo1:before   {content:"\e99a";}
.iconFlechaBack2:before {content:"\e99b";}
.iconFlechaGo2:before   {content:"\e99c";}
.iconFlechaBack3:before {content:"\e99d";}

.iconRedes:before      {content:"\e916";}
.iconFacebook:before   {content:"\e90d";}
.iconTwitter:before    {content:"\e90e";}
.iconWordpressH:before {content:"\e90f";}
.iconWordpressS:before {content:"\e94c";}
.iconBlog:before       {content:"\e910";}
.iconInstagram:before  {content:"\e911";}
.iconYoutube1:before   {content:"\e912";}
.iconYoutube2:before   {content:"\e920";}
.iconLinkedin:before   {content:"\e914";}
.iconPinterest:before  {content:"\e915";}
.iconWhatsappS:before  {content:"\e913";}
.iconWhatsappH:before  {content:"\e99e";}
.iconWhatsappColor .whatPath1:before {content:"\e929"; color:#40a035;}
.iconWhatsappColor .whatPath2:before {content:"\e92a"; color:#ffffff; margin-left:-1em;}
.iconWhatsappColor .whatPath3:before {content:"\e92b"; color:#40a035; margin-left:-1em;}
.iconGoogle .gooPath1:before {content:"\e948"; color:#d7282a;}
.iconGoogle .gooPath2:before {content:"\e949"; color:#45ac43; margin-left:-1em;}
.iconGoogle .gooPath3:before {content:"\e94a"; color:#5177b5; margin-left:-1em;}
.iconGoogle .gooPath4:before {content:"\e94b"; color:#f4c300; margin-left:-1em;}



/* --------------------- ESTILOS EFECTOS GENERALES -----------------------------*/

.redondea {border-radius:8px;}

a, .opacidad img, .ampliar img, .ampliar2 img, .desplaza img, .circulo img, .cuadrado img, .grises img, .cabeceraMenu, .cabeceraMenu li, .menuLogo, .menuLogo img,
.logoImagen, #contactoEnviar input, .efectos, .efectos a, .efectos img, .headernav, input, textarea, select, .iconoServi img, .cabeceraConta,
.iconoMenuCabz, .fondoMenuCabz, .ponentes-txt, .menuLogoWeb, .modal {transition:all 0.4s;}

.efecto2, .efecto2 img, .efecto2 a {transition:all 0.5s;}

.opacidad img, .realce img:hover {opacity:1;}
.opacidad img:hover, .realce img {opacity:0.75;}

.ampliar img {transform: scale(1);}
.ampliar img:hover {transform: scale(1.15);}

.ampliar2 img {transform: scale(1);}
.ampliar2 img:hover {transform: scale(1.05);}

.desplaza img {margin-top:0px; padding-bottom:0px;}
.desplaza img:hover {margin-top:-2px; padding-bottom:2px;}

.circulo img, .cuadrado img:hover {border:solid 2px #fff; border-radius:0px;}
.circulo img:hover, .cuadrado img {border:solid 2px #fff; border-radius:50%;}

.grises img {filter:url('#grayscale'); filter:grayscale(100%); filter:Gray();}
.grises img:hover {filter:none;}


/* --------------------- ESTILOS BARRA SCROLL ---------------------------------- */

::-webkit-scrollbar 	   {width:12px; height:12px;}
::-webkit-scrollbar-button {width:10px; height:10px;}
::-webkit-scrollbar-corner {background:transparent;}

::-webkit-scrollbar-thumb		{background:#808080;}
::-webkit-scrollbar-thumb:hover {background:#498db8;}
::-webkit-scrollbar-track 		{background:#fff;}
::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb {border-radius:10px; box-shadow:inset 0 0 5px rgba(0,0,0,0.5);}


/* -------------------------- BARRA DE COOKIES ----------------------------------*/

#barraCookies {width:100%; left:0px; right:0px; bottom:0px; position:fixed; text-align:center; background-color:rgba(0,0,0,.7); color:#fff; z-index:99999999999; display:none;}
.separaCookies {height:20px; clear:both;}
.innerCookies {width:100%; padding-left:5px; font-size:16px; top:30%;}
.innerCookies a.okCook {color:#fff; margin:10px; padding:8px 12px; background:#e4282a; border:solid 1px #fff; border-radius:5px; text-decoration:none;}
.innerCookies a.inCook {color:#fff; margin:10px; padding:8px 12px; background:#555; border:solid 1px #fff; border-radius:5px; text-decoration:none;}
.innerCookies a:hover.okCook, .innerCookies a:hover.inCook {color:#fff; background:#000;}


/* ----------------------- ANIMACIONES MENUS MOVIL ---------------------------- */

.dl-menu.dl-animate-in-1 {animation:MenuAnimIn1 0.3s;}
@keyframes MenuAnimIn1 {
	0%   {transform:translateZ(-500px) rotateY(0deg); opacity:0;}
	20%  {transform:translateZ(-250px) rotateY(30deg); opacity:0.5;}
	100% {transform:translateZ(0px) rotateY(0deg); opacity:1;}
}

.dl-menu.dl-animate-out-1 {animation:MenuAnimOut1 0.4s;}
@keyframes MenuAnimOut1 {
	0%   { }
	50%  {transform:translateZ(-250px) rotateY(30deg);}
	75%  {transform:translateZ(-372.5px) rotateY(15deg); opacity:.5;}
	100% {transform:translateZ(-500px) rotateY(0deg); opacity:0;}
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {animation:SubMenuAnimIn1 0.4s ease;}
@keyframes SubMenuAnimIn1 {
	0%   {transform:translateX(50%); opacity:0;}
	100% {transform:translateX(0px); opacity:1;}
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {animation:SubMenuAnimOut1 0.4s ease;}
@keyframes SubMenuAnimOut1 {
	0%   {transform:translateX(0%); opacity:1;}
	100% {transform:translateX(50%); opacity:0;}
}

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {position:relative; opacity:1; transform:none;}
.no-js .dl-menuwrapper li .dl-submenu {display:block;}
.no-js .dl-menuwrapper li.dl-back {display:none;}
.no-js .dl-menuwrapper li > a:not(:only-child) {background:rgba(0,0,0,0.1);}
.no-js .dl-menuwrapper li > a:not(:only-child):after {content:'';}


/* ------------------------- EFECTOS SCROLLER ---------------------------------- */

.section:before, .section:after, .side:before, .side:after {content:" "; display:table;}
.section:after, .side:after {clear:both;}

.side {float:left; transition:all 0.5s;}
.side img {max-width:100%;}

/* Estados Inicial Animaciones */
.cbpInit .side {transform:scale(0.8); opacity:0;}	/* Estado Inicial */
.section.cbpAnimate .side {transform:scale(1); opacity:1;}	/* Estado Final */


@media only screen and (max-width: 639px) {
.scroller {font-size:100%;}
.section h2 {margin:0px;}	
.side img {float:none;}
}

