/* CSS Document */

/*

Site: Herbpel Distribuciones, SL
URL: http://www.herbpel.es
Author: Mar San Alberto, Imagina On Line, sl
Version: 1.0
Date: 30-08-2008

*/

/* Elementos de distribución de contenido */

body {	background-color: #FFFFFF; 
	background-image: url(images/fondo_body.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-attachment: fixed;
	font-size: 11px;
	font-family: "Trebuchet MS", Arial, Verdana;
	text-align: left;
	line-height: 1.2em;
	color: #cbcbcb;
	padding: 0;
	margin: 0;
}

#fondo { width: 100%; height: 100%; margin: 0 auto; padding: 0; background-image: url(images/background_fondo.jpg); background-repeat: no-repeat; background-position: top left; display: table; text-align: center;}

/* TOP y Menú genérico */
#top { width: 100%; height: 100%; margin: 0; padding: 0; background-image: url(images/background_top.jpg); background-repeat: no-repeat; background-position: top right;  text-align: center; }

#logo { width: 900px; margin: 0 auto; padding-top: 18px; float: center; text-align: left; }

#globalmenu { width: 900px; margin: 0px; padding-top: 6px; padding-bottom: 6px; float: center; text-align: right; }
#globalmenu ul { margin-left: 0; padding-left: 0; display: inline; }
#globalmenu ul li {	margin-left: 0; padding-left: 10px; list-style: none; display: inline; }
#globalmenu ul li.last { margin-left: 0; margin-right: 0; padding: 0; list-style: none; display: inline; }
#globalmenu ul li a { color: #333333; padding-bottom: 5px; text-decoration: none; font-size: 12px; letter-spacing: 1px; }
#globalmenu ul li a:hover {	color: #FA702B; padding-bottom: 5px; text-decoration: none; }
#globalmenu ul li a.selected { color: #333333; padding-bottom: 5px; text-decoration: none; }

/* Cabecera y menú navegación*/
#contenedor { width: 900px; margin: 0 auto; float: center; text-align: left; display: table;}
#cabecera { width: 900px; margin: -3px; float: center; }
#cabecera table { width: 100%; border: 0px; cellpadding: 0px; margin-bottom: 3px;}
#generalmenu { width: 900px; background-color: #ab226f; margin-bottom: 5px; padding-bottom: 4px; padding-top: 4px; float: center; text-align: left; border: 1px solid #ab226f;}
#generalmenu ul { margin-left: 15px; padding-left: 0; display: inline; }
#generalmenu ul li { margin-left: 0; padding-right: 10px; list-style: none; display: inline; }
#generalmenu ul li.last {	margin-left: 0; margin-right: 0; padding: 0; list-style: none; display: inline; }
#generalmenu ul li a { color: #FFFFFF; padding-bottom: 5px; text-decoration: none; font-size: 12px; letter-spacing: 1px; }
#generalmenu ul li a:hover {	color: #000000; padding-bottom: 5px; text-decoration: none; }
#generalmenu ul li a.selected { color: #FFFFFF; padding-bottom: 5px; text-decoration: none; }

/* Contenidos Home y resto páginas*/
#caja {	width: 890px; margin: 0 auto; padding: 5px; border: 1px solid #cbd1c0; text-align: left; display: table; }
#caja table { width: 890px; text-align: left;  margin: 0px; }
#caja td { align: center; valign: middle; text-decoration: none;}
#panelnovedades { width: 280px; border: 1px solid #cbd1c0; background-color: #FDF7FA; margin: 0px; padding: 0px; text-align:left; }
#textohome { width: 258px; border: 2px solid #FFDA82; margin: 0px; padding: 10px 10px 4px 10px; text-align:left; }
#textohome p {	font-family: "Trebuchet MS", Arial; font-size: 12px;  text-align: left; margin: 0px 2px 10px 0px; color: #666666; line-height: 12px;}
#titulocontenidos { width: 874px; text-align: right;  margin: 10px 8px 10px 8px; display: table;}
#menusecundario { width: 260px; text-align: left;  padding: 0px 10px ; float: left;  display:table;}
#menusecundario ul { margin: 0px; padding: 0px;}
#menusecundario ul li { margin: 0px; padding: 0px; list-style: none; }
#menusecundario ul li.last { margin: 0px; padding: 0px; list-style: none;}
#contenidoproductos { width: 590px; border-top: solid 1px #e4e4e4; margin: 0px 6px 12px 0px ; padding: 10px 0px ; float: right;}
#contenidoproductos p { font-family: "Trebuchet MS", Arial; font-size: 11px;  text-align: left; margin: 0px 2px 15px 0px; color: #666666; line-height: 12px;}
#novedades { width: 270px; border: 1px solid #cbd1c0; margin: 0px; padding: 10px 10px 4px 10px; text-align:left; }
#novedades_novedad { width: 266px; border: 2px solid #FF9900; margin: 0px; padding: 10px 10px 4px 10px; text-align:left; }
.titulomilk {color: #F5C400; font-weight:bolder; font-size: 12px; }
.titulout {color: #222222; font-weight:bolder; font-size: 12px; } 
.titulosimply {color: #CE1400; font-weight:bolder; font-size: 12px; } 
.tituloattitude {color: #DA6C05; font-weight:bolder; font-size: 12px; }
.titulol10 {color: #000000; font-weight:bolder; font-size: 12px; }
.titulolcolor {color: #FF6502; font-weight:bolder; font-size: 12px; }
.titulolblue {color: #5E77C6; font-weight:bolder; font-size: 12px; }
.titulochampu {color: #429F3D; font-weight:bolder; font-size: 12px; }
.titulogel {color: #8B4D37; font-weight:bolder; font-size: 12px; }
.titulocrema {color: #DA1676; font-weight:bolder; font-size: 12px; }
.titulospray {color: #A43371; font-weight:bolder; font-size: 12px; }
.fechacurso {color: #FA5105; font-weight:bolder; font-size: 12px; }
.textocursiva {font-style:oblique; }
.titulococtail {color: #A6C019; font-weight:bolder; font-size: 12px;}
.titulopls { color: #8DB600; font-weight:bolder; font-size: 12px;}
.titulostyling {color: #C91837; font-weight:bolder; font-size: 12px;}
.titulocollexia {color: #888888; font-weight:bolder; font-size: 12px;}
.textohome { line-height: 14px; }
.datos { font-family: "Trebuchet MS", Arial, Verdana; font-size: 11px; color: #4E5875; text-align: justify; }

/* Contenidos Pie página*/
#pie { width: 900px; background-color: #ff6600; margin-top: 4px; margin-bottom: 5px; padding-bottom: 4px; padding-top: 4px; float: center; font-size: 10px; font-family: "Trebuchet MS", Arial, Verdana; color: #FFFFFF; text-align: center; position: static; }


/* css etiquetas */
h1 { font-family: "Trebuchet MS", Arial; font-size: 1.1em; letter-spacing: 0.3em; color: #77a80f; line-height: 18px; font-weight: bolder; padding-top: 18px; padding-bottom: 10px; margin: 0; }
h2 { font-family: "Trebuchet MS", Arial; font-size: 13px; color: #AB226F; margin-left: 15px; padding-left: 20px; padding-bottom: -8px;background: url(images/img_h2.gif) no-repeat left center; font-weight: bold; text-align: left;}
p {	font-family: "Trebuchet MS", Arial; font-size: 11px;  text-align: left; margin: 0px 15px 15px 15px; color: #666666; line-height: 12px;}
a { font-weight: bold; color: #666666; text-decoration: none; }
a:hover { font-weight: bold; color: #FF6600; text-decoration: none; }
.resaltado { color: #FF9900; }
.resaltadotextohome { color: #AB226F; font-weight: bold; }
img { border: none; }
#textomust { font-family: "Trebuchet MS", Arial; font-size: 12px;  color: #cc0000; text-align: left; line-height: 12px;}
#textomust ul {margin-bottom: 10px; margin-left: 0; padding-left: 0; padding-bottom: 10px }
#textomust ul li { margin-left: 25px; padding-left: 4px; padding-right: 8px; padding-bottom: 6px; list-style-type:square; }