/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin: 0;
	padding: 0;
	/*background: #FFE2AC;*/
	background: #990000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

form {
	margin: 0;
	padding: 0;
}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

input, textarea {
	font: bold 0.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333333;
}

h1, h2, h3 {
	margin: 0;
	font-weight: normal;
	color: #333333;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1 {
	letter-spacing: -1px;
	font-size: 2.6em;
}

h2 {
	font-size: 1.6em;
}

h3 {
	font-size: 1em;
	font-weight: bold;
}

ul, ol {
	margin-bottom: 1.6em;
	line-height: 180%;
}

p {
	margin:0;
	padding:0;
}


blockquote {
	font-style: italic;
}

ul {

}

ol {

}

a {	
	text-decoration: none;
	color: #333333;
	font-weight:bold;
}

a:hover {
	text-decoration: none;
	color: #CC0000;
	font-weight:bold;
}

small {
}

hr {
	display: none;
}

img {
	border: none;
}

img.left {
	float: left;
	margin: 0 15px 0 0;
}

img.right {
	float: left;
	margin: 0 0 0 15px;
}

/* Content */ 
#content {
	margin:auto;
	padding:0;
	width:800px;
	border: 1px solid #D16666;
	background:#FFFFFF;
}

/* Header */
#header {
	clear: both;
	height: 162px;
	margin-top:0;
	margin-bottom:15px;
	padding-top: 0;
/*	border: 5px solid #000000; */
	border-bottom: 7px solid #D16666; 
	background: #FFFFFF;
}

#header h1 {
	float: left;
	margin-top: 20px;
	padding: 100px 190px 0 0;
	background: url(images/img02.jpg) no-repeat right top;
	text-transform: lowercase;
	letter-spacing: -3px;
	font-size: 4.4em;
}

#header h1 span {
	color: #CC0000;
}

#header h2 {
	float: left;
	margin: 0 0 0 -190px;
	padding: 160px 0 0 0;
	text-transform: lowercase;
	font-size: 1em;
	font-weight: bold;
	color: #333333;
}

#header h2 a {
	color: #333333;
}

/*Menu de navegacion */
#menu_nav {
	padding: 0px 48px 20px 200px;
	margin:20px 0 0 0;
}

#menu_nav a {
	color:#444444;
	background-color: #FFCC66;	
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	padding:2px 15px 2px 15px;
	border:1px solid #444444;
}

#menu_nav .m1{
	color:#FF6600;
	background-color:inherit;	
}

#menu_nav a:hover {
	color:#FF6600;
	background-color:inherit;	
	text-decoration:none;
	padding:2px 15px 2px 15px;
	background-color: #FFFFFF;	
}

/* Search */
#search {
	float: right;
	width: 300px;
	padding: 150px 0 0 0;
}

#search legend {
	display: none;
}

#searchfield {
	width: 200px;
}

#searchsubmit {
	width: 80px;
}

/* Page */

#page {
	width: 980px;
	margin: 0 auto;
	padding: 20px 0;
}

/* right_side */
#right_side {
	float: left;
	width: 360px;
	padding-left: 10px;
	padding: 0 28px;
	/*margin-top:7px;*/
	_margin-top:-10px;
    *margin-top:0;
    height:118px;
    _height:100px;
    *height:100px;
	/*background: url(../images/img04.jpg) no-repeat;*/
	/*border: 2px solid #000000;*/
}

#right_side h2 {	
	/*background: url(../images/img05.jpg) no-repeat;
	margin-top:22px;
	margin-bottom: 10px;
	padding: 0px 25px;
	letter-spacing: -1px;*/
	letter-spacing: 1px;
	color: #CC0000;
	font-size:14px;
	font-weight: 300;
    
}

.post {
	background: url(../images/img04.jpg) no-repeat;
	padding: 22px 50px;
}


/* left_side */
#left_side {
	float: left;
	width: 360px;
    height:118px;
    _height:100px;
    *height:100px;

/*	margin-bottom:20px;*/
/*	*margin-bottom:-20px;
	_margin-bottom:-20px;*/
/*	margin-top:7px;
	_margin-top:2px;*/
	/*border: 2px solid #ff0000;*/
}

#left_side h2 {	
	/*background: url(../images/img05.jpg) no-repeat;
	margin-top:22px;
	margin-bottom: 10px;
	padding: 0px 25px;*/
	letter-spacing: 1px;
	color: #CC0000;
	font-size:14px;
	font-weight: 300;
}

#left_side a {
	border: none;
}

#left_side table {
	margin-left: 20px;
}

/*Main */
#main {
	width: 790px;

	/*border: 2px solid #0000ff;	*/
}

#main h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin-left:30px;
       _margin-top:0;
       *margin-top:0;
}

#main h3.seguinos {
    margin-left:35px;
}
/* Footer */
#footer {
	clear: both;
	padding: 10px 0;
	border-top: 5px solid #DDDDDD;
	background: #EFEFEF;
	text-align:center;
}

#tabla {
	clear: both;
	padding: 10px 0;
	border-top: 5px solid #DDDDDD;
	background: #EFEFEF;		
}


#tabla:hover {
	border-top: 5px solid #DDDDDD;
	background: #EFEFFF;
}

#footer p {
	margin: 0;
	padding: 10px 0 0 0;
	text-align: center;
	line-height: 0.7;
}


#footer a {
	border-bottom: 1px dotted #EFEFEF;
	text-decoration: none;
	color: #333333;
	font-weight:bold;
}

#footer a:hover {
	text-decoration: none;
	color: #CC0000;
	font-weight:bold;
}

#formulario {	
	margin-bottom:10px;
	font-weight:normal;
}

#formulario ul li {
	list-style-type: none;
}

#formulario_inc3 {	
	margin-bottom:10px;
	margin-right: 5px;
	margin-top:0;
	margin-left:5px;
	border:#CC0000 solid 1px;
	background-color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	letter-spacing: 0.5px;
	width:368px;
	float:left;
	height:70px;
	text-align:left;
	/*padding-top:10px;*/
	/*padding-left:10px;*/
	
}

#formulario_inc4 {	
	margin-bottom:10px;
	margin-right: 2px;
	margin-top:0;
	margin-left:20px;
	_margin-left:10px;
	border:#CC0000 solid 1px;
	background-color: #F7F7F7;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	letter-spacing: 0.5px;
	width:370px;
	_width:375px;
	float:left;
	height:70px;
}

#formulario_inc {	
	margin-bottom:10px;
	margin-right: 20px;
	margin-top:0;
	margin-left:20px;
	border:#CC0000 solid 1px;
	background-color: #F7F7F7;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	letter-spacing: 0.5px;
}

#formulario_inc ul li {
	/*list-style-image:url(../iconos/16-circle-red.png);*/
	list-style-type: circle;
}

#formulario_inc a {
	text-decoration: none;
}


.formulario_inc2 {
	margin-bottom:10px;
	margin-right: 20px;
	margin-top:0;
	margin-left:20px;
	border:#CC0000 solid 1px;
	background-color: #F7F7F7;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	letter-spacing: 0.5px;
    overflow:hidden;
}

.formulario_inc2 ul li {
	/*list-style-image:url(../iconos/16-circle-red.png);*/
	list-style-type: none;
}

.formulario_inc2 a {
	text-decoration: none;
}

.formulario_inc3 {
	margin-bottom:10px;
	margin-right: 20px;
	margin-top:0;
    *margin-top:10px;
	margin-left:20px;
	border-bottom:#CC0000 solid 1px;
	background-color: #F7F7F7;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	letter-spacing: 0.5px;
    overflow:hidden;
    *height:90px;
    *margin_bottom:20px;
}

.formulario_inc3 ul li {
	/*list-style-image:url(../iconos/16-circle-red.png);*/
	list-style-type: none;
}

.formulario_inc3 a {
	text-decoration: none;
}

#formulario_prom {		
	margin-bottom:10px;
	margin-right: 20px;
	margin-left:20px;
	padding-bottom:10px;
	padding-top:5px;
	height:60px;
	border:#CC0000 solid 1px;
	background-color: #FFFFFF;
	font-size:14px;
	letter-spacing: 0.5px;
}

#formulario_prom ul {
	/*list-style-image:url(../iconos/16-circle-blue-check.png);*/
	list-style-type: none
}

#formulario_prom li {
	/*list-style-image:url(../iconos/16-circle-blue-check.png);*/
	list-style-type: none;
	float:left;
	display:block;
	width:300px;
	/*border: 1px #000000 solid;*/
}

#formulario_prom a {
	text-decoration:none;
	color: #FF9900;
}

#formulario_prom a:hover {
	text-decoration:none;
	color: #FF0000;
}


#ciudad, #zona, #tipo_cocina, #comercio, #direccion, #un_numero, #otro_numero, #ciudad_promo, #zona_promo{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
}

.comercio_sin_adhesion{
	font-weight:bold;
	letter-spacing: -1px;
	color: #333333;
	font-size:1.3em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:left;	
}	

.comercio_detalle{
	font-weight:normal;
	letter-spacing: -1px;
	color: #CC0000;
	font-size:2.8em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;	
}	

.comercio_resultados{
	font-weight:normal;
	letter-spacing: -1px;
	color: #CC0000;
	font-size:1.8em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;	
}	

.telefono{
	font-weight:normal;
	letter-spacing: -1px;
	color: #CC0000;
	font-size:1.4em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:right;	
}	

.telefono_sin_adhesion{
	font-weight:bold;
	letter-spacing: -1px;
	color: #333333;
	font-size:1.2em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:right;	
}	

.zona_cocina {
	color: #CC0000;
	font-weight:bold;
	width:470px;
}

.zona_cocina a {
	color: #CC0000;
}

.zona_cocina a:hover {
	color: #FF0000;
}

.muestra_icono {
	font-weight:normal;
	line-height: 16px;	
}

.barra{
	clear: both;
	padding: 0;
	border-top: 2px solid #DDDDDD;
}

.barra_busqueda{
	clear: both;
	padding: 0;
	border-bottom: 2px solid #DDDDDD;
}

/* Para todos los iconos*/
#iconos, #iconos ul { /* all lists */
	padding: 0;
	margin: 0;	
	list-style-type: none;		
	/*line-height: 1;*/
}

#iconos a {
	width: 1em;
	height:2em;
}

#iconos li { /* all list items */
	float: left;
	width: 1.5em; /* width needed or else Opera goes nuts */
}

#iconos li ul { /* second-level lists */
	position: absolute;	
	background: #FEEFC8;
	width: 16em;
	margin-top:-15em;
/*	_margin-top:-11em; No valido*/
/*	_margin-left:-2em; No valido*/
	height: 13em;
/*	_height:12em; No valido*/
	white-space: nowrap;
	color:#666666;			
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#iconos li:hover ul ul, #iconos li:hover ul ul ul, #iconos li.sfhover ul ul, #iconos li.sfhover ul ul ul {

	left: -999em;



}



#iconos li:hover ul, #iconos li li:hover ul, #iconos li li li:hover ul, #iconos li.sfhover ul, #iconos li li.sfhover ul, #iconos li li li.sfhover ul { /* lists nested under hovered list items */

	left: auto;

}

/*

#content {

	clear: left;

	color: #000000;

}

*/



#menu li {

	float: left;

	display:block;

	width:120px;

	list-style-type:none;

	margin:2px;

	padding:0;

	border: 1px #000000 solid;

	text-align:center;

}



.vert {

	writing-mode: tb-rl; 

/*	filter: flipv fliph;*/

	text-align:center;

}

#detalle {

	clear: both;

	padding: 10px 0;	

	background: #EFEFEF;

	text-align:left;

}



.tit_zona_cocina_sin_adhesion {

	color: #CC0000;

	font-weight:normal;	

	font-size: 11px;

}



.zona_cocina_sin_adhesion {

	color: #000000;

	font-weight:normal;

	font-size: 11px;	

}



.muestra_datos_iconos {

	

}



.para_busqueda{

	font-weight:normal;

	letter-spacing: -1px;

	color: #CC0000;

	font-size:1.2em;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	text-align:left;	

}	



.promociones {

	display:block;

	width:80px;

	float:left;	

	list-style-type:none;

	border: 1px #000000 solid;

}



.banner {

	padding-left:100px;

}

.delivery {
	text-decoration:underline;
}

.zonas_entrega {
	color: #CC0000;
}

.mensaje_error {
	color: #009900;
	font-weight:bold;
}

#recomendar {
	display: block;
	float:right;
	background-color:#FFDC9C;
	border:#000000 1px solid;
	height:20px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: -40px;
	margin-right: 130px;
	font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}

#recomendar a {
	font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	text-decoration:none;
}

#recomendar a:hover {
	font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size:12px;
	color: #990000;
	text-decoration:underline;
}

#marquesina {
	background-color:#FFE2AC;
	height:20px;
	border-bottom: 1px #990000 solid;
	border-top: 1px #990000 solid;
	margin-top:-2px;
}

.newsletter{
	padding-left:50px;
}

#trabaja {
	height:1em;
	margin-top:1em;
}

	.suggestionsBox {
		position: absolute;
		left: 500px;
		margin: 10px 0 0 0;
		width: 200px;
		background-color: #FFE2AC;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border: 1px solid #B00000;	
		color: #000000;
		z-index:100;
	}
	
	.suggestionList {
		margin: 0;
		padding: 0;
	}
	
	.suggestionList li {
		
		margin: 0 0 3px 0;
		padding: 3px;
		cursor: pointer;
		list-style-type:none;
	}
	
	.suggestionList li:hover {
		background-color: #F7F7F7;
		list-style-type:none;
	}

.grupos {
/*	font-size:12px;
	font-weight:bold;*/
	margin-top:0;
	_margin-top:0;
	*margin-top:0;
}

.grupos ul {
	list-style-type:none;
}

.grupos li {
	float:left;
	display:block;	
	margin-top:-10px;	
}

.facebook {
	margin-top:-10px;
}

/* right_side */
#porbarrio {
	float: none;
	width: 580px;
	margin-bottom:25px;
	padding-left: 10px;
	padding: 0 40px;
	margin-top:7px;
	_margin-top:0;
	/*background: url(../images/img04.jpg) no-repeat;*/
	/*border: 2px solid #000000;*/
}

#porbarrio h2 {	
	/*background: url(../images/img05.jpg) no-repeat;
	margin-top:22px;
	margin-bottom: 10px;
	padding: 0px 25px;
	letter-spacing: -1px;*/
	letter-spacing: 1px;
	color: #CC0000;
	font-size:14px;
	font-weight: 300;
}