/*empezamos por esto, para evitar resultados extraños en distintos navegadores, y algo de estilo al texto*/
body {
	font-family:arial, "Times New Roman", Times, serif;
	font-size: 12px; /* Resets 1em to 10px */
	color:#696969;
	padding:0px;
	margin:0px;
	/*color:#666666;*/
	text-align:center; /*aqui mandamos a centrar todo el contenido*/
	/*background-color:#333333;*/
background:url(../wp-content/themes/restaurant/images/bg.PNG);
	position:relative;
	z-index:0;
	overflow-y:scroll;
}

#titulo{
border-style:solid;
border-width:0px;
text-align:center;
margin-bottom:30px;
}

#contenedor {
	width:760px; /*ancho total de la pagina*/
	height:480px; /*idem*/
	border:0px solid #333333; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/
	background:url(../wp-content/themes/restaurant/images/kubrickbg-ltr.jpg);
	/*background-color:#FFF8F0;*/
	margin:2px auto 0px;  /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/
	text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/
	position:relative;
	z-index:2;
}

#superior {
	list-style-type:none; /*con esto quitamos las viñetas*/
	margin:0; /*le quitamos el margen a la lista*/
	padding:0; /*y el relleno*/
}

#sup {
	margin:0; /*le quito el margen al elemento de la lista*/
	float:left; /*y los floto a la izquierda para eliminar el salto de linea*/
}

#sup a {
	display:block; /*con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/
	background-color:#CC0033; /*algo de color*/
color:white;
	/*color:#FFFFFF;mas*/
	width:86px; /*defino el ancho del rectangulo del vinculo*/
        text-align:center;

        padding:2px 0px 2px 0px; /*sumamos el relleno al ancho y alto del rectangulo para obtener el div #menu completamente ocupado con los ítems del menú*/

	text-decoration:none; /*elimino el subrayado del vínculo*/
	font-weight:bold; /*decoración*/
	text-transform:uppercase; /*decorare los vinculos en mayusculas*/
}

#sup a:hover {
	background-color:#D9444D; /*decoración para el evento hover (mouse encima)*/
}


#contenido {
	width:500px; /*el ancho mas el padding me da 600px de ancho que es loque mide la pagina */
	/*clear:both; con esto nos aseguramos de que no se ponga nada a los lados*/
	height:115px;
	float:left;
	margin-left:0px;
	text-align:justify;
	overflow: auto;
	overflow:hidden;

}

.listasuperior a {
	display:block;
	/*con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/
	color:#696969;
	/*background-color:#CC3300; /*algo de color*/
	/*color:#FFFFFF;mas*/
	/*width:200px; /*defino el ancho del rectangulo del vinculo*/
    /*    text-align:center;*/
       /* padding:10px 0px 10px 0px; /*sumamos el relleno al ancho y alto del rectangulo para obtener el div #menu completamente ocupado con los ítems del menú*/

	text-decoration:none; /*elimino el subrayado del vínculo*/
	/*font-weight:bold; decoración*/ 
	text-transform:uppercase; /*decorare los vinculos en mayusculas*/

}

.listasuperior a:hover {
	color:#800000;
	font-weight: normal
}

.listasuperior {
	float:left;
	padding-top: 0px;
	padding-left: 0px;
	padding-right:40px;
	margin-left: 5px;
	margin-top: 0px;
	/*margin-left: 0;*/
/*padding-left: 0;*/
list-style: none;
	padding-bottom: 0px;
	/*border:0px;
	border-style:solid;
	border-color:blue;*/
}
	
.listasuperior li{
padding-left: 15px;
background-image: url(../imagenes/simbolos/arrow.gif);
background-repeat: no-repeat;
background-position: 0.5em;
}

#derecha{
color:red;
margin-left:19px;
padding-right:0px;
position:relative;
z-index:-1;
}

.listainferior {
	float:left;
	/*border:red;
border-style:solid;
border-width:1px;*/
/*margin-left: 0;*/
/*padding-left: 0;*/
    width:158px;
	min-height:0px;
	list-style: none;
	margin-top: 0px;
	padding-left: 0px;
	padding-right:0px;
	margin-left:0px;
	margin-bottom: 4px;

}

.listainferior li{
	padding-left:20px;
}


.listainferior a {
	display:block;
	/*con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/
	color:#696969;
	/*background-color:#CC3300; /*algo de color*/
	/*color:#FFFFFF;mas*/
	/*width:200px; /*defino el ancho del rectangulo del vinculo*/
    /*    text-align:center;*/
       /* padding:10px 0px 10px 0px; /*sumamos el relleno al ancho y alto del rectangulo para obtener el div #menu completamente ocupado con los ítems del menú*/

	text-decoration:none; /*elimino el subrayado del vínculo*/
}


.listainferior a:hover {
	color:#800000;
	background-position: 0.5em;
}


.precio{
	float:left;
	/*border:red;
border-style:solid;
border-width:1px;*/
/*margin-left: 0;*/
/*padding-left: 0;*/

list-style: none;
	margin-top: 0px;
	padding-left: 0px;
	padding-right:7px;
	position:relative;
	z-index:auto;
}

.precio li{
padding-left: 20px;
background-repeat: no-repeat;
background-position: 0em;
text-align: right;
position:relative;
z-index:-1000;
}

.preciovinos{
	float:left;
	/*border:red;
border-style:solid;
border-width:1px;*/
/*margin-left: 0;*/
/*padding-left: 0;*/

list-style: none;
	margin-top: 15px;
	padding-left: 0px;
	padding-right:10px;
	position:relative;
	z-index:-1000;
}

.preciovinos li{
padding-left: 20px;
background-repeat: no-repeat;
background-position: 0em;
text-align: right;
position:relative;
z-index:-1000;
}

.preciovinos li2{
padding-left: 20px;
background-image:  url(../imagenes/simbolos/PesoBlanco.PNG);
background-repeat: no-repeat;
background-position: 0em;
text-align: right;
position:relative;
z-index:-1000;
}

.confoto {
	background-image:  url(../imagenes/simbolos/camara.gif);
	background-repeat: no-repeat;
	background-position: 5%;
	/*text-align: left;*/
/*
border-color:red;
border-width:2px;
border-style:solid;*/
  outline: #990000
}

#contenido h2 {
	font-size:16px;
	color:#CC3300;
	width:216px;
	text-transform:uppercase;
	border-bottom:1px dotted #CC3300;
}

#contenido2 h3 {
	/*Titulo de los vinos*/
	/*font-style:bold;  */
	color:black;
	/*color:#999900;*/
	/*border:0px;
	border-style:solid;
	border-color:red;*/
	margin:0px;
  font-size: larger
}

#contenido2 hh3 {
	/*Titulo de los vinos*/
	/*font-style:bold;  */
	color:black;
	/*color:#999900;*/
	/*border:0px;
	border-style:solid;
	border-color:red;*/
	margin:0px;
	/*padding:20px;*/
	/*border-bottom:1px dotted #999900;*/
	/*display:inline;*/
    font-weight: bold;
  font: normal 12
}


#contenido2 {
	text-transform:capitalize; /*mayusculas la primera letra*/
	width:515px; /*el ancho mas el padding me da 600px de ancho que es loque mide la pagina */
	/*clear:both; con esto nos aseguramos de que no se ponga nada a los lados*/ 
height: 280px;
	margin-top:2px;
	float:left;
	padding-left:0px;
	margin-left:0px;
	overflow: auto;
	overflow:hidden;
	/*
oculta la barra*/
position:relative;
	z-index:0;
} 


#lateral {
	margin:0px;
	margin-top:20px;
	width:243px;
	height:300px;
	overflow:auto;
	overflow:hidden;
	right:-1px;
	border-color: #C6C6C6;
	border-style:solid;
	border-width:0px;
	position:absolute;
	float:right;
	z-index:10;
	top: 77px;
}

.foto{/*
border-color:red;
border-style:solid;
border-width:1px;
overflow:auto;
padding-bottom:0px;
overflow:hidden;*/

}

img.centerborder {
width:220px;
border: 1px solid #C6C6C6;
border-bottom-color:gray;
border-right-color:gray;
background-color:white;
padding: 4px;
text-align:center;


 /*display: inline;*/
/*border-color: #C6C6C6;
border-style:solid;
border-width:1px;*/

}
img.lupa {
width:30px;
/*border: 1px solid #C6C6C6;
border-bottom-color:grey;
border-right-color:grey;
padding: 4px;*/
text-align:center;
 /*display: inline;*/
/*border-color: #C6C6C6;
border-style:solid;
border-width:1px;
*/

/*float:right;*/


}

img.centerbordergrande {

/*width:280px;*/
border: 1px solid #C6C6C6;
border-bottom-color:gray;
border-right-color:gray;
padding: 8px;
display: block;
margin: auto;
margin-bottom:5px;
background-color:white;
margin-left:-265px;
margin-top:-150px;
position:relative;
z-index:10;
}

.popup{
/*
border-color: blue;
border-style:solid;
border-width:1px;*/
margin-left:140px;
margin-right:38px;
margin-top:30px;
margin-bottom:10px;

}
.popup .centerbordergrande{
visibility:hidden;
}
.popup .lupa{
visibility:hidden;
}
.popup:hover .lupa{
visibility:visible;
}

.minipopup{
/*border-color: pink;
border-style:solid;
border-width:1px;*/
margin-top:-45px;
margin-left:140px;
margin-right:30px;
margin-bottom:0px;
height:40px;

}

.minipopup:hover .centerbordergrande{ 
visibility:visible;
/*border-color: blue;
border-style:solid;
border-width:1px*/
}

.definicion{

width:230px;
height:90px;
color:gray;
margin-right:40px;
/*text-transform:capitalize;*/
text-indent: 2em;
text-align:justify;
font-size:12px;
font-style: italic;
margin-left:0px;
/*border-color: #C6C6C6;
border-style:solid;
border-width:1px;*/

/*background-color:red;*/

}

#espacio{
height:260px;
}

#salto{
	color:blue;
	height:515px;
}

#saltolateral{	
/*border-color: red;
border-style:solid;
border-width:10px;*/
height:300px;}

h4{
  color:green;
  font-family:verdana;
}

#presentacion{
/*border-color: red;
border-style:solid;
border-width:10px;*/
margin-top:30px;
margin-left:40px;
width:250px;
float:left;
text-align:justify;
position:absolute;
}
img.bordes {
/*width:270px;*/
margin-top:30px;
margin-right:180px;
/*border: 1px solid #C6C6C6;*/
border-bottom-color:gray;
border-right-color:gray;
/*background-color:white;*/
padding: 4px;
text-align:center;
float:left;

}

ol.lista1 {
/*border-width:1px;
border-color:red;
border-style:solid;*/
list-style-type:none;
width:440px;
height:60px;
margin:auto;
padding:0px;

}
li.galeria{
float:left;}
img.foto{
padding:4px;
margin-right:10px;
margin-bottom:4px;
border-width:1px;
border-color:black;
border-style:solid;
width:80px;
height:50px;
}

/* esto es para la parte de los menu oferta*/
.menuofertacantidad {

float:left;
/*border:red;
border-style:solid;
border-width:1px;*/
/*margin-left: 0;*/
/*padding-left: 0;*/
width:20px;
list-style: none;
margin-top: 0px;
padding-left: 0px;
padding-right:0px;
margin-left:0px;
height:170px;
}
.menuofertacantidad li{
padding-left:0px;

text-align:right;


}

.menuofertacantidad a {
	display:block;
	/*con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/ 
	color:#696969;
	/*background-color:#CC3300; /*algo de color*/ 
	/*color:#FFFFFF;mas*/ 
	/*width:200px; /*defino el ancho del rectangulo del vinculo*/
    /*    text-align:center;*/
       /* padding:10px 0px 10px 0px; /*sumamos el relleno al ancho y alto del rectangulo para obtener el div #menu completamente ocupado con los ítems del menú*/ 

	
	text-decoration:none; /*elimino el subrayado del vínculo*/ 
	
	
}
.menuofertacantidad a:hover {
color:gray;
	
}

.menuofertaproducto {

float:left;
/*border:red;
border-style:solid;
border-width:1px;*/
/*margin-left: 0;*/
/*padding-left: 0;*/
width:180px;
list-style: none;
margin-top: 0px;
padding-left: 0px;
padding-right:0px;
margin-left:0px;
height:170px;

}
.menuofertaproducto li{
padding-left:20px;


}

.menuofertaproducto a {
	display:block;
	/*con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/ 
	color:#696969;
	/*background-color:#CC3300; /*algo de color*/ 
	/*color:#FFFFFF;mas*/ 
	/*width:200px; /*defino el ancho del rectangulo del vinculo*/
    /*    text-align:center;*/
       /* padding:10px 0px 10px 0px; /*sumamos el relleno al ancho y alto del rectangulo para obtener el div #menu completamente ocupado con los ítems del menú*/ 

	
	text-decoration:none; /*elimino el subrayado del vínculo*/ 
	
	
}
.menuofertaproducto a:hover {
	color:#990000;
	
}

.preciomenuoferta{
	float:left;
	/*margin-left: 0;*/
/*padding-left: 0;*/

list-style: none;
	margin-top: 0px;
	padding-left: 0px;
	padding-right:17px;
	color:black;
	text-align: center;


}
.preciomenuoferta li{
	padding-left: 15px;
	background-image:  url(http://restaurantyangcheng.cl/menuarchivos/imagenes/simbolos/peso2.PNG);
	background-repeat: no-repeat;
	background-position: 0em;
	text-align: center;
	font-weight: bold;
	color: #990000
}

.combo
{
float:left;
width:220px;
height:250px;
margin-right:14px;
margin-bottom:14px;
background-color:#FFFCC7;
}

.titulomenuoferta
{
font-weight:bold;
color:black;
padding:3px;
	}