/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
ESTILOS COMUNES - ESTRUCTURA
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* ELEMENTOS GENERALES DE LA PÁGINA */
html{height: 100%;}
body{
	color: #000;
	text-align: center;
	height: 100%;
	background-image:url(../images/fnd_web.gif);
	background-position:0 0  ;
	background-repeat:repeat-x;
}
/* ARMAZÓN DE LA PÁGINA */
#web{
	position:relative;
	display:block;
	width:100%;
	height: 100%;
	font-size:1.1em;
}
/* CONTENEDOR DE LA PÁGINA */
#contenedor{
	position: relative;	
	/*width:700px;*/
	width:95%;
	margin: 0 auto -50px auto;
	min-height: 100%;
	height:auto;
	_height: 100%;		
	overflow:hidden;
	_overflow:visible;
	text-align: left;
}

/* Pie de la web */
#pie{
	position: relative;
	width:100%;
	height:49px;
	margin: -49px auto 0 auto;
	clear: both;
	text-align:center;
	color:#fff;
	background-color:#585858;
	font-size:90%;

}
	#pie ul{list-style:none; padding:13px 0;}
	#pie ul li{ display:inline;}
	#pie ul li a{ color:#fff; text-decoration:underline; font-weight:bold;}
	#pie ul li a:hover{ text-decoration:none;}
	#pie ul li a.activo{ color:#dd0000;}
	
	
	

/* Cabecera de la web ////////////////////////////////////////////////////////////////////////////////////////////////////*/
#empresa{ 	
	width:100%;
	height:62px;
	background-color:#599F46;
	border-bottom:8px solid #f1f1f1;
	font-size:1.1em;
	z-index:1;
}
	#empresa img{
		position:absolute;
		top:18px;
		left:20px;
	}

#cabecera{
	position: relative;
	width:100%;
	height:60px;
	margin: 0 auto;
	clear: both;
}
	#desconexion{float:left;padding:20px 0 0 20px;background: url(../images/ico_cabecera.gif) 1px 1.5em no-repeat; font-weight:bold; }
		#desconexion a{ color:#007700;text-decoration:none;}
		#desconexion a:hover{ color:#dd0000; }
	
	#menu_auxiliar{float:right; padding:20px 0 0 20px; }
		#menu_auxiliar ul{list-style:none;}
		#menu_auxiliar li{ display:inline;}
		#menu_auxiliar li a{ 
			color:#585858; 
			text-decoration:none; 
			font-weight:bold;
		}
		#menu_auxiliar li a.activo{ 			
			color:#007700;
			text-decoration:underline;
		}
		#menu_auxiliar li a:hover{ 
			background-color:#f1f1f1;
			color:#585858;
		}
		/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/	
div#ayuda{
	position: absolute;
	top: 0;
	left: 0;
	height:auto;
	z-index:10000;
	background-color:#dd0000;
}
	div#ayuda a{	
		color:white; 
		padding:0.2em;
		display:block; 
		margin-left:5px;
		font-weight:bold;
		}
	div#ayuda a:hover{ 
		text-decoration:none;
		color:#007700;
	}
/* Contenido de la web ///////////////////////////////////////////////////////////////////////////////////////////////////*/	
#contenido{
	display:block;
	overflow:hidden;
	_height:1%;
	_overflow:visible;
	padding-bottom:100px;	
}
	#contenido .colPrincipal{		
		width:17.9%;
		float:left;
		background-image:url(../images/fnd_h.gif);
		background-position:90% top;
		background-repeat:repeat-y;
		min-height:500px;
		_height:auto;
		height:500px;
	}
	#contenido .colCont{
		width:64%;
		float:left;
	}
			#contenido .colCont.ancho{
				width:82%;
				float:left;				
			}
			#contenido .colCont.completo{
				width:100%;
				float:left;				
			}
	#contenido .colAux{		
		width:17.9%;
		float:right;
		background-image:url(../images/fnd_h.gif);
		background-position:10% top;
		background-repeat:repeat-y;
		min-height:400px;
		_height:auto;
		height:400px;
	}
/*////////////////////////////////////////////////////////// pie ///////////////////////////////////////////////////////////////*/
/*/////////////////////////*/

.leyendas{margin:1em;  }
.leyendas table.tabla_compra td{ text-align:center;}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* NAV - top horizontal nav */
#menu_navegacion{
	position:absolute;
	top:15px;
	right:0;	
	font-weight:bold;
}
	#menu_navegacion li {
		position:relative;
		background: #fff;
		float: left;
		width: 10em;
		display:block;
		margin: 0;
		border-bottom: 3px solid #fff;
		border-right: 3px solid #fff;
		padding:0;
	}
	#menu_navegacion a {
		text-decoration:none;
		cursor:pointer;
		color:#585858;
		display: block;
		padding: 4px 10px 2px;
	}
		#menu_navegacion a.activo {
		color: #CC0000;
		background-image:url(../images/ico_doble.gif);
		background-position:0.5em 0.8em;
		background-repeat:no-repeat;
		padding-left:15px;			
		}

	#menu_navegacion li ul {
		background-color:white;
		width:10em;
		margin-top:3px;
		position: absolute;
		left: -999em;
		}
	#menu_navegacion li:hover ul, #menu_navegacion li.sfhover ul {
		left: 0;
		z-index:99999;
	}
	
	#menu_navegacion li li {
		background:none;
		float:none;
		border:none;
		border: 1px solid #ccc;
		border-top:1px solid #fff;
		border-right:none;
		border-left:none;
		padding-left:0;
		font-weight:normal;
	}
	
	#menu_navegacion li li a {
		color:#585858;
		padding: 3px 10px 2px;
		width:8.4em;
	}
	#menu_navegacion li li a:hover {
		color:#fff;
		background:#585858;
	}
	


	/* hide from IE mac \*/
	#menu_navegacion li {width:auto}
	/* end hiding from IE5 mac */