/*   
Proyecto: web te cocino
fcinco estudio || Cecilia Martire y Raul Reimer
design: Cecilia
construction: Cecilia y Rauto
csskiller: Cecilia
fecha: 01/02/09
mod1: -
mod2: -

*/
* {margin:0; padding:0; border: 0; outline:0;}

/* Ajustes tipográficos */

h1, h2, h3, h4, h5, h6, p, pre,
blockquote {
	font-weight: normal;
	margin: 0;
}

a:link { text-decoration:none;}
a:hover { color:#F7941E;}

.float-right {
	float: right;
}
.float-left {
	float: left;
}

body {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

  
#mainhome {
	width: 870px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 100px;
}
h1 {
	background-image: url(_img/tecocino.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -10000px;
	display: block;
	margin-top: 0px;
	width:220px;
}



div.spacer {
  clear: both;
  height:1px;
  }
  
#mainhome #imgshome {
	margin-top: 13px;
	margin-bottom: 25px;
}

#mainhome #menu {
	height: 100px; 
	width: 868px;	
	background: url(_img/menu-home-bg.jpg) no-repeat center top; 
	margin: 15px 0 15px 0px; 
	padding:0;
}

#mainhome #menu li {
	float:left;
	list-style-type: none;
	margin-top:80px;
}

#mainhome #menu li a {
	display: block;
	width: 144px;
	height: 20px;
	text-indent: -10000em;
	background-repeat: no-repeat;
	background-position: center 0;
}
#menu li a#quienes {
	background-image: url(_img/menu-quienessomos.gif);
}

#menu li a#catering {
	background-image: url(_img/menu-catering.gif);
}

#menu li a#cocinap {
	background-image: url(_img/menu-cocinapersonal.gif);

}
#menu li a#talleres {
	background-image: url(_img/menu-talleres.gif);

}
#menu li a#empresas {
	background-image: url(_img/menu-empresas.gif);

}
#menu li a#contacto {
	background-image: url(_img/menu-contacto.gif);

}
#menu li a#quienes:hover,
#menu li a#catering:hover,
#menu li a#cocinap:hover,
#menu li a#talleres:hover,
#menu li a#empresas:hover,
#menu li a#contacto:hover {
	background-position: center -24px;
}

hr.linearoja {
	color: #da1820;
	background-color: #da1820;
	height: 8px;
	margin: 0 0 10px 0;
}
#pie {
	font-size: 10px;
	color: #808080;
	text-align: center;
}
#pie a {
	color: #808080;
}
#pie a:hover {
	text-decoration: underline;
}




#main {
	width: 870px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 34px;
}

#main #menu {
	height: 20px; 
	/* width: 650px;	*/
	margin: 17px 0 0 0px; 
	padding:0;
	float:right;
}

#main #menu li {
	float:left;
	list-style-type: none;
}

#main #menu li a {
	display: block;
	height: 20px;
	text-indent: -10000em;
	background-repeat: no-repeat;
	background-position: center 0;
	border-right:#CFCFCF solid 1px;
}
#main #menu li a#quienes {width:115px}
#main #menu li a#catering {width:140px;}
#main #menu li a#cocinap {width:135px;}
#main #menu li a#talleres {width:80px;}
#main #menu li a#empresas {width:90px;}
#main #menu li a#contacto {width:80px; border-right:none}

#main #contenido {
	margin-top: 60px;
	font-size: 11px;
	color: #757575;
	height:335px;
	
}
#main #contenido p {
	margin:0 220px 12px 240px;
}
#main #contenido.contquienes {
	background-image: url(_img/bg-quienessomos.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}

#main #contenido h2 {
	background-repeat: no-repeat;
	text-indent: -10000px;
	margin:0 0 17px 237px;
	display:block;
	background-position: left 5px;
	}
#main #contenido.contquienes h2 {
	background-image: url(_img/tit-quienes.gif);
	width:131px;
	height:30px;
	}

#main #contenido.contcatering h2 {
	background-image: url(_img/tit-catering.gif);
	width:165px;
	height:30px;
	}

#main #contenido.contcocinera h2 {
	background-image: url(_img/tit-cocinera.gif);
	width:165px;
	height:30px;
	}

#main #contenido.conttalleres h2 {
	background-image: url(_img/tit-talleres.gif);
	width:165px;
	height:30px;
	}
	
#main #contenido.contempresas h2 {
	background-image: url(_img/tit-empresas.gif);
	width:165px;
	height:30px;
	}	
	
#main #contenido.contcontacto h2 {
	background-image: url(_img/tit-contacto.gif);
	width:165px;
	height:30px;
	}
	
#main #contenido.contcatering {
	height:335px;
}

#contenido #menucatering {
	float: left;
	height: 292px;
	width: 192px;
	background-image: url(_img/menu-catering-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#menucatering ul {
	margin: 9px 0 0 27px;
	list-style-type: none;
	}
#menucatering li {
	height:24px;
	padding-left:10px;
	background-image: url(_img/bullet1.gif);
	background-position: left 5px;
	background-repeat: no-repeat;
}
#menucatering a:link, #menucatering a:visited  {
	color: #757575;
	text-decoration:none;
	padding:0 2px 0 2px;
}
#menucatering a:hover {
	color: #da1820;
}

#contenido h4 {
	color: #da1820;
	font-size: 14px;
	font-weight: bold;
	margin-bottom:10px;
}

#main #contenido.contcocinera, #main #contenido.contempresas, #main #contenido.contcontacto {
	background-image: url(_img/bg-cocinera.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	}
	
#main #contenido.contcocinera  ul {
	margin:0 20px 12px 240px;
 }
#main #contenido.contcocinera  li {
	margin-bottom: 7px;
	padding-left: 15px;
	list-style-type: none;
	background-image: url(_img/bullet3.jpg);
	background-repeat: no-repeat;
	background-position: left 3px;
 }
 
 #main #contenido.contcocinera p {
 	margin:0 20px 12px 240px;
	}
	
#main #contenido.conttalleres {
	background-image: url(_img/bg-talleres.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	}
	
.rojo {
	color: #DA1820;
}

#main #contenido.conttalleres ul {
	margin:15px 20px 12px 240px;
 }
#main #contenido.conttalleres li {
	height: 25px;
	padding-left: 15px;
	list-style-type: none;
	background-image: url(_img/bullet3.jpg);
	background-repeat: no-repeat;
	background-position: left 3px;
 }

#contenido.contempresas #clientes {
	margin-left:20px;
	margin-top:5px;
	width:175px;
	height:215px;
	padding: 10px;
	border: 1px solid #e6e6e6;
	overflow: auto;
	background-color: #F0F0F0;
	background-image: url(_img/bg-clientes.jpg);
	background-repeat: repeat-x;
	background-position: top;
	scrollbar-face-color : #FFF; 
	scrollbar-highlight-color : #e6e6e6; 
	scrollbar-3dlight-color : #f5f5f5;
	scrollbar-darkshadow-color : #f5f5f5; 
	scrollbar-arrow-color : #DDD; 
	scrollbar-shadow-color : #e6e6e6; 
	scrollbar-track-color: #f5f5f5; 
}

#contenido.contempresas #clientes ul {
	margin:0;
	font-size:10px;
}
#contenido.contempresas #clientes li {
	list-style-type: none;
	background-image: url(_img/bullet1.gif);
	background-position: left 5px;
	background-repeat: no-repeat;
	padding-left:10px;
	margin-bottom:5px;
}

#contenido.contempresas #clientes strong {
	color:#999999;
}

h5{
	font-size: 12px;
	color: #DA1820;
	margin-bottom: 10px;
}

/* ----------CONTACTO ---------------------- */

input {
	border: 1px solid #CCCCCC;
	width: 250px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333333;
	padding:2px 3px 0 3px;
	height:20px;
	background: url(_img/bg-input.jpg) repeat-x top;
	background-color:#FFFFFF;
}

input.botonenviar {
	background: url(_img/bg_enviar.jpg) no-repeat center center;
	height: 32px;
	width: 153px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666666;
	font-size: 11px;
	border: none;
	padding:0 ;
	margin:0 2px 0 2px;
	cursor:pointer;
	*margin-left: 30px;
}

textarea {
	width: 550px;
	border: 1px solid #CCCCCC;
	background: url(_img/bg-input.jpg) repeat-x top;
	color: #333333;
	padding:2px 3px 0 3px;
	margin-bottom:5px;
	height:60px;
	background-color:#FFFFFF;
}

label {
	display: block;
	width: 300px;
	float: left;
	margin-bottom: 10px;
}

label.full {
	display: block;
	width: 600px;
	margin-top: 10px;
}
fieldset {
	margin-left: 240px;
	display: block;
	clear: right;
}

fieldset.submit {
/*	clear: left;*/
	*margin-left: 30px;
}
.errFld {
	border:1px solid #DA1820;
}
.errMsg {
	color:#DA1820;
	text-transform:lowercase;
}
.message-text {
	color: #DA1820;
	font-size: 10px;
	margin-left: 240px;
	margin-bottom: 10px;
	background-color: #f0f0f0;
	width:560px;
}
.message-text div.alerta {
	color: #DA1820;
	background: url(_img/ico_stop.png) no-repeat 5px center;
	padding:5px 5px 5px 25px;
}
.message-text div.ok {
	padding:5px 5px 5px 25px;
	color:#006600;
	background: url(_img/ico_accept.png) no-repeat 5px center;
}
.message-text div.nota {
	background-image: url(_img/ico_info.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding:5px 5px 5px 25px;
	color: #999999;
}