@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;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; }
*:focus{ outline:0px; }



:root {
  --color1: #3d6bfb; /*azul*/
  --color2: #172858; /*oscuro*/
  --color3: #627585;
  --color4: #c1c2c3;
  
  --dir: #24d2ff;
  --coo: #024dd8;
  --esp: #33b36d;
  --pro: #e6511c;
  --emp: #9a0b3a;
  --equ: #007a73;
  --dob: #f0a625;
  
  --fuente: 'Poppins', Arial, Helvetica, sans-serif;
}



  /*************************************************/
 /***************** TAGS GENÉRICOS ****************/
/*************************************************/
body, textarea {
	font-family: var(--fuente);
}


body {
	font-family: var(--fuente);
	font-size: 14px;
	font-weight: 600;
	color: #333;
	
	overflow-x: hidden;
    outline: none;
	padding: 0; margin: 0;
	width: 100%;
	
	background: #fff;
}

a, button, a:hover { 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: var(--color1); font-size: 26px; margin-top: 10px; margin-bottom: 33px; }
h2 { color: var(--color1); font-size: 30px; margin-top: 10px; margin-bottom: 20px; font-weight: 400; }
h3 { color: var(--color1); font-size: 40px; margin-top: 20px; margin-bottom: 0px; font-weight: 400; }
h5 { font-size: 28px; float: none; clear: both; display: block; margin-bottom: 24px; }
h6 { font-size: 20px; float: none; clear: both; display: block; margin-bottom: 20px; }
h2 span, h3 span { font-family: var(--fuente); 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; }
}



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

#pagina { width: 100%; background: #fff; }
	
#contenido { margin: 0px; padding: 10px; width: 100%; }
.container  { width: 1400px; max-width: 1400px; margin: auto; padding: 0 0px; }
.theme  { padding: 10px; background-color: #FFF; }

@media screen and (max-width: 1440px) {	.container  { width: 90%; } }
@media screen and (max-width: 1024px) {	.container  { width: 90%; } }
@media screen and (max-width: 768px)  {	.container  { width: 95%; } }



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

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


	.floatl, .float { float:left !important; }
	.floatr, .fright, .rfloat { float:right !important; }
	.left { text-align: left !important; }
	.center { text-align: center !important; margin: 0 auto; }
	.right { text-align: right !important; }
	.w5, .w10, .w15, .w18, .w19, .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%; }
	.w19 { width: 19%; }
	.w18 { width: 18.75%; }
	.w15 { width: 15%; }
	.w10 { width: 10%; }
	.w5 { width: 5%; }
	.w100i { width: 100% !important; }
	
	.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;}

.table td, .table th { background: none; border: none; }
.table-striped tbody tr { border-bottom: #eee 1px solid; }
.table-striped tbody tr:nth-of-type(odd) { background-color: #f9f9f9; }


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

/* INPUT genéricos */
input[type=text], input[type=number], input[type=email],
input[type=password], input[type=tel], input[type=search],
input[type=checkbox], input[type=radio], input[type=range],
input[type=file], input[type=image], input[type=color],
input[type=date], input[type=time], input[type=month],
input[type=url], input[type=week],
input[type=button], input[type=submit], button,
textarea, select, input, .campo, .form-select { /* roll out */
	font-family: var(--fuente);
	font-size: 13px;
	font-weight: 500;
	color: #555;
	padding: 10px 8px;
	width: 100%;
	height: 40px;
	background-color: #eaeaea;
	border: none !important;
	border-radius: 5px;
	-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, input[type=tel]:hover, input[type=number]:hover, input[type=email]:hover, input[type=checkbox]:hover, input[type=radio]:hover, input[type=range]:hover, input[type=file]:hover, input[type=image]:hover, input[type=color]:hover, input[type=date]:hover, input[type=time]:hover, input[type=month]:hover, input[type=url]:hover, input[type=week]:hover, input[type=button]:hover, button:hover, textarea:hover
{ /* roll over */ border: 1px #cbcbcb solid;  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; }

input[type=text]::placeholder, input[type=password]::placeholder, input[type=tel]::placeholder, input[type=number]::placeholder, input[type=email]::placeholder, input[type=checkbox]::placeholder, input[type=radio]::placeholder, input[type=range]::placeholder, input[type=file]::placeholder, input[type=image]::placeholder, input[type=color]::placeholder, input[type=date]::placeholder, input[type=time]::placeholder, input[type=month]::placeholder, input[type=url]::placeholder, input[type=week]::placeholder, input[type=button]::placeholder, button::placeholder, textarea::placeholder
{ color: #535a6f; }

/* BOTONES GENERALES y de ENVIO */
input[type=submit], input[type=button], button { font-family: var(--fuente); font-size: 13px; font-weight: normal; color: #FFF; border-radius: 5px; border: none; background-color: var(--color1); padding: 0px 30px; width: auto; }
input[type=submit]:hover, input[type=button]:hover, button:hover { background-color: #999; }
input[type=submit]:focus, input[type=button]:focus, button:focus { outline: none; }


.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: 768px) {
	.enviando, .error, .correcto { position: fixed; width: auto; height: auto; bottom:-180px; left: 50px; padding: 30px 30px; }
}

  /*******************************************************/
 /*********************** 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: var(--color2); }
#cookies #poli_aceptar, #cookies #poli_politica { background-color: var(--color1) !important; color: #FFF; border:2px solid var(--color1); 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; }




@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, .w18, .w19, .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; }
}


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

	.w5, .w10, .w15, .w18, .w19, .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, .w18, .w19, .w20, .w25, .w30, .w33, .w35, .w40, .w45, .w50, .w55, .w60, .w65, .w66, .w70, .w75, .w80, .w85, .w90, .w95 { width: 100% !important; }

}





.dz-clickable { border: dotted 3px #777; width: 500px; }

/*.dz-error-message { display: none !important; } */





.leaflet-bottom { position: inherit !important; }