/* CSS Document */
/* Deeveloper Jepser Bernadino */

*{
margin:0;
padding:0;
}
img{
border:none;
}
.clear{
width:100%;
height:0;
clear:both;
}
body{
background:url(../img/fondo_01.jpg) repeat-x #FFFFFF;
font-family:"trebuchet MS", Arial;
font-size:12px;
color:#64853C;
}
/*contiene la pagina*/
#todo{
width:970px;
height:auto;
margin:11px auto 0 auto;
_padding-left:17px;
}
#logo{
float:left;
width:280px;
height:132px;
}
/*contiene el buscador del lado derecho*/
#buscador{
float:right;
background:url(../img/boletin_03.jpg) no-repeat;
width:310px;
height:81px;
margin:6px 24px 0 0;
}
/*contiene el menu*/
#menu{
float:left;
background:url(../img/menusin_03.jpg) repeat-x;
height:45px;
width:647px;
}
/*imagen del borde redondo*/
#menu_end{
background:url(../img/endmeneu_03.jpg) no-repeat;
width:9px;
height:45px;
float:left;
}
#barra_top{
_margin:-19px 0 -5px 0;/* hack para ie6, para que la barra de arriba no se separe con el cuerpo*/
clear:both;
width:970px;
height:13px;
background:url(../img/topbar_03.png) no-repeat;
_background:url(../img/topbar_03.gif) no-repeat;/*para que no tenga sombra en ie6*/
}
/*obvio, el contenido jojo*/
#contenido{
background:url(../img/fondo_03.png) repeat-y;
_background:url(../img/fondo_03.gif) repeat-y;/*para que no tenga sombra en ie6*/
width:970px;
height:auto;
min-height:600px;
clear:both;
}
/*barra de colores*/
#footer{
background:url(../img/footer.png) no-repeat;
_background:url(../img/footer.gif) no-repeat;/*para que no tenga sombra en ie6*/
width:970px;
height:20px;
clear:both;
margin:0 auto 0 auto;
}
/*van los creditos de la empersa y mios :D*/
#creditos{
width:970px;
height:auto;
text-align:right;
margin:0 auto 0 auto;
}
/*breadcrumb*/
#ruta{
font-size:10px;
text-align:left;
color:#CCCCCC;
margin:0 0 10px 25px;
}
/*donde va el texto*/
#info_main{
margin:0 0 0 15px;
_margin-left:5px;
width:570px;
float:left;
}
/*aqui va el kwick*/
#der_default{
width:325px;
height:335px;
float:right;
position:relative;
left:-5px;
}
/*---------------------------
	DIV DE TEXTO
----------------------------*/

#texto_menu{
margin-top:-15px;
        /*margin:13px 0 0 0;*/
font-size:12px;
color:#B20839;
font-weight:bold;
}
#texto_creditos{
margin:0 25px 0 0;
}
#texto_buscador{
margin:30px 0 0 20px;
color:#FFFFFF;
}
#divs_contenido{
height:auto;
width:100%;
padding:10px 10px 25px 10px;
}
#creditos p{
font-size:11px;
color:#666666;
margin:0px 10px 20px 0;
}
#texto_contenido{
margin:0;
height:auto;
width:930px;
_width:945px;
}

/*---------------------------
	ESTILOS DE TEXTO
----------------------------*/

input.buscador{
background:url(../img/form_11.gif) no-repeat;
width:162px;
height:25px;
border:0;
padding:5px 0 0 5px;
margin:0 0 -5px 0;
}
.buscador_button{
border:0;
background:url(../img/form_13.gif) no-repeat;
width:86px;
height:25px;
}
#texto_menu p{
display:inline;
color:#FFFFFF;
margin:0 8px 0 8px;
}
h1{
padding:0 0 0 15px;
text-align:left;
font-size:20px;
}
/*---------------------------
	ESTILOS DE LINKS
----------------------------*/
#creditos a{
font-size:11px;
color:#666666;
text-decoration:none;
}
#creditos a:hover{
font-size:11px;
color:#666666;
text-decoration:underline;
}
a{
color:#FFFFFF;
text-decoration:none;
}
a:hover{
color:#FFFFFF;
text-decoration:underline;
}
a:focus{
border:0;
}
a#go_home{
display:block;
width:280px;
height:132px;
}

/* ---PLATOS-MENU---  */
#fondo_blanco{
width:570px;
min-height:548px;
height:auto !important;
border:none;
}
#blanco-top{
	width:570px;
	height:11px;
	background:url(../img/platop_03.gif) no-repeat top;

}
#blanco-cont{
	padding: 10px 0 20px 10px;
	width:560px;
	_margin-top:-10px;
	min-height:504px;
	height:auto !important;
	background:url(../img/placent_03.gif) repeat-y;
}
ul.normal{
margin-left:25px;
}
.imenus{
margin: 0 0 20px 2px;
}
ul#menu_platos { 
margin:10px 0 10px 0;
list-style: none;
}
ul#menu_platos li { 
display: inline;
float:left;
margin:0 10px 0 10px;
width:161px;
height:150px;
}
ul#menu_platos li a img {
border: 2px solid #70851A;
}
ul#menu_platos li a:hover img {
border: 2px solid #b20839;
}

ul#menu_platos h4{
color:#b20839;
}
#blanco-down{
	margin:0;
	width:570px;
	height:11px;
	background:url(../img/pladown_03.gif) no-repeat;
}

/*para imagenes que cambian en el sidebar*/

#promo-img{
width:330px;
height:180px;
background:#FFFFFF;
margin:15px auto 0 auto;
_margin:40px auto 0 auto;
}
h1.manzanita{
background:url(../img/manzanita.gif) no-repeat center left;
height:35px;
padding:13px 0 0 40px;
margin-bottom:15px;
font-size:25px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bolder;
color:#516f33;
}
/*para el ver mas*/
a.ver_mas{
display:block;
text-decoration:none;
background:url(../img/ver-mas.gif) no-repeat;
width:56px;
text-align:center;
height:16px;
float:right;
margin-top:7px;
cursor:pointer;
}
/*partes internas del menu de comidas*/
a#volver_menu{
background:url(../img/volver_menu.gif) no-repeat;
width:112px;
height:25px;
text-align:center;
float:right;
display:block;
text-decoration:none;
font-size:11px;
/*un menjurge aqui :S*/
position:relative;
top:20px;
left:-20px;
padding-top:4px;
}
ul#menu_categoria{
list-style:none;
margin-top:10px;
}
ul#menu_categoria li{
display:inline;
float:left;
width:240px;
min-height:85px;
margin:0 17px 30px 17px;
}
ul#menu_categoria li h5{
color:#b20839;
}
ul#menu_categoria li p{
font-size:10px;
}
ul#menu_categoria table td{
padding:3px;
}
ul#menu_categoria table td img{
border: 2px solid #70851A;
}
a.precio_comida{
display:block;
text-decoration:none;
background:url(../img/ver-mas0.gif) no-repeat;
width:72px;
text-align:center;
height:21px;
margin-top:7px;
cursor:pointer;
color:#FFFFFF;
font-weight:normal;
padding-top:2px;
}

/*togo*/
img#carrito_togo{
float:right;
position:relative;
top:-50px;
}
.pasos{
background:url(../img/togo_center2.gif) repeat-x;
width:70%;
height:91px;
margin:30px 0 30px 0;
color:#FFFFFF;
}
.left_pasos{
background:url(../img/togo_num2.gif) no-repeat;
float:left;
height:79px;
width:50px;
padding:12px 0 0 23px;
font-size:40px;
}
.right_pasos{
background:url(../img/togo_right2.gif) no-repeat;
float:right;
width:11px;
height:91px;
}
.descripcion_pasos{
float:left;
width:70%;
padding:10px 5px 5px 10px;
}
.descripcion_pasos p{
font-size:15px;
}
.descripcion_pasos li{
list-style:disc;
margin-left:20px;
font-size:14px;
}
a.link_verde{
color:#697d18;
font-weight:bold;
}

/*kwick contenido*/
.kwick_content{
width:201px;
margin:30px 0 0 60px;
filter: alpha(opacity=90);
opacity: .9;
}
.kwick_content-center{
background:#671e67;
padding:5px;
color:#FFFFFF;
line-height:14px;
_margin-top:-10px;
}
.kwick_content-top{
background:url(../img/top-kwick.gif) no-repeat;
height:15px;
width:201px;
}
.kwick_content-bottom{
background:url(../img/bottom-kwick.gif) no-repeat;
height:15px;
width:201px;
}
.blog{
padding-bottom:7px;
margin-bottom:10px;
border-bottom:1px solid #FFFFFF;
}
p.titulo_rojo{
color:#FF0000;
}
.blog a{
color:#FF0000;
}

.kwicks ul{
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.kwicks ul li{
  float: left !important;
  padding: 10px !important;
  display: block !important;
  margin-right: 10px !important;
}

.kwicks ul li a{
  display: block !important;
  overflow: hidden !important;
  height: 75px !important;
  width: 75px !important;
}

.kwicks #a1{
  width: 210px !important;
}

.kwicks ul li img{
  position: absolute !important;
  border: 3px solid #881212 !important;
}

.kwicks ul li p{
  margin: 0 !important;
  padding: 0 !important;
  width: 120px !important;
  display: block !important;
  margin-left: 85px !important;
}
#mainContent {
    float:left;
}
#sidebar {
    float:right;
    margin-right: 30px;
	_margin-right: 15px;
}
.clear {
    clear:both;
}
/*sobre nosotros*/
#perfil{
	width:570px;
	height:175px;
	margin-left:-10px;
	margin-top:-30px;
}
#texto{
	width:340px;
	height:105px;
	background:#B1C367;
	margin:43px 0 0;
	float:left;	
	}
#photo_perfil{
	width:230px;
	height:175px;
	background: url(../img/perfil.jpg) no-repeat;
	margin-right:0px;
	float:right;
	}
#optiones{
	width:540px;
	height:350px;
	padding-left:25px;
}
.set{
	width:200px;
	height:170px;
	float:left;
	margin:0 20px 25px 25px;
	}
#texto p{
	color:#222222 !important;
	padding:10px 10px 10px 25px;
	text-align:justify;
}
input.more{
	background:url(../img/mas_info.gif) no-repeat;
	width:98px;
	height:21px;
	border:0;
	margin-top:3px;
	float:right;
}
.set h5{
	color:#B20839;
	font-size:13px;
	font-weight:bold;
	padding:0 3px;
	text-align:left;
}