@charset "UTF-8";
/*colores
verde corporativo: color: #77C422;
verde borde: #409611;
azul:#1d769d
/* CSS Document */
#paleta1,#paleta2, #paleta3, #paleta4, #paleta5{
	padding: 5px 25px 5px 25px;
	
	margin-top: 15px;
}
#paleta1{
	background-color:#f8c81f;
}
#paleta2{
	background-color:#ee6c17;
}
#paleta3{
	background-color:#d51b1b;
}
#paleta4{
	background-color:#a64b7a;
}
#paleta5{
	background-color:#1d6e9e;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
	margin: 0;
	background-image:url(../images/fondo2.jpg);
	background-position: top;
	background-repeat:repeat-x;
	background-color: #d3f17b;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:100;
	 color: #fff;
	 background-image:url(../images/titular.gif);
	 background-repeat:no-repeat;
	 background-position:center;
	 padding-left: 25px;
	 width: 195px;

	 white-space: nowrap;
}

* html h1
{
min-width: 195px;


}

h2 {
	font-size: 12px;
	margin-top: 40px;
	background-color: #1d769d/*70104e*/;
	color:#FFFFFF;
	padding: 4px 25px;
	
	font-weight: 100;
}
* html h2
{
margin-top: 30px;


}

h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 100;
	 color: #fff;
	 background-color: #1d769d/*#70104e*/;
	/* background-color:#77C422;*//*#1d769d;*/
	 padding: 2px;
	 padding-left: 10px;
	 /*width: 185px;*/
	 white-space: nowrap;
	
	margin:0;
	 }

h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 100;
	 color: #409611;
	 background-color: #E8FFDC;
	 margin:0px;
	 padding:2px;
	 padding-left: 20px;
}

ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	padding-left: 25px;
	
}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1d769d;/*#a64b7a;/*#70104e;*/
	text-decoration: none;
	
	background-image:url(../images/puntero.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left:15px;

}

a:hover {
	color: #77C422;
	text-decoration: none;
	background-image:url(../images/punteroOver.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

a.actual {
	color: #409611;
	background-image:url(../images/punteroOver.gif);

}

a.sinImg{
	background-image:none;
	padding:0;
	margin:0;
	border:0;
}
a.sinImg:hover{
	background-image:none;
	border:0;
}
a.nombres,a.nombres:hover {
	border:1px solid #006600;
	border-left-width: 5px;
	background-image:none;
	margin: 2px;
	padding: 6px;
	height: 10px;
	min-height:10px;
	color: #006600;
	
	
}
a.nombres:hover {
	color: #77C422;
	border-color: #77C422;
}
.verde {
	color: #409611;
	
	
}
.telefono{
	color:#006600;
	font-size: 12px;	
	margin-left: 70px;
	padding: 0px;
		
}
.margen{
	padding: 10px;
}
.verdemargbig{
	margin: 5px 10px;
	color:#409611;
	font-size: 12px;
}
.azulB{
	color: #1d769d;
	font-size: 12px;
}

/* CAPAS */
#contenedor{
	position:relative;
	width: 850px;
	margin:auto;
	text-align:center;

}


#contenido{
	text-align: left;
	width:800px;
	min-height: 550px;
	height: 550px;
	background-image:url(../images/circulo.gif);
	background-position: top;
	background-repeat:no-repeat;
	position:relative;
	
	margin:auto;

	
}
body.inicio #contenido{
	width:730px;
}


/*body.espejo #contenido{
	background-image:url(../images/circulo2.gif);
}
/*body.duplica #contenido{
background-image:url(../images/circuloPeq.png);
background-position: top left;
}*/


#tarjeta{
	width: 220px;
	float:left;
	margin: 5px;
	margin-top: 95px;
	padding-top: 35px;
	background-color:#FFFFFF;
	border-right: #409611 solid 1px;
	border-bottom: #409611 solid 1px;
	height: 300px;
	position:relative;
}



#tarjeta.diviniActivo{
	background-color: #E8FFDC;
	cursor:pointer;
	cursor:hand;
}
#tarjeta.none{
	background-color:#FFFFFF;
}

.intro{
	position: absolute;
	bottom: 10px;
	left: 35px;
	width: 160px;
}
.verdeRight {
	color: #409611;
	text-align: right;
	font-size: 12px;	
}
/*fin tarjeta central en inicio*/
/*divs flash en inicio*/
#animaDupli {
	text-align: center;
	position:absolute;
	bottom: 0px;
	left: 60px;
	border: 0;
}

#animaPubli {
	text-align: center;
	position:absolute;
	bottom: 0px;
	left: 15px;
	border: 0;
}
/*fin divs flash*/

#tarjeton{
	width: 520px;
	float:left;
	margin: 10px;
	margin-top: 95px;
	padding:0 /*25px*/;
	background-color:#FFFFFF;
	border-right: #1d769d/*409611*/ solid 1px;
	border-bottom: #1d769d/*409611*/ solid 1px;
	height: 335px;
	min-height: 335px;
	position:relative;
}
#tarjeton p{
	margin: 20px 25px;
}
#tarjeton p.menor{
	margin:5px 25px;
}
#tarjeton ul, a{
	margin: 0px 10px;
}

body.duplica #tarjeton{
	height: auto;
	min-height: 335px;
}

* html body.duplica #tarjeton{
	height: 335px;
}

#legal{
	text-align:center;
	font-size:9px;
	color: #fff;
}
#legal a, #legal a:hover{
	background-image: none;
	padding:0;
	margin:0;
	color: #fff;
	font-size:9px;
}
#legal a:hover{
	color: #1d769d;
	font-size:9px;
}
body.duplica #legal{
	color:#409611;
	padding-left: 200px;
	
}
body.duplica #legal a{
	color:#409611;
}
#pie {
	color:#77C422;
	position:absolute;
	top: 420px;
	left: 110px;
	padding: 5px;
	margin-left:10px;
	width: 100px;
	min-width: 100px;
	background-color:#185628;
	font-size: 12px;
	text-align:center;	
}


#pieEspejo {
	
	position:absolute;
	top: 435px;
	left: 280px;
	height: 44px;
	
}

#pieEspejo a{
	margin-left: 20px;
	color:#488032;
		background-image: url(../images/adornoEnlace.gif);
	background-repeat: no-repeat;
	background-position: top left;
	
		height: 44px;
		min-height: 44px;
		display:inline;
		padding: 10px;
		padding-left: 20px;

}

#pieEspejo a:hover{
	background-repeat: no-repeat;
	background-position: bottom left;
}

#logomenu{
	position:absolute;

	top:60px;
	
	left: 610px;
	
	width:150px;
	z-index:1;
	
}

#menu1{
	position:absolute;

	top:60px;
	
	left: 250px;
	/*text-align:center;*/
	width:300px;
}
* html #menu1{
	
	left: 260px;
	
}
a.form{
	background-image:none;
	color:#FFFFFF;
	padding:0;
	margin:0;
}
a.form:hover{
	text-decoration:underline;
}
.boton{
	border:1px solid #006600;
	color:#FFFFFF;
	float:left;
	margin: 2px;
	padding: 6px;
	width:4px;
	min-width:4px;
	overflow:hidden;
	height: 10px;
	min-height:10px;
	background-image:none;
	white-space: nowrap;
	font-size:10px;
	
	
}
.boton:hover{
	background-color:#006600;
	background-image:none;
}

#ini.boton{
	border:1px solid #006600;
	background-color:#006600;
	background-image: url(../images/ini.gif);
	background-repeat: no-repeat;
	background-position: center;
	width:4px;
	min-width:4px;
	
}
#ini.boton:hover{
	border:1px solid #fff;
	
	
}

#dup.boton{
	border:1px solid #006600;
	background-color:#006600;
	background-image: url(../images/dupli.gif);
	background-repeat: no-repeat;
	background-position: center;
	width:4px;
	min-width:4px;
	
}
#dup.boton:hover{
	border:1px solid #fff;
	
	
}

#publi.boton{
	border:1px solid #006600;
	background-color:#006600;
	background-image: url(../images/publi.gif);
	background-repeat: no-repeat;
	background-position: center;
	width:4px;
	min-width:4px;
	
}
#publi.boton:hover{
	border:1px solid #fff;
	
	
}
/*catalogo*/
.sample, #sample{
	/*background-color:#CCCCCC;*/
	margin:5px;

}

#menuCatalogo{
	
	margin-left: 10px;
	width: 490px;
	border: 1px solid #1d769d/*70104e*/;/*#77C422;*//*#1d769d;*/
	/*background-color:#CCCCCC;*/

}

#menuCatalogo p{
margin:0;
}
.buttons{padding:0; margin:0;/*float:right;*/ /*width:170px*/}
.buttons span{color:#333333;padding:5px 10px;cursor:pointer;font:10px ; display:block;margin:0;}
.buttons span.l1{background-color: #EBEBEB;}
.buttons span:hover{background:#77C422;color:#fff}
.buttons span.active{background:#999;color:#000}

/* Sample 4*/

#box4, #box5{
	position:absolute;
	float:left;
}
#box4 div, #box5 div{
	width:490px;
	height:240px;
	float:left;
	background:  #E8FFDC;/*#E8FFDC;#EDFFF6;*/
	
}

#box4 h3, #box4 p, #box4 ul, #box5 h3, #box5 p, #box5 ul{
	margin: 0px;
	padding:5px 10px;
}
/*#box4 p{
	text-indent:16px;
}*/
#box4 img, #box5 img{
	/*width:200px;
	width:150px;*/
	float:left;
	margin:10px 10px 10px 25px;
	border:1px solid #333333;
}
#box4 img.hz, #box5 img.hz{
	/*width:100px;*/
	float:left;
	margin-bottom:3px;
	margin-left: 50px;
	border:1px solid #333333;
}
#info4{
	background:#fff !important;
	color:#409611 !important;
	cursor:default
}


/* ********************************** */

.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:54px;
	height:41px;
	margin:3px 0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}

.info{
	width:240px;
	height:50px;
	background:#000;
	position:absolute;
}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
}
.info h4{
	font-size:14px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}

.mask1{
	position:relative;
	width:490px;
	height:200px;
	overflow:hidden;
	/*margin-left: 15px;*/
}
.mask2, .mask3{
	position:relative;
	width:490px;
	height:200px;
	overflow:hidden;
	/*margin-left: 15px;*/
	/*border-right: 1px solid #1d769d;*/
}




span img{
	display:block;
	border:none;
}
/*fin catalogo*/


/**si el contenido de una capa excede el alto de esta, ponerle esta clase a la capa**/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


/* Hides from IE-mac \*/
* html .clearfix {height: 1%}
/* End hide from IE-mac */

/*prersupuesto online*/
#selectorPresupuesto{
	float:none;
	width: 250px;
	min-width: 250px;
	padding: 10px;
	padding-right:0;
	margin-left: 20px;
}
select{
/*width: 250px;
min-width: 250px;/
/*padding: 10px;*/
margin: 5px;
margin-left: 20px;
}

#zonaSelectores{
	float:left;
	width: 270px;
	min-width: 270px;
	
}
#zonaSelectores2{
	float:left;
	width: 470px;
	min-width: 470px;
	
}
#zonaPrecio{
	margin-left: 10px;
	margin-top:15px;
	float:left;
	width: 170px;
	min-width: 150px;
	/*background-color:#003300;*/
	color:#FFFFFF;
	font-size:12px;
	padding: 5px;
	background-image:url(../images/fondopizarra.jpg);
	background-repeat:repeat-x;
	border:1px solid  #000;
	/*border-left: 2px solid  #1d769d;
	border-right: 2px solid  #1d769d;*/
	}
	
#zonaPrecio a{
	color: #CCCCCC;
	background-image:none;
	padding: 2px;
	margin:0;	
	border: 1px #999999 solid;
}
#zonaPrecio a:hover{
	color: #77C422;
	/*background-image:none;
	padding: 2px;
	margin:0;*/	
	border: 1px #77C422 solid;
}
#coste{
	margin-bottom: 10px;
}
.fotoEspejo{
	position: absolute;
	width: 200px;
	top: 50px;
}	
#fotoAlvaro{
	left:260px;

}

#form{
	margin: 0 100px 20px 100px;
	background-color:#E8FFDC;
	padding: 5px;
}

input{
	margin: 3px;

}
#enviar{
	width: 150px;
	margin: 20px;
	margin-left: 100px;	

}
.error{
	color:#CC0000;
}

#resultado{
	margin: 10px;
	margin-left: 100px;
	margin-bottom: 30px;
	padding: 4px;
	border: 1px #003300 solid;
	width: 250px;
	/*text-align:center;*/
}
#botonBorrar{
	margin-left: 100px;
	float: right;
	
}
#botonEnviar{
	float: none;
	
	
}

optgroup {
	color:#77C422;
	background-color:#00FFFF;
}

#flashcontent {
	text-align:center;
	margin: 10px;
}