/*******************************************/
/* Sitio APITER - Hugo Barboza (c) Soho 2007/
/******************************************/

body{
	background-color:#884131;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	margin:0;
}

h1, h2, h3, p, form{
	margin:0;
	padding:0;
}

.f_left{float:left;}

.f_right{float:right}

.bold{font-weight:bold}

.orange{ color:#fb9000}

div.clear{clear:both;}

img{ border:none;}

div.imagen {
	float:right;
	margin: 17px 207px 50px 0px;
}


/************************/
/*CONTENEDOR GENERAL/*
/***********************/

#cont_gral{
	width:969px;
	margin:0 auto;
	background:url(../../images/layout/bg_gral.jpg) repeat-x top ;
	padding:0 15px;
	margin-top:0;
	overflow:hidden;	
}

div.imagen {
	float:right;
	margin: 17px 207px 50px 0px;
	
}

/************************/
/*CABEZAL/*
/***********************/

#cont_cabezal{
}

#cont_cabezal img.logo{
	margin:6px 10px 0 0;
}

#cont_cabezal  ul#menu_top{
	list-style-type:none;
	height:45px;
	width:685px;
	background: url(../../images/misc/bg_menu_top.png) no-repeat top left;
	overflow:hidden;
	padding:0;
	margin:0;
}

#cont_cabezal  ul#menu_top li{
	margin:0;
	padding:0;
	float:left;
}
	
#cont_cabezal  ul#menu_top li a{
	display: block;
	width:114px;
	padding-top: 45px;
	height: 0;
	overflow: hidden;	
}	

#cont_cabezal  ul#menu_top li a:hover{ 
	background: url(../../images/misc/bg_menu_top.png) no-repeat top left;
	background-repeat:no-repeat;
}

#cont_cabezal  ul#menu_top li#menu_01 a:hover,
#cont_cabezal  ul#menu_top li#menu_01 a.current{
	background: url(../../images/misc/bg_menu_top.png);
	background-position:left -45px;	
}

#cont_cabezal  ul#menu_top li#menu_02 a:hover,
#cont_cabezal  ul#menu_top li#menu_02 a.current{
	background: url(../../images/misc/bg_menu_top.png);
	background-position:-114px -45px;	
}

#cont_cabezal  ul#menu_top li#menu_03 a:hover,
#cont_cabezal  ul#menu_top li#menu_03 a.current{
	background: url(../../images/misc/bg_menu_top.png);
	background-position:-228px -45px;	
}

#cont_cabezal  ul#menu_top li#menu_04 a:hover,
#cont_cabezal  ul#menu_top li#menu_04 a.current{
	background: url(../../images/misc/bg_menu_top.png);
	background-position:-342px -45px;	
}

#cont_cabezal  ul#menu_top li#menu_05 a:hover,
#cont_cabezal  ul#menu_top li#menu_05 a.current{
	background: url(../../images/misc/bg_menu_top.png);
	background-position:-456px -45px;	
}

#cont_cabezal  ul#menu_top li#menu_06 a:hover,
#cont_cabezal  ul#menu_top li#menu_06 a.current{
	background: url(../../images/misc/bg_menu_top.png);
	background-position:-570px -45px;	
}

ul.menu_left{	
	width:195px;
	height:17px;
	list-style-type:none;
	padding:28px 0 0 15px;
	margin:0;	
}

ul.menu_left li a{
	color:#fff8d0;	
	font-size:10px;
	float:left;
	text-decoration: underline;
}

ul.menu_left li a:hover{
 	color:#FFF;
}

ul.menu_left li.atencion{
	background:url(../../images/layout/bg_atencion.gif) no-repeat top left;
	padding:0 0 15px 18px;
	float:left;
	margin:0 10px 0 0;
}

 ul.menu_left li.contacto{
	background:url(../../images/layout/bg_contacto.gif) no-repeat top left;
	padding:0 0 15px 18px;
	float:left;
}

/***************************/
/*contenedor central index*/
/**************************/	
	
#cont_central_index{
	background:url(../../images/layout/bg_central_home.jpg) repeat-y top left;
	width:986px;
	margin:0 auto;
	margin-top:40px;
	margin-left:-10px;
	overflow:hidden;
	padding-bottom:0 !important;		
}

#cont_central_index div.bienvenido{
	background: url(../../images/layout/bg_bienvenido.jpg) no-repeat top left;
	width:960px;
	height:193px;
	margin:-2px 0 0 9px;
	padding:65px 0 0 9px;
}

#cont_central_index div.bienvenido p{
	width:157px;
	text-align:justify;	
}

#cont_central_index div.bienvenido a{
	color:#FFF;
	text-decoration:none;
}
	
#cont_central_index div.bienvenido a:hover{
	color:#fff8d0;
	text-decoration:underline;
}

#cont_central_index img.separador{
	margin:0px 0 0 9px;}


#cont_central_index ul.menu_big{
	margin:0 0 0 9px;
	margin-bottom:0px;
	padding:0;
	list-style-type:none;	
}

#cont_central_index ul.menu_big li{
	float:left;
}

#cont_central_index div.menu_big_bottom{
	background-color:#f3d8a6;
	padding:10px 0 8px 0;
	width:969px;
	margin:-2px 0 0 10px;	
}

#cont_central_index div.menu_big_bottom img.tres{
	margin-left:1px !important;
}

#cont_central_index img.bottom{
	margin:0 0 -4px -6px;
	position:absolute;
	bottom:
}

/***************************/
/*footer*/
/**************************/	

#footer{
	background: url(../../images/layout/bg_footer.jpg) repeat-x top left;
	width:999px;
	height:41px;
	margin:5px 0 0 -14px;
	text-align:center;
	font-size:10px;
	padding:10px 0 0 0;
	position:absolute;
}

#footer a{
	color:#FFF;
}

#footer a:hover{
	color:#fb9000;
}
		

/***************************/
/*investigacion*/
/**************************/

ul.submenu{
	margin:10px 0 0 0;
	list-style-type:none;
	padding-left:70px;
	font-size:11px;
}

ul.submenu_02{
	margin:21px 0 -35px 0;
	list-style-type:none;
	padding:0 !important;
	float:right;
}

ul.submenu li,
ul.submenu_02 li{
	float:left;
	margin-right:5px;
}

ul.submenu li a,
ul.submenu_02 a{
	color:#dfcca9;
}
	
ul.submenu li a:hover,
ul.submenu_02 a:hover,
ul.submenu_02 a.current,
ul.submenu li a.current{
	color:#fff;
	text-decoration:none;
}

/***********************/
/*contenedor investigacion/*
/************************/	
		
div.cont_investigacion,
div.cont_productos{
	margin:13px 0 0 0;
	xborder:red solid 1px;
	xheight:500px;	
	overflow:hidden;
}	

div.cont_investigacion div.contenedor_productos{
	overflow:hidden;
	width:969px;
	position:relative;
	background-color:#f4dcae;
	margin-bottom:0px;	
}


div.cont_productos{
	height:auto;	
}


div.cont_investigacion div.info_investigacion,
div.info_investigacion info_productos{
	background:url(../../images/layout/bg_inv.jpg) repeat-y top left;
	width:566px;
	float:left;
	vplheight:474px;
	position:relative;	
	color: #000000 !important;	
	
}


div.info_investigacion tr {
	margin:7px 23px;
}

div.info_productos{
	height:auto !important;
	overflow:hidden;		
}
	
div.cont_investigacion div.info_investigacion p{
	margin:7px 23px;
	color:#571709;
	line-height:150%;
	text-align:justify;
}

div.cont_investigacion div.info_investigacion ul{
	padding:0;
	list-style-type:none;
	margin:-5px 0 0 23px;
}
	
div.cont_investigacion div.info_investigacion ul li{
	color:#571709;	
}
	
div.cont_investigacion div.info_investigacion img.cierre_info{
	position:absolute;
	bottom:0;
}	

div.cont_investigacion div.info_investigacion ul.productos li{
	color:#910000;
	font-size:12px;
	font-weight:bold;		
}

div.cont_investigacion div.info_investigacion h2, h3{
	color:#571709;
	margin:10px 23px;
	font-size:18px;
}	

div.cont_investigacion div.info_investigacion h3{
	font-size:14px;
	/*margin-bottom:-10px;*/
	color:#910000;
}	
	
div.cont_investigacion div.productos_left{
	background-position: 223px left;
	position:relative;
	width:403px;
	float:left;	
}

div.cont_investigacion div.productos_left div.info{
	background:url(../../images/layout/bg_productos_left.jpg) no-repeat top left;
	width:403px;
	text-align:center;
	padding:0 0 20px 0;
	position:relative;		
}

div.cont_investigacion div.productos_left div.info h2{
	font-size:22px;
	color:#571709;
	margin:15px 0 0 0;
}

div.cont_investigacion div.productos_left div.info span{
	font-weight:lighter;
} 


/***************************/
/*combos vinculos productos/
/***************************/

div.cont_investigacion div.info_investigacion div.combos{
/*	margin:24px -137pt 30pt 22px;*/
	color:#571709;	
	float:left;
/*	width:0px;*/
	vplheight:250px;
	overflow:hidden;
	clear:both;
}

div.cont_investigacion div.info_investigacion div.combos ul {
	margin:0;
	margin:14px 0pt 0pt 40px;
	
	padding:0;}
div.cont_investigacion div.info_investigacion div.imagen {
	float:left;
	xmargin: -28px 376px 50px 0px;
	position:absolute;
	right:0;
	bottom:-10px;
}

div.cont_investigacion div.info_investigacion div.combos a{
	xdisplay: block;
	color:#571709;
	width:151px;
/*	padding:19px 0px 0px 102px;*/
	height: 0;
	font-weight:bold;
	text-decoration:none;
	overflow: hidden;
/*	background:url(../../images/layout/bg_productos_link.jpg) no-repeat top left;	*/
}

div.cont_investigacion div.info_investigacion div.combos a img{

}
	

div.cont_investigacion div.info_investigacion div.combos a:hover{
	color:#996633;	
}

/********************************/
/*combos vinculados a cosmeticos*/
/********************************/

div.cosmeticos{	
	margin:9px 55px 0px 0px;
	color:#571709;
	line-height:150%;
	text-align:center;
	float:left;
	width:133px;
}

div.cosmeticos p{	
	margin:9px 55px 0px 0px;
	color:#571709;
	line-height:150%;
	text-align:center !important;
	float:left;
	width:90px;
}



div.cosmeticos a{
	width:151px;
	height: 0;
	overflow: hidden;	
	background-position: top left;
	background-repeat: no-repeat;
}	

div.cosmeticos a:hover{
	background-position: 0pt -163px !important;
	background-repeat: no-repeat;	
}


/**************************/
/*FORMULARIO DE CONTACTO*/
/**************************/

div.cont_investigacion div.info_investigacion div.cont_form_contacto{
	color:#571709;	
}

div.cont_investigacion div.info_investigacion div.cont_form_contacto #error{
	width:382px !important;
	border:red solid 1px;
	padding:5px;
	margin:0 0 10px 22px;
	background-color:#FFFFBB;
	display:none;	
}

div.cont_investigacion div.info_investigacion div.cont_form_contacto #error p{
	margin:0;
	color:red;
	text-align:center !important;
}

div.cont_investigacion div.info_investigacion div.cont_form_contacto label{
	width:80px;
	float:left;
	text-align:right;
	margin:0px 5px 0px 17px;
	padding-top:10px;
}

div.cont_investigacion div.info_investigacion div.cont_form_contacto label.error{
	color:red;
}

div.cont_investigacion div.info_investigacion div.cont_form_contacto input, textarea,
div.cont_investigacion div.info_investigacion div.cont_form_contacto input.short{
	width:200px;
	margin:5px 0 0 0;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:2px;
}

div.cont_investigacion div.info_investigacion div.cont_form_contacto br {
	clear: left;
}

div.cont_investigacion div.info_investigacion div.cont_form_contacto input.short{
	width:100px;
}

div.cont_investigacion div.info_investigacion div.cont_form_contacto input.button{
	width:auto;
	margin:5px 0 0 0;
}

div.cont_investigacion div.info_investigacion div.cont_form_contacto textarea{
	width:300px;
	height:72px;
	overflow:hidden;	
}


/**************************/
/*ESTILOS PARA INTRO*/
/**************************/

div.cabezal_intro{
	background:url(../../images/layout/bg_cabezal_intro.jpg) repeat-x top left;
	height:45px;
	text-align:center;
}

img.intro_info{
	margin-left:200px;
}

#cont_central_index div#cont_flash{
	margin:0 auto;
	width:879px;
	height:394px;
	background-color:#FFFFFF;
}

#cont_central_index div.links_banderas{
	width:968px;
	height:20px;
	background-color:#976351;
	margin-top:3px;
	margin:0 auto;
	text-align:center;
	padding-top:10px;
}
#form {
    width: 550px;
}
#form ul{
    list-style: none !important;
	list-style-type: none !important;
}
#form ul li {
   	margin-right: 5px;
	margin-bottom: 15px;
}
#form ul li.color {
    color: #910000;
}
#form ul li label {
     color: #000000;
	 text-align: right;
	 margin-right: 10px;
	 width: 295px !important;
}
#form .padding {
    margin-right: 170px;
}
#form .chk {
    margin-right: 230px;
}

#form input.textinput, #form input.textinputMargin{
	margin-right: 50px;
}
#form input.textinput {
	width: 200px;
}
#form input.textinputMargin{
   width: 160px;
}
#form input.radioinput {
    margin-right: 50px;
}
#form textarea.textarea {
    height: 100px;
	width: 500px;
}
#form label.error {
    color: red;
}
#form label.sinMargin {
    margin-right: 250px;
	color: #571709;
}