/* Documentos conteniendo estilo de la pagina de:productos chef, s.a */
body {
	font-family: Arial, "Times New Roman", Times, Helvetica, "Lucida Sans", Tahoma, Verdana, sans-serif;
	margin:0px;
	font-size: .10em;
	font-weight: normal;
	background:#004990; 
}
	/*formato a tamano y ancho de la pagina, asi como tambien el tipo de letra - borde y color fondo */
	#pagina{
	font-family: Verdana, Arial, Helvetica, "Times New Roman", Times, "Lucida Sans", Tahoma, sans-serif;
	width:900px;
	heigh:1024px;
	text-align:left;
	margin:auto;
	margin-top:0px;
	border:1px solid #f5a01a;
	border-width:0px 2px 0px 2px;
	background:#ffffff;
	color:#004990;}
	
	/*barra del tope contiene nuestra gente - contactos - mapa - empleos */
	#barra_princ {
	width:900px;
	height:30px;
	float:left;
	background:#000000;
	font-weight:bold;
	color:#ffff;
	text-align:left;
	}
	
	/* columna de espacio para el logo */
	#cabecera01 {
	width:180px;
	height:200px;
	float:left;
	background-image: url(http://www.productoschef.com/images/logochef_princ.gif);
}
	/*espacio para presentacion de imagenes y banner no. 2*/
	#cabecera {
	width:720px;
	height:200px;
	float:left;
	margin-top:0px
	margin-left:auto;
	}
/*menu y barra lateral izquierdo*/
	#lateral{
	width:180px;
	height:680px;
	padding:0px;
	float:left; 
	font-size:12px;
	background-image:url(http://www.productoschef.com/images/barralateralmenu.gif);} 

/*Fondo del contenido de la pagina, aqui va todo lo que es texto y demas*/	
	#contenido{
	width:700px;
	height:660px;
	padding: 7px 10px 0px 10px;
	letter-spacing:normal;
	list-style:disc;
	line-height: 20px;
	background:#ffff;
	float:left;
	text-align:justify;
	overflow: auto;}

/*barra lateral derecha*/	
	#lateralder{width:140px;
	height:600px;
	padding:10px;
	background:#ffffff;
	float:right;}
	
	/*------------criterios de la pantalla principal (solamente)--------------------*/
	#bannerpub01{
	width:720px;
	height:300px;
	padding:0px;
	float:right;
	border:0px solid #808080;
	border-width:1px 0px 1px 0px;
	background-color: #0079c1;
	}
	#bannerpub02{
	width:230px;
	height:230px;
	padding:5px;
	background-image:url(http://www.productoschef.com/images/fdobannerpub02.gif);
	float:left;
	font-weight: lighter;
	color:#004990;
	text-align:justify;
	overflow: auto;}
	
	#bannerpub03{
	width:230px;
	height:230px;
	padding:5px;
	background-image:url(http://www.productoschef.com/images/fdobannerpub03.gif);
	float:left;
	text-align:justify;
	overflow: auto;}
	
	#bannerpub04{
	width:230px;
	height:230px;
	padding:5px;
	background-image:url(http://www.productoschef.com/images/fdobannerpub04.gif);
	float:left;
	text-align:justify;
	overflow: auto;}
	/*-------------------------------------------------------------------------------------------*/
	
	h3 {background-image:url(../images/barra_enc.jpg);
	background-repeat:no-repeat;
	font-style:oblique;
	margin-top:5px;
	height:30px;
	font-size:18px;
	padding-left:10px;
	color:#FFFFFF;
	font-weight:bold;
	margin-left:1px;
	}
	
	h2 {
	font-style:oblique;
	font-size:16px;
	color:#004990;
	font-weight:bold;
	margin-left:1px;
	}
	
	/*------------definiendo el pie fondo de la pagina y su contenido --------------------*/
	#pie {
	width:900;
	height:60px;
	clear:left;
	background:#000000;
	color:#f5a01a;
	text-align:center;
	font-size:12px;
	padding:0px 20px 4px 0px;;
	}

    /*define el tamano y color del menu lateral, incluye negrita y cambio de color */
	#lateral a {color:#f5a01a;text-decoration:none; padding:1px 1px;font-weight:bold }
	#lateral li a {color:#aee0ee;text-decoration:none;font-size:1.2em;text-align:center;}
	#lateral a:hover {
	color:#f5a01a;
	background:#004990;
	color:#aee0ee;
	float: left;
	width: 160px;
	list-style-type: circle;
	font-weight:bold;}
	#lateral ul {list-style-type:none;margin:10px;padding:0px;}
	#lateral dl {color:#004990;}
	
	/*cambia el color gris a la rayita menu lateral */
	#lateral dd{margin:0px;margin-top:5px;border-bottom:1px solid #808080;}
	#lateral dt {font-weight:bold;font-size:1.2em;}
body,td,th {
	font-size: 0.9em;
}

/*--------------------MENU LATERAL IZQUIERDO ----------------------*/
h2 {
        font: bold 14px Verdana, Arial, Helvetica, sans-serif;
        color: #000;
        margin: 0px;
        padding: 0px 0px 0px 15px;
}

ul {
        list-style: none;
        margin: 0;
        padding: 0;
		}

img {
    border: none;
}

/*- Menu 9--------------------------- */

#menu9 {
        width: 180px;
        margin: 0px;
        }

#menu9 li a {
        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
		text-align:left;
		}

#menu9 li a:link, #menu9 li a:visited {
        color: #FFF;
        display: block;
        background:  url(http://www.productoschef.com/images/menuprinc.gif);
        padding: 5px 0 0 0px;
		}

#menu9 li a:hover, #menu9 li #current {
        color: #004990;
		background:  url(http://www.productoschef.com/images/menuprinc.gif) 0 -32px;
        padding: 8px 0 0 0px;
        }
		
#menu9 #current a {
                background-position:0% -33px;}
				
#Menu9 #current a span {
                background-position:100% -33px;
        }

/*------------------------------------------------------------------------*/

/*- Tab Menu de Pantalla de Conocenos (empresa) --------------------------- */

    #Menu_emp {
      float:left;
      width:100%;
      background:#0079c1;
      font-size:82%;
      line-height:18px;
          border-bottom:2px solid #f5a01a;
      }
    #Menu_emp ul {
        margin:0;
        padding:5px 0px 0 5px;
        list-style:none;
      }
    #Menu_emp li {
      display: inline;
      margin:0;
      padding:0;
      }
    #Menu_emp a {
      float:left;
      background:url("http://www.productoschef.com/images/bar_menu_emp2.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #Menu_emp a span {
      float:left;
      display:block;
      background:url("http://www.productoschef.com/images/bar_menu_emp.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
   
    #Menu_emp a span {float:none;}
   
    #Menu_emp a:hover span {
      color:#FFF;
      }
    #Menu_emp a:hover {
      background-position:0% -42px;
      }
    #Menu_emp a:hover span {
      background-position:100% -42px;
      }

        #Menu_emp #current a {
                background-position:0% -42px;
			        }
        #Menu_emp #current a span {
                background-position:100% -42px;
				}
	/*------------------------------------------------------------------------*/
	
	/*- Menu Encabezado y Pie de Pagina --------------------------- */

    #Menu_enc_pie {
      float:left;
      width:100%;
      background:#000000;
      font-size:80%;
      line-height:10px;
      }
    #Menu_enc_pie ul {
        margin:0;
        padding:5px 5px 0 10px;
        list-style:none;
      }
    #Menu_enc_pie li {
      display: inline;
      margin:0;
      padding:0;
      }
    #Menu_enc_pie a {
      float:right;
      margin:0;
      padding:0 0 0 0px;
	  text-decoration:none;
      }
    #Menu_enc_pie a span {
      float:right;
      display:block;
	  padding:5px 12px 5px 6px;
      color:#FFF;
      }
   
    #Menu_enc_pie a span {float:none;}
   
    #Menu_enc_pie a:hover span {
      color:#FFF;
      }
    #Menu_enc_pie a:hover {
     background: #f5a01a;
      }
      #Menu_enc_pie #current a {
                background-position:0% -42px;
				color:#f5a01a;
        }
        #Menu_enc_pie #current a span {
                background-position:100% -42px;
				background-color:#f5a01a;
				color:#fff;
        }
	
	/*- Menu Pie de Pagina --------------------------- */

    #Menu_pie {
      float:left;
      width:100%;
      background:#000000;
      font-size:110%;
	  line-height:10px;
      }
    #Menu_pie ul {
        margin:0;
        padding:5px 5px 0 10px;
        list-style:none;
      }
    #Menu_pie li {
      display: inline;
      margin:0;
      padding:0;
      }
    #Menu_pie a {
      float:left;
      margin:0;
      padding:0 0 0 0px;
	  text-decoration:none;
      }
    #Menu_pie a span {
      float:left;
      display:block;
	  padding:5px 15px 5px 6px;
      color:#FFF;
      }
   
    #Menu_pie a span {float:none;}
   
    #Menu_pie a:hover span {
      color:#FFF;
      }
    #Menu_pie a:hover {
     background: #f5a01a;
      }
      #Menu_pie #current a {
                background-position:0% -42px;
				color:#f5a01a;
        }
        #Menu_pie #current a span {
                background-position:100% -42px;
				background-color:#f5a01a;
				color:#fff;
        }
		
/*-----------ETIQUETAS DE QUEJAS Y SUGERENCIAS----------------*/

#FormularioQyC{
	width:400px;
	height:auto;
	font-size:110%;
	line-height: 35px;
	background:#ffff;
	float:left;
	text-align:justify;
	overflow: auto;}



qyc_form p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.qyc_form label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.qyc_form input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.qyc_form textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}
/*----------------------------------------------------------------------------------------------------*/

/* Ventana Menu de Mes Emilio`s -----------------------------------------*/
#contenido3{
	width: 430px;
	height: 400px;
	letter-spacing:normal;
	list-style:disc;
	line-height: 20px;
	background:#fff;
	float:left;
	text-align:justify;
	}