/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */

  @charset "utf-8";
  /*Cuerpo del sitio */  
  body 
  {
	margin: 0pt;
	padding: 0pt 20px;
	background-color:#2A283E;
	color:#336;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: small;
	line-height: 140%;
  }
  ul
  {
  	list-style-type:none;
  }
  /*Parrafo */
  p { 
  	margin-left: 5px;
    margin-right: 5px;
    }
 p.shop_top { 
  	margin-left: 5px;
    margin-right: 5px;
	font-size:10px;
	color:#000000;
	width:250px;
    }
  p.shop { 
  	margin-left: 15px;
    margin-right: 5px;
	font-size:12px;
	color:#006699;
	font-style:italic;
	text-align:left;
	font-weight:bold;
    }
	p.recipe { 
	font-size:10px;
	color:#006699;
	text-align:left;
    }
	a.shop { 
    font-size:12px;
	color:#006699;
	font-style:italic;
	text-align:right;
	font-weight:bold;
	text-decoration:none;
    }
  /*Titulo, solo se maneja uno */
  h1 
  { text-align: center;
    text-transform: uppercase;
    font-size: 12pt;
    vertical-align: top;
  }
  h2 
  { text-align: center;
    text-transform: uppercase;
    font-size: 14pt;
    vertical-align: top;
  }
  
  /*Es el contenedor tiene como fondo una linea sentral del fondo del diseño para que cuando el sitio se extienda el fondo inferior y el superior se muevan */
  #pagewidth 
  { width: 860px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
	background:#FFFFFF url(img/fondo_line.jpg);
 }
 /*Contiene toda la sección del título*/
 #top_back {
	position:relative;
  	background: transparent url(img/big_top.jpg) repeat scroll 0%;
    height: 300px;
	width:860px;
  }
  /*Contiene la sección en la que se encuentra el cuerpo de la página */
  #bottom_back { 
  	position:relative;
 	background:url(img/big_bottom.jpg) bottom no-repeat;
	overflow:hidden;
	min-height:445px;
	width:860px;
  }
  /*Es un pequeño contendor que maneja la imagen open sunday */
  #open { 
  	width: 780px;
    height: 15px;
    position: relative;
    top: 0px;
    margin-left: 20px;
    text-align: right;
  }
  /*Contrala el fondo del titulo, dentro de este se encuentra una tabla con las 3 secciones del titulo */
  #title 
  { background: transparent url(img/top_back.jpg) no-repeat scroll center bottom;
    width: 787px;
    height: 300px;
	margin-right:auto;
    margin-left: auto;
    text-align: center;
    vertical-align: bottom;
    }
	/*Formato de la tabla del titulo */   
  table.title { margin-left: auto;
    margin-right: auto;
    text-align: right;
    }
  /* Contenedor de la seccion del lado izquierdo */	
  #menu { 
  	position: relative;
 	width: 250px;
  	float: left;
  	margin-left:20px;
  	padding-bottom:100px;
    }
/*Contenedor de la sección central del sitio */	
  #contenido { width: 300px;
	position: relative;
    float: left;
	padding-bottom:100px;
	margin-bottom:100px;
  }
  #contenido_shop {
	width: 218px;
	position: relative;
	float: left;
	padding-bottom:100px;
	margin-bottom:100px;
  }

  #contenido_recipe { width: 500px;
	position: relative;
    float: left;
	padding-bottom:100px;
	margin-bottom:100px;
  }
/*Contenedor de la seccion del lado derecho del sitio */
  #menuderecho { width: 250px;
  position: relative;
    float: right;
	  margin-right:30px;
	  padding-bottom:100px;
    }
  #menuderecho_shop {
	width: 300px;
	position: relative;
	float: right;
	margin-right:30px;
	padding-bottom:100px;
    }

/*Contiene el recuadro verde del menú dentro de este se encuentra el ul del menú */
  #content_menu { 
    position: relative;
    width: 250px;
    margin-top: 10px;
    height:250px;
    background: url(img/back_green.jpg) no-repeat center;
	text-align:left;
	vertical-align:20px;
    }
/*Da formato al ul del menú */
  ul.menu
  {
    margin-left:30px;
	padding-left:30px;
	list-style-type:none;
	line-height:24px;
  }
/*Recuadro inferior con la promoción de la carne */
  #promo{ 
    position: relative;
    width: 250px;
    text-align: center;
    margin-top: 10px;
    }
	#promo_text{ 
    position: relative;
    width: 200px;
	margin-left:40px;
    text-align: center;
    margin-top: 10px;
    }
/*Cajas del lado derecho que contienen los botones e información */ 
  #box_right { 
    position: relative;
    width: 250px;
    text-align: center;
    margin-top: 20px;
   }
  #box_right h3 {
	 color: #5E6E35;
 	font-size: small;
}
/*Seccion inferior del sitio en donde se encuentra copyrigh y clickonclovis */
#footermenu {
  position:relative;
    width: 860px;
  	height: 20px;
    background:#2A283E;
    }
/*Da formato al copyright*/
  #copyright { 
    text-align: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    margin-left: 25px;
	color:#CCCCCC;
    }
/*Da formato al power by */
  #poweby { margin: 0px;
    padding: 0px;
    float: right;
    display: block;
    width: 200px;
    height: 46px;
    }
/*Da formato al power*/
  a.power { vertical-align: top;
    font-size: 10pt;
    text-decoration: none;
    font-weight: 400;
	color:#CCCCCC;
	vertical-align:middle;
    }
/*Da formato a los botones del menu */
  a.menu { 
    font-family:"Lucida Bright";
	font-size: 12pt;
    text-decoration: none;
	color:#FFFFFF;
    }
	 a.menu:hover
  {
  	text-transform:uppercase;
  } 
/*Modifica las imagenes para que no tengan border*/
  img { 
  	border:none;
  }
/*Definición de CSS para la tienda en linea */
#store_box_right_blue_light_star { 
    position: relative;
    width: 200px;
    text-align:left;
    margin-top: 20px;
	margin-left:10px;
	background:url(img/blue_light_star.png) center no-repeat;
	min-height:170px;
	min-width:218px;

   }
 #store_box_right_blue_star { 
    position: relative;
    width: 200px;
    text-align:left;
    margin-top: 10px;
	margin-left:10px;
	min-height:170px;
	min-width:218px;
	background:url(img/blue_star.png) center no-repeat;
   }
   #store_box_right_purple { 
    position: relative;
    width: 250px;
	height:250px;
    text-align:left;
    margin-top: 5px;
	margin-left:10px;
	vertical-align:top;
	background:url(img/purple_square.png) bottom no-repeat;
   }
   #store_box_oval{
	position: relative;
	width: 240px;
	text-align:left;
	margin-top: 10px;
	vertical-align:top;
	min-height:150px;
	background:url(img/oval.jpg) center no-repeat;
   }
    #store_box_oval_monterrey{
	position: relative;
	width: 240px;
	text-align:left;
	margin-top: 10px;
	vertical-align:top;
	height:200px;
	background:url(img/oval.jpg) center no-repeat;
   }

ul.shop
  {
	padding-left:40px;
	color:#333333;
	list-style-type:none;
	line-height:15px;
	font-size: 8pt;
  }
  p.shop_letters
  {
	padding-left:32px;
	padding-left:32px;
	margin-left:22px;
	color:#333333;
	font-size: 8pt;
	line-height:10px;
	
  }
  p {margin-bottom:1px; padding-bottom:1px; }
ul.shop_1
  {
	background-image:url(img/1.jpg);
	background-position:left center;
	background-repeat: no-repeat;
	padding-left:70px;
	color:#333333;
	font-size: 8pt;
	text-align:left;
	position:relative;
	min-height:127px;
	min-width:218px;

  }
ul.shop_2
  {
	background-image:url(img/2.jpg);
	background-position:left center;
	background-repeat: no-repeat;
	padding-left:70px;
	color:#333333;
	font-size: 8pt;
	text-align:left;
	position:relative;
	min-height:127px;
	min-width:218px;
  }
ul.shop_3
  {
	background-image:url(img/3.jpg);
	background-position:left center;
	background-repeat: no-repeat;
	padding-left:70px;
	color:#333333;
	font-size: 8pt;
	text-align:left;
	min-height:127px;
	min-width:218px;
  }
ul.shop_4
  {
	background-image:url(img/4.jpg);
	background-position:left center;
	background-repeat: no-repeat;
	padding-left:70px;
	color:#333333;
	font-size: 8pt;
	text-align:left;
	min-height:127px;
	min-width:218px;
  }
ul.shop_5
  {
	background-image:url(img/5.jpg);
	background-position:left center;
	background-repeat: no-repeat;
	padding-left:70px;
	color:#333333;
	font-size: 8pt;
	text-align:left;
	min-height:127px;
	min-width:218px;
  }
ul.shop_6
  {
	background-image:url(img/6.jpg);
	background-position:left center;
	background-repeat: no-repeat;
	padding-left:70px;
	color:#333333;
	font-size: 8pt;
	text-align:left;
	min-height:127px;
	min-width:218px;
  }
ul.shop_7
  {
	background-image:url(img/7.jpg);
	background-position:left center;
	background-repeat: no-repeat;
	padding-left:70px;
	color:#333333;
	font-size: 8pt;
	text-align:left;
	min-height:127px;
	min-width:218px;
  }
ul.shop_8
  {
	background-image:url(img/8.jpg);
	background-position:left center;
	background-repeat: no-repeat;
	padding-left:70px;
	color:#333333;
	font-size: 8pt;
	text-align:left;
	min-height:127px;
	min-width:218px;
  }


/*Definición de CSS para la forma y el sistema de recetas */
td.forma
{
	height:20px;
	vertical-align:top;
}
tabla.forma
{
vertical-align:top;
}
td.forma2
{
  width:50px;
}

input{
	border: 1px dashed #F08F30;
    font-family: "Helvetica", Arial,sans-serif;}
input.paypal{
	width:auto;
	border:none;
}
input.file{
	border: 1px dashed #F08F30;
    font-family: "Helvetica", Arial,sans-serif;}
textarea
{
	width:250px;
	height:100px;
	border: 1px dashed #F08F30;
	font-size: 12px;
	font-family: "Helvetica", Arial,sans-serif;
}
label
{
	text-decoration:none;
	font-size:10px;
	color:#F08F30;
	text-transform:uppercase;
}
a.submit
{
	text-decoration:none;
	font-size:12px;
	color:#F08F30;
	text-transform:uppercase;
}
a.submit:hover, a.submit:active
{
		font-size:12px;
}
a.rank
{
	text-decoration:none;
	color:#336;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#box_rank { 
    position: relative;
    width: 250px;
    text-align: left;
    margin-left: 50px;
   }
.Cabecera {
	font-size: small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #585858;
	font-style: normal;
	font-size:10px;
}
.TablaCeldaPar {
	font-size: small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #585858;
	font-style: normal;
	font-size:10px;
	background-color: #CCCCCC;
}
.TablaCeldaImpar {
	font-size: small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #585858;
	font-style: normal;
	font-size:10px;
	background-color:#FFFFFF;
}

  .clearfix:after { display: block;
    height: 0pt;
    clear: both;
    }

  * html .clearfix { height: 1%;
    }

  .clearfix { display: block;
    }