@charset "utf-8";
html{

	height: 100%;
	font-family:Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	color: #FFFFFF;
}
body{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #006F51;
}
#page{
	width:778px;
	height: 100%;
	left: 50%;
	margin-left: -389px;
	position: absolute;
	top: 0px;
	z-index:1;
	color: #685E57;
}

#header{
	width:100%;
	height:138px;
	background: url(../images/mamina-top.gif) no-repeat center top;
}

#logo{
	position:absolute;
	left:27px;
	top:32px;
	z-index:2;
}

#slogan{
	position:absolute;
	right:26px;
	top:62px;
	z-index:2;
	background:url(../images/slogan.gif);
	width:221px;
	height:56px;
	outline:0px;
	font-size:0px;
	text-indent:-10000px;
}

#layout{ 
	width:auto;
	background: url(../images/mamina-center.gif) repeat-y center top;
	text-align:center;
	padding-left:9px;
	padding-right:9px;
	min-height: 250px; /* Arregla el problema min-heigth de las diferecias contenido de iE y firefox*/
	height: auto !important;
	height: 250px;
}

#footer{ 
	width:auto;
	height:32px;
	background: url(../images/mamina-bottom.gif) no-repeat center bottom;
	text-align:center;
} 

#menu{
	/*margin-top:16px;*/
	background: url(../images/menu-base.gif) no-repeat center top;
	text-align:center;
	height:28px;
	position:relative;
}
/*#menu .space{height:28px;width:93px; float:left;}*/
#menu .item{
	height:28px;
	width:143px;
	background:none;
	text-indent:-10000px;
	outline:0px;
	display:block;
	position:absolute;
	top: 0px;
}

#menu .empresa{background: url(../images/menu-empresa.gif) no-repeat center top;}
#menu .productos{background: url(../images/menu-productos.gif) no-repeat center top;}
#menu .servicios{background: url(../images/menu-servicios.gif) no-repeat center top;}
#menu .contacto{background: url(../images/menu-contacto.gif) no-repeat center top;}

#menu #empresa{
	left: 93px;
}
#menu #productos{
	left: 236px;
}
#menu #servicios{
	left: 379px;
}
#menu #contacto{
	left: 522px;
}

#home{padding:0px 16px 8px 16px;}
#content_{
	padding-top:0px;
	padding-right: 16px;
	padding-bottom: 8px;
	padding-left: 16px;
}
#content{
	text-align:justify;
	padding-top: 24px;
	padding-right: 26px;
	padding-bottom: 16px;
	padding-left: 26px;
}


.clear{clear:both;margin: 0px;font-size:0px;line-height:0px;}
.left{ float:left;}
.right{float:right;}
.margin-bottom{margin-bottom:16px;}
.margin-top{margin-top:16px;}
.first{ margin-top:0px;}
.justify{text-align:justify;}



.large{width:528px;} 
.short{width:184px;}  


a{ color:#958c85;}
h1{ margin: 0px 0px 12px 0px; font-size:20px; font-weight:normal;}
h2{ margin: 16px 0px 4px 0px; color: #685e57;}
h3{ margin: 16px 0px 4px 0px; font-size:11px; font-weight:bold; color:#958c85;}
p{ margin: 0px 0px 8px 0px;}

.info {color:#958c85; font-size:10px; font-weight:normal; }

.telefonos {height:43px;}
.telefonos .oeste{
	float:right; margin-left:22px; text-indent:-10000px;
	background:url(../images/te_oeste.gif);
	width:85px;
	height:43px;
}
.telefonos .norte{
	float:right; margin-left:22px; text-indent:-10000px;
	background:url(../images/te_norte.gif);
	width:85px;
	height:43px;
}
.telefonos .sur{
	float:right; margin-left:22px; text-indent:-10000px;
	background:url(../images/te_sur.gif);
	width:85px;
	height:43px;
}
.telefonos .centro{
	float:right; margin-left:22px; text-indent:-10000px;
	background:url(../images/te_centro.gif);
	width:98px;
	height:43px;
}

.telefonos .funes{
	float:right; margin-left:22px; text-indent:-10000px;
	background:url(../images/te_funes.gif);
	width:85px;
	height:43px;
}

#submenu{
	background: url(../images/submenu-base.gif) no-repeat center top;
	text-align:center;
	height:30px;
	position:relative;
}
#submenu .item{
	text-indent:-10000px;
	position:absolute;
	outline:0px;
	height:30px;
	top: 0px;
	 display:block;
	/*border: 1px solid #CCC;*/
}
#submenu #sandwiches{
	left: 144px;
	width:95px;
}
#submenu #bandejas{
	left: 253px;
	width:140px;
}

#submenu #variedades{
	left: 407px;
	width:110px;
}
#submenu #tortas{
	left: 530px;
	width:88px;
}
/*#submenu #triples{
	left: 178px;
	width:47px;
}
#submenu #simples{
	left: 226px;
	width:53px;
}
#submenu #tartas{
	left: 342px;
	width:44px;
}
#submenu #postres{
	left: 503px;
	width:50px;
}
#submenu #masas{
	left: 554px;
	width:109px;
}
*/

#submenu .mark{background: url(../images/submenu-mark.gif) no-repeat center bottom;}
#submenu .sandwiches{background: url(../images/submenu-sandwiches.gif) no-repeat center top;}
#submenu .bandejas{background: url(../images/submenu-bandejas.gif) no-repeat center top;}
#submenu .variedades{ background: url(../images/submenu-variedades.gif) no-repeat center top;}
#submenu .tortas{background: url(../images/submenu-tortas.gif) no-repeat center top;}


/*#submenu .space{height:30px;width:130px; float:left; margin-right:1px;}
#submenu .triples{background: url(../images/submenu-triples.gif) no-repeat center top;}
#submenu .simples{background: url(../images/submenu-simples.gif) no-repeat center top;}
#submenu .tartas{background: url(../images/submenu-tartas.gif) no-repeat center top;}
#submenu .promociones{background: url(../images/submenu-promociones.gif) no-repeat center top;}
#submenu .postres{background: url(../images/submenu-postres.gif) no-repeat center top;}
#submenu .masas{background: url(../images/submenu-masas.gif) no-repeat center top;}	
*/

.productos{text-align:left;} 
.productos .titulo{
	height:20px;
	background-image: url(../images/titulos-sprite.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.productos .triples{		background-position: 0px 0px;}
.productos .simples{		background-position: 0px -20px;}
.productos .bandejas{		background-position: 0px -40px;}
.productos .tartas{		background-position: 0px -60px;}
.productos .variedades{ 	background-position: 0px -80px;}
.productos .promociones{	background-position: 0px -100px;}
.productos .tortas{		background-position: 0px -120px;}
.productos .postres{		background-position: 0px -140px;}
.productos .masas{			background-position: 0px -160px;}	
.productos p{ margin: 0px 0px 4px 0px;} 
.productos .item{font-size: 11px; color: #685E57;}
.productos .precio{color: #E73031;font-weight:bold;}
.productos .linea{
	clear:both;
	font-size:0px;
	line-height:0px;
	height:5px;
	margin-bottom:10px;
	border-bottom: 1px solid #c5beb5;
}
.productos .separador {
	clear:both;
	font-size:0px;
	line-height:0px;
	height:10px;
	margin-bottom:10px;
	border-bottom: 1px solid #E3DFDB;
}
.productos .nombre{color: #E73031;font-weight: bold;font-size: 11px;}
.productos .cantidad{font-weight:bold;}
.productos .aclaracion{font-size: 10px; color: #c5beb5; line-height:12px;}
.productos .detalle{padding-top:4px;margin-left:102px;}
.productos .short{width:138px;}
.productos .large{width:574px;}
.productos .nota{font-size: 10px; color: #c5beb5; float:right; margin-top:4px;}
.productos .index{float:left; text-indent:-10000px;}
.productos .cortes{text-align:right; margin-top:8px; clear:both} 
.productos .column{width:356px;}
.productos .imagen{ float:left;}

.sandwiches{}
.sandwiches .codigo{color: #c5beb5;}
.sandwiches .detalle{padding-top:0px;margin-left:0px;}
.sandwiches .column{width:279px;}


.bandejas{}
.bandejas .detalle{padding-top:0px;margin-left:0px;}
.bandejas .column{width:279px;}

.tortas .descripcion{font-size: 10px; line-height:14px;}
.variedades .descripcion{font-size: 10px; line-height:14px;}

.calorias{color: #70AB1C;}
.calorias .descripcion{color: #70AB1C;}
.calorias .precio{color: #70AB1C; font-weight:bold;}
.calorias .codigo{color: #70AB1C;}

.verde{color: #007D44;}
.verde .descripcion{ color: #007D44;}
.verde .precio{color: #007D44;font-weight:bold;}
.verde .codigo{color: #007D44;}
.lunch img{
	margin-right:9px;
	margin-bottom:3px;
	margin-top:3px;
}

	#toolbox{
				float:left;
				margin-left:29px;
				margin-top:14px;
	/*font-size:9px;
	position:absolute;
	top:30px;
	right:0px;*/
	width:136px;
	height:25px;
			}
			#toolbox a {
				text-decoration:none;
				border-width: 0px;
				
			}
			#toolbox a:hover {
				border:0px;
				text-decoration:none;
			}
			#toolbox .custom-icon{
				background-repeat:no-repeat;
				background-position:left center;
				padding-left:20px;
			}
			.icon-printer{background-image:url(../images/icon-printer.png);}
			.icon-email_go{background-image:url(../images/icon-email_go.png);}
			.icon-addthis {background-image:url(../images/icon-addthis.png);}/**/
			.icon-social_facebook{background-image:url(../images/icon-social_facebook.png);}
			.icon-social_google{background-image:url(../images/icon-social_google.png);}
			.icon-social_twitter{background-image:url(../images/icon-social_twitter.png);}
			.icon-social_linkedin{background-image:url(../images/icon-social_linkedin.png);}
			.icon-social_myspace{background-image:url(../images/icon-social_myspace.png);}

