@import url('https://fonts.googleapis.com/css2?family=Luckiest+Guy&family=Poppins:wght@200;300;400;500;600;700;900&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; }

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

body {
	font-size: 16px;
	font-weight: 100;
	color: #383838;
	
	overflow-x: hidden;

	padding: 0; margin: 0;
	width: 100%;

}


#noresponsive { display: none; position: fixed; z-index: 990; color: #226396; background: rgba(255,255,255,0.7); width: 100%; height: 100%; padding: 10%; text-align: center; }
#noresponsive h2 { color: #d50037; }


.sinscroll {overflow:hidden;}

.ocultar, .oculto, .hidden, .hide { display: none; }

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

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

h1 { font-family: 'Luckiest Guy', Arial, Helvetica, sans-serif; letter-spacing: 2px; color: #444; font-size: 26px; margin-top: 10px; margin-bottom: 33px; }
h5 { font-size: 28px; float: none; clear: both; display: block; margin-bottom: 24px; }

  /**********************************************/
 /******************* PÁGINAS ******************/
/**********************************************/

#pagina { width: 100%; background: #fff; }
	
#centrar, .centrar { position: relative; width: 1200px; margin: auto; }

#contenido { position: relative; top: 0; }

	#slide {
		position: relative;
		width: 100%;
		height: 100%;
		min-height: 200px;
		margin: auto;
		clear: both;
		
		background: none;
	}
	
	.slider1 {
		padding: 0; margin: 0;
	}
	



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

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

/*	font-size: 12px; */
}
/* .caja input, .caja textarea { width: 100%; margin-top: 2px; padding: 3px 5px; font-weight: normal; } */


.linea { clear: both; display: block; overflow: hidden; margin-bottom: 1px; }
.linea:hover { background: #FFF; }


	.floatl, .float { float:left; }
	.floatr, .fright, .rfloat { float:right; }
	.left, .textleft { text-align: left; }
	.center, .textcenter { text-align: center; margin: 0 auto; }
	.right, .textright { text-align: right; }
	.w100 { width: 100%; }
	.w80 { width: 80%; }
	.w75 { width: 75%; }
	.w70 { width: 70%; }
	.w66 { width: 66%; }
	.w50 { width: 50%; }
	.w33 { width: 33%; }
	.w30 { width: 30%; }
	.w25 { width: 25%; }
	.w20 { width: 20%; }
	.w15 { width: 15%; }
	.w10 { width: 10%; }
	.w5 { width: 5%; }

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

/* INPUT genéricos */
input, input[type=text], input[type=password], textarea, select { /* roll out */
	
	font-family: 'Poppins', Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 300;
	color: #525252;
	background: #FFF;
	border: 2px #FFF solid;
	padding: 25px 20px;
	width: 100%;
	-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 */ box-shadow: 0px 0px 5px #999; background: #FFF; }

/* LISTADOS y OPCIONES */
select { margin-top: 0px; padding: 7px 10px;
	 font-size: 16px;
	 font-weight: 100;
	 background: #CCC;
	 -moz-appearance: none;
	 -webkit-appearance: none;
	 appearance: none;
}


input[type=checkbox],
input[type=radio]  { font-size: 11px; font-weight: normal; color: #393a30; margin: 2px; padding: 0px; background: none; vertical-align: middle; border: 0; }

input[type="checkbox"], input[type=radio] { display: none; }
input[type="checkbox"] + label .check, input[type=radio] + label .check {
	float: left;
	display: inline-block;
	width: 48px;
	height: 48px;
	background: url(../../img/check_radio_sheet.png) left top no-repeat;
	vertical-align: middle;
	margin: 0px 4px 0 0;
	cursor:pointer;
}

input[type="checkbox"] + label .txt { float: left; padding: 9px 10px 9px 25px; margin-left: 3px; background-color: #226396; color: #FFF; font-size: 19px; font-weight: bold; width: 450px; cursor: pointer; -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="checkbox"]:checked + label .check { background: url(../../img/check_radio_sheet.png) -48px top no-repeat; } 


input[type="checkbox"] + label .checkcomp, input[type=radio] + label .check {
	float: left;
	display: inline-block;
	width: 48px;
	height: 48px;
	background: url(../../img/check_completo.png) left top no-repeat;
	vertical-align: middle;
	margin: 0px 4px 0 0;
	cursor:pointer;
}
input[type="checkbox"]:checked + label .checkcomp { background: url(../../img/check_completo.png) -48px top no-repeat; } 
/*
input[type=radio] + label .check { background: url(../../img/check_radio_sheet.png) -54px top no-repeat; }
input[type=radio]:checked + label .check { background: url(../../img/check_radio_sheet.png) -80px top no-repeat; } 
*/
input[type=radio] { border: 1px solid #aaa; padding: 8px; }
input[type=radio] + label .check { background: #FFF; width: 30px; height: 30px; border: 6px solid #cbcbcb;
-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
input[type=radio]:checked + label .check { background: #226396;  } 


/* BOTONES GENERALES y de ENVIO */
input[type=submit], input[type=button], button {
 appearance: none;
 -webkit-appearance: none; -moz-appearance: none;
 -webkit-border-radius: 0; -moz-border-radius: 0;
 font-family: 'Poppins', Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 300; color: #FFF; padding: 14px 18px; background: #d50037; border: 2px #FFF solid; width: auto; text-transform: uppercase; cursor: pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
input[type=submit]:hover, input[type=button]:hover, button:hover { border-color: #d50037; box-shadow: 0px 0px 5px #999; }


/* DESHABILITADO */
input:disabled, input.disabled{ font-size: 12px; font-weight: normal; color: #ccc; border: 0px solid #FFF; }

input::placeholder, ::placeholder { color: #525252; font-size: 20px; }



#imgcabecera {
	width: 100%;
	height: 218px;
	background-repeat: no-repeat;
	background-position: center;
}


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

.enespera { position: fixed; top:0; left: 0; display: none; background: rgba(0,0,0,0.7); color: #FFF; width: 100%; height: 100%; z-index: 1000; }
.enespera span{ position: fixed; background: rgba(20,10,10,0.7); width: 300px; height: auto; top: 50%; margin-top: -20px; left: 50%; margin-left: -150px; padding: 12px 8px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: #555 solid 1px; font-size: 17px; text-align: center; }
.error, .correcto { position: fixed; width: 400px; margin-left: -200px; height: auto; top: 50%; margin-top: -150px; left: 50%; padding: 30px; z-index: 1000; font-size: 20px; font-weight: bold; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.error { background: rgba(255,255,255,.9); color: #d50037; text-align: center; }
.correcto { background: rgba(255,255,255,.9); color: #090; text-align: center; }
.error b, .correcto b {	font-weight: bold; font-size: 15px; }
body .campoerror { background: #fff5f5; }


  /*******************************************************/
 /*********************** CARGANDO  *********************/
/*******************************************************/
#cargando { position: fixed; width: 100%; height: 100%; background: #FFF; z-index: 5010; }
#cargando .loader { position: absolute;
  top: 50%; 
  left: 50%;
  margin: auto;
  margin-left: -75px;
  margin-top: -58px;
}
 
 
  /*******************************************************/
 /*********************** COOKIES  **********************/
/*******************************************************/
#cookies { position: fixed; bottom: 0; z-index: 5000; background: #fff; width: 100%; height: auto; color: #333; padding: 16px; text-align: center; font-size: 14px; }
#cookies h2 { font-size: 20px; margin-bottom: 10px; color: #211c5b; }
#cookies #aceptar, #cookies #politica { background: #333; color: #fff; padding: 5px 8px; margin: 3px; border: 0; font-size: 12px; }
#cookies #politica { background: #999; font-size: 12px; color: #FFF; }


  /*******************************************************/
 /**************** 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 !important; }
	.noprint { display: none !important; }
	
	div.saltopagina{ 
      display:block; 
      page-break-before:always;
	}
	.saltoul{ 
      page-break-before:always;
	}
	
	@page {
		size: portrait;
		margin: 2%;
		orphans: 10;
		windows: 4;
		
	}
	
	ul {page-break-inside: avoid;}

}


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

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



@media screen and (max-width: 1440px) {
	#centrar, .centrar { width: 1000px; }
}

@media screen and (max-width: 1170px) {
	
	.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) {
	
	.norespon { display:none; }
	.desktop { display: none; }
	.mobile{ display: block; }

	#cargando .loader { position: absolute;
	  top: 50%; 
	  left: 50%;
	  margin: auto;
	  margin-left: -20px;
	}

	h1 { margin-left: 10px; margin-bottom: 10px; }

	#centrar, .centrar { width: 100%; margin-left: 0; }
	
	#contenido { position: relative; top: 0px; width: 100%; }
	
	#slide { min-height: 0px; }
		
	#cookies { position: fixed; z-index: 1000; bottom: 0; padding: 5px; text-align: center; font-size: 12px; }

	.w66 { width: 66%; }
	.w50, .w51 { width: 50%; }
	.w33, .w34 { width: 33%; }
	.w25 { width: 25%; }
}

@media screen and (max-width: 800px) {
	
	#poli_aceptar, #poli_politica { font-size: 80%; }
	
}


@media screen and (max-width: 640px) {
	
	#logogif, #vamos, #entrar { display: none !important; }
	#noresponsive { display: block; }

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


@media screen and (max-width: 500px) {
	
	#cookies { width: 90%; margin-left: 10px; }

	.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) {
	
	#cookies { width: 90%; margin-left: 10px; }

	.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; }

}