/* CSS Document */
/* HISPABADGE, SISTEMAS DE SEÑALIZACIÓN

VARIOS 
--------------------------------------------------------------------------------------------- */

body, html {
	background: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0px 0px 0px 0px;
	padding:0px;
	color: #000000;
	height: 100%;
}

A {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: underline;
}
A:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000000;
	text-decoration: none;
}


form{
	margin:0px 0px 0px 0px;
	padding:0;
}
select{
	margin:0;
	padding:0;
	background: url(../img/bg_form.gif) repeat-x;
	border:0px;
}
option{
	margin:0;
	padding:0;
	background:#FFFFFF;
}
input{
	margin:0;
	padding:0;
	border:0px;
	background: url(../img/bg_form.gif) repeat-x;
}
textarea{
	margin:0;
	padding:0;
	border:0px;
	background: url(../img/bg_form.gif) repeat-x;
}

h1{
	margin:0px;
	padding:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #324A63;
	font-weight:bold;
}
h2{
	margin:0px 0px 20px 0px;
	padding:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #324B65;
	font-weight:bold;
}
h3{
	margin:0px;
	padding:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight:bold;
}

p{
	margin:5px 0px 5px 0px;
	padding:0px;

}
.oculta {
	display:none;
}

.negrita {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #314962;
	font-weight:bold;
}
a.enlace_negrita{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #314962;
	font-weight:bold;
	text-decoration:none;
}
a.enlace_negrita:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #314962;
	font-weight:bold;
	text-decoration:underline;
}

/* ESTRUCTURA GENERAL
--------------------------------------------------------------------------------------------- */
#contenedor { 
width: 810px;
height: 100%;
margin: 0px auto;
padding: 0px 0px 0px 0px;
background: #CCCCCC;
background: url(../img/bg3.gif) repeat-y;

}
#border_superior { 
width: 810px;
height:5px;
float:left;
background:url(../img/border_sup.gif) no-repeat;
}/*esecífico IE*/

#contenedor_top { 
width: 770px;
height:auto;
float:left;
padding:10px 20px 10px 20px;
background:url(../img/bg1.gif) repeat-y;

}
#contenedor_top1 { 
width:180px;
height:141px;
float:left;
margin:0px 10px 0px 0px;
background:url(../img/logo.jpg) no-repeat;
}
#contenedor_top1b { 
width:180px;
height:141px;
float:left;
margin:0px 10px 0px 0px;
}
#contenedor_top1b a {
float: left;
width:180px;
height:141px;
background:url(../img/logo.jpg) no-repeat;
}

#contenedor_top2 { 
width:580px;
height:141px;
float:left;
background:url(../img/bg_top2.jpg) no-repeat;

}
#contenedor_down { 
width: 770px;
height:auto;
float:left;
padding:0px 20px 0px 20px;
background:url(../img/bg2.gif) repeat-y;

}
#contenedor_down1 { 
width:169px;
height:auto;
float:left;
margin:0px 10px 0px 1px;
padding:10px 10px 0px 0px;
}/*ESPECÍFICO ie*/

#contenedor_down2 { 
width:560px;
height:auto;
float:left;
padding:10px 10px 0px 10px;
}
#contenedor_down2_index { 
width:560px;
height:auto;
float:left;
background:#324B64 url(../img/bg_index1.gif) no-repeat left bottom;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #ADCDB4;
padding:10px 0px 0px 20px;

}

#pie{
	width:810px;
	height:auto;
	float:left;
	/*background:#CCCCCC url(../img/bg_pie.gif) no-repeat left top;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	padding: 0px 0px 20px 0px;
	text-align:center;
	position: relative;
	background:url(../img/bg3.gif) repeat-y;
}
#pie_borde_sup{
	width:810px;
	height:15px;
	float:left;
	background:#CCCCCC url(../img/bg_pie.gif) no-repeat left top;
	margin:0px 0px 5px 0px;
}
#pie A {
	color: #666666;
	text-decoration:none;
}
#pie A:hover {
	color: #666666;
	text-decoration:underline;
}
#pie A.selected {
	color: #666666;
	text-decoration:underline;
}
/* MENÚ PRINCIPAL COLUMNA IZQUIERDA =Contenedor_down1
---------------------------------------------------------------------------------------------*/
dl, dt, dd, ul, li {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#menu {
padding: 0px; 
margin: 42px 0px 0px 0px;
list-style-type:none;
}

#menu dt {
float: left;

width:153px;
height: 18px;
list-style-type:none;
background:url(../img/topo1.gif) no-repeat left top;
padding:0px 0px 0px 36px;
margin:10px 0px 0px 0px;

}/*específico IE*/
	
#menu A{
height:18px;
overflow: hidden; 
padding: 0px 0px 0px 0px; 
float: left; 

}
#menu A:hover, #menu A.activa{
background-position:0px -18px;

}
#menu A.selected{
background-position:0px -18px;
}
#empresa A{
	background-image:url(../img/bot_emp.gif);
	width:143px;
}
#empresa .activo{
	float: left;
	width:143px;
	height: 18px;
	background: url(../img/bot_emp.gif) 0px -18px;
}

#productos A{
	background-image:url(../img/bot_pro.gif);
	width:143px;
}
#productos .activo{
	float: left;
	width:143px;
	height: 18px;
	background: url(../img/bot_pro.gif) 0px -18px;
}


#contacto A{
	background-image:url(../img/bot_con.gif) ;
	width:143px;
}
#contacto .activo{
	float: left;
	width:143px;
	height: 18px;
	background: url(../img/bot_con.gif) 0px -18px;
}




#smenu2 {
	float: left;
	width: auto;
}



#submenu ul {
float: left;
display: block;
padding: 0px; 
margin: 0px 0px 0px 0px;
list-style-type:none;
}

#submenu li {
width:128px;
height: auto;
float: left;
list-style-type:none;
background-color:#CFE4E2;
margin:0px 0px 0px 36px;
padding: 0px;
vertical-align:middle;
}/*Eespecífico IE*/

#submenu li a {
padding:4px 0px 4px 15px;
}


#submenu a, #submenu li a.menactivo{
width: 100%;
height: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #324B64;
text-decoration: none;
vertical-align:middle;
font-weight:bold;
background-color:#CFE4E2;
display: block;

border-top:1px solid #FFFFFF;

}

#submenu a:hover, #submenu li a.menactivo {
	background-color:#7B987F;
	color: #FFF;
}
#submenu_select {
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color:#7B987F;
	font-weight:bold;
}


#submenu2 ul {
	float: left;
	display: block;
}


#submenu2 li {
width:128px;
height: auto;
float: left;
list-style-type:none;
background-color:#7B987F;
}/*Eespecífico IE*/

#submenu2 a, .subsubactivo {
float: left;
width: 100%;
color: #FFFFFF;
text-decoration: none;
font-weight:normal;
background-color:#7B987F;
display: block;
padding: 3px 0 3px 0px;
border-top: 1px solid #FFFFFF;

}

#submenu2 a:hover, #submenu2 a.subsubactivo {
	background:#95AF9D;	
}


.submenu2_select {
width:100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
font-weight:normal;
background:#95AF9D;
}




/* ELEMENTOS EN CONTENEDOR DOWN 2 para INDEX
--------------------------------------------------------------------------------------------- */
#columna_text_index {
	width:151px;
	height:auto;
	float:left;
	padding:40px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ADCDB4;
}
#columna_productos_index {
	width:367px;
	height:auto;
	float:right;
	margin:0px 0px 31px 0px;
	padding:10px 0px 0px 10px;
	background:#4D6378;
}
.slogan_index {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ADCDB4;
	font-weight:bold;
}
#titulo_index {
	width:370px;
	height:30px;
	float:right;
	background: url(../img/tit_nov.gif) no-repeat left bottom;
}

/* ELEMENTOS EN CONTENEDOR DOWN 2, todo el contenido central
--------------------------------------------------------------------------------------------- */

#titulo1 {
	width:554px;
	height:22px;
	float:left;
	vertical-align: top;
	padding:0px 0px 0px 6px;
	margin:0px 0px 21px 0px;
	border-bottom:10px solid #BAD8D5;
}
#contenido_general {
	width:550px;
	height:auto;
	float:left;
	padding: 6px 6px 0px 6px;
	margin:0px 0px 100px 0px;
}/*especifico IE*/

#caja_imagen_texto{
	width:548px;
	height:auto;
	float:left;
	margin:10px 0px 10px 0px;
	vertical-align:bottom;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #334B65;
	font-weight:bold;
}
.imagen_texto{
	width:auto;
	height:auto;
	float:left;
	vertical-align:bottom;
	text-align:left;
	margin:0px 5px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #334B65;
	font-weight:bold;
}

.pie_imagen{
	width:auto;
	height:auto;
	float:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #334B65;
	font-weight:bold;
	vertical-align: bottom;
	text-align:left;

}

/*LISTADO DE PRODUCTOS
--------------------------------------------------------------------------------------------- */
.caja_productos{
	width:160px;
	height:208px;
	float:left;
	padding:10px 8px 10px 8px;
	text-align:middle;
	margin:0px 7px 10px 0px;
	background:#CFE4E2;
}/*específico de IE*/

.img_producto{
	width:auto;
	height:179px;
	text-align:center;

}
.nombre_producto_ver{
	width:161px;
	height:28px;
	padding:0px 0px 0px 0px;
	background:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

.nombre_producto{
	width:128px;
	height:27px;
	float:left;
	padding:1px 0px 0px 5px;
}
.ver_producto{
	width:28px;
	height:28px;
	float:left;
	background:#FFFFFF url(../img/bot_ver.jpg) no-repeat right top;
}


/**/
.nombre_categoria{
	width:158px;
	height:27px;
	float:left;
	padding:1px 0px 0px 5px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #7B987F;
}


a.acat, a.acat:hover {
	text-decoration: none;
	color: #FFFFFF;
}



/*FICHAS DE LOS PRODUCTOS---------------------------------------------*/
#caja_ficha_producto{
	width:548px;
	height:auto;
	float:left;
	vertical-align:top;
	background:#E2EFEE;
	padding:0px 0px 15px 0px;

}/*esoecífico IE*/
.imagen_ficha_producto{
	width:auto;
	height:auto;
	float:left;
	margin:0px 15px 15px 0px;
	border-right:10px solid #FFFFFF;
	border-bottom:10px solid #FFFFFF;
}/*especifico IE*/	
.texto_ficha_producto{
	width:auto;
	height:auto;
	position:relative;
	top:0px;
	right:0px;
	margin:10px 10px 0px 15px;
}/*especifico IE*/	

.bot_volver{
	width:70px;
	height:24px;
	float:left;
	background:url(../img/bot_vol.gif) no-repeat left top;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	

}
/*FORMULARIO
---------------------------------------------*/
#caja_form_text{
	width:555px;
	height:307px;
	float:left;
}
#caja_formulario{
	width:371px;
	height:307px;
	float:left;
}/*específico IE*/

#caja_texto_formulario{
	width:166px;
	height:292px;
	float:left;
	padding:15px 0px 0px 15px;
	background: #E2EFEE;
}
#caja_botones{
	width:146px;
	height:24px;
	float:right;
	margin:0px 187px 0px 0px;
}/*específico IE*/
.bot_borrar{
	width:69px;
	height:24px;
	float:left;
	background:url(../img/bot_bor.gif) no-repeat left top;
	margin:0px 10px 0px 0px;
}
.bot_enviar{
	width:67px;
	height:24px;
	float:left;
	background:url(../img/bot_env.gif) no-repeat left top;
	margin:0px 0px 0px 0px;
}
.caja_campo_form{
	width:180px;
	height:18px;
	float:left;
	margin:0px 5px 25px 0px;
}/*específico IE*/

.texto_form{
	width:150px;
	height:13px;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight:bold;
	padding:0px 0px 5px 5px;
}
.campo_form1{
	width:170px;
	height:15px;
	float:left;
	background:url(../img/bg_form.gif) no-repeat left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding:3px 2px 0px 7px;
	color: #FFFFFF;
}/*específico IE*/
.campo_textarea{
	width:356px;
	height:127px;
	float:left;
	background:url(../img/bg_form1.gif) repeat-y;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding:3px 2px 0px 5px;
	color: #FFFFFF;
}/*específico IE*/
.borde_textarea{
	width:363px;
	height:6px;
	float:left;
	background:url(../img/borde_form.gif) no-repeat;
}/*específico IE*/


#logoRecog {
	position: absolute;
	bottom: 4px;
	right: 19px;
	float: left;
	width: 80px;
	height: 26px;
	background: url(../img/logoRecognitiExpress.gif) no-repeat;
}