/* MAIN STYLES: CAES */
/* ISOVER Saint-Gobain *************************************************************/
/* OCTUBRE 2023 **********************************************************************/
/* Autor: EVOLVA www.evolva.es *******************************/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,700');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
body {margin:0 auto; font-family:'Ubuntu',Verdana, Geneva, sans-serif !important; font-size:0.9em;}
img {border:none;}
a, a img, input[type='submit'] { border:none; outline:none; outline-style:none;}
#container {float: left; width: 985px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; height: auto;}
.clear {clear:both !important;}
#cabecera {margin-bottom:25px;
}
.txt-verde {color:#43b1b1 !important;}
.bg-verde {background: #43b1b1 !important;}
#identificacion { margin: 10px 10px; }

.form-floating > .form-control:not(:placeholder-shown) ~ label.valores {font-size: 1.2em; top:-5px;}
.databox {background:transparent; margin: 5px 0px; border: 1px solid #43b1b1;; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 100%; padding:10px;}
p.title { padding:3px; margin-bottom:5px; font-weight:700; color:#43b1b1; font-size: 1.1em;}

#localizacion p.labelZC {margin: 0; line-height: 25px; font-size:.9em;}
#localizacion span.boxZC {margin: 0; font-size: 1.30em; width: 40px; min-width: 40px; text-align: center; color:#ffffff; display: inline-block;}

input.zc {float: left; margin: 5px 0 10px 8px; border: none; background:#43b1b1; color: #000; font-weight: bold; font-size: 1.30em; text-align: center;}

label {font-size: 0.8em;}
select, input {  border: 1px solid #43b1b1; border-radius: 0 !important; background: #ffffff; font-size: 1em !important;}
option {font-size: 12px !important;}
input.borrar {width:auto !important;}
p.espesordata #espesor { height:50px !important; line-height:50px !important;}
label {margin-top:4px;}
#botonerahome {}


#pie {clear: both; float: none; width: 100%; height: 60px; background:url(../img/pie.png) no-repeat center right; /*border-bottom: 1px solid #ccc;*/}
#pie span {font-size:0.85em; line-height: 60px; }
#pie span a{text-decoration: none;color:#000}
#pie span a:hover{text-decoration: underline;}

#mapa {height: 700px; min-width: 310px; max-width:99%; margin: 0 auto;}
.bg-azul {background-color:#219cde !important;}
.bg-naranja {background-color: #e5531a !important; }
.bg-verde {background-color: #67b9b0;}
.bg-gradient-blues { background-image: linear-gradient(to right, #17428c, #209cdc); }
.text-gradient-blues { background: linear-gradient(to right, #17428c, #209cdc); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.btn-gradient-blues { background-image: linear-gradient(to right, #17428c, #209cdc); color: #ffffff; background-size: 200% auto; transition: all 0.3s cubic-bezier(.25,.8,.25,1); }
.btn-gradient-blues:hover, .btn-gradient-blues:focus { background-position: right center; color: #fff; }
.border-gradient-blues { border-image: linear-gradient(to right top, #17428c, #209cdc); border-image-slice: 1;  }

.form-floating > label {top:0; left:10px;}
.form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label { opacity: 1;}
@media (max-width:768px) {
	#mapa {height: 750px;; min-width: 310px; max-width:100%; margin: 0 auto;}
	}

/*http://webintenta.com/resplandor-animado-con-transiciones-css-sobre-elementos-input.html*/





.fsSubmitButton {
outline:none;
border:1px solid rgba(0,0,0, 0.2);
padding: 5px !important;
font-size: 12px !important;
background-color: #8fb82a;
color: #fff;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
cursor: pointer;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
margin: 0 20px 0 0;
}

.fsSubmitButton:hover {
background-color: #43b1b1;
color:#646464;
}


.fsResetButton {
outline:none;
border:1px solid rgba(0,0,0, 0.2);
padding: 5px !important;
font-size: 12px !important;
background-color: #999999;
color: #fff;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
cursor: pointer;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}

.fsResetButton:hover {
background-color: #646464;
color:#fff;
}

select {
font-size:1.20em;
padding:3px;

}



/* Página Resultados: Espesor Recomendado */


p.maintitle {
	clear:both;
	float: left;
	padding: 0 10px 0 10px;
	width: 965px;
	font-size:1.80em;
	color:#82bc00;
	margin:0;
}

#resultados {
	/* http://www.colorzilla.com/gradient-editor/ */ 
	background: rgb(238,238,238); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
	clear: both;
	float: left;
	margin: 0 0 10px 0;
	width: 100%;
	height: auto;
	border: 1px solid #e1e1e1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#resultitle {
	float: left;
	background:#43b1b1;
	padding:5px;
	margin:0 0 15px 0; 
	border-bottom: 1px solid #ccc; 
	width: 100%;
	text-transform:uppercase;
    color: #FFFFFF;
}





#img-actuacion {
	float: left;
	width: 100%;
	margin: 5px 0px;
}


#datos {
	float: left;
	background:#82bc00;
	width:598px;
	margin:5px; 
	padding: 5px;
	height: 70px;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#datos p {
	margin:0;
	padding: 5px 0 10px 5px;
}

#datos label {
	margin:0;
	padding: 7px;
}


#zona-climatica {
	/*float: left; */
	background:#43b1b1;
	width:100%; 
	margin:5px; 
	padding: 5px; 
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.reszctitle {
	text-align: center;
	margin:0;  
	padding: 5px 0 0 0;
}

.reszcdata {
	text-align: center; 
	font-size:2.60em;
	margin:0; 
	padding:0;
}

#solucion-producto {
	float: left; 
	background:#b3b3b3; 
	width:598px; 
	margin:5px; 
	padding: 5px; 
	height: 198px;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#solucion-producto p{
	margin:0; 
	padding: 5px 0 10px 5px;
}


.cajaproducto {
	float: left;
	width: 70%;
}

.labeltipo {
	clear: both; 
	float: left;
	margin:0; 
	padding: 5px;
	width:118px;
	margin:8px 0 0 0;
}

.labeltipoinput {
	float: left; 
	background:#666; 
	color:#fff;
	padding: 5px;
	border:none;
	margin:8px 0 0 0;
}

.labeldestino {
	float: left;
	/*margin:8px 0 0 0;*/ 
	padding: 5px; 
	width:118px;
}

.labeldestinoinput {
	background:#82bc00;
	color:#fff; 
	padding: 5px; 
	border:none; 
	/*margin: 8px 0 0 0;*/
}

.labelproducto {
	clear: both; 
	float: left; 
	margin:8px 0 0 0; 
	padding: 5px; 
	width:118px;
}

.labelproductoinput {
	background:#fff;
	color:#000;
	padding: 5px; 
	border:none; 
	margin: 8px 0 0 0;
}

.conductividad {
	clear: both;
	float: left; 
	margin:8px 0 0 0; 
	padding: 5px; 
	width:118px;
}


.conductividadinput {
	background:#43b1b1; 
	color:#000; 
	padding: 5px;
	border:none; 
	margin: 8px 0 0 0;
}

.imgsolucion {
	float: left; 
	width: 30%;
	/*background:#888*/
	margin-top: 5px;
}
@media (max-width:768px){
	.cajaproducto { width:100%; float:none;}
	.imgsolucion { width:100%; float:none;}
	}
#espesor_caja {
	/*float: left;*/
	background:#43b1b1;
	width:100%;
	margin:5px;
	margin-top:10px; 
	padding: 5px; 
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


.espesortitle {
	text-align: center; 
	margin:0;  
	padding: 5px 0 0 0;
	line-height:normal;
}

.espesordata {
	text-align: center;
	font-size:30px;
	line-height:normal;
	margin:0;
	padding:0; 
	color:#9c0c01;
}

#printreport {
	float: left; 
	background:#fff; 
	width:100%; 
	margin:5px; 
	padding: 5px;  
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#printreport p {
	text-align: center; 
	margin:0; 
	padding:0;
}

#printreport p a{
	color:#000;
	text-decoration:none;
}

#printreport p a:hover{
	color:#82bc00;
}






p.advertise { 
	clear:both;
	padding: 10px;
	/*width: 965px;*/
	text-align: justify;
}

p.advertise a{ 
	text-decoration:none;
	font-weight: bold;
	color:#000;
}

p.advertise a:hover{ 
	color:#82bc00;
}


/*#nuevaconsulta input{


	background:#82bc00;
	padding:5px;
	border: 1px solid #e1e1e1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 2px 5px;
	width:125px;
	cursor: pointer;
}


#nuevaconsulta input:hover{
	background:#43b1b1;
	color:#000;
}*/


/*#botonerahome input{
	float: left;
	background:#82bc00;
	padding:5px;
	border: 1px solid #e1e1e1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 5px;
	width:225px;
	cursor: pointer;
}*/


/*#botonerahome input.borrar{
	float: left;
	background:#82bc00;
	padding:5px;
	border: 1px solid #e1e1e1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 5px;
	
	cursor: pointer;
}*/


.btn {/*border-radius:0 !important;*/ --bs-btn-padding-x: 1.4rem;--bs-btn-padding-y:0.5rem;--bs-btn-font-size:.9rem;}



#botonerahome input:hover{
	background:#43b1b1;
	color:#000;
}

#resultados label { width:25%; display:inline-block;}
#resultados input:not(.btn) { width:70% !important; display:inline-block;}

@media (max-width:768px){
	#resultados label { display:block; font-size:12px; width:100% !important;}
	#resultados input:not(.<strong>btn</strong>) { display:block;width:100% !important;}
	}

.espesordata2 {
	border: 0px;
	text-align: center;
	background-color: #FFFFFF;
    color:#43b1b1;
}