/* Estilo principal WEB */

html{float:left;position:relative;width:100%;height:100%;margin:0;padding:0;}

body{float:left;position:relative;width:100%;height:100%;margin:0;padding:0;background:url(../img/yedra_bg.jpg) #fff top center no-repeat;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#747440;}


a{color:#747440;text-decoration:none;}
a:hover{color:#d9768c;}
a img{border:none;}

div#master{
position:relative;
width:1000px;
height:auto;
margin:0 auto;
padding:0;
}



	div#cabecera{
	position:relative;
	width:100%;
	height:338px;
	margin:0;
	padding:0;
	background:url(../img/cabecera.jpg) top left no-repeat;
	}

		div#logotipo{
		float:left;
		position:relative;
		width:485px;
		height:338px;
		margin:0;
		padding:0;
		}
		
			div#logotipo a#enlace_inicio{
			float:left;
			position:absolute;
			width:185px;
			height:125px;
			margin:0;
			padding:0;
			top:115px;
			left:155px;
			}


		div#menu{
		float:left;
		position:relative;
		width:140px;
		height:338px;
		margin:0;
		padding:0;
		}


			div#menu ul{
			float:left;
			position:relative;
			width:140px;
			height:155px;
			margin:120px 0 0 0;
			padding:0;
			}


			div#menu ul li{
			float:left;
			position:relative;
			width:100%;
			margin:4px 0 0 0;
			padding:0;
			list-style-image:url(../img/florecita.gif);
			}

				div#menu ul li a{
				float:left;
				position:relative;
				margin:4px 0 0 0;
				color:#747440;
				font-weight:bold;
				}


				div#menu ul li a:hover{
				color:#d9768c;
				}

				div#menu ul li#tienda a{
				color:#d9768c;
				}

				div#menu ul li#tienda a:hover{
				color:#747440;
				}

		div#chica_sup{
		float:left;
		position:relative;
		width:375px;
		height:338px;
		margin:0;
		padding:0;
		background:url(../img/chica_superior.jpg) top right no-repeat;
		}


	div#ofertas{
	position:relative;
	width:100%;
	height:250px;
	margin:0;
	padding:0;
	}




		div#ofertas div#especiales{
		float:left;
		position:relative;
		width:625px;
		height:250px;
		margin:0;
		padding:0;
		background:url(../img/ofertas_especiales.jpg) top left no-repeat;
		}


			div#especiales div#tres{
			position:relative;
			width:590px;
			height:320px;
			margin:15px 0 0 30px;
			padding:0;
			}

			div#especiales div.oferta{
			float:left;
			position:relative;
			width:180px;
			height:175px;
			margin:32px 0 0 12px;
			padding:0;
			font-weight:bold;
			}


				div#especiales div.oferta div.titulo{
				position:relative;
				width:100%;
				height:25px;
				margin:5px 0 0 10px;
				padding:0;
				color:#fff;
				text-transform:uppercase;
				}



				div#especiales div.oferta div.foto{
				position:relative;
				width:112px;
				height:112px;
				margin:8px auto 0 auto !important;
				text-align:center;				
				padding:0;
				}

				div#especiales div.oferta div.foto img{
				position:relative;
				width:112px !important;
				height:112px !important;
				margin:0 auto !important;
				padding:0;
				border:none;
				}

				div#especiales div.oferta div.precio{
				float:left;
				position:relative;
				width:90px;
				height:25px;
				margin:6px 0 0 10px;
				padding:0;
				color:#d9768c;
				}


				div#especiales div.oferta div.mas{
				float:left;
				position:relative;
				width:75px;
				height:25px;
				margin:6px 0 0 0;
				padding:0;				
				}


		div#ofertas div#chica_pos{
		float:left;
		position:relative;
		width:375px;
		height:250px;
		margin:0;
		padding:0;
		background:url(../img/chica_abajo.jpg) top left no-repeat;
		}


/*------------------------------------------------------------------------------*/
div#contenedor{
float:left;
position:relative;
width:570px;
height:auto;
margin:0 0 0 30px;
padding:0 0 30px 0;
background-color:#fff;
}


	h1.titulo{
	float:left;
	position:relative;
	width:100%;
	height:18px;
	margin:0 0 0 0;
	padding:0 0 5px 0;
	color:#d9768c;
	font-size:16px;
	text-transform:uppercase;
	font-weight:bold;
	}


	div#contenedor p{
	float:left;
	position:relative;
	width:95%;
	margin:15px 0 0 0;
	font-weight:normal;
	}
	
	
	

div#lateral{
float:left;
position:relative;
width:400px;
height:auto;
margin:0;
padding:0;
background-color:#fff;
}

	div#lateral div{
	float:left;
	position:relative;
	width:100%;
	margin:40px 0 0 0;
	padding:0;	
	}
	
	
/*------------------------------------------------------------------------------*/


div#contenedor_gigante{
float:left;
position:relative;
width:100%;
height:auto;
margin:0 0 0 30px;
padding:0 0 30px 0;
background-color:#fff;
}


	div#contenedor_gigante p{
	float:left;
	position:relative;
	width:95%;
	margin:15px 0 0 0;
	font-weight:normal;
	}
	
	
	
/*------------------------------------------------------------------------------*/
div#pie{	
float:left;
position:relative;
width:100%;
height:426px;
margin:0;
padding:0;
background:url(../img/footer_bg.jpg) bottom left repeat-x;
}

div#pie div#copy{	
position:relative;
width:600px;
height:auto;
margin:145px auto 0 auto;
padding:0;
font-weight:bold;
}


div#pie div#copy p{	
text-align:center;
width:100%;
color:#f2f2f2;
}

div#pie div#copy a{	
color:#f6e191;
}



div#pie div#copy a:hover{	
text-decoration:underline;
}



div#pie div#centrarlos{	
position:relative;
width:230px;
height:155px;
margin:0 auto;
padding:0;
text-align:center;
}




div#pie div#piatic{	
float:left;
position:relative;
width:125px;
height:155px;
margin:20px 0 0 15px;
padding:0;
text-align:center;
}

div#pie div#sellos{	
float:left;
position:relative;
width:90px;
height:155px;
margin:20px 0 0 0;
padding:0;
text-align:center;
}


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

/* CONTACTO */

form#mi_formu{
float:left;
position:relative;
width:370px;
height:380px;
margin:0 0 0 0;
padding:0 0 25px 0;
}

 form#mi_formu strong{color:#747440;}

 form#mi_formu label{
float:left;
position:relative;
width:90%;
margin:12px 0 0 0;
padding:0;
text-align:left;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}


 form#mi_formu input,textarea{
float:left;
position:relative;	
width:100%;
height:18px;
background-color:#d6e0a8;
border:1px solid #d6e0a8;
}


 textarea{height:100px;}

input#acepto{
float:left;
position:relative;	
margin:0;
padding:0;
width:12px;
}


form#mi_formu input:hover,input:focus,textarea:hover,textarea:focus{
background-color:#fff;
}



	 form#mi_formu input#boton_enviar{
	float:left;
	position:relative;	
	margin:15px 0 0 0;	
	width:55px;
	height:27px;
	background:#747440;
	padding:0;
	cursor:pointer;
	font-weight:bold;
	color:#fff;
	text-align:center;
	border:1px solid #747440;
	}
	
	 form#mi_formu input#boton_enviar:hover{background-color:#d6e0a8;border:1px solid #d6e0a8;color:#747440}

div#relleno{
float:left;
position:relative;
width:370px !important;
height:100%;
padding:0;
background-color:#f2f0f0;
border:1px solid #d0d2d2;

}

iframe{
position:relative;
border:1px solid #747440;
}

/* LOGIN ACCESO */
	form#login{
	float:left;
	position:relative;
	width:100%;
	margin:30px 0;
	padding:0;	
	}



	form#login input{
	position:relative;
	width:200px;
	padding:0;
	background-color:#d6e0a8;
	border:1px solid #d6e0a8;
	margin:0 0 0 0;
	}


	form#login input:hover{
	border:1px solid #d6e0a8;
	background-color:#fff;
	padding:0;
	margin:0;
	}
 
 	form#login input.button_login{
	width:auto;
	margin:0;
	cursor:pointer;
	background-color:#747440;
	margin:5px 0 0 0;
	padding:2px 3px 2px 3px;	
	color:#fff;
	border:1px solid #747440;
	}
	
	
	form#login input.button_login:hover{background-color:#d6e0a8;border:1px solid #d6e0a8;color:#747440}

	p.error{width:100%;text-align:left;color:#990000;}
	p.ok{width:100%;text-align:left;color:#009900;}
	
	
	
img#interflora{
float:left;
position:absolute;
bottom:27px;
left:8px;
padding:0;
margin:0;
width:70px;
height:70px;
}	


h1.encabezado{
font-size:12px;color:#747440;font-weight:bold;margin-top:8px;
}