body {font-family: 'Raleway', sans-serif; background-color: #333;}

/*
azul: #1c0878
*/

/* 1200px --- */
@media (min-width: 1200px) {
	.menuTopMini {box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2); background-color: rgba(255, 255, 255, 0.95) !important;}
	.menuTopMini #logo {height: 50px;}
	.menuTopMini a {color: #000 !important;}
	.menuTopMini a:hover {color: #999 !important;}
	.containerLogoTop {display: none;}
	#swiperContainerPortadaMovil {display: none;}
	.homeColumnsItem {height: 100%;}
}

/* 992 --- 1200px */
@media (min-width: 992px) and (max-width:1199px) {
	#logo {height: 50px !important;}
	#menuTop a {font-size: 12pt !important;}
	.menuTopMini {box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2); background-color: rgba(255, 255, 255, 0.95) !important;}
	.menuTopMini a {color: #000 !important;}
	.menuTopMini a:hover {color: #999 !important;}
	#swiperContainerPortadaMovil {display: none;}
	.homeColumnsItem {height: 100%;}
	#swiperContainerPortada {height: 500px !important;}
	.topSwiperText {top: 165px !important;}
	
	/* Estilos de Bootstrap modificados o aņadidos */
	.nav-link {margin-left: 7px !important;}
}

/* 768 --- 992px */
@media (min-width: 768px) and (max-width:991px) {
	/*
	.menuTopMini {box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2); background-color: rgba(255, 255, 255, 0.95) !important;}
	.menuTopMini #logo {height: 50px;}
	.menuTopMini a {color: #000 !important;}
	.menuTopMini a:hover {color: #999 !important;}
	*/
	#menuTop {background-color: rgba(255, 255, 255, 0.95) !important;}
	#menuTop a {color: #000 !important;}
	.menuTopMini {box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2); background-color: rgba(255, 255, 255, 0.95) !important;}
	#logo {height: 50px !important;}
	.containerLogoTop {display: none;}
	#swiperContainerPortada {height: 500px !important;}
	.topSwiperText {top: 165px !important;}
	#swiperContainerPortadaMovil {display: none;}
	.homeColumnsItem {height: 100%; padding: 25px 10px 35px 10px !important;}
	.homeColumnsTitle {font-size: 13pt !important;}
	.homeColumnsText {font-size: 10pt !important;}
	
	/* Estilos de Bootstrap modificados o aņadidos */
	.navbar-nav {border-top: 1px solid #ccc; margin-top: 20px; padding-top: 10px;}
	.dropdown-menu {border: none; background-color: transparent;}
}

/* --- 768px */
@media (max-width:767px) {
	.fixed-top {position: relative;}
	#logo {height: 50px !important;}
	#menuTop {background-color: rgba(255, 255, 255, 0.95) !important;}
	#menuTop a {color: #000 !important;}
	.containerLogoTop {display: none;}
	#swiperContainerPortada {display: none;}
	#swiperContainerTextos {display: none;}
	.swiperSlideContentMovilLogin {
		z-index: 1000; padding: 15px; position: absolute; top: 15px; right: 25px; min-width: 300px; background-color: rgba(255, 255, 255, 0.95);
		box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.75);
	}
	.containerSubmenu {display: none;}
	#swiperContainerPortadaMovil {height: 252px;}
	#containerHomeColumns {margin-top: 0 !important;}
	.homeColumnsItem {margin-top: 50px;}
	
	/* Estilos de Bootstrap modificados o aņadidos */
	.navbar-nav {border-top: 1px solid #ccc; margin-top: 20px; padding-top: 10px;}
	.dropdown-menu {border: none; background-color: transparent;}
}

h1 {font-weight: 900; margin-top: 75px;}
h2 {font-size: 15pt; font-weight: 300;}

.noPadding {padding: 0;}
.backgroundWhite {background-color: #f6f6f6;}
.backgroundWhiteWhite {background-color: #fff;}
.colorAzul {color: #1c0878;}
.colorRojo {color: #ff5356;}
.boxShadowRojo {box-shadow: 0 0 2px 0 rgba(255, 83, 86, 0.7); -webkit-transition: box-shadow 0.3s; transition: box-shadow 0.3s;}
.boxShadowRojo:hover {box-shadow: 0 0 10px 0 rgba(255, 83, 86, 0.7);}
.colorVerde {color: #70c359;}
.boxShadowVerde {box-shadow: 0 0 2px 0 rgba(112, 195, 89, 0.7); -webkit-transition: box-shadow 0.3s; transition: box-shadow 0.3s;}
.boxShadowVerde:hover {box-shadow: 0 0 10px 0 rgba(112, 195, 89, 0.7);}
.colorAmarillo {color: #fdb951;}
.boxShadowAmarillo {box-shadow: 0 0 2px 0 rgba(253, 185, 81, 0.7); -webkit-transition: box-shadow 0.3s; transition: box-shadow 0.3s;}
.boxShadowAmarillo:hover {box-shadow: 0 0 10px 0 rgba(253, 185, 81, 0.7);}
.colorAzul {color: #5dc2eb;}
.boxShadowAzul {box-shadow: 0 0 2px 0 rgba(93, 194, 235, 0.7); -webkit-transition: box-shadow 0.3s; transition: box-shadow 0.3s;}
.boxShadowAzul:hover {box-shadow: 0 0 10px 0 rgba(93, 194, 235, 0.7);}
.separador {margin-top: 35px; color: #1c0878; font-size: 5pt;}
	.separador div {margin: 0 5px; display: inline-block;}
.imgWidth100 {max-width: 100%;}
.textAlignJustify {text-align: justify;}
.textAlignLeft {text-align: left;}
.textoMini {font-size: 9pt;}
.marginTop15 {margin-top: 15px;}
.displayInlineBlock {display: inline-block;}
.marginBottom0 {margin-bottom: 0;}

#menuTop {background-color: rgba(255, 255, 255, 0.95); -webkit-transition: background-color 0.5s; transition: background-color 0.5s;}
#menuTop a {color: #000; -webkit-transition: color 0.5s; font-size: 13pt; transition: color 0.5s; text-transform: uppercase; padding-right: .9rem !important; padding-left: .9rem !important;}
#menuTop a:hover {color: #1c0878;}
#menuTop .dropdown-item {color: #000; margin-bottom: 4px;}
	#logo {height: 100px; -webkit-transition: height 0.5s; transition: height 0.5s;}
	.itemSubmenu {padding-left: 60px;}
	.separadorMenu {border-bottom: 1px solid #eeeeee;}
	
/* Estilos de Bootstrap modificados o aņadidos */
.nav-link {font-weight: 700; margin-left: 5px !important; white-space: nowrap;}
.nav-item {font-size: 11pt;}
.btn-primary {background-color: #fff; color: #1c0878; border: 1px solid #ced4da;}
.btn-primary:hover {background-color: #1c0878; border: 1px solid #1c0878;}

/* Swipers */
#swiperContainerPortada {height: 600px;}
	.swiper-slide {font-size: 14px; color:#fff;}
	.swiperSlideContentRight {
		z-index: 1000; position: absolute; top: 375px; right: 0; margin: 50px; padding: 25px; width: auto; background-color: rgba(255, 255, 255, 0.85);
		box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.75);
	}
		.swiper-container .textBox {clear: both;}
		.swiper-container .textBoxIcon {font-size: 20pt; float: left; color: #1c0878;}
		.swiper-container .textBoxLink {font-size: 13pt; float: left; margin: 7px 0 0 10px;}
		.swiper-container .textBoxLink a {color: #1c0878;}
#swiperContainerTextos {height: 500px;}
	.swiperSlideContentRightLogin {
		z-index: 1000; position: absolute; top: 50px; right: 0; margin: 50px; padding: 25px; width: auto; background-color: rgba(255, 255, 255, 0.95);
		box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.75);
	}
	.topSwiperText {
		top: 265px; padding: 25px 25px 0 25px;
	}
	.topSwiperTextTexto {
		top: 170px; padding: 25px 25px 0 25px;
	}

#containerHomeColumns {padding-top: 75px; padding-bottom: 100px;}
.homeColumnsItem {display: block; color: #000; padding: 25px 25px 35px 25px; background-color: #fff;}
.homeColumnsItem:hover {text-decoration: none; color: #000;}
	.homeColumnsIcon {font-size: 35pt;}
	.homeColumnsTitle {font-weight: 900; font-size: 18pt; padding-bottom: 5px;}
	.homeColumnsText {margin: 10px 0; font-size: 11pt;}
		.homeColumnsText a {color: #1c0878;}
		.homeColumnsText li {list-style: none; margin-bottom: 5px;}
	.textColumnsIcon {font-size: 18pt; float: left; margin-right: 10px;}
	.textColumnsTitle {font-weight: 900; font-size: 15pt; padding-bottom: 5px;}

#textHome {font-size: 11pt; text-align: justify; margin-top: 35px;}
#textText {font-size: 11pt; text-align: justify; margin-top: 35px; margin-bottom: 100px;}

#submenuTitle {margin-top: 75px; margin-bottom: 25px; font-weight: 700; color: #1c0878; border-bottom: 1px solid #1c0878;}
.containerSubmenu ul {list-style-type: none; padding-left: 0; margin-top: 15px; font-size: 10pt;}
	.containerSubmenu li {margin: 7px 0;}
	.containerSubmenu a {color: #000;}
	.containerSubmenu a:hover {text-decoration: none; color: #999;}
	.containerSubmenu .submenuIndent {margin-left: 35px;}

#containerFooter {color: #fff; margin-top: 50px; margin-bottom: 100px;}
	.tituloFooter {font-weight: 800; font-size: 18pt; border-bottom: 1px solid #666; padding-bottom: 5px; margin-bottom: 20px;}
	.contenidoFooter {margin-left: 25px;}
		.iconTextGroup {margin-bottom: 10px;}
			.iconTextGroup div {display: inline-block;}
			.iconTextGroupIcon {width: 8%; font-size: 16pt;}
			.iconTextGroupText {width: 86%; font-size: 11pt;}
		.contenidoFooterLinks a {color: #fff; display: inline-block;}
	#footerSocial {font-size: 20pt;}
		#footerSocial a {color: #fff;}
		#footerSocial .fa-facebook-square:hover {color: #4267b2;}
		#footerSocial .fa-twitter-square:hover {color: #1da1f2;}


/* estilos generales */
.linkContenido {color: #666; text-decoration: none;}
.linkContenido:hover {color: #666; text-decoration: underline;}

/* archivos */
.separadorArchivos {float: left; height: 20px; width: 100%;}
.contenedorArchivo {float: left; height: 18px; width: 100%;}

.paddingLeftRight15 {padding-left:15px; padding-right:15px;}
.textAlignCenter {text-align: center;}
.aviso {color: red;}

/* contacto */
.formularioContacto {display:block; float: left; padding-top: 20px; width: 540px;}
.tituloContacto {float: left; width: 120px; margin-bottom: 5px;}
.elementoContacto {float: left; width: 420px; margin-bottom: 5px;}
.separadorBotones {float:left; width:540px; height: 5px; font-size: 0.1pt;}
input.contacto, textarea.contacto, select.contacto {width: 375px;}
.botonContacto {width: 185px;}

/* imagenes */
IMG.ifoto {float: left; margin: 5px; border: none;}
IMG.dfoto {float: right; margin: 5px; border: none;}
IMG.cfoto {float: center; margin: 5px; border: none;}

/* enlaces de interes */
.enlaceInteres {width: 100%; padding-bottom: 20px;}
.tituloEnlaceInteres {width: 100%;}
	.tituloEnlaceInteres a {color: #666; text-decoration: none;}
	.tituloEnlaceInteres a:hover {color: #666; text-decoration: underline;}
	.tituloEnlaceInteres img {width: 100%;}
.descripcionEnlaceInteres {width: 100%; font-size: 11px; font-style: Italic;}
.categoriaEnlaceInteres {width: 100%; font-size: 9px;}

/* Cookie Dialog */
#gdpr-cookie-message {
    position: fixed;
    right: 30px;
    bottom: 30px;
    max-width: 98%;
    background-color: #2d2d2d;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 6px 6px rgba(0,0,0,0.25);
    margin-left: 30px;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: 300;
	color: #acacac;
    z-index: 1000;
}
#gdpr-cookie-message  hr {
	margin: 0; border: none;
}
#gdpr-cookie-message h4 {
    color: #f3f3f3;
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 15px;
}
#gdpr-cookie-message h5 {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
	margin-top: 20px;
    margin-bottom: 10px;
}
#gdpr-cookie-message p, #gdpr-cookie-message ul {
    color: #acacac;
    font-size: 14px;
	margin-bottom: 10px;
    line-height: 1.5em;
}
#gdpr-cookie-message ul {
    margin-bottom: 0;
}
#gdpr-cookie-message p:last-child {
    margin-bottom: 0;
    text-align: center;
}
#gdpr-cookie-message li {
    width: 49%;
    display: inline-block;
}
#gdpr-cookie-message a {
    color: #e0d587;
    text-decoration: none;
    font-size: 13px;
    padding-bottom: 2px;
    border-bottom: 1px dotted rgba(255,255,255,0.75);
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message a:hover {
    color: white;
    border-bottom-color: var(--red);
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button,
button#ihavecookiesBtn {
    border: none;
    background: #e0d587;
    color: #2d2d2d;
    font-size: 13px;
	font-weight: 400;
    padding: 7px;
    border-radius: 3px;
    margin: 20px 8px 8px 8px;
    cursor: pointer;
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button:hover {
    background: white;
    color: #000;
    transition: all 0.3s ease-in;
}
button#gdpr-cookie-advanced {
    background: white;
    color: #2d2d2d;
}
button#gdpr-cookie-advanced:hover {
    background: #ccc;
    color: #000;
}
#gdpr-cookie-message button:disabled {
    opacity: 0.3;
}
#gdpr-cookie-message input[type="checkbox"] {
    float: none;
    margin-top: 0;
    margin-right: 5px;
}
#abrirCookies {cursor: pointer;}