body{
	font-family:  Verdana, Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font: normal 100%;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	text-align:center;

}

header, nav, section, footer {
	display: block; z-index:200000;
}


	
.cabecera  {

	 
	width:100%;
	max-width: 1024px;
	margin: 0 auto;
}

a{
	color: #ededed;
	text-decoration:none;
	outline:none;
	font-size:0.8em;

}

a:hover{
	color: #707070;

}

img {
	max-width: 100%;
	border:0;
}


 

#centrado{
	margin:0 auto;
}

.logo{
 
 
	background-color:#FFFFFF;
	margin-bottom: 1%;
	float: left
}

.nav {

width:60%;
margin:10px auto;
text-align:center;
position: relative;

 


}

.nav li{
width:auto;
text-align:center;
margin: 0 auto;

 
}

.seccion{
	margin:0 auto;
	width: 100%;
	max-width: 1024px;
	max-height:auto;
	min-height: 425px;
	height:100%;

}


 .bloquesec{
	display: inline-block;	/* Es esencial para que se muestren los bloques en línea */
	width:95%;
	min-width:220px;
	min-height:220px;
	max-height:auto;
 
	margin:2%;
	margin:0 auto;
 
	height:100%;
font: 1.2em 'TeXGyreAdventorRegular', Arial, sans-serif; letter-spacing: 0.06em; line-height: 1.4em
	}
	
.bloqueser{
	display: inline-block;	/* Es esencial para que se muestren los bloques en línea */
	min-width:220px;
	min-height:220px;
	width:95%;
	max-height:auto;
	max-width: 400px;
	float:right;
	margin:0 auto;
	height:100%;
	font: 14px/20px 'TeXGyreAdventorRegular', Arial, sans-serif;letter-spacing: 0;
	}

.seccioncont{
	display: inline-block;	/* Es esencial para que se muestren los bloques en línea */
	height:100%;
	width: 100%;
	min-width: 200px;
	text-align:left;
	margin:0 auto;
	vertical-align:top;
	margin:3%;
	font: 15px/23px 'TeXGyreAdventorRegular', Arial, sans-serif;letter-spacing: 0; 

}

.cocinas img{max-width: 40%;
	display: inline;
 
	margin: 3%;

}


 .izda{
float:left;

}

 #imgizda{
	display: inline-block;	/* Es esencial para que se muestren los bloques en línea */

	float:left;
	margin:0 auto;
	height:100%;
	margin-bottom:5%;

}


#imgizda img{

	width:100%;
	display:block;

}

	
 #imgizdas{
	min-width:220px;
	min-height:220px;
	width:100%;
	max-height:690px;
	max-width: 590px;
	float:left;
	margin:0 auto;
	height:100%;
}


	
#imgizdas img{

width:100%;
	display:block;

}

.dcha{
	display: inline-block;	/* Es esencial para que se muestren los bloques en línea */
	min-width:220px;
	min-height:220px;
	width:95%;
	max-height:auto;
	max-width: 400px;
	float:right;
	margin:0 auto;
	height:100%;
	font: 14px/20px 'TeXGyreAdventorRegular', Arial, sans-serif;letter-spacing: 0;


}


section .bloqueser ul li{
		list-style: circle;
		width:100%
		
	}
	
.espaciovert{
 height:175px;
}


.textosizda{

	padding-top:20px;
	max-width:420px;
	min-width:200px;

	text-align:left;
	color:#272727;
	font-size:0.9em;

}


	
	.submenu{
	text-align:center;
		color:#3f3f3f;
		margin:10px;
		border-top: 1px dotted red;
		border-bottom: 1px dotted red;
		padding : 5px 0;

 

	}
	
.submenu a{
	font-size:1.0em;
		color:#3f3f3f;
	 
	}
	
.submenu a:hover{

		color:#00aff0;
	 
	}
	
	.submenuser{
	text-align:center;
	color:#fff;
	background-color:#818181;
	margin-top:0px;
	min-height:20px;
	height:10%;
	}
	
.submenuser a{

		color:#fff;
		font-weight:bold;
		background-color:#00aff0;
		padding:6px;
		margin-right:1.0em;
        font-size:0.8em;
		text-align:center;
	}
	
.submenuser a:hover{

		color:#ffffff;
		background-color:#3b5c2d;
	}
.submenuser li{

		background-color:#3b5c2d;
	}
	
.submenu1{
	text-align:center;
	color:#fff;
	background-color:#818181;
	margin-top:5px;
	min-height:20px;
	height:10%;
	}
	
	
.submenu1 a{

		color:#fff;
		font-weight:bold;
		font-size:0.8em;

	}
	
.submenu1 a:hover{

		color:#ffffff;
		background-color:#3b5c2d;
	}
	
a.resaltarsub {
	color:#e60303;
	font-weight: bold;
 
	}

.textosizdac{

	max-width:320px;
	clear:right;
	text-align:left;
	color:#3f3f3f;
	font-size:0.8em;
	float:right;
	padding-top:20px;
}


@font-face {
    font-family: 'TeXGyreAdventorRegular';
    src: url('texgyreadventor-regular-webfont.eot');
    src: url('texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('texgyreadventor-regular-webfont.woff') format('woff'),
         url('texgyreadventor-regular-webfont.ttf') format('truetype'),
         url('texgyreadventor-regular-webfont.svg#TeXGyreAdventorRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1 {font: 1.3em 'TeXGyreAdventorRegular', Arial, sans-serif;letter-spacing: 2px; font-weight:bold; color: #024f85 }

h2 {font: 1.2em 'TeXGyreAdventorRegular', Arial, sans-serif; letter-spacing: 0.06em; line-height: 2.0em color: #3b5c2d; font-weight: bold; }


.menu ul{
margin-left:9%;

}
.menu ul li a{font: 15px/23px 'TeXGyreAdventorRegular', Arial, sans-serif;letter-spacing: 0; }
.menu ul li a.resaltarmenu{

font: 15px/23px 'TeXGyreAdventorRegular', Arial, sans-serif;letter-spacing: 0;
font-weight:bold;
border-bottom: 4px transparent;
}

.menu {
	color: #ccc;
	font-size: 0.85em;
	clear:both;
	background: transparent url(../img/fondo_menu.jpg) repeat center;
	display:block;
	height:26px;
	width:100%;
}



ul li  {
	float: left;
	list-style: none;
	
}

ul li a {
	color: #fff;
	text-decoration:none;
	outline:none;
	margin-right:40px;
	border-bottom: 4px solid transparent;


}

ul li a:hover {
	color: #559b3b;
border-bottom: 4px #4d4d4d solid;

}

.resaltar{

color:#222222;
font-weight:bold;
background-color:#FFFFFF;
padding:4px;
padding-left:0;

}

.resaltarenlace{

color:#222222;
 
background-color:#FFFFFF;
padding:4px;
padding-left:0;
font-size:1.0em;
}

.pie{
	text-align:center;
	color:#ededed;
	font-size:0.7em;
	background: #818080;
	margin-top:0;
	height:10%;
	clear:both;
	z-index:200000;
	margin-top:4%;
	padding:3px;

}
.clear{
clear:both;
}

.formu label{
    display: block;
    margin: 5px 0 2px 0;
    font:11px Arial, Helvetica,sans-serif;
    color:#545454;
}

.formu label span{

	padding:0 0 3px 0;
	text-align:right;
	width:100px;
	float:left;
    color:#3f3f3f;  
}

.formu input{
    border: none;
    font:11px Arial, Helvetica,sans-serif;
    color:#3f3f3f;  
	margin-left:5px;
	border:1px solid #3f3f3f;

}

.formu value{
    height:auto;
    width:auto;
    border:none;
    margin-top:10px;
    font-size:11px;
    font-weight:bold;
    padding:2px;
    cursor:pointer;

} 

.formu textarea{
    border: none;
    font:11px Arial, Helvetica,sans-serif;
    color:#666; 
	border:1px solid black;
} 

.bordeform{  
	border: #616164; 
	border: 1px solid; 
	font : 11px 'verdana';
	background-color:transparent;
	
}

.boton{  

	font-size: 11px; 
	color: black; 
	background:white;
	border: #616164 1px solid; 
}

input{

	height:15px;

}

.acepto {
		overflow:hidden;
		padding:30px;
   		color:#555454;
		background:#FFFFFF;
		z-index:100000;
		font-size:0.8em;
		text-align:left;
		}
		
a.enlaceacepto{
color:#3f3f3f;
}

a.enlaceacepto:hover{
color:#3b5c2d;
}
a.enlace{
color:#ccc;
}

a.enlace:hover{
color:#000;
}

a.servicios{
color:#3b5c2d;
text-align:right;
text-decoration: none;
outline:none;


}

a.servicios:hover{
color:#000;
}

.navprod {

width:100%;
margin:10px auto;
text-align:center;
position: relative;

}

.navprod li{
width:auto;
text-align:center;
margin: 0 auto;

}



#animacion{
	display: block;	/* Es esencial para que se muestren los bloques en línea */
	min-width:220px;
	min-height:220px;
	width:100%;
	float: left;
	margin:0 auto;
	height:auto;
 	position:relative;
 
	}
	
	
	
#animacion img{
width:100%;
	 width:1100px;
 
	min-width:200px;
	clear: both;
	height: auto;
	display: block;


}

#animacion p{
	font: 1.1em 'TeXGyreAdventorRegular', Arial, sans-serif; letter-spacing: 0.06em; line-height: 2.0em


}

#animacion .txt{
	font: 0.9em 'TeXGyreAdventorRegular', Arial, sans-serif; letter-spacing: 0.06em; line-height: 2.0em


}

 .bloque{
 	display: inline-block;	
 	float:right;
 	text-align: center;
 	width:100%;
 	padding-top: 15%;
	margin:0 auto;
	height:100%;
	font: 1.2em 'TeXGyreAdventorRegular', Arial, sans-serif; letter-spacing: 0.06em; line-height: 2.0em
	}

 .bloque ul li{
		list-style: none;
		width:100%;
		line-height: 1.5em;
	} 

	 

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

  #animacion { 
    max-height: none !important; 
 
    height: auto !important; 
 
    position: relative !important; 

 

 
  }
    .bloque {padding-top: 0px;

 
    }
 
  
 

}}