*{
	margin: 0;
	padding: 0;
	outline: none;
}



body{
	background: url("img/background_y.jpg") #C7B287 repeat-x;
	margin: 0;
	padding: 0;
	color:#000;	
}


div#wrapper_container{
	margin: 0;
	padding: 0;

}

#wrapper{
	margin: auto;
	width: 950px; 	
	
}


/**** HEADER ***/

#quote{
	position:absolute;
	margin-left: 450px;
	margin-top: 20px;
	
}


#menu{
	position:absolute;
	margin-left: 440px;
	margin-top: 140px;
}

.item{
	background: url("img/menu_a.png") center top;
	width: 155px;
	height: 75px;
	float: right;
	text-align:center;
	font:18px arial;
	color:#FFFFFF;
	cursor:pointer;
	text-decoration:none;
}

.item p{
	margin-top: 10px;
}

.item p.b{
	margin-top: 25px;
}


.item:hover{
	background: url("img/menu_b.png") center top;
}

 .selected{
		background: url("img/menu_b.png") center top;
}

/**** END Header ****/	

	
#content{
	background:#FFFFFF;
	width: 950px;
	/*height: 100px;*/
	position:relative;
	
}

#subcontent{
	border:thin;
	border-color:#000;
	border-style:solid;
	margin-top: 25px;
	margin-bottom: 25px;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	
}


/*** Historia ***/

#historia{
	height:386px;
}

#historia .foto{
	float:left;
	/*width:386px;*/	
}



#historia .text{
	float:left;
	padding: 25px;
	width: 500px;
	margin-left:5px;

}

#historia .text p{
		font-family: arial;
		font-size:17px;
		color: #6D6E71;
		text-indent: 20px;
		/*margin-top: 18px;*/
		margin-bottom: 10px;
	
}
/*** END historia ***/

/*** MENU ***/

#nuestro_menu{
	
}



#nuestro_menu .item_menu{
	float:left;
	padding-left:12px;
	padding-right:7px;
	padding-top:16px;
	padding-bottom:8px;
	margin-bottom: 5px;
	
}

#nuestro_menu .item_menu .text{ text-align:center; font-family: arial; 		color: #6D6E71; margin-top: 5px;   }

#nuestro_menu .item_menu #torta_ahogada{ background: url("img/menu/torta.jpg"); width: 161px; height: 161px; cursor:pointer; }
#nuestro_menu .item_menu #tacos_dorados{ background: url("img/menu/tacos.jpg"); width: 161px; height: 161px; cursor:pointer;}
#nuestro_menu .item_menu #botana{ background: url("img/menu/botana.jpg"); width: 161px; height: 161px; cursor:pointer; }
#nuestro_menu .item_menu #cafe{ background: url("img/menu/cafe.jpg"); width: 161px; height: 161px;  cursor:pointer; }
#nuestro_menu .item_menu #postres{ background: url("img/menu/postres.jpg"); width: 161px; height: 161px; cursor:pointer; }
#nuestro_menu .item_menu #jugos{ background: url("img/menu/jugos.jpg"); width: 161px; height: 161px; cursor:pointer; }
#nuestro_menu .item_menu #frappes{ background: url("img/menu/frappes.jpg"); width: 161px; height: 161px; cursor:pointer; }
#nuestro_menu .item_menu #smoothies{ background: url("img/menu/smoothies.jpg"); width: 161px; height: 161px; cursor:pointer; }
#nuestro_menu .item_menu #micheladas{ background: url("img/menu/micheladas.jpg"); width: 161px; height: 161px; cursor:pointer; }

#nuestro_menu .item_menu #torta_ahogada:hover{ background: url("img/menu/torta_b.jpg"); width: 161px; height: 161px; cursor:pointer; }
#nuestro_menu .item_menu #tacos_dorados:hover{ background: url("img/menu/tacos_b.jpg"); width: 161px; height: 161px; cursor:pointer; }
#nuestro_menu .item_menu #botana:hover{ background: url("img/menu/botana_b.jpg"); width: 161px; height: 161px; cursor:pointer; }
#nuestro_menu .item_menu #cafe:hover{ background: url("img/menu/cafe_b.jpg"); width: 161px; height: 161px; cursor:pointer; }
#nuestro_menu .item_menu #postres:hover{ background: url("img/menu/postres_b.jpg"); width: 161px; height: 161px; cursor:pointer; }
#nuestro_menu .item_menu #jugos:hover{ background: url("img/menu/jugos_b.jpg"); width: 161px; height: 161px; cursor:pointer; }
#nuestro_menu .item_menu #frappes:hover{ background: url("img/menu/frappes_b.jpg"); width: 161px; height: 161px; cursor:pointer; }
#nuestro_menu .item_menu #smoothies:hover{ background: url("img/menu/smoothies_b.jpg"); width: 161px; height: 161px; cursor:pointer; }
#nuestro_menu .item_menu #micheladas:hover{ background: url("img/menu/micheladas_b.jpg"); width: 161px; height: 161px; cursor:pointer; }


/*#nuestro_menu .item_menu #torta_ahogada{ background: url("img/menu/torta.jpg"); width: 161px; height: 161px; }*/

/*** END MENU ***/


/*** Sucursales ***/

#sucursales{
	padding-top: 20px;
	
	padding-bottom: 20px;
	
}


#sucursales .title{
	font-size:30px;
	font-weight:bold;
	margin-left: 50px;

}

#sucursales .sucursal{
	border-bottom:thin #000 solid;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 40px;
	width: 410px;
	font-family: arial;
	
}

#sucursales .sucursal strong{
	color: #ED1C24;
	font-size:15px;
}


#sucursales .sucursal .text{
	padding-left: 20px;
	float:left;
	width: 250px;
	font-size:13px;

}

#sucursales .sucursal .desc{
	float:left;
	text-align:center;
	color: #ED1C24;
	margin-left: 20px;
	width:120px;
	font-size:13px;	
}

#mapa{
	position:absolute;
	margin-left: 470px; 
	
	
	
}


/*** end Sucursales ***/



/*** Contacto ***/
#contacto{
	padding:20px;
	font-family: arial;
}

#contacto .fields{
	float:right;	
}

#contacto .info{
	float: left;
	width: 350px;
	padding: 20px;
	
}

#contacto .info .info_title{
	padding-top: 10px;
	
	
}

#contacto .info a{
	text-decoration:none;
	color:#666;
	font-weight:bolder;
}



#contacto .fields dl{
	width: 420px;
	padding: 20px;
}


#contacto .fields dl dt{
	float:left;
	width: 100px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 20px;
	text-align:right;
	font-weight:bold;
	
}

#contacto .fields dl dd{
	float:left;	
}

#contacto .fields .input_contact{
	width:  250px;
	padding: 5px;
	font-family: arial;	
}


.button_send{
	background: url("img/enviar.png");
	width: 152px;
	height: 44px;
	text-align:center;
	margin-top: 20px;
}

#gracias{
	text-align:center;
	font-family: arial;
	font-size:56px;
	padding-top: 150px;
	padding-bottom: 150px;
	
	
}


/*** END Contacto ***/


/***** FOOTER *******/

#footer{
	background: url("img/franjas.png") #fff no-repeat center bottom;
	width: 950px;
	height: 350px;
	margin: auto;
	/*position:relative;
	z-index: 1;*/
}


#footer{
	text-align:left;
	
}

#footer .content{
	margin-top: 0px;
}


#footer .item{
	/*background: url("img/box.png")  center;*/
	width: 270px;
	height: 178px;
	margin-left: 22px;
	margin-right: 22px;
	margin-top: 25px;
}


#footer .item .sub_button{
	background: url("img/button_sm.png")  center no-repeat;
	width: 183px;
	height: 39px;
	text-align:center;
	color:#F7941E; /*orange*/
	margin: auto;
	padding-top: 15px;
	
	
}

#footer .item .title{
	margin-top: 10px;
	margin-bottom: 10px;
	
	
}

#footer .item .text_item{
	height: 80px;
	font-size: 17px;
	
	
}

#footer .box{
	background: url("img/box_orange.png")  center;
}

#footer .selected{
	background: url("img/box_red.png")  center;
}

#footer .box:hover{
	background: url("img/box_red.png")  center;
}

#footer .box_red{
	background: url("img/box_gray.png")  center;
}	
	
#footer .box_gray{
	background: url("img/box_gray.png")  center;
	position:relative;
	/*z-index: 2;*/
}		
	
#footer .text{
	margin-left: 21px;
	font: 12px arial;
	width: 570px;
	margin-top: 20px;
	font-weight:bold;	
}

#footer strong{
	font-weight:bolder;
	
}

#footer .dec{
	background: url("img/dec.png")  center;
	width: 360px;
	height: 350px;
	position:absolute;
	margin-left: 590px;
	
}




/***** MARCADORES *******/
.border_w{
	border:thin;
	border-color:#fff;
	border-style:solid;
}

.border_r{
	border:thin;
	border-color:#F00;
	border-style:solid;
}

.border_g{
	border:thin;
	border-color: #0F0;
	border-style:solid;
}
.border_b{
	border:thin;
	border-color:#000000;
	border-style:solid;
}

/****************/




/** CLEARFIX **/
.clear {
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */