/* CSS Document */
body {
   font: 12px/17px Arial, Myriad, Lucida Grande, sans-serif;   
   /*background: url("../i4/bg_gradient.gif") repeat-x #9f9e9e;*/
   /*background: #9f9e9e;*/
   background-color: #8BA657;
   color: #5f5f5f;
   padding: 0;
   margin: 0;
   text-align: center;
}
div#head {
	width:770px;
	background: #FFFFFF;
	/*padding:270px 0 0 0;*/
	margin:0 auto;
	position: relative;
	text-align: left;
	height:264px;
	border-bottom:15px solid #ffffff; /*#f1f6f8*/
}
div#wrapper {
	width:770px;
	background: #F3F3F3;
	/*padding:165px 0 0 0;*/
	/*padding:270px 0 0 0;*/
	margin:0 auto;
	position: relative;
	text-align: left;
}

div.primerCol,div.segundaCol,div.tercerCol,div.cuartaCol {
   float: left;
   top:155px;
   padding: 0;
}

div.primerCol {
   width: 204px;
   margin:0;
}

div.segundaCol {
   width: 560px;
   margin:0 0 0 5px;
}
* html div.segundaCol {
	width:558px; /* para IE5.x/W */		
	w\idth: 558px; /* para otros IE */
}

div.tercerCol {
   width: 204px;
   margin:0 0 0 5px;
}

div.cuartaCol {
   width:150px;
   margin:0;
}

h2.firstCol{
	width:204px;
	margin:0 0 2px 0;
	padding:0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	/*font-weight: bold;*/
	color: #106a99;
	text-decoration: none;
	text-align: center;
	background-color: #bbd0cc;
}

h2.secondCol{
	width:560px;
	margin:0 0 2px 0;
	padding:0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #106a99;
	text-decoration: none;
	text-align: center;
	background-color: #bbd0cc;
}
* html h2.secondCol {
	width:558px; /* para IE5.x/W */		
	w\idth: 558px; /* para otros IE */
}

h2.thirdCol{
	width:204px;
	margin:0 0 2px 0;
	padding:0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	/*font-weight: bold;*/
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	background-color: #990000;
}
h2.titulos{
	margin:0 0 2px 0;
	padding:0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #106a99;
	text-decoration: none;
	text-align: center;
	background-color: #bbd0cc;
}

h3.quienesTitle,h3.nada,h3.principal {
	width:150px;
	height:9px;
	text-indent: -3000px;
	margin:0 0 2px 0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
/* ----------PRIMERA COLUMNA---------- */

div#quienes {
   margin:0;
   padding:0;
   border:5px solid #cccaca;
   background-color: #cccaca;
   }

div#quienes ul {
   list-style: none;
   padding: 0;
   margin: 0;
   }

div#quienes ul li {
   padding: 10px;
   font-size: 11px;
   line-height: 14px;
   margin: 0 0 2px 0;
   background-color: #e1e1e1;
   border:1px solid #ffffff;
   color:#777;
   }

div#quienes ul li p {
   margin:0;
   padding:0;
   }
   
div#quienes div.linkssAbajo {
   margin-top:-3px;
   border: 1px solid #fff;
   border-top: none;
   }

div#ofertas {
   margin:0;
   padding:0;
   border:5px solid #cccaca;
   background-color: #cccaca;
   }

div#ofertas ul {
   list-style: none;
   padding: 0;
   margin: 0;
   }

div#ofertas ul li {
   padding: 10px;
   font-size: 11px;
   line-height: 14px;
   margin: 0 0 2px 0;
   background-color: #e1e1e1;
   border:1px solid #ffffff;
   color:#777;
   }

div#ofertas ul li p {
   margin:0;
   padding:0;
   text-align:center;
   }
div#ofertas ul li p span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #3A4525;
   }
   
div#ofertas div.linkssAbajo {
   margin-top:-3px;
   border: 1px solid #fff;
   border-top: none;
   }
   
/* ---------------------------------- */

/* ----------SEGUNDA COLUMNA---------- */

div#nada {
   padding:5px 5px 0 5px;
   margin:0;
   border:5px solid #cccaca;
   background-color: #cccaca;
   }

div#nada a { border:none; }

div#nada a img{
   border: 1px solid #ffffff;
   margin:0 0 0 0;
	padding:0;
   }

div#nada a:hover {
   background-color: transparent;
   }

div#nada a:hover img {
   border-color: #333;
   }

/* ---------------------------------- */

/* ----------TERCER COLUMNA---------- */

div#theGoodStuff {
   margin:0;
   padding:0;
   }
   
div#goods {
   margin:0;
   padding:0;
   border:5px solid #cccaca;
   }

div#goods p {
   margin:10px 25px;
   padding: 0;
	line-height:1.4em;
   }

div#goods ol.comments p {
   margin:10px 0;
   padding:0;
   }

p.comments_invite {
	float:right;
	line-height: 24px;
	height: 24px;
	color:#e1e1e1;
	margin:0 50px 0 0;
	padding:0 0 0 0;
	background: url("../i4/bg_invite.html") no-repeat;
	}

p.comments_invite a {
	padding:0 0 0 27px;
	color:#0497bc;
	border:none;
	}

p.comments_invite a:hover {
	background-color: transparent;
	text-decoration: none;
	color: #333;   
	}

p.read {
	float: left;
	margin:0 0 0 0;
	padding:0;
	line-height: 24px;
	height: 24px;
	}

div#goods p.desc {
   font: 16px/1.2em Arial, Myriad, Lucida Grande, sans-serif;  
   font-weight: bold;
   margin:0 0 30px 0;
   padding: 15px;
   color:#fff;
   background: #bbb;
   border-bottom:2px solid #aaa;
   text-shadow: #666 0 1px 0px;
   }
      
div#goods strong {
   font-weight: bold;
   }

/* ---------------------------------- */

/* ------------LINKS ABAJO------------ */

div.linksAbajo {
   height: 22px;
   /*background: url("../i4/bg_entryMeta.gif") repeat-x;*/
   line-height: 22px;
   font-family: Arial, sans-serif;  
   font-size:14px;
   margin:20px 0 0 0;
   text-align:center;
   }

div.linksAbajo a {
   display: block;
   line-height: 21px;
   text-decoration: underline;
   color: #0E5A83;
  /* float: left; estaba en el original */
   margin-top: 1px;
   padding:0 10px;
   text-shadow: white 0 1px 0px;
   /*border-bottom:none;
   border-right:1px solid #bbbbbb;*/
   }

div.linksAbajo a:hover {
	line-height: 20px;
	border-top:1px solid #bbb;
	background-color: #EBEBEB;
	color:#0E5A83;
	text-shadow: none;
	text-decoration: none;
   }

/* ---------------------------------- */ 

div#new{
	clear:left;
	background-color: #cccaca;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	color:#ffffff;
	/*height: 28px;*/
	margin:3px 0 0 0;
	padding:3px 0 0 0;
	border-top:5px solid #f1f6f8;
}

div#pie{
	clear:left;
	background-color: #90ba9c;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	color:#ffffff;
	/*height: 28px;*/
	margin:3px 0 0 0;
	padding:3px 0 0 0;
	border-top:5px solid #f1f6f8;
}
div#pie a{
	text-decoration: underline;
	color: #FFFFFF;
}
div#pie a:hover{
	text-decoration: none;
	color: #FFFFFF;
}
.imagenLeft{
	float: left;
	margin: 6px 12px 4px 0;
	vertical-align: middle;
	border: 1px solid #8BA657;
   	padding:2px;
	background-color: #ECF5E0;
}
.imagenCenter{
	margin: 0;
	vertical-align: middle;
	border: 1px solid #8BA657;
   	padding:2px;
	background-color: #ECF5E0;
}

.espacio
{
	padding: 10 5px 10px 5px;
	margin: 0;
	border-bottom: 1px dotted #8BA657;
}
div#contenedor2{
	clear:left;
	width:800px;
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	color:#ffffff;
	margin:0 auto;
	padding:10px 0 15px 0;
}

/*--------------ALTERNA-----------------*/
.tituloAlterna{
	margin:2px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	color: #106a99;
	text-decoration: none;
	text-align: center;
	background-color: #bbd0cc;
}
.precioAlterna{
	margin:2px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
}

/*----------QUIENES----------*/
div#quienesIn {
  /* margin:0;*/
   padding:0;
   border:5px solid #cccaca;
   background-color: #cccaca;
}
div#quienesIn ul {
   list-style: none;
   padding: 0;
   margin: 0;
}

div#quienesIn ul li {
   padding: 10px;
   font-size: 11px;
   line-height: 14px;
   margin: 0 0 2px 0;
   background-color: #e1e1e1;
   border:1px solid #ffffff;
   color:#777;
}

div#quienesIn ul li p {
	margin:0;
	padding:0;
	text-align:center;
}
div#quienesIn ul li p#historia {
	margin:0;
	padding:0;
	text-align:left;
}

.imgLeft{
	margin: 0 10px 4px 5px;
	border: 1px solid #8BA657;
   	padding:4px;
	background-color: #ECF5E0;
}

/*----------UBICACION----------*/
div#izquierdaIn,div#derechaIn {
   float: left;
   /*top:155px;*/	
   padding: 0;
}
div#izquierdaIn {
   width: 320px;
   margin:0;
   /*border:5px solid #cccaca;
   background-color: #cccaca;*/
   margin:0 15px 0 0;
}

div#derechaIn {
   width: 415px;
   margin:0 0 0 15px;
}
div#izquierdaIn ul {
   list-style: none;
   padding: 0;
   margin: 0;
}

div#izquierdaIn ul li {
   padding: 10px;
   font-size: 11px;
   line-height: 14px;
   margin: 0 0 2px 0;
   /*background-color: #e1e1e1;
   border:1px solid #ffffff;*/
   color:#777;
}

div#izquierdaIn ul li p {
   margin:0;
   padding:0;
}

div#derechaIn {
   margin:0;
   padding:0;
   border:5px solid #cccaca;
   background-color: #cccaca;
}

div#derechaIn ul {
   list-style: none;
   padding: 0;
   margin: 0;
}

div#derechaIn ul li {
   padding: 10px;
   font-size: 11px;
   line-height: 14px;
   margin: 0 0 2px 0;
   background-color: #e1e1e1;
   border:1px solid #ffffff;
   color:#777;
}

div#derechaIn ul li p {
   margin:0;
   padding:0;
   text-align:center;
}
/*----------LINKS----------*/

#enlaces{
	float:left;
	width:300px;
	text-align: left;
}
#enlaces ul li {
	margin: 0;
	padding: 0px 5px 3px 5px;
	list-style-type: none;
}
#enlaces ul li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	text-decoration: underline;
	color: #AE7600;
}
#enlaces ul li a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #845900;
}
#derechaLink{
	width: 420px;
	margin-left:310px;
	text-align:left;
	border-left: 1px dashed #cccccc;
	padding: 0 0 0 10px;
}
/*----------CONTACTO----------*/

#contacto {
		width:450px;
		/*margin-left:350px;*/
		float: left;
		margin:0 8px 0 0;
		text-align: left;
		border-right: 1px dashed #8BA657;
}
* html #contacto {
		/* Originalmente tenia  245 pero por poner las frases italicas la reduje a 240
			son 10 pixeles de diferencias con navegadores q no son IE.
			MALDITO IE!!!*/
		width: 440px; /* para IE5.x/W */		
		w\idth: 440px; /* para otros IE */
}
#contacto ul li {
		margin: 0;
		padding: 0px 5px 3px 5px;
		list-style-type: none;
}
#contacto ul li a {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 14px;
		font-weight: bold;
		text-decoration: underline;
		color: #845900;
}
#contacto ul li a {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 14px;
		font-weight: bold;
		text-decoration: underline;
		color: #AE7600;
}
#contacto ul li a:hover {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 14px;
		font-weight: bold;
		text-decoration: none;
		color: #845900;
}
	
#forma{
		padding:0 10px 0 10px;
}
.mensaje{
		background-color: #EAEAEA;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #000000;
		border: 1px dashed #8BA657;
		text-decoration: none;
		margin: 3px;
		padding: 5px;
	}
span.campos {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 11px;
		color: #697E43;
}
#forma label{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #000000;
		text-decoration: none;
		padding-left: 10px;
}
#derecha{
	width: 290px;
	margin-left:460px;
	text-align:left;
}
input{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #000000;
		border: 1px solid #8BA657;
		text-decoration: none;
}
textarea {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #000000;
		border: 1px solid #8BA657;
		text-decoration: none;
}