body{
	FONT-SIZE: 10px;
	MARGIN: 0;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Helvetica, sans-serif;
	TEXT-ALIGN: left;
	background-color:#ffffff;
}

a{
	color:#B03B00;
	text-decoration:underline;
}

a img{
	border:none;
}

ol{
	margin:0 0 0 20px !important;
	margin:0 0 0 25px;
	padding:0;
}


#contenedor{
	float:left;
	width:770px;	
	text-align:left;
	margin:0;
	padding:0;
		
}

#bandaIzda{
	margin:0;
	padding:0;
	float:left;
	width:385px;	
	height:433px !important;
	height:400px;
	}


		#cabecera{
			float:left;
			height:94px !important;
			height:81px;
			width:385px;
			background: url(../img/home/bgManzanas.gif) no-repeat bottom;
			text-align:left;
			border-bottom:1px solid #777676;
			border-right:1px solid #777676;	
		}
		
		#cabecera a, #cabecera2 a{
			color:#777676;
			text-decoration:none;
		}	
		
		#cabecera2{		
		height:170px !important;
		border-bottom:1px solid #777676;
		border-right:1px solid #777676;	
		background: url(../img/home/bgManzanas.gif) no-repeat bottom;
		height:180px;}
		
				#cabecera2 img{margin-left:90px;}
		
		#cabecera p{
			margin:0 0 20px 10px !important;
			padding:5px 0 0 0 !important;
			text-align:left !important;		
			
			margin:10px 0 18px 10px;
			padding:0;		
		}
		
			
			
			#cabecera img{
			margin-left:90px;
		}
		
		#menu{
			text-align:center;
			height:12px;
			float:left;
			border-bottom:1px solid #777676;
			width:385px;
			border-right:1px solid #777676;
		}
		
				#menu li a {
					color:#777676;
					text-decoration:none;
				}
				
				#menu li a:hover{
					color:#005925;
				}
		
		#menu ul{
			list-style-type:none;
			padding:0;
			margin:0;
			height:12px;
			width:100%;
			}
		
			#menu ul li{
				display:inline;
				padding:0 7px 0 6px;
				border-left:1px solid #777676;
				height:12px;
				position:relative;
				
				}
				
				#primero ul{
					width:335px !important;
				}
				
				#segundo ul{
					width:220px !important;
				}
				
					#menu ul ul{
						font-size:9px;
						list-style-type:none;
						padding:0;
						margin:0;
						
						height:12px;
						background-color:#FFF;
						position:absolute;
						top:12px;
						left:-1px !important;
						border:1px solid #777676;						
						left:0;
						width:200px !important;
						width:auto;
					}			

					li ul{
						display:none;
						}
					
					
					#menu li ul li{
						vertical-align:middle;
						border-left:none;								
						padding:0 6px 0 6px;
						margin:0;
						float:left;
						border-right:1px solid #777676;
						padding-right:6px;
						}
						
						#menu li ul li a:hover{
							color:#B03B00;
						} 
 										  						
					#menu li:hover ul, li.over ul{display: block;}
			
			#menu .primero{
				border-left:none;
			}
			
			#menu .UltimoSecundario{
				border-right:none;
				float:left;
			}
			
			
			/*#primero ul{
				width:330px;			
			}
			
			#segundo ul{
				width: 310px;
			}*/
			
.actual{
	color:#B03B00;
}
		
/*					Sección izda	 Cuerpo*/		
		
#cuerpo{
	width:377px;
	height:226px !important;
	height:226px;
	background:url(../img/home/bgBandas.gif) repeat-y;
	float:left;
	color:#04B44D;
	font-weight:bold;
	padding:0 0 0 8px;
	
	
}		

	
	#cuerpo p{
		font-size:11px;
		padding:0;
		margin:8px 0 8px 0;
	}
	
		#cuerpo ul{
			font-size:9px;
			margin:0;
			padding:0;
		}
		
			#cuerpo li{
				padding-bottom:8px;
			}

/*   ====================Version2 del cuerpo de la iZda======================== */

#cuerpo2{
	height:325px;
	width:127px;
	background:url(../img/compania/fondoIzda.gif) repeat-y;
	float:left;
	color:#04B44D;
	font-weight:bold;
	padding:0 0 0 0;
	font-size:9px;
}

#cuerpo2empresa{
	height: 482px!important;
	height:531px;
	width:127px;
	background:url(../img/compania/fondoIzda.gif) repeat-y;
	float:left;
	color:#04B44D;
	font-weight:bold;
	padding:0 0 0 0;
	font-size:9px;
}

#cuerpo2donde{
	height: 445px!important;
	height:484px;
	width:127px;
	background:url(../img/compania/fondoIzda.gif) repeat-y;
	float:left;
	color:#04B44D;
	font-weight:bold;
	padding:0 0 0 0;
	font-size:9px;
}

#cuerpo2aviso{
	height: 1950px!important;
	height:2264px;
	width:127px;
	background:url(../img/compania/fondoIzda.gif) repeat-y;
	float:left;
	color:#04B44D;
	font-weight:bold;
	padding:0 0 0 0;
	font-size:9px;
}


#cuerpo2 p{
	font-size:9px;
	font-weight:normal;
	margin:165px 0 0 9px;
}
	#cuerpo2 a{
		color:#04B44D;
		text-decoration:none;
	}
		#cuerpo2 a:hover{
			color:#FFF;
		}

#cuerpo2 ul{
			list-style-type:none;
			margin:10px 0 0 9px;
			padding:0;
		}
		
		#cuerpo2 ul ul{
			margin:11px 0 0 9px;
		}
		#cuerpo2 li{
			padding-bottom:8px;
			width:110px;
		}

	#cuerpo2 img{
	padding:0;
	margin:29px 0 0 5px ;}
	
#cuerpo2.alturaCuerpo{
		height:470px !important;
	height:455px;
}

#imagenIzda2 {
	margin:0;
	padding:0;
}

#imagenIzda2 p.fichaLogistica {
	border:none;
	background-color:#FFF; 
	
}	
#ficha p.fichaLogistica{width:100%;}
.fichaLogistica a{
	color:#ffffff;
	float:left;
	background-color:#B03B00;
	padding:3px 10px 3px 10px;
	background-image:url(../img/enlaceFicha.gif);
	background-repeat:no-repeat;
	background-position:4px 7px;
	margin-bottom:10px; 
	font-weight:normal;
	text-decoration:none;
	font-size:9px;
}
.fichaLogistica a:hover{background-color:#D85615;}

.enlaceVolverFicha a{
	color:#FFF;
	float:right;
	text-decoration: none;
	background-color:#005925;
	background:url(../img/volver.gif) no-repeat #005925;
	background-position:5px 7px;
	padding:3px 7px 3px 13px;
	margin:7px 33px 0 0 !important;
	margin:7px 32px 0 0;
}

.enlaceVolverFicha a:hover{background-color:#028D3C;}
	
#imagenIzda{
	float:left;
	width:250px;
	margin:30px 0 0 0;	
}

#imagenIzdaContacto{
	float:right;
	width:250px;
	margin:1px 7px 0  0 !important;	
	margin:1px 0 0  0;
}

#imagenIzdaAtencion{
	float:right;
	width:250px;
	margin:32px 0 0  0 !important;	
	margin:74px 0 0  0;	
}

	
/* =================== Banda Derecha ================================ */

#bandaDcha{
	float:left;
	width:384px;
	height:420px;
	background-image:url(../img/home/bgDcha2.jpg);
	background-repeat:no-repeat;
}

/* ================== Efectos de transparencia ========================== */

.transparencia{
background-color:white;
}



/* ========================= banda derecha 2a version (Compañia)============ */

#bandaDcha2{
	float:left;
	width:360px;
	margin:0 0 0 0;
	padding:50px 0 0 20px;
	color:#005925;
	border-left:1px solid #777676; 
	
}

#bandaDcha2productos{
	float:left;
	width:360px;
	margin:0 0 0 0;
	padding:50px 0 0 20px;
	color:#005925;
	border-left:1px solid #777676;
	height:381px !important; 
	height:370px;
	
	
}

#bandaDcha2contacto{
	float:left;
	width:360px;
	height:383px !important;
	height:370px;
	margin:0 0 0 0;
	padding:100px 0 0 0;
	padding:50px 0 0 20px;
	color:#005925;
	border-left:1px solid #777676 !important; 
	
}

#bandaDcha2donde{
	float:left;
	width:360px;
	height:500px !important;	
	height:370px;
	margin:0 0 0 0;
	padding:50px 0 0 20px;
	color:#005925;
	border-left:1px solid #777676; 
	
}

#bandaDcha2empresa{
	float:left;
	width:360px;
	height:540px !important;	
	height:370px;
	margin:0 0 0 0;
	padding:50px 0 0 20px;
	color:#005925;
	border-left:1px solid #777676; 
	
}


h1{
	font-size:14px;
	color:#00591B;
	
	
}

.bandaDchaLista{
	width:300px;
}




/*						Version producto de la banda dcha					*/

#bandaDchaProducto{
	float:left;
	width:340px;
	height:352px;
	
	margin:32px 0 0 40px;
	color:#005925;
}





/* =========================== indicador de producto seleccionado ====================== */
.claseMarcada{
	color:#FFF;
}



.borde{
	border-right:1px solid #777676;
}


/* 			Version para productos de ImagenIzda		*/

#imagenIzda2{
	padding:24px 0 0 13px;	
	float:left;
	width:235px;
	height:301px;
}


#imagenIzda2 p, #imagenIzda2 li{
	width:230px;
	margin:0;
	padding:0;
	color:#005925;
}

/* 									ID Ficha de producto		*/
#ficha{
	width:200px;
	float:left;
	border-left:1px solid #1A6B3B;
	margin:25px 0 0 0;
}

	#ficha p{
		color:#000;
		background-color:#CDE6D7;
		font-size:10px;
		
		font-weight:bold;
		width:159px;
		height:15px;
		margin:0;
		padding:0 0 0 6px;
		border-right:1px solid #1A6B3B;
		border-top:1px solid #1A6B3B;
		border-bottom:1px solid #1A6B3B;
		display:block;
	}
	
	#ficha ul{
		list-style-type:none;
		
		padding:0;
		margin:3px 0 5px 7px;
		color:#777676;
	}
	
		#ficha ul.dos li{
			padding-bottom:7px;
		}
		
		#ficha ul.dos {
			margin-bottom:0;
			height:71px;
		}
		


/* ============ Selectores para la tabla de Ficha Logistica ===================*/

div.imprimirPDF{
	float:right;
	margin:7px 10px 0  0;
}


#listaTabla p, ul {
	margin:0;
	padding:0;
	list-style-type:none;
	width:97px;
	
}


td#listaTabla{
	text-align:center;
}
#tablaLogistica{
	float:left;
	width: 600px;
	font-size:9px;
	margin:10px 0 0 10px;
	padding:0;
	/*border-top:1px solid #3B3B3B;*/
	/*border-left:1px solid #3B3B3B;*/
	/*border-bottom:1px solid #3B3B3B;*/
	
}

	#tablaLogistica table{
		float:left;
		margin:0;
		padding:0;
		width: 600px;
		border-top:1px solid #3B3B3B;
		border-left:1px solid #3B3B3B;
		border-bottom:1px solid #3B3B3B;
	}

#tablaLogistica th{
	color:#FFF;
	height:38px;
	margin:0;
	padding:0;
	background-color:#D5AD27;
	text-align:center;	
	border-right:1px solid #3B3B3B;
	height:16px;}
	
#tablaLogistica th.doble{
	width:70px;
	height:14px;
}
#tablaLogistica td{
	text-align:center;
	border-right:1px solid #3B3B3B;
	padding:6px 3px 7px 7px;}

	.encabezado{
		border-bottom:1px solid #3B3B3B;		
	}
	
	
	.bordeArriba{
		border-top:1px solid #3B3B3B;
	}
	
#tablaLogistica	td.texto{
	text-align:left;	
	}
	
th#tituloTabla{
	width:21px;
	height:225px;
	background:url(../img/logistica/fichaLogistica.gif) no-repeat top left ;
	background-color:#C99000;
}

th#tituloTablaHz{
	height:21px;
	background:url(../img/logistica/fichaLogisticaHz.gif) no-repeat top left ;
	background-color:#C99000;
}

th#tituloHojaTecnicaHz{
	height:21px;
	background:url(../img/logistica/hojaTecnicaHz.gif) no-repeat top left ;
	background-color:#C99000;
	border-bottom:1px solid #3B3B3B;
}


#cuerpoLog{
	float:left;
	width:770px;
	height:325px;
	
	
}

		#cuerpoLog p{
			color:#00591B;
		}

.cerrarLog{
	width:60px;
	float:right;
	text-align:right;
	margin:9px 8px 0 0 !important;
	margin:9px 5px 0 0;
}

.cerrarLog a{
	margin:0 45px 0 0;
}

.cerrarLog a{
	text-decoration:underline;
	
}


.tablaLog{
	height:auto !important;
	height:225px;
}

/* ========================= Selectores para la hoja de contacto ======================*/

#textoAplicacion{
	width:258px;
	height:325px;
	float:left;
	margin:0 0 0 0;
	background-color:#99CC00;	
	border-right:1px solid #99CC00;	
}


.subraya{
	text-decoration:underline;
}

#formulario{
	width:350px;
	height:370px;
	float:left;
	margin:0 0 0 0 !important;
	margin:0 0 0 0;	
	text-align:left;
	
	}
	
	#formulario p{
		margin:5px 0 5px;
		padding:0;
	}
	
	#formulario h1{
		margin:10px 0 10px 0 !important;
		margin:0 0 17px 0;
		
	}
	
	#formulario ul{	
		float:right;
		width:350px;
		height:200px;
		margin:20px 0 0 0;
		padding:0;
	}
	
	#formulario li{
		margin:0 0 3px 0;
	}
	
	#formulario li textarea{
		margin:-7px 0 0 0 !important;
		margin:-5px 0 0 0;
		
	}

	label.mensaje{
		vertical-align:top;
		width:50px;
	}
	
	.mueve{
		padding-right:16px;
	}
	
	.mueve2{
		padding-right:3px;
	}
input{
	font-size:9px;	
	background-color:#CDE6D7;
	width:218px;		
	border:1px solid #00591B;		
	margin:0px 0 5px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

select{
	font-size:9px;	
	background-color:#CDE6D7;
	width:170px !important;
	width:173px;		
	border:1px solid #00591B;		
	margin:-4px 0 8px 0 !important;
	margin:-4px 0 6px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
	#contacto_nombre{
		margin:0 0 -2px 0 !important;
		margin:0 0 -4px 0;
	}
textarea{
	font-size:9px;	
	height:100px;
	background-color:#CDE6D7;
	width:220px;		
	border:1px solid #00591B;		
	margin:-8px 0 5px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	


	#formulario label{		
		margin:0;
		padding:0;
		text-align:left;
	}


input#check{
	width:13px;
	height:13px;
	margin-top:5px;
	vertical-align:middle;
	margin:-1px 5px 0 0;
	border:none;
	
}

input#btnForm{
	background-color:#FFF;
	width:50px;
	color:#00591B;
	border:1px solid #00591B;
	margin:2px 0 0 0;
	
	
	
	}

.politica{
	margin:0;
	padding:0;
	
	
}

.mensaje{
	padding:0 0 0 40px;
	margin:0;
	text-align:left;
	vertical-align:middle;
}

.mensajeDcha{
	padding:0;
	margin:0;
	text-align:right;
}

#envioCorrecto{
	margin:70px 0 0 0px !important;
	margin:120px 0 0 0;
	padding:5px 5px 5px 5px;
	font-size:10px;
	border:1px solid #00591B;
	width:335px;	
	height:auto;
	background-color:#CDE6D7;
}

#envioErroneo{
	margin:70px 0 0 0 !important;
	margin:120px 0 0 0;
	padding:5px 5px 5px 5px;
	font-size:10px;
	border:1px solid #00591B;
	width:335px;	
	background-color:#F19C9C;
}



#formulario .nombreCliente{
	margin-left:60px !important;
	margin-left:60px;
}

#formulario .emailCliente{
	margin-left:60px;
}

#formulario .consulta{
	margin-left:60px !important;
	margin-left:60px;
}

#formulario .mensajeCliente{
	margin-left:60px !important;
	margin-left:60px;
	
}





/*		Formulario de distribucion			*/

#frmDistribucion input{
		margin-bottom:1px !important;
		margin-bottom:-5px;
}


#frmDistribucion input.empresa{
	width:216px;
	margin-left:64px;

}
#frmDistribucion input.persona{
	width:215px;
}
#frmDistribucion input.email{
	width:215px;
	margin-left:75px;
}
#frmDistribucion input.tlf{
	width:215px;
	margin-left:100px;
}
#frmDistribucion input.zona{
	width:160px;
}
#frmDistribucion input.pais{
	width:160px;
	margin-left:146px;
}
#frmDistribucion textarea.texto{
	width:215px !important;
	margin-top:-10px !important;
	margin-top:0;
	width:218px;
	margin-left:126px !important;
	margin-left:75px;
}

#frmDistribucion input.politica{
	margin-left:75px;
}

#frmDistribucion input#btnForm{
	margin-left:75px !important;
	margin-left:75px;
	margin-bottom:0;
}

/*							=========== Identificadores del popup Privacidad ==================== 				*/

#contenedorGeneralPopup{
	float:left;
	width:520px;
	}


#recursoPopup{
	padding:0 15px 0 15px;
}

#recursoPopup #pie{
	width:90%;
	margin:auto;
}

#barraOpcionesPopup img{
	margin:0 15px 0 15px;
}

#piePopup{
	padding:15px 15px 10px 15px;
	text-align:center;
	}	
.rojo{
	width:342px;
	padding:2px 4px 2px 4px;
	margin:0 0 20px 0;
	color:#000;
	float:left;
	background-color:#F19C9C;
	text-align:left;
}



/* =========================		Mail de contacto =	============================ */


.tablaContacto{
	border-right:1px solid #00591B;
	border-left:1px solid #00591B;
	background-color:#CDE6D7;
	margin:100px 0 0 0;
	padding:10px 10px 10px 10px;
	font-size:11px;
	
}

#contactoCabecera{
		border-bottom:1px solid #00591B;
		padding-bottom:10px;
		margin:0 0 10px 0;
		


}



/*     ================== validadores ============================    */
#pie {
	width:770px;
	float:left;
	margin:1px 0 0 0 !important;
	margin:0 0 0 0;
}

#pieHome {
	width:770px;
	float:left;
	margin: 10px 0 0 10px;
	text-align: center;
	line-height: 15px;
}

#pie ul{
	float:left;
	border-left:1px dotted #DE8409;
	margin:9px 0 0 5px;
	padding:0 0 6px 8px;
}

#piePequeno{
	width:770px;
	float:left;
	margin:1px 0 0 0;
}

#piePequeno ul{
	float:left;
	border-left:1px dotted #DE8409;
	margin:9px 0 0 5px;
	padding:0 0 6px 8px;
}

.datos1{
	width:240px;
}
.datos2{
	width:160px;
}
.datos3{
	width:270px;
}
.datos4{
	width:290px;
}
.datos5{
	width:120px;
}
.datos6{
	width:178px;
}

.datosPie{
	width:100%;
}

#piePequeno{
width:515px; 
color:#000;
}


/*	eN OBRAS*/

.oculto{
	display:none;
}

.muestra{
	display:block;
}

/*					Popup Privacidad           */


.justifica{
	text-align:justify;
}


.secundaria{
	width:300px;
	margin:10px 0 10px 0;
	padding:0;
	display:block;
}

/*		Clases auxiliares		*/

.validador{
	color:#999999;
	text-decoration:none;
	font-size:9px;
}

.centra{
	text-align:center;
}


#imagenProvisional{
	width:150px;
	margin:150px auto 0 auto;
}

#flash{
	width:150px;
	float:left;
	margin:3px 0 0 4px;
}

.copa{
	background-image:url(../img/bgCopa.jpg);
	background-position:bottom 67px;
	background-repeat:no-repeat;
	min-height:522px;
	height:auto !important;
	height:522px;
	}


#flash p{
	width:250px;
	color:#00591B;
	font-weight:bold;
	text-align:center;
	font-size:9px;
}

#botonera{
	width:250px;
	
	text-align:center;
	margin-top:20px;
}
	#botonera img{
		display:inline;
	}
	#botonera .izda{
		margin-left:100px;
	}
	


.intro{

position:absolute;

left:0;

top:0;

background-color:yellow;

border:0.1px solid yellow;
}


/*     Mapa     */
#mapa{
width:648px;
}

#mapa h3{
margin: 50px 0 30px 20px;
color:#008e13;
}

#mapa ul{
width:590px;
margin:15px 0 0 20px;
float:left;

}

#mapa ul li{
width:100%;
margin:0 0 15px 20px;
}

#mapa ul li.marca{
	list-style-type: square;
	color:#008e13;
}

#mapa ul li.marca2{
	list-style-type: disc;
	color:red;
}

#mapa ul li p{
color:black;
}

	
.botonImprimir{
	color:#ffffff;
	float:left;
	background-color:#B03B00;
	padding:3px 10px 3px 20px;
	background-image:url(../img/imprimir1.gif);
	background-repeat:no-repeat;
	background-position:2px 3px;
	margin-bottom:10px; 
	font-weight:normal;
	text-decoration:none;
	font-size:9px;

}

.botonImprimir:hover{
	color:#ffffff;
	float:left;
	background-color:#D85615;
	padding:3px 10px 3px 20px;
	background-image:url(../img/imprimir2.gif);
	background-repeat:no-repeat;
	background-position:2px 3px;
	margin-bottom:10px; 
	font-weight:normal;
	text-decoration:none;
	font-size:9px;

}

#ficha.margenDatosEspecial{
	margin-top:13px !important;
	margin-top:23px;
}

#ficha.margenDatosRosada{
	margin-top:37px !important;
	margin-top:50px;
}

#ficha.margenDatos1{
	margin-top:37px !important;
	margin-top:60px;
}

#ficha.margenDatos25{
	margin-top:37px !important;
	margin-top:47px;
}

#ficha.margenDatosBarril{
	margin-top:73px !important;
	margin-top:47px;
}