@charset "utf-8";

body  {
	background-image:url(imagenes/fondo_pantalla.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#64270A;
	margin: 0px auto 0px;
	width:781px;
	height:581px;
	font-size:10px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
}
img{
	border:0;
}


/************************************************
* 	estilos de cabecera							*
*************************************************/
.dosColFijasCabecera #cabecera {
	background:transparent url(imagenes/logotipo_lacasitos.png) no-repeat scroll 109px 18px;
	width:781px;
	height:100px;
} 



/************************************************
* 	estilos de menuSuperior						*
*************************************************/
.dosColFijasCabecera #menuSuperior {
	padding-left: 465px;
	width:180px;
} 
.dosColFijasCabecera #menuSuperior a{
	font-size:11px;
	font-weight:bold;
	color:#5E3A07;
	text-decoration:none;
}
.dosColFijasCabecera #menuSuperior img{
	float:left;
	margin-right:0.5em;
}
.dosColFijasCabecera #menuSuperior ul{
	list-style-type: none;
	margin:0;
	padding:0;	
    line-height:0.7em;	
}
.dosColFijasCabecera #menuSuperior ul li{
}


/************************************************
* 	estilos de contenedor						*
*************************************************/
.dosColFijasCabecera #contenedor {
	width:580px;
	margin:0 auto 0;
} 

/************************************************
* 	estilos de barra lateral izquierda			*
*************************************************/
.dosColFijasCabecera #barraLatIzq {
	float: left; 
	width: 160px;
	padding: 0;
	padding-top:30px;
	padding-left:5px;
	margin:0;
	position:relative;
	z-index:3;
}
.dosColFijasCabecera #barraLatIzq ul{
    line-height:0.7em;	
	list-style-type:none;
	padding:0;
	margin:0px;
	text-align:center;
}
.dosColFijasCabecera #barraLatIzq ul li{
	list-style-type:none;
	padding:0;
	margin:20px;
	
}
.dosColFijasCabecera #barraLatIzq .bontonLat{
	background:url(imagenes/boton_amarillo.png) no-repeat;
	height:31px;
	padding-top:7px;
	padding-bottom:7px;
	vertical-align:middle;
}
.dosColFijasCabecera #barraLatIzq a{
	font-size:11px;
	font-weight:bold;
	color:#5E3A07;
	text-decoration:none;
}
.dosColFijasCabecera #barraLatIzq img{
}



/************************************************
* 	estilos de contedor principal				*
*************************************************/


.dosColFijasCabecera #contenedorPrincipal { 
	margin: 0px auto 0; /* el margen izquierdo de este elemento div crea la columna situada a lo largo del lado izquierdo de la página (con independencia de la cantidad de contenido que tenga el div sidebar1, se mantendrá el espacio de la columna). Puede quitar este margen si desea que el texto del div #mainContent llene el espacio de #sidebar1 cuando termine el contenido de #sidebar1. */
	padding: 20px 20px; /* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
} 
.dosColFijasCabecera #contenedorPrincipal .promocion{
	text-align:center;
}
.dosColFijasCabecera #contenedorPrincipal .promocion p{
	text-align:left;
}
.dosColFijasCabecera #contenedorPrincipal .promocion h2{
	color:#5E3A07;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	padding-left:180px;
	margin-bottom:2.5em;
}

		/************************************************
		* 	estilos de promociones estaticas			*
		*************************************************/
		#promo_cacahuete{
			background:url(imagenes/promo_cacahuete1.png) no-repeat 150px 0px;
			padding:98px 30px 45px 175px; /*top, left, bottom, right */
		}
		#promo_chocolate{
			background:url(imagenes/promo_chocolate1.png) no-repeat 150px 0px;
			padding:98px 30px 40px 175px; /*top, left, bottom, right */
		}
		#promo_chocolate_negro{
			background:url(imagenes/promo_chocolate_negro1.png) no-repeat 150px 0px;
			padding:98px 30px 45px 175px; /*top, left, bottom, right */
		}

		#promo_divertido{
			background:url(imagenes/promo_divertido1.png) no-repeat 150px 0px;
			padding:140px 30px 20px 175px; /*top, left, bottom, right */
		}
		
		#promo_unete{
			background:url(imagenes/promo_unete1.png) no-repeat 150px 0px;
			padding:135px 30px 20px 175px; /*top, left, bottom, right */
			text-align:left;
			line-height:2.2em;
		}
		input, select, textarea {
			background-color:#CCC;
			border:none;
			border:0px;
			font-size:10px;
			text-transform:lowercase;
		}
		textarea{
			text-transform:none;
			width:330px;
		}
		.botonForm{
			background-image:url(imagenes/boton_form.png);
			background-repeat:no-repeat;
			background-color:#FFF;
			margin-left:1em;
			width:42px;
		}
		#promo_ok{
			background:url(imagenes/promo_divertido1.png) no-repeat 150px 0px;
			padding:140px 30px 100px 175px; /*top, left, bottom, right */
		}

		#promo_tienti, #promo_aramon{
			position:relative;
			z-index:0;
		}
		#pop_up_tienti{
			display:none;
			z-index:1;
			position:relative;
			top:-374px;
			left:132px;
		}

.dosColFijasCabecera #pie { 
} 

.fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. */
	float: left;
	margin-right: 8px;
}