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

/* Web Oleum Viride

   Autor:  Chelo Fernández
   
   Versión: 1.0
   
   URL del sitio: http://www.oleumviride.com  */
   
   
   
/***********************************************************************************************************/


body  {

	width:975px;
	background-color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #333333;
	margin:auto;
	padding-top:10px;
	outline:none;
	
	}
	
	
#wrapper {
	padding-left: 0px;
	padding-top: 0px;
	float:left; 
	width:975px;
	background-color:#000000;}
	
	
/****************************   HOME   ************************************/


#slide {
	width:234px;
	height:599px;
	float:left;
	background-color:#000000;
	}
	
#logo {
	width:232px;
	height:204px;
	float:left;
	outline:none;
	}
	
#logo a {
	outline:none;
}

#logo a:hover {
	outline:none;
}
	
#mensaje {
	z-index:400;
	position:relative;
	width:424px;
	height:88px;
	background-color:#000000;
	filter:alpha(opacity=75); -moz-opacity: .75; opacity:.75;
	display:block;
	margin-left:32px;
	margin-top: 130px;
	}
	
#texto_mens {
	width:370px;
	height:71px;
	padding-top:16px;
	padding-left:27px;
	padding-right:27px;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	text-align:justify;
	color:#ffffff;
	}
	
	
/****************************   MENU   ************************************/

#menu2 {
	width:232px;
	height:213px;
	margin-top:40px;
	float:left;
	text-decoration:none;
	}
	
#menu_ops {
	width:160px;
	float:left;
	padding-left:72px;
	text-decoration:none;
	}
	
.principal {
 	font-family:"Times New Roman", Times, serif;
	text-decoration:none;
	outline:none;
	font-size:12px;
	color:#ffffff;
	background-color:#000000;
	display:block; 
	height:20px;
	line-height:18px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	width:160px;
	}

.principal a {
 	font-family:"Times New Roman", Times, serif;
	text-decoration:none;
	outline:none;
	font-size:12px;
	color:#999999;
	background-color:#000000;
	display:block;
	height:20px;
	line-height:18px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	width:160px;
	}
	
	
.principal a:hover{
	font-family:"Times New Roman", Times, serif;
	text-decoration:none;
	outline:none;
	font-size:12px;
	color:#ffffff;
	background-color:#000000;
	display:block;
	height:20px;
	line-height:18px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	width:160px;
	}
	
.principal2 {
 	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	text-decoration:none;
	outline:none;
	font-size:12px;
	color:#ffffff;
	background-color:#000000;
	display:block; 
	height:20px;
	line-height:18px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	width:160px;
	}

.principal2 a {
 	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	text-decoration:none;
	outline:none;
	font-size:12px;
	color:#a7c200;
	background-color:#000000;
	display:block;
	height:20px;
	line-height:18px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	width:160px;
	}
	
	
.principal2 a:hover{
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	text-decoration:none;
	outline:none;
	font-size:12px;
	color:#ffffff;
	background-color:#000000;
	display:block;
	height:20px;
	line-height:18px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	width:160px;
	}

.secundario {
 	font-family:"Times New Roman", Times, serif;
	text-decoration:none;
	outline:none;
	font-size:12px;
	color:#ffffff;
	background-color:#000000;
	display:block;
	height:20px;
	line-height:18px;
	padding: 0px 0px 0px 6px;
	text-align:left;
	width:148px;
	}


.secundario a {
 	font-family:"Times New Roman", Times, serif;
	text-decoration:none;
	outline:none;
	font-size:12px;
	color:#a7c200;
	background-color:#000000;
	display:block;
	height:20px;
	line-height:18px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	width:148px;
	}
	
.secundario a:hover{
 	font-family:"Times New Roman", Times, serif;
	text-decoration:none;
	outline:none;
	font-size:12px;
	color:#FFFFFF;
	background-color:#000000;
	display:block;
	height:20px;
	line-height:18px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	width:148px;
	}
		
				
	
#tienda {
	width:232px;
	height:57px;
	float:left;
	}
	
#tienda a {
	outline:none;
	}
	
#tienda a:hover {
	outline:none;
	}
	
#registro {
	width:232px;
	height:23px;
	float:left;
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	color:#a7c200;
	text-align:center;
	padding-top:8px;
	
	}
	
#registro a {
	color:#a7c200;
	text-decoration:none;
	outline:none;
	}
	
#registro a:hover {
	color:#ffffff;
	text-decoration:none;
	outline:none;
	}
	
#pie-slide {
	width:232px;
	height:53px;
	float:left;
	}
	
#content {
	width:743px;
	height:599px;
	float:left;
	background-color:#000000;
	}
	
#home {
	width:666px;
	height:599px;
	float:left;
	}
	
#top {
	width:651px;
	height:110px;
	margin-top:-590px;
	text-align:right;
	padding-right:15px;
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	color:#ffffff;
	z-index:100;
	}
	
.top a {
	text-decoration:none;
	outline:none;
	color:#ffffff;
	}
	
.top a:hover {
	text-decoration:none;
	outline:none;
	color:#303d0a;
	}

#top2 {
	width:651px;
	height:110px;
	margin-top:-232px;
	text-align:right;
	padding-right:15px;
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	color:#ffffff;
	z-index:100;
	}
	
.top2 a {
	text-decoration:none;
	outline:none;
	color:#ffffff;
	}
	
.top2 a:hover {
	text-decoration:none;
	outline:none;
	color:#303d0a;
	}



	
.contacto {
	font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#FFFFFF;
	text-decoration:none;
	outline:none;
	}
	
.contacto a {
	font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#FFFFFF;
	text-decoration:none;
	outline:none;
	}
	
.contacto a:hover{
	font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#303d0a;
	text-decoration:none;
	outline:none;
	}
	
#slide2 {
	width:75px;
	height:599px;
	float:right;
	background-color:#000000;
	}

#pie {
	width:975px;
	margin-top:35px;
	background-color:#000000;
	float:left;
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:center;
	}
	
#pie a {
	color:#5f710b;
	text-decoration:none;
	font-weight:bold;
	outline:none;
	}
	
#pie a:hover {
	color:#333333;
	text-decoration:none;
	font-weight:bold;
	outline:none;
	}	

#datos {
	width:666px;
	background-color:#ffffff;
	float:left;
	}
	
#cabecera {
	width:666px;
	height:242px;
	float:left;
	}
	
/****************************   TIPOS ACEITES   ************************************/


#fondo_datos {
	width:666px;
	height:358px;
	float:left;
	background: #ffffff url(/images/img_02_bottom.jpg);
	}
	
#fondo_datos2 {
	width:666px;
	height:358px;
	float:left;
	background: #ffffff url(/images/img_02B_bottom.jpg);
	}
	

	
#texto_aceites {
	width:434px;
	padding-left:50px;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	color:#333333;
	line-height:20px;
	text-align:justify;
	}
	
#texto_aceites a {
	text-decoration:none;
	font-weight:bold;
	color:#889f00;
	outline:none;
	}
	
#texto_aceites a:hover {
	text-decoration:none;
	font-weight:bold;
	color:#333333;
	outline:none;

	}
	
	
#fondo_contenido {
	width:666px;
	height:358px;
	float:left;
	background: url(/images/bottom_general.jpg) right bottom no-repeat; 
	}	
	
#fondo_contenido2 {
	width:666px;
	height:420px;
	float:left;
	background: url(/images/bottom_general.jpg) right bottom no-repeat; 
	}	
	
#fondo_contenido3  {
	width:666px;
	float:left;
	background: url(/images/bottom_general.jpg) right bottom no-repeat; 
	}	
	
	
#contenedor {
	width:343px;
	float:left;
	padding-left:50px;
	padding-right:20px;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	background-color:transparent;
	color:#333333;
	line-height:20px;
	text-align:justify;
	}
	
#contenedor a {
	color:#889f00;
	text-decoration:none;
	font-weight:bold;
	}
	
#contenedor a:hover {
	color:#333333;
	text-decoration:none;
	font-weight:bold;
	}
	
	
#contenedor_loca {
	width:596px;
	float:left;
	padding-left:50px;
	padding-right:20px;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	background-color:transparent;
	color:#333333;
	line-height:20px;
	text-align:justify;
	}
	
#contenedor_loca a {
	color:#889f00;
	text-decoration:none;
	font-weight:bold;
	}
	
#contenedor_loca a:hover {
	color:#333333;
	text-decoration:none;
	font-weight:bold;
	}

#contenedor_aviso {
	width:566px;
	float:left;
	padding-left:50px;
	padding-right:50px;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	background-color:transparent;
	color:#333333;
	line-height:20px;
	text-align:justify;
	}
	
#contenedor_aviso a {
	color:#889f00;
	text-decoration:none;
	font-weight:bold;
	}
	
#contenedor_aviso a:hover {
	color:#333333;
	text-decoration:none;
	font-weight:bold;
	}
	
	
.imagen {
	width:250px;
	float:right;
	background-color:transparent;
	padding-top:40px;
	}

#conte_calidad {
	width:566px;
	float:left;
	padding-left:50px;
	padding-right:50px;
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	background-color:transparent;
	color:#333333;
	line-height:14px;
	text-align:justify;
	}
	
#mapa {
	width:596px;
	height:230px;
	float:left;
	}
	
.enlace {
	width:90px;
	height:25px;
	float:right;
	display:block;
	margin-top: 10px;
	margin-right:55px;
	background-color:#889f00;
	color:#ffffff;
}

form {
	width:550px;
	margin-top: 15px;
	float:left;
	background-color: transparent;
	
	}
	
#entrada_datos {
	margin: .4em 0;
	}
	
#entrada_datos label {
	width:25%;
	float:left;
	}
	
#aviso {
	width:250px;
	height:25px;
	float:left;
	margin-top:0px;
	margin-bottom: 5px;
	}
	
#aviso_form {
	width:566px;
	height:40px;
	color:#889f00;
	font-weight:bold;
	display:block;
	float:left;
	text-align:left;
	background-color:transparent;
	margin-bottom:5px;
	}
	

#menu_traza {
	width:975px;
	height:20px;
	text-align:center;
	margin-top:10px;
	float:left;
	}
	


#traza {
	width:408px;  
	float:left;
	height:17px;
	font-size:11px;
	padding-top:3px;
	background-color:#000000;
	text-align:right;
	color:#ffffff;
}


	
form.trazabi {
	width:300px;
	height:20px;
	float:left;
	font-size:11px;
	margin-top:0px;
	color:#ffffff;
	
	}
	
form.trazabi input {
	font-size:11px;
	height:16px;
	background-color:#ffffff;
	color:#303D0A;
	}
	
	
#a {
	float:left;
	margin-left:10px;
	height:16px;
	}
	
#b {
	float:left;
	margin-left:10px;
	padding-top:3px;
	height:13px;
	}
#lote {
	height:13px;
	}
	
#botella {
	height:13px;
	}