@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800;900&family=Caveat:wght@400;500;600;700&display=swap');

/* RESETEAR ESTILOS */
html, body, div, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0px; padding: 0px; border: 0px; font-weight: inherit; font-style: inherit; text-decoration: inherit; font-size: inherit; font-family: inherit; vertical-align: baseline; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:focus{ outline:0px; }



:root {
  --azul: #327ed0;
  --azul-e: #2f205e; /*#003da3;*/
  --azul-o: #2B0D61;
  --verde: #66b522;
  
  --fuente: 'Caveat', 'Montserrat', Arial, Helvetica, sans-serif;
}



  /*************************************************/
 /***************** TAGS GENÉRICOS ****************/
/*************************************************/
body, textarea {
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
}


body {
	font-size: 16px;
	font-weight: 600;
	color: #333;
	
	overflow-x: hidden;
    outline: none;
	padding: 0; margin: 0;
	width: 100%;
	
	background: #fff;
}

a, button { text-decoration: none; outline: none; color: #000; cursor: pointer; }
a:focus{ outline:0px; } /* quitar hormigas */
select:focus, input:focus { outline:0px; }

img { border: 0px; }
.salto { clear: both; display: block; overflow: auto; }
.peq { font-size: 10px; }
h1, h2, h3, h4 { margin:0; padding: 0; }
li { color: #222; }
b { font-weight: bold; /* color: #e86b21; */ }
p { margin-top: 9px; margin-bottom: 15px; line-height: 25px; }
hr { height: 1px; border-top: 1px solid #999; }

h1 { color: #327ed0; font-size: 26px; margin-top: 10px; margin-bottom: 33px; }
h2 { color: #327ed0; font-size: 46px; margin-top: 80px; margin-bottom: 20px; font-weight: 400; text-align: center; }
h3 { color: #327ed0; font-size: 46px; margin-top: 20px; margin-bottom: 0px; font-weight: 400; }
h5 { font-size: 28px; float: none; clear: both; display: block; margin-bottom: 24px; }
h2 span, h3 span { font-family: 'Caveat', 'Montserrat', Arial, Helvetica, sans-serif; font-size: 120px; line-height: 20px; letter-spacing: -1px; margin-left: -40px; }

@media screen and (max-width: 768px) {
	h1 { margin-left: 10px; margin-bottom: 10px; }
	h2 { font-size: 36px; margin-top: 20px; margin-bottom: 16px; }
	h3 { font-size: 30px; margin-top: 18px; }
	h5 { font-size: 20px; margin-bottom: 16px; }
	h2 span, h3 span { font-size: 80px; line-height: 20px; }
}

@media screen and (max-width: 500px) {
	h2 { font-size: 30px; margin-top: 16px; margin-bottom: 14px; }
	h3 { font-size: 25px; margin-top: 18px; }
	h5 { font-size: 20px; margin-bottom: 16px; }
	h2 span, h3 span { font-size: 50px; line-height: 20px; letter-spacing: -3px; }
}


/* SI GIRA MOVIL */

#giramovil { display: none; z-index: 9999; position: fixed; top:0; left: 0; width: 100%; height: 100vh; background-color: #FFF; margin: auto; text-align: center; font-size: 20px; padding: 50px 20px; }
/*
#giramovil #azul { width: 200px; margin-bottom: 30px; }
 @media only screen and (orientation:portrait){
	#container, #info, #enlaces {
		  display: block;
		 }
	#giramovil { display: none; }
 }
 @media only screen and (max-device-width: 1000px) and (orientation:landscape){
	#container, #info, #enlaces {
		  display: none;
		 }
	#giramovil { display: block; }
 }
*/
  /**********************************************/
 /******************* PÁGINAS ******************/
/**********************************************/

#pagina { width: 100%; background: #fff; }
	
#container { position: relative; top: 0; margin: 0px; padding: 0px; }
#contenido { position: relative; top: 0; margin: 0px; padding: 0px; width: 100%; }

.centrar  { width: 80%; margin: auto; padding: 0 0px; }




  /***********************************************/
 /***************** TIPOS TABLAS ****************/
/***********************************************/

.caja {
	width: 100%;
	padding: 3px 6px;
	float: left;
}


	.floatl, .float { float:left; }
	.floatr, .fright, .rfloat { float:right; }
	.left { text-align: left; }
	.center { text-align: center; margin: 0 auto; }
	.right { text-align: right; }
	.w5, .w10, .w15, .w20, .w25, .w30, .w33, .w35, .w40, .w45, .w50, .w55, .w60, .w65, .w66, .w70, .w75, .w80, .w85, .w90, .w95, .w100 { float: left; }
	.wauto { width: auto; margin-right: 30px; }
	.w100 { width: 100%; }
	.w95 { width: 95%; }
	.w90 { width: 90%; }
	.w85 { width: 85%; }
	.w80 { width: 80%; }
	.w75 { width: 75%; }
	.w70 { width: 70%; }
	.w66 { width: 66%; }
	.w65 { width: 65%; }
	.w60 { width: 60%; }
	.w55 { width: 55%; }
	.w50 { width: 50%; }
	.w45 { width: 45%; }
	.w40 { width: 40%; }
	.w35 { width: 35%; }
	.w34 { width: 34%; }
	.w33 { width: 33%; }
	.w30 { width: 30%; }
	.w25 { width: 25%; }
	.w20 { width: 20%; }
	.w15 { width: 15%; }
	.w10 { width: 10%; }
	.w5 { width: 5%; }
	
	.hidden, .ocultar { display: none; }
	
	.valign, .vcenter {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;

		-ms-flex-align: center;
		-webkit-align-items: center;
		-webkit-box-align: center;

		align-items: center;
	}


.transition {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;}

  /**********************************************/
 /***************** FORMULARIOS ****************/
/**********************************************/

/* INPUT genéricos */
input[type=text], input[type=password], textarea { /* roll out */
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 300;
	color: #3b3b3b;
	border: 1px #cbcbcb solid; background: #fff;
	padding: 10px 8px;
	width: 100%;
	height: 40px;
	background-color: #FFF;
	-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;
}
input[type=text]:hover, input[type=password]:hover, textarea:hover { /* roll over */ border: 1px #cbcbcb solid; color: #111; box-shadow: 0px 0px 5px #cbcbcb; background: #FFF; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
textarea:focus{ /* release */ border: 1px #bbb solid; color: #000; background: #FFF; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }


/* BOTONES GENERALES y de ENVIO */
input[type=submit], input[type=button], button { font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #FFF; height: 40px; padding: 10px 14px; border: none; width: auto; }





.adjuntararchivos { font-size: 13px; }
.adjuntararchivos #drop-area { float: left; width: 50%; background-color: #ccc; padding: 14px; }
.adjuntararchivos #files-upload { float: left; width: 100%; }
.adjuntararchivos #file-list { float: right; width: 45%; }
.adjuntararchivos input { 
    margin: 0;
    padding: 0;
    outline: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    cursor: pointer;
	width: 50%;
}
.adjuntararchivos #drop-area button { margin-right: 10px; cursor: pointer; }


	

  /*******************************************************/
 /***************** AVISOS ERROR / ENVIO ****************/
/*******************************************************/

.enviando, .error, .correcto { position: fixed; z-index: 99999; width: auto; height: auto; bottom:-180px; left: 50px; padding: 30px 30px; font-size: 14px; color: #fff; font-weight: 500; text-align: center; border-radius: 25px 25px 0 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
.enviando { background: rgba(60,60,60,.9); }
.error { background: rgba(200,70,80,.9); }
.correcto { background: rgba(50,126,208,.9); }
.enviando img, .error img, .correcto img { width: 30px; margin-right: 20px; }
.enviando b, .error b, .correcto b {	font-weight: 700; font-size: 17px; }
.error #errortxt { margin-top: 20px; }
.campoerror { background: #fff5f5 !important; color: #d86674 !important; }
.campoerror::placeholder { color: #d86674 !important; }
.campoerroracepto { background: #dc0a0f !important; color: #d86674 !important; }

.mostrarcartelform { bottom: -10px; }
@media screen and (max-width: 600px) {
	.enviando, .error, .correcto { bottom: 150px; left: -95%; border-radius: 0 25px 25px 0; width: 95%; padding: 30px 15px; text-align: left; }
	.correcto { font-size: 16px; background: rgba(50,126,208,1); }
	.enviando img, .error img, .correcto img { width: 20px; margin-right: 14px; }
	.error img { display: none; }
	.mostrarcartelform { left: 0px; }
}

  /*******************************************************/
 /*********************** COOKIES  **********************/
/*******************************************************/
#cookiesfondo { position: fixed; left:0; top: 0; z-index: 4999; background: rgba(255,255,255,0.8); width: 100%; height: 100%; }
#cookies { position: fixed; bottom: 25%; z-index: 5000; background: #fff; width: 70%; left: 15%; height: auto; color: #0142B8; padding: 50px 20px; text-align: center; font-size: 16px; border-radius: 25px 25px 25px 25px; overflow: hidden; }
#cookies h2 { font-size: 22px; margin-top: 0; margin-bottom: 10px; color: #211c5b; }
#cookies #poli_aceptar, #cookies #poli_politica { background-color: #327ed0 !important; color: #FFF; border:2px solid #327ed0; border-radius: 15px; padding: 5px 14px; margin: 3px; margin-top: 20px; border: 0; font-size: 12px; font-weight: 600; }
#cookies #poli_politica { background: #0142B8; font-size: 12px; color: #FFF; }
#poli_aceptar, #poli_politica { cursor: pointer; }
@media screen and (max-width: 768px) {
	#cookies { width: 90%; left:5%; }
}

  /*******************************************************/
 /**************** OCULTAR CAMPOS SPAM ******************/
/*******************************************************/
#webpage, #fechaenvio { display: none; visibility: hidden; }


  /*******************************************************/
 /************************ ITEMS ************************/
/*******************************************************/

.first { margin-left: 0px !important;; }
.last { margin-right: 0px !important;; }


.nobr { display:block; }
.print { display: none; }

@media print {
    .print { display: block; }
	.noprint { display: none; }
}


  /*****************************************************/
 /********************* RESPONSIVE ********************/
/*****************************************************/

.norespon { display:block; float: left; }
.desktop { display: block; }
.mobile{ display: none; }
.desktopin { display: inline-block; }




@media screen and (max-width: 1800px) {

}

@media screen and (max-width: 1500px) {

}

@media screen and (max-width: 1370px) {

}


@media screen and (max-width: 1024px) {
	
	.norespon { display:none; }
	.desktop { display: none; }
	.mobile{ display: block; }


	.w5, .w10, .w15, .w20, .w25 { width: 25%; }
	.w30, .w33, .w35 { width: 33%; }
	.w40, .w45, .w50, .w55 { width: 50%; }
	.w60, .w65, .w66 { width: 66%; }
	.w70, .w75, .w80, .w85, .w90, .w95 { width: 100%; }
}


@media screen and (max-width: 1024px) {
	#contenido { position: relative; top: 0; margin: 20px; }

	.centrar  { width: 100%; margin: auto; padding: 0 20px; }
}

@media screen and (max-width: 800px) {
	#contenido { margin: 15px; }
	.desktopin { display: none; }
}


@media screen and (max-width: 640px) {

	.w5, .w10, .w15, .w20, .w25, .w30, .w33 { width: 50%; text-align: left; }
	.w34, .w35, .w40, .w45, .w50, .w55, .w60, .w65, .w66, .w70, .w75, .w80, .w85, .w90, .w95 { width: 100%; text-align: left; }
	
	.adjuntararchivos #drop-area { width: 100%; }
}


@media screen and (max-width: 500px) {
	

	.nobr { display: inline-block; margin-left: 10px; margin-right: 10px; }
	.nobr:after { content: "-"; }
	
	.w66, .w50 { width: 50% !important; }
	.w33, .w34, .w25 { width: 100% !important; }

}

@media screen and (max-width: 400px) {

	.nobr { display: inline-block; margin-left: 10px; margin-right: 10px; }
	.nobr:after { content: "-"; }
	
	.w5, .w10, .w15, .w20, .w25, .w30, .w33, .w35, .w40, .w45, .w50, .w55, .w60, .w65, .w66, .w70, .w75, .w80, .w85, .w90, .w95 { width: 100% !important; }

}

#onetrust-consent-sdk #onetrust-pc-sdk 
            button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn), #onetrust-consent-sdk #onetrust-pc-sdk .ot-leg-btn-container .ot-active-leg-btn {
    background-color: #1371C3!important;
    border-color: #1371C3!important;
    color: #FFFFFF;
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-active-menu {
    border-color: #1371C3!important;
}

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-title {
    text-align: left!important;
    font-size: 26px!important;
    font-weight: 600!important;
    color: var(--azul)!important;
    margin-top: 20px!important;
    margin-bottom: 20px!important;
}

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-description {
	color: #000000!important;
	font-size: 16px!important;
	line-height: 25px!important;
	text-align: justify;
}

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group {
	color: #000000!important;
	font-size: 16px!important;
	line-height: 25px!important;
	text-align: justify;
}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group-desc {
	color: #000000!important;
	font-size: 16px!important;
	line-height: 25px!important;
	text-align: justify;
}

#onetrust-consent-sdk #onetrust-accept-btn-handler, #onetrust-banner-sdk #onetrust-reject-all-handler {
    background-color: var(--azul)!important;
    border-color: var(--azul)!important;
    color: #FFFFFF;
}

#onetrust-consent-sdk #onetrust-pc-btn-handler, #onetrust-consent-sdk #onetrust-pc-btn-handler.cookie-setting-link {
    color: var(--azul)!important;
    border-color: var(--azul)!important;
    background-color: #ffffff;
}

.daterangepicker {
	font-family: 'Montserrat', Arial, Helvetica, sans-serif!important;
	padding: 8px!important;
}

.daterangepicker .calendar-table th  {
	font-size: 14px!important;
	font-weight: 600!important;
	padding: 6px!important;
}

.daterangepicker .calendar-table th.month {
	font-size: 16px!important;
}

.daterangepicker .calendar-table td {
	font-size: 14px!important;
	padding: 6px!important;
}

@media (max-width: 768px) {
	#onetrust-banner-sdk #onetrust-policy {
		margin-top: 20px !important;
	}
	
	#onetrust-group-container{
		height: 250px !important;
		overflow-y: auto !important;
	}
	
	#onetrust-reject-all-handler, #onetrust-accept-btn-handler, #onetrust-pc-btn-handler{
		padding: 8px 10px !important;
	}
}