/* RESET */

html, body, div, span, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, code,
em, font, img, 
small, strong,
dl, dt, dd, ol, ul, li,
fieldset, form, label{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

button::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  padding: 0px 2px 0px 2px;
  border: none;
}

input:focus {
	outline: 0;
}


/* ---- MAIN STYLES ---- */

body {
background: url('images/bgGradPattern.jpg') repeat-x;
background-color: #ebf5fb;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
}

#homeFrame {
margin-left: 57px;
overflow: hidden;
padding-bottom: 10px;
position: relative;
width: 100%;
}

.buttonAgregar {
text-indent: -9999px !important;
}


/* ---- CONTENT ---- */

#mainContainer {

margin: auto;
margin-top: -55px;
position: relative;
overflow: hidden;
width: 970px;
}

#mainFrame {
background: url('images/contBg.png') repeat-y;
position: static;
width: 970px;
}

/* ---- HEADER ---- */

#header {
background: url('images/headerBg.jpg') no-repeat;
height: 320px;
text-indent: -9999px;
}

#logo {
background: url('images/logo.png') no-repeat;
display: block;
height: 99px;
left: 75px;
position: relative;
top: 72px;
width: 132px;
}

#c_delivery {
display: block;
left: 721px;
position: absolute;
top: 99px;
width: 100%;
}

#headerPhone {
left: 320px;
position: relative;
top: -15px;
}

#promoWWW {
left: 120px;
position: relative;
top: -15px;
}

/* ---- MENU ---- */

#menu {
margin-left: 30px;
position: relative;
text-indent: -9999px;
top: -140px;
}

#menu a {
display: block;
height: 130px;
position: absolute;
width: 130px;
}

#menu li {
float: left;

}


.menu_MuySocio {
background: url('images/menuMuySocio.png') no-repeat;
left: 0px;
top: 0px;
}
.menu_MuySocio:hover {
background: url('images/menuMuySocio_selected.png') no-repeat;
}



.menu_Sabores {
background: url('images/menuSabores.png') no-repeat;
left: 90px;
top: -20px;
}
.menu_Sabores:hover {
background: url('images/menuSabores_selected.png') no-repeat;
}



.menu_Promos {
background: url('images/menuPromos.png') no-repeat;
left: 180px;
top: -30px;
}
.menu_Promos:hover {
background: url('images/menuPromos_selected.png') no-repeat;
}



.menu_Delivery {
background: url('images/menuDelivery.png') no-repeat;
height: 134px;
left: 280px;
top: -26px;
width: 164px !important;
}
.menu_Delivery:hover {
background: url('images/menuDelivery_selected.png') no-repeat;
}



.menu_Productos {
background: url('images/menuProductos.png') no-repeat;
left: 425px;
top: -33px;
}
.menu_Productos:hover {
background: url('images/menuProductos_selected.png') no-repeat;
}



.menu_Horarios {
background: url('images/menuHorarios.png') no-repeat;
left: 538px;
top: -30px;
}
.menu_Horarios:hover {
background: url('images/menuHorarios_selected.png') no-repeat;
}



.menu_SuOpinion {
background: url('images/menuSuOpinion.png') no-repeat;
left: 648px;
top: -20px;
}
.menu_SuOpinion:hover {
background: url('images/menuSuOpinion_selected.png') no-repeat;
}



.menu_ContactoI {
background: url('images/menuContactoI.png') no-repeat;
height: 150px !important;
left: 755px;
top: -15px;
width: 150px !important;
}
.menu_ContactoI:hover {
background: url('images/menuContactoI_selected.png') no-repeat;
}




/* ------| HOME |------ */

.bottomButton {
bottom: 75px;
left: 250px;
position: absolute;
}


.bottomButtonA {
background: url('images/buttonDefault.png') no-repeat;
display: block;
float: left;
height: 47px;
margin: auto;
margin-left: 10px;
margin-right: 10px;
margin-top: 15px;
width: 142px;
}

.bottomButtonA:hover {
background: url('images/buttonDefault_hover.png') no-repeat;
}


.bottomButtonB {
background: url('images/buttonDefaultB.png') no-repeat;
display: block;
float: left;
height: 47px;
margin: auto;
margin-top: 15px;
width: 186px;
}

.bottomButtonB:hover {
background: url('images/buttonDefaultB_hover.png') no-repeat;
}







/* ------| FOOTER |------ */

#Footer {
background: url('images/footerBg.png') no-repeat;
clear: both;
font-weight: bold;
height: 86px;
margin: auto;
width: 910px;
}

#Footer a {
background: url('images/ombu_logo.png') no-repeat;
color: black;
padding-left: 20px;
text-decoration: none;
}

#Footer a:hover {
background: url('images/ombu_logo_hover.png') no-repeat;
color: #D41100;
}

#Footer p {
font-size: 12px;
position: relative;
text-align: center;
top: 50px;
}


body:nth-of-type(1) {
border: none;
}

body:nth-of-type(1) {
border: none;
}

body:nth-of-type(1) {
border: none;
}