*{
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	
}
/* ---------------------------BODY------------------------------ */
body{
	 background-color:#5a4939;
	 background-size:100% 100%;
	 background-attachment: fixed;
}

body#index{
	background-image:url(BACKGROUND%20FOTOS/FONDO%20INICIO.jpg);
	}
body#aviso_legal{
	background:#5a4939;
	}
body#logistica{
	background-image:url(BACKGROUND%20FOTOS/transporte.jpg);
	}
body#body_inicio{
	background-image:url(BACKGROUND%20FOTOS/Fondo.jpg);
	}
body#body_eco{
	background-image:url(BACKGROUND%20FOTOS/fondo%20ecologico.jpg);
	}
body#body_amedida{
	background-image:url(BACKGROUND%20FOTOS/Fondo%20a%20medida.jpg);
	}
body#body_pro{
	background-image:url(BACKGROUND%20FOTOS/profesional.jpg);
	}
body#body_hobby{
	background-image:url(BACKGROUND%20FOTOS/Hobby.jpg);
	}
body#body_contacto{
	background-image:url(BACKGROUND%20FOTOS/Contacto.jpg);
	}
/* ------------------------FIN BODY------------------------------ */
/* ------------------------TEXTO---------------------------- */

p.letra{color:white; padding-top:10px;}

p.sombra{text-shadow:0px 0px 10px black, 0px 0px 30px black, 0px 0px 30px black, 0px 0px 10px black;}
p.aviso{text-align:right;}

p.tamaño1{font-size: 1.8em;}
p.tamaño2{font-size: 1.4em;}
p.tamaño3{font-size: 1.2em;}
p.tamaño4{font-size: 1.0em;}

p.margen11{margin-right:20px;}
p.margen12{margin-right:30px;}
p.margen13{margin-right:40px;}

p.margen21{margin-left: 40px;}
p.margen22{margin-left: 60px;}
p.margen22tab{margin-left: 65px;}
p.margen23{margin-left: 100px;}

p.margen31{margin-top:10px;}
p.margen32{margin-top:20px;}
p.margen33{margin-top:30px;}

p.margen41{margin-bottom:10px;}
p.margen42{margin-bottom:20px;}
p.margen43{margin-bottom:30px;}

<!-- LI -->
li.letra{ color:#FFF}
li.sombra{text-shadow:0px 0px 10px black, 0px 0px 30px black, 0px 0px 30px black, 0px 0px 10px black;}
li.margen23{margin-left: 160px;}
li.tamaño2{font-size: 1.4em;}

<!-- UL -->

ul.margen23{margin-left: 160px;}
ul.margen31{margin-top:10px;}

<!-- -->
p.texto{
	font-size: 1.4em;	color:white;	text-align: center;	padding-top:10px;	opacity:0.6;	-webkit-transition: padding-top .4s;
}
p.texto1{
	font-size: 1.8em;
	color:white;
	text-align:center;
	margin-right:40px;
	padding-top:10px;
	opacity:1;
	text-shadow:0px 0px 10px black, 0px 0px 30px black, 0px 0px 30px black, 0px 0px 10px black;
	}
p.texto2{
	font-size: 1.4em;
	color: white;
	text-align: left;
	padding-top: 10px;
	opacity: 1;
	text-shadow:0px 0px 10px black, 0px 0px 30px black, 0px 0px 30px black, 0px 0px 10px black;
	margin-left: 60px;
	margin-right:40%;
}
  
p.texto3{
	font-size: 1.4em;
	color:white;
	padding-top:10px;
	padding-left:30px;
	opacity:1;
	text-shadow:0px 0px 10px black, 0px 0px 30px black, 0px 0px 30px black, 0px 0px 10px black;
	margin-left: 20px;
	margin-right:30px;
}
p.texto4{
	font-size: 1.4em;
	color:white;
	padding-top:10px;
	padding-left:30px;
	opacity:1;
	text-shadow:0px 0px 10px black, 0px 0px 30px black, 0px 0px 30px black, 0px 0px 10px black;
	margin-left: 100px;
	margin-right:30px;	  
}		 
p.texto4_hobby{
	font-size: 1.4em;
	color:white;
	padding-top:10px;
	padding-left:30px;
	opacity:1;
	text-shadow:0px 0px 10px black, 0px 0px 30px black, 0px 0px 30px black, 0px 0px 10px black;
	margin-left: 200px;
	margin-right:30px;  
}

/* ------------------------FIN TEXTO---------------------------- */
/*--------------------------BANER INDEX-------------------------- */
div#Banner{
	width:100%;
	height:457px;
	margin: auto;
	}
img#img_banner{
	position:relative;
	display:block;
	margin:-140px auto;
	width:100%;
	max-width:782px;
	min-width:450px;
	}
	
div#imagen_entrar{
	width:100px;
	height:30px;
	margin:70px auto;
	background-image:url(IMAGENES%20INDEX/Boton%20Entrar%201.png);
	}
			div#entra{
				width:100px;
				height:30px;
				margin:70px auto;
				background-image:url(IMAGENES%20INDEX/Boton%20Entrar%202.png);
				-webkit-transition: opacity 0.4s;
				opacity:0;
				}	
	
div#imagen_entrar:hover div#entra{
	opacity:1;
	
	}
/*--------------------------FIN BANER INDEX-------------------------- */	

/* ------IMAGENES/TITULOS-------*/
img#suliflor_index{
	position:relative;
	display:block;
	width:150px;
	height:109px;
	margin-left:40px;
	margin-top:40px;
	}
img#suliflor_inicio{
	position:relative;
	display:block;
	width:150px;
	height:109px;
	margin-right:40px;
	margin-top:-190px;
	float:right;
	}
img#suliflor{
	position:relative;
	display:block;
	width:150px;
	float:right;
	height:109px;
	margin-left:40px;
	margin-top:10px;
	}
img#suliflor_contacto{
	position:relative;
	display:block;
	width:150px;
	height:109px;
	margin-right:40px;
	margin-top:10px;
	float:right;
	}
img#img_jardiper{
	position:relative;
	display:block;
	
	width:394px;
	height:142px;

	margin-top:10px;
	margin-left:600px;
	margin-right:25px;
	margin-bottom:0px;
	float:right;
}
img#img_jardiper_contacto{
	position:relative;
	display:block;
	
	width:394px;
	height:142px;

	margin-top:20px;
	margin-left:600px;
	margin-right:25px;
	margin-bottom:0px;
	float:right;
}

img#img_contacto_contacto{
	position:relative;
	display:block;
	
	width:300px;
	height:150px;

	margin-top:20px;
	margin-left:50px;
	margin-right:0px;
	margin-bottom:0px;
	float:left;
}
img#img_personalizado{
	position:relative;
	display:block;
	
	width:300px;
	height:150px;

	margin-top:10px;
	margin-left:50px;
	margin-right:0px;
	margin-bottom:0px;
	float:left;
}
img#jardiper_inicio{
	
	position:relative;
	display:block;
	width:540px;
	height:217px;
	margin-left:40px;
	margin-right:45px;
	margin-top:40px;
}
img#img_transporte_y_logistica{
	position:relative;
	display:block;	
	
	width:300px;
	height:150px;
	
	margin-top:10px;
	margin-left:50px;
	margin-right:0px;
	margin-bottom:0px;
	float:left;
}
<!-- ECO----->
img#img_Substrato_ecológico{
	position:relative;
	display:block;
	
	width:300px;
	height:150px;

	margin-top:10px;
	margin-left:50px;
	margin-right:0px;
	margin-bottom:0px;
	float:left;
}
img#img_deco_eco{
	position:relative;
	display:block;
	
	width:700px;
	height:400px;
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
	}
img#img_deco_amedida{
	position:relative;
	
	display:block;
	
	width:300px;
	height:200px;
	margin-left:100px;
	margin-top:20px;
	margin-bottom:20px;
	}
/* ------INICIO-------*/	
img#fotoosI{
	position:relative;
	display:block;
	margin:auto;
	width:100%;
	max-width:600px;
	min-width:600px;
	}
	
/*-- PRO --*/
img#img_jardiper_pro{
	position:relative;
	display:block;
	width:394px;
	height:142px;
	margin:auto;
	
}
img#suliflor_pro{
	position:relative;
	display:block;v
	width:150px;
	height:109px;
	margin-right:40px;
	margin-top:10px;
	float:right;
	}
img#img_profesional_pro{
	position:relative;
	display:block;
	
	width:300px;
	height:150px;

	margin-top:10px;
	margin-left:30px;
	margin-right:100px;
	margin-bottom:0px;
	float:left;
}
div#menu_pro{
	display:block;
	width:500px ;
	height:120 px;
	margin:auto;
	background-color:red;
	}
div#producto_a_medida_pro{
	position:relative;
	display:block;
	width:200px;
	height:120px;
	margin-left:20px;
	margin-bottom:50px;
	background-image:url(PRODUCTO%20PROFESIONAL/Substrato%20personalizado.png);
	/*background-color:#caa66b; */

	float:left;
	}
div#producto_ecológico_pro{
	position:relative;
	display:block;
	width:200px;
	height:120px;
	margin-left:300 px;
	margin-top:-200 px; 
	margin-bottom:50px;
	/*background-color:#caa66b;*/
	background-image:url(PRODUCTO%20PROFESIONAL/producto%20ecol%C3%B3gico.png);

	float:right;
	}


img#proMP{
	float:left;
	margin-left:100px;
	margin-right:40px;
	}
img#SF0{
	float:left;
	margin-left:100px;
	margin-right:40px;
	}
img#SF1{
	float:left;
	margin-left:100px;
	margin-right:40px;
	}
img#SF2{
	float:left;
	margin-left:100px;
	margin-right:40px;
	}
img#adorno_pro{
	position:relative;
	display:block;
	margin:auto;
	}
img#adorno2_pro{
	position:relative;
	display:block;
	margin:auto;
	margin-bottom:30px;
	}	
/* ------HOBBY-------*/

img#img_Hobby_hobby{
	position:relative;
	display:block;
	
	width:300px;
	height:150px;

	margin-top:10px;
	margin-left:50px;
	margin-right:0px;
	margin-bottom:0px;
	float:left;
}
img#HBIOseed{
	float:left;
	margin-left:100px;
	margin-right:40px;
	}
img#HBIOuniversal{
	float:left;
	margin-left:100px;
	margin-right:40px;
	}
img#HVegetable{
	float:left;
	margin-left:100px;
	margin-right:40px;
	}
img#HPM{
	float:left;
	margin-left:100px;
	margin-right:40px;
	}
img#HUniversal{
	float:left;
	margin-left:100px;
	margin-right:40px;
	}
img#HMPOrganic{
	float:left;
	margin-left:100px;
	margin-right:40px;
	}
img#HSULISeeding{
	float:left;
	margin-left:100px;
	margin-right:40px;
	}
img#Htomato{
	float:left;
	margin-left:100px;
	margin-right:40px;
	}
img#Hcucumper{
	float:left;
	margin-left:100px;
	margin-right:40px;
	}
img#HFlowers{
	float:left;
	margin-left:100px;
	margin-right:40px;
	}
img#Hgeranio{
	float:left;
	margin-left:100px;
	margin-right:40px;
	}
img#HRODO{
	float:left;
	margin-left:100px;
	margin-right:40px;
	}
img#HRODO2{
	float:left;
	margin-left:100px;
	margin-right:40px;
	}

/* ------FIN IMAGENES/TITULOS-------*/
/* -----------------------Inicio-----------------------------------------------*/
#headerinicio{
	margin:30px auto;
	width:1160px;
	height:230px;
}

div.contenedor_menuI{
	width: 250px;
	height: 230px;
	float:left;
	-webkit-transition: height .4s;
}
div#profesional_menuI{
	background-color: rgb(202,168,115);
	margin-right:40px;
	opacity: .85;
}

div#hobby_menuI{
	background-color: rgb(151,105,33);
	margin-right:40px;
	opacity: .85;
}

div#logistica_menuI{
	background-color: #a48553;
	margin-right:40px;
	opacity: .85;
}

div#contacto_menuI{
	background-color: rgb(151,105,33);
	margin-right:0px;
	opacity: .85;
}

img.imagenmenuI{
	
	display:block;
	margin:20px auto;
	background-color: rgba(255,255,255,.15);
	padding:0px;
	-webkit-box-shadow: 0px 0px 0px 60px rgba(255,255,255,0);
	-webkit-transition:box-shadow .4s;
}
div.contenedor_menuI:hover{
	height:250px;
}

div.contenedor_menuI:hover p.texto{	padding-top: 30px;
	opacity: 1;
}

div.contenedor_menuI:hover img.icon{
	-webkit-box-shadow:0px 0px 0px 0px rgba(255,255,255,.6);
}
div#mapa{
	float: right;
	margin-top:200px ;
	margin-right:60px;
	}




div#Video_ifr_inicio{

	float: left;
	margin-left:150px;
	width:351px;
	height:215px;
	
}
/* ----------------------------------------------------------------------*/
/* ----------------------------------------------------------------------*/
/* ----------------------------------------------------------------------*/

@media screen and (max-device-width:600px), (max-width:600px){
	body{
		background:black;
		}
	}
/* ----------------------------------------------------------------------*/
@media screen and (max-device-width:200px), (max-width:200px){
	body{
		background:orange;
		}
	}
/* ----------------------------------------------------------------------*/
/* ----------------------------------------------------------------------*/
/* ----------------------------------------------------------------------*/