/* MAIN STYLES: Cálculo de Espessuras Recomendadas de Isolamento segundo as Zonas Climáticas de Inverno */
/* ISOVER Saint-Gobain *************************************************************/
/* Enero 2014 **********************************************************************/
/* Autor: Mario Morera, www.mariomorera.com *******************************/


body {width:1000px; margin:0 auto; font-family:Verdana, Geneva, sans-serif; font-size:0.80em;}
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;}
#cabecera {width: 985px; height: 120px; background: #fff url(../img/cabecera.jpg) no-repeat;}
/*#intro {width: 985px; height: 50px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; text-align: center; line-height: 50px;}*/
#cabecera h1 {
	padding:0;
	margin:0;
	font-size:1.30em;
	position: absolute;
	top:35px;
	left:650px;
	color:#aaa;
	font-style:italic;
}

/*#identificacion {float: left; background:#f2f2f2; height:60px; margin: 10px 10px 10px 15px; border: 1px solid #e1e1e1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 952px;}*/
#identificacion {float: left; background:#f2f2f2; height:60px; margin: 10px; border: 1px solid #e1e1e1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 963px;}


#identificacion p {background:#ccc; padding:3px; margin:0;}

#identificacion label {float: left; margin: 11px 0 5px 8px; font-size:1.0em;}
#identificacion input {float: left; margin: 8px 0 10px 8px; font-size:0.9em;}


#mapaprovincias {float: left; width: 593px; height:419px; padding: 0 10px 0 10px;}

#combo {float: left; width: 372px; height:465px;}
#combo p{text-align: center; font-weight: bold; font-size: 1.00em;}
#combo p h1,h2,h3,h4,h5{text-align: center; font-weight: bold; font-size: 0.90em;}
#combo p span{text-align: center; font-weight: bold; font-size: 1.20em; color:#5fa741;}
#combo p.email a{color:#3398e6; text-align: center; font-weight: bold; font-size: 0.85em; text-decoration: none;}
#combo p.email a:hover{color:#858688; text-decoration: none;}
#combo p a{color:#5fa741; text-align: center; font-weight: bold; font-size: 0.70em; text-decoration: none;}
#combo p a:hover{color:#858688; text-decoration: none;}
#combo select {text-align: left;}




#localizacion {float: left; background:#f2f2f2; height:146px; margin: 0px 10px 3px 10px; border: 1px solid #e1e1e1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 350px;}
#localizacion p.title {background:#ccc; padding:3px; margin:0;}

#localizacion p.labelZC {float: left; margin: 5px 0 0 5px; background: #f2f2f2; line-height: 25px; font-size:.9em;}
#localizacion p.boxZC {float: left; margin: 5px 0 0 3px; background:#ffdd00; font-size: 1.20em; width: 40px; padding: 5px 3px;}


#selectprovincias {font-size:1.0em; margin: 0 0 10px 50px; width: 250px;}

#zonaclimatica {float: left; width: 240px; margin: 8px 0 5px 30px; font-size: 1.0em; font-weight:bold;}
input.zc {float: left; margin: 5px 0 10px 8px; border: none; background:#ffdd00; color: #000; font-weight: bold; font-size: 1.30em; text-align: center;}


#tipoactuacion {float: left; background:#f2f2f2; height:80px; margin: 5px 10px 3px 10px; border: 1px solid #e1e1e1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 350px;}
#tipoactuacion p {background:#ccc; padding:3px; margin:0;}


#tipodestino {float: left; background:#f2f2f2; height:80px; margin: 5px 10px 3px 10px; border: 1px solid #e1e1e1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 350px;}
#tipodestino p {background:#ccc; padding:3px; margin:0;}


#precomendado {float: left; background:#f2f2f2; height:80px; margin: 5px 10px 3px 10px; border: 1px solid #e1e1e1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 350px;}


#botonerahome {float: left; margin: 3px 0 0 13px; height: 40px;}


#pie {clear: both; float: none; width: 985px; height: 36px; background: #CCC url(../img/piemap.jpg) no-repeat; border-bottom: 1px solid #ccc;}
#pie span {font-size:0.85em; line-height: 36px; padding: 0 0 0 10px;}
#pie span a{text-decoration: none;color:#000}
#pie span a:hover{text-decoration: underline;}



/*http://webintenta.com/resplandor-animado-con-transiciones-css-sobre-elementos-input.html*/
input.entradadatos{
    font-size:12px;
    font-family: Arial, helvetica;
    outline:none;
    transition: all 0.75s ease-in-out;
    -webkit-transition: all 0.75s ease-in-out;
    -moz-transition: all 0.75s ease-in-out;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border:1px solid rgba(0,0,0, 0.2);
    color:gray;
    background-color:#eee;
    padding: 3px;
}
 
input.entradadatos:focus {
    box-shadow: 0 0 10px #aaa;
    -webkit-box-shadow: 0 0 10px #aaa;
    -moz-box-shadow: 0 0 10px #aaa;
    border:1px solid #999;
    background-color:white;
}


input.recogidadatos{
    font-size:12px;
    font-family: Arial, helvetica;
    outline:none;
    transition: all 0.75s ease-in-out;
    -webkit-transition: all 0.75s ease-in-out;
    -moz-transition: all 0.75s ease-in-out;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border:1px solid rgba(0,0,0, 0.2);
    color:#666;
    background-color:#fff;
    padding: 3px;
}
 








.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: #ffdd00;
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:10px;
	width: 965px;
	height: auto;
	border: 1px solid #e1e1e1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#resultitle {
	float: left;
	background:#ffdd00;
	padding:5px;
	margin:0; 
	border-bottom: 1px solid #ccc; 
	width: 955px;
	text-transform:uppercase;
}





#img-actuacion {
	float: left;
	width: 175px;
	margin: 5px 5px 0 10px;
}


#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:#ffdd00;
	width:133px; 
	margin:5px; 
	padding: 5px;
	height: 70px; 
	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: 450px;
}

.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:#ffdd00; 
	color:#000; 
	padding: 5px;
	border:none; 
	margin: 8px 0 0 0;
}

.imgsolucion {
	float: left; 
	width: 140px;
	background:#888
}

#espesor {
	float: left;
	background:#ffdd00;
	width:133px;
	margin:5px; 
	padding: 5px; 
	height: 120px; 
	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;
}

.espesordata {
	text-align: center;
	font-size:2.70em; 
	margin:0;
	padding:0; 
	color:#9c0c01;
}

#printreport {
	float: left; 
	background:#fff; 
	width:133px; 
	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:#ffdd00;
	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;
	width:100px;
	cursor: pointer;
}






#botonerahome input:hover{
	background:#ffdd00;
	color:#000;
}