/* CSS Document */

*{ margin: 0; padding: 0; }* 


html, body {
	height:100%;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	
}

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

}

strong{ color:#30821c;}

body {background: #0a6614 url(../imag/fondo_web.png) repeat-x;}

a:link {text-decoration:none; color:#76c300; }
a:visited {text-decoration:none; color:#76c300; }
a:hover {text-decoration:none; color:#fce900; }


.foto_centrada{display: block; margin: auto; }
.foto_der{float:right; margin: 0 0 15px 15px;}
.foto_izd{float:left; margin: 0 10px 0 0;}

.no-padding{padding:0;}

#menu-principal{margin-top:40px;}

#idiomas{margin:15px 0 0 0; height:20px; font-family: 'VAGRoundedStdbold'; color:#9dc831; font-size:12px; text-align:right; letter-spacing:0.04em;}
#idiomas a{ text-decoration:none; color:#9dc831;}
#idiomas a:hover, #idiomas a.current {color:#fff;}

.logo-peq{display:none;}
#logo-big{position:absolute; z-index:888; margin-left:-40px;}
#castor{position:absolute; z-index:888; margin-left:-40px; margin-top:270px;}

#medio {
	margin-top:80px;
	background: #FFFFFF;
	border-radius:18px;
	padding:15px;
}


video { 
    width: 100%;
    height: auto;
}


#abajo{
	margin-top:30px;
}

#banners-home{margin-bottom:50px;}

.banner{background:#FFFFFF; border-radius:18px; padding:6px;}
.banner p{position:absolute; z-index:9;font-family: 'VAGRoundedStdbold'; color:#FFFFFF; font-size:1.4em; line-height:1em;text-shadow: 1px 1px 1px #163902;}
.banner p span{color:#fce900;}
.banner.primero p{ margin:30px 0 0 30px;}
.banner.segundo p{ margin:30px 0 0 110px;}
.banner.tercero p{ margin:30px 0 0 110px;}

.banner a p{transition: all .2s ease-in-out;}
.banner a:hover p{transform: scale(1.2);}

#firma{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	float:left;
	margin:20px 0 0 0;
	line-height:1.5em;
	color:#bfdebf;
	}


.tooltip{background:none;}
#puntos{position:relative;}
#puntos .campana{position:absolute; right:20%; top:40px;}
#puntos .vajilla{position:absolute; right:35%; top:220px;}
#puntos .paredes{position:absolute; right:15%; top:150px;}
#puntos .encimera{position:absolute; right:8%; top:260px;}
#puntos .armarios{position:absolute; right:48%; top:260px;}
#puntos .horno{position:absolute; right:28%; top:310px;}
#puntos .nene{position:absolute; right:23%; top:410px;}
#puntos .ventana{position:absolute; right:65%; top:200px;}
#puntos img {
	border:0;
	cursor:pointer;
	margin:0 8px;
}




	
.empresa{font-size:1em; color:#fce900;}

#contenido{font-size:0.9em; color:#666;}

#contenido, #titulos {
	margin:0 0 0 0;
}
#contenido{padding:15px 15px 15px 30px;}
#contenido h2{font-size:1.3em; color:#308254; font-weight:bold;}
#contenido h3{font-size:1.1em; color:#99c12c; font-weight:bold;}

#titulos .subtitulo{margin:0px 0 0 0; color:#31821c;}

#contenido .imagenes{padding:0 5%;}

#contenido .datos{float:right; }

#contenido .plano{ width:640px; margin:0 20px;}
#contenido .plano ul{ margin:20px; float:left;}
#contenido .plano ul.prod{ width:100px; }
#contenido .plano ul.prod_gran{ width:160px;}


#contenido .bloque_4{width:45%; height:auto; float:left; text-align:center; padding:10px 0 100px 0; border:1px solid #c2cd07; -moz-border-radius: 15px; border-radius: 15px; margin:5px;}

#contenido .grasas{ background: url(../imag/grasa.png) bottom no-repeat;}
#contenido .alimentos{ background: url(../imag/alimentos.png) bottom no-repeat;}
#contenido .papel{ background: url(../imag/papel.png) bottom no-repeat;}
#contenido .vegetal{ background: url(../imag/vegetal.png) bottom no-repeat;}



#icon_producto{float:right; height:35px; width:auto; margin-top:20px;}

#contenido a.ficha{ margin: 5px 0 0 44px; background:url(../imag/pdf.png) no-repeat; padding-left:28px; height:24px; width:100%; display:block; line-height:22px; color:#a0bf23; float:right;  font-size:11px;}

#contenido a:hover.ficha{ color:#30821c;}



.apartado{background-image:url(../imag/fondo_tab.jpg); background-repeat:no-repeat; background-position:left  bottom; padding:0 15px; width:650px;}

#contenido_ancho {
	width:100%;
	margin:0 0 0 33px;
	padding:0;
	height: 430px;
}


#medio .cocina {
	background:url(../imag/foto_cocina.jpg);
}


#menu_lat {
		width:100%;
		padding-top:8px;
		background: #30821c;
		-moz-border-radius: 15px;
		border-radius: 15px;
		margin-top:120px;
	}
	
	
	
#menu_lat h1{font-family: 'VAGRoundedStdbold'; color:#FFFFFF; font-size:16px; text-shadow: 2px 2px 2px #1e6112; text-align:center; font-weight:normal; letter-spacing:0.03em; margin:0 0 6px 0; padding:0;} 
	
#menu_lat ul li{
			text-decoration:none;
			list-style:none;
			width:100%; 
			border-bottom:1px solid #006600;
			margin:0;
		}
		
		

		
				
	


.subtitulo{font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; letter-spacing:0; text-shadow: 0 0 0; font-weight:normal; }

#titulos{
	width:100%;
	height:auto;	
	margin:0;
	padding: 0;
	background: rgba(228,228,228,1);
	background: -moz-linear-gradient(top, rgba(228,228,228,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(228,228,228,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(228,228,228,1) 0%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(228,228,228,1) 0%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(228,228,228,1) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(228,228,228,1) 0%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#ffffff', GradientType=0 );
	border-radius:12px 12px 0 0 ;
	}

#titulos h1{
	text-align:center;
	color:#c2cd07;
	font-family: 'VAGRoundedStdbold';
	font-size:32px;
	font-weight:normal;
	text-shadow:1px 1px 1px #066300;
	padding:20px 0 15px 0;
	letter-spacing:0.03em;
	background-image:url(../imag/min-castor.png);
	background-repeat:no-repeat;
	background-position: 10px 3px;
	width:100%;
	line-height:1.2em;
	}
#titulos.cab_kenbipedia h1{background-image:none;}
	
#titu_profe { 
	ackground: rgba(150,192,45,1);
	background: -moz-linear-gradient(top, rgba(150,192,45,1) 0%, rgba(60,137,30,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(150,192,45,1)), color-stop(100%, rgba(60,137,30,1)));
	background: -webkit-linear-gradient(top, rgba(150,192,45,1) 0%, rgba(60,137,30,1) 100%);
	background: -o-linear-gradient(top, rgba(150,192,45,1) 0%, rgba(60,137,30,1) 100%);
	background: -ms-linear-gradient(top, rgba(150,192,45,1) 0%, rgba(60,137,30,1) 100%);
	background: linear-gradient(to bottom, rgba(150,192,45,1) 0%, rgba(60,137,30,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96c02d', endColorstr='#3c891e', GradientType=0 );
	border-radius:14px;
	width: 100%;
	height:auto;
	padding:5px 15px;
	margin:-15px 0 15px 0;
	color:#f7eb2d;
	font-size:1.1em;	
	}
	








/*---------------------------------------------------------------------------------------------------------------- CONTACTO */


#map {width:100%;}

#datos_mapa{float:left; margin:25px 0 0 0; width: 100%; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; color:#666666;}

/* #datos_mapa p{margin:4px 0;}

form {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	padding:0px;
	width:380px;
	margin:20px 0 0 0;
	float:right;
}

fieldset {
	background:#fefdf6;
	border:solid 1px #CCCCCC;
	margin: 0 0 20px 0;
	padding:20px;
}

legend { font-family:  Arial, Verdana, Helvetica, sans-serif; font-size:11px; color:#ffc400; font-weight:normal; margin:1px 0 0 0;}

form h3 {
	clear: both;
	padding: 5px 0px 5px 0px;
	font-size: 12px;
}

form label {
	display: block;
	font-size: 10px;
	color:#666666;
	line-height: 14px;
	padding: 0px 0px 5px 0px;
}

form label, .titu_form {
	display: block;
	line-height: 14px;
	padding: 0px 0px 5px 0px;
}


form input {
	font-size: 11px;
	display: block;
	margin-top: 2px;
	padding:3px;
	border:1px solid #ccc;
}


form select {
	padding:2px;
	border:1px solid #ccc;
	font-size: 11px;
	float: left;
	display: block;
}

form label.field-provincia select {
width: 245px;
float: left;
margin-top:5px;
}

form label.field-dias select, form label.field-horas select{
	width: 262px;
	float: left;
	margin-top:5px;
}

form label.field-dias,
form label.field-horas{
	float: left;
	margin: 0px 10px 0px 0px;
	width: 262px;
	}

form label.field-nombre,
form label.field-direccion,
form label.field-email,
form label.field-localidad,
form label.field-describe {
	clear: left;
	}
	

form label.field-describe_2 {
	clear: left;
	padding-top:10px;
	}


form label.field-nombre,
form label.field-telefono,
form label.field-provincia{
	float: left;
	margin: 0px 15px 0px 0px;
	width: 160px;
	}

form label.field-nombre input,
form label.field-telefono input{
	float: left;
	width: 160px;
	}
	
form label.field-empresa input{
	float: left;
	width: 365px;
	}
	
form label.field-empresa{
	float: left;
	margin: 0px 15px 0px 0px;
	width: 365px;
	}
	
form label.field-nombre input.nom_news{
	float: left;
	width: 140px;
	}
	
form label.field-nombre input.buscador{
	float: left;
	padding:0 0 0 4px;
	width: 165px;
	height:20px;
	background-color:#333333;
	background-image:url(../imag/button_buscador.png);
	background-position:right top;
	background-repeat:no-repeat;
	color: #666666;
	border-color:#666666;
	}
	
	
form label.field-apellidos,
form label.field-email,
form label.field-localidad{
	float: left;
	margin: 0px 15px 0px 0px;
	width: 190px;
	}
	


form label.field-apellidos input,
form label.field-email input,
form label.field-localidad input{
	float: left;
	width: 190px;
	}
	
	
form label.field-metros{
	float: left;
	margin: 8px 5px 0px 0px;
	width: auto;
	}

form .input_metros{
	float: left;
	width: 25px;
	padding: 0px;
	}


form label.field-cp {
	font-size: 11px;
	float: left;
	width: 80px;
	padding: 0px;
}

form label.field-cp input {
	font-size: 11px;
	float: left;
	width: 80px;
}

form label.field-direccion {
	float: left;
	width: 440px;
	margin: 0px 15px 0px 0px;
}

form label.field-direccion input {
	float: left;
	width: 350px;
}


textarea {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	display: block;
	width:370px;
	border:solid 1px #ccc;
}

form input#Privacidad, form input#checkme {
	clear: both;
	float: left;
	padding: 0px;
	margin: 0px 4px 0 0;
}



form textarea {
	margin-top: 3px;
}

.boton{border:none; background:url(../imag/boton.png); text-align:center; text-transform:uppercase; color:#c2e334; width:80px; height:24px; margin: 10px 0 0 0; padding:0; line-height:15px; cursor:pointer;}
.boton:hover{color:#fce900;}



.error {
	height:15px;
	background-color:#c2e334;
	font-size:11px;
	border:1px solid #E1E16D;
	padding:4px 10px;
	color:#000;
	display:none;	
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px; 
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;	
	-webkit-border-bottom-left-radius:0; 
	-webkit-border-top-left-radius:0;
	
	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;	
}

.error p {
	margin:0;		
}


.error {
	margin:0 0 2px;
	padding:2px 6px;	
	-moz-border-radius:4px;
	-webkit-border-radius:4px; 		
}

.error em {
	border:10px solid;
	border-color:#c2e334 transparent transparent;
	bottom:-17px;
	display:block;
	height:0;
	left:60px;
	position:absolute;
	width:0;			
}
 */


form {margin-top:60px;}

/* ------------------------------------------------------------------------------------- tabla */
table { margin-top:20px;}
table thead{background:#0b6714; color:#FFFFFF;}
table td{ text-align:center; padding:4px;border-bottom:1px solid #0b6714;}




#cocina-mob{display:none;}

@media only screen and ( max-width: 62.5em ) /* 1000 */{
#puntos{display:none;}
#cocina-mob{display:block; margin-top:50px;}	

}



@media screen and (max-width: 1024px) {
	#logo-big, .ocultar, #castor{display:none;}
	.logo-peq{display:block;}
	#medio, .banner {border-radius:0px;}
	#idiomas{margin-top:70px;}
	
	.banner p{font-size:2.1em; line-height:1em;text-shadow: 1px 1px 1px #163902;}
	.banner.primero p{ margin:40px 0 0 40px;}
	.banner.segundo p{ margin:40px 0 0 150px;}
	.banner.tercero p{ margin:40px 0 0 150px;}	
	
	#menu_lat {margin-top:0px;}

}