@charset "UTF-8";
/* CSS Document */

 body { 
	background:#271510;
	font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
	text-align:center;
	font-size: 12px;
	font-weight: 400;
	color: #272727;
	line-height:14px;
	margin:0px;
	top:0px;
	background:url(../imatges/fustes/002.png) repeat;
	/*background:url(../imatges/002.png) no-repeat center fixed;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;*/

}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
	
img, div, span, div span, ul, li, form div ul li ul div, form, a { behavior: url("iepngfix.htc") }
	

a { transition:color 0.6s ease; -moz-transition:color 0.6s ease; -webkit-transition:color 0.6s ease; -o-transition:color 0.6s ease;}

	
a img {
    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    -ms-transition: opacity 1s ease;
    transition: opacity 1s ease; }
a img:hover {
	*zoom: 1;
	opacity: 0.6;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 60);
	filter: alpha(opacity = 60);}
	
	
	
	
	.grande {
	width: 960px;
	margin: 0 auto;
	z-index:1;
	top:0px;
	padding:0px;
}




	/*CABECERA*/
	
.capselera {
top:0px;
left:0px;
width:100%;
height:230px;
visibility:visible;
background-color:#FFFFFF;
background:#FFFFFF;
z-index:10;
background:url(../imatges/capselera-sinmalla.jpg) repeat center;

/*background:url(../imatges/capselera.jpg) repeat center;*/

}	

.logo {
position:absolute;
text-align:center;
width:100%;
margin-top:15px;
left:0px;
}



.menu {
top:230px;
width:100%;
height:70px;
visibility:visible;
z-index:11;
background:url(../imatges/fustes/006.png) repeat;
border-bottom-width: 12px; border-bottom-style: solid; border-bottom-color: #76b703;
}

.menutext {
font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size: 18px;
font-weight: 400;
color: #FFFFFF;
top:28px;
margin:25px;
text-align:center;
letter-spacing:3px;
position:relative;
width:100%;
}


a.menutext:visited {color:#FFFFFF; text-decoration: none;} 
a.menutext:active {color:#FFFFFF; text-decoration: none;}
a.menutext:link {color: #FFFFFF; text-decoration: none;}
a.menutext:hover {color: #76b703; text-decoration: none;}

.menutextactivo {
font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size: 18px;
font-weight: 400;
color: #76b703;
top:28px;
margin:25px;
text-align:center;
letter-spacing:3px;
position:relative;
width:100%;
}

/*.fletxa {
	text-align:center;
	margin-top:-13px;
	}*/






/*ESTILOS DEFINIDOS*/

h1 {
font-family: 'open_sansbold', Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size: 34px;
line-height:80px;
font-weight: 100;
color: #FFFFFF;
top:25px;
margin:0px;
text-align:center;
letter-spacing:3px;
position:relative;
}


h1.receta-titulo {
	line-height:60px;
        text-align: left;
		padding-left:32px;
		color:#242424;
    }

h2 {
font-family: 'open_sanslight_italic', Arial, Helvetica, sans-serif;
text-transform:none;
font-size: 28px;
line-height:38px;
font-weight:100;
color: #FFFFFF;
text-align:center;
letter-spacing:3px;
position:relative;

}

h3 {
font-family: 'open_sanssemibold', Arial, Helvetica, sans-serif;
text-transform:none;
font-size: 14px;
line-height:22px;
font-weight:100;
color: #FFFFFF;
top:35px;
margin:20px;
text-align:center;
letter-spacing:3px;
position:relative;

}

h3.receta-texto {
font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
text-transform:none;
font-size: 12px;
line-height:18px;
font-weight:normal;
color: #242424;
top:6px;
text-align:left;
letter-spacing:1px;
position:relative;
float:left;
padding-left:15px;
z-index:99;
}

h3.prese-texto {
font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
text-transform:none;
font-size: 14px;
line-height:18px;
font-weight:normal;
color: #242424;
top:6px;
text-align:left;
letter-spacing:1px;
position:relative;
float:left;
padding-left:15px;
z-index:99;
}

/*CUERPO*/

.botonesq {
width:220px;
height:60px;
border-bottom: 2px solid #FFFFFF;
border-top: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
border-left: 2px solid #FFFFFF;
border-bottom-style: solid; 
border-bottom-color: #FFFFFF;
background:#272727;
margin-top:80px;
margin-left:180px;
float:left;
}
	
	
.botondrt {
width:200px;
height:60px;
border-bottom: 2px solid #FFFFFF;
border-top: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
border-left: 2px solid #FFFFFF;
border-bottom-style: solid; 
border-bottom-color: #FFFFFF;
background:#272727;
margin-top:80px;
margin-right:160px;
float:right;
}
	
		
	

.textboto {
font-family: 'open_sanssemibold', Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size: 14px;
line-height:60px;
letter-spacing:3px;
font-weight:100;
color: #FFFFFF;
}
a.textboto:visited {color:#FFFFFF; text-decoration: none;} 
a.textboto:active {color:#FFFFFF; text-decoration: none;}
a.textboto:link {color: #FFFFFF; text-decoration: none;}
a.textboto:hover {color: #76b703; text-decoration: none;}


.respira {
	width:960px;
	height:50px;
	position:relative;
	float:left;
	z-index:1;
	}
	
	
	.respira2 {
	width:960px;
	height:20px;
	position:relative;
	float:left;
	z-index:1;
	}

/*PARTNERS*/

.partners {
font-family: 'open_sanssemibold', Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size: 14px;
line-height:20px;
letter-spacing:3px;
font-weight:100;
color: #FFFFFF;
text-align:left;
float:left;
left:0px;
width:960px;
}
.clientes {
margin-top:10px;
width:960px;
height:170px;
visibility:visible;
z-index:11;
background:url(../imatges/fustes/006.png) repeat;
border-bottom-width: 12px; border-bottom-style: solid; border-bottom-color: #76b703;
float:left;
}

.marcas {
	float:left;
	margin:0;
	}

.frase { margin-top:-50px;}




.footer {
font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
font-size: 12px;
line-height:12px;
letter-spacing:4px;
font-weight:100;
color: #FFFFFF;
text-align:center;
float:left;
left:0px;
width:960px;
position:relative;
height:20px;
z-index:99;
}
.footerclick {
font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
text-decoration:underline;
font-size: 12px;
line-height:12px;
letter-spacing:2px;
font-weight:100;
color: #76b703;
z-index:12;
}

.footerstudio {
font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
font-size: 10px;
line-height:12px;
letter-spacing:4px;
font-weight:100;
color: #FFFFFF;
text-align:center;
float:left;
left:0px;
width:960px;
position:relative;
height:20px;
z-index:12;
}
.footercaram {
font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
text-decoration:underline;
font-size: 10px;
line-height:12px;
letter-spacing:2px;
font-weight:100;
color: #76b703;
z-index:12;
}	


.final {
top:0px;
border:0px;
background:none;
width:100%;
height:auto;
visibility:visible;
border-bottom-width: 12px; border-bottom-style: solid; border-bottom-color: #76b703;
float:left;
position:relative;
text-align:center;
z-index:1;}

.cargol {
	position:absolute;
	bottom:-25px;
	left:0px;
	float:left;
	z-index:16;
}

.sombrapeu {
	position:absolute;
	bottom:-20px;
	left:0px;
	float:left;
	z-index:-2;
	}








/*RECETAS*/
.recetas {
margin-top:10px;
width:960px;
height:auto;
visibility:visible;
z-index:11;
/*background:url(../imatges/fustes/006.png) repeat;*/
float:left;
}


.recetasinfo {
margin-top:10px;
width:960px;
height:auto;
visibility:visible;
z-index:11;
background-color:#FFF;
/*background:url(../imatges/fustes/003.png) repeat;*/
float:left;
text-align:left;
padding-bottom:15px;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}

.receta {
width:312px;
height:auto;
background:url(../imatges/fustes/003.png) repeat;
margin:4px;
float:left;
font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
text-align:center;
font-size: 12px;
font-weight: 400;
color: #272727;
line-height:14px;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;	
}


.recetatitulo {
font-family: 'open_sanssemibold', Arial, Helvetica, sans-serif;
text-transform:uppercase;
text-align:center;
font-size: 18px;
font-weight: 400;
color: #272727;
line-height:22px;	
}

.recetatext {
position:relative;
padding-left:30px;
padding-right:30px;
font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
text-align:center;
font-size: 12px;
font-weight: 400;
color: #272727;
line-height:18px;	
}

.sabermas {
position:relative;
margin-right:30px;
font-family: 'open_sanssemibold_italic', Arial, Helvetica, sans-serif;
text-transform:uppercase;
text-align:right;
margin-bottom:15px;
float:right;
margin-top:5px;
color: #272727;
text-decoration:underline;
text-transform:uppercase;
z-index:999;
}

a.sabermas:visited {color:#272727; text-decoration: underline;} 
a.sabermas:active {color:#272727; text-decoration: underline;}
a.sabermas:link {color: #272727; text-decoration: underline;}
a.sabermas:hover {color: #5b5b5b; text-decoration: underline;}



.ingredientes {
	position:relative;
	width:300px;
	min-height:296px;
}


.pasos-receta {
	position:relative;
	width:900px;
	height:auto;
}



.foto-receta {
	float:right;
	top:0px;
}


.contact-form {
	float:right;
	width:100%;	
}



.contact-field {
	float:right;
	width:50%;
	height:auto;
}
.contact-send {
	float:right;
	width:100%;
}

.contact-message {
	float:right;
	width:100%;
}

form input[type=text]  {
	font-family:'open_sanssemibold', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:4px;
	display:block;
	width:100%;
	background-color:#FFFFFF;
	border:none;
	color:#272727;
	padding:10px 5px;
	font-size:16px;
	-webkit-border-radius:5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	margin-bottom:10px;	
	-webkit-box-shadow:none;
   -moz-box-shadow:none;
   box-shadow:none;
   float:right;
}

form input[type=text]:hover, form input[type=text]:focus  {
	background-color:#FFFFFF;
	color:#272727;
}


form input[type=email]  {
	font-family:'open_sanssemibold', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:4px;
	display:block;
	width:100%;
	background-color:#FFFFFF;
	border:none;
	color:#272727;
	padding:10px 5px;
	font-size:16px;
	-webkit-border-radius:5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	margin-bottom:10px;	
	-webkit-box-shadow:none;
   -moz-box-shadow:none;
   box-shadow:none;
   float:right;
}

form input[type=email]:hover, form input[type=text]:focus  {
	background-color:#FFFFFF;
	color:#272727;
}




form textarea  {
	font-family:'open_sanssemibold', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:4px;
	background-color:#FFFFFF;
	color:#272727;
	border:none;
	padding:10px 5px;
	font-size:16px;
	width:50%;
	height:70px;
	-webkit-border-radius:5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	-webkit-box-shadow:none;
   -moz-box-shadow:none;
   box-shadow:none;
   float:right;
}

form textarea:hover, form textarea:focus  {
	background-color:#FFFFFF;
	color:#272727;
}

form input[type=submit]  {
	font-family:'open_sanssemibold', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:4px;
	-webkit-appearance: none;
	border:none;
	background-color:#76b703;	
	color:#242424;
	padding:8px 35px;
	font-size:16px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor:pointer;
	float:right;
	margin-top:15px;	
}

form input[type=submit]:hover  {
	
	background-color:#242424;
	color:#93928E;
}


.enviareceta {
	position:relative;
margin-top:10px;
width:960px;
height:auto;
visibility:visible;
z-index:11;
/*background:url(../imatges/fustes/006.png) repeat;*/
float:left;
}

.privacidad {
	position:absolute;
font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
font-size: 12px;
line-height:28px;
letter-spacing:4px;
font-weight:100;
color: #FFFFFF;
text-align:left;
float:left;
left:0px;
width:45%;
height:auto;
z-index:99;
top:0px;
}