/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////
ESTILOS COMUNES - ESTRUCTURA
////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* ELEMENTOS GENERALES DE LA PÁGINA */
html{height: 100%; font-size: 100.01%;}
body{
	text-align: center;
	height: 100%;
}
/* ARMAZÓN DE LA PÁGINA */
#web{
	position:relative;
	display:block;
	width:100%;
	height: 100%;
	font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif;
}
/* CONTENEDOR DE LA PÁGINA */
#contenedor{
	position: relative;	
	/*width:1024px;*/
	width:77em;
	margin: 0 auto -4.2em auto;
	min-height: 100%;
	height:auto;
	_height: 100%;		
	overflow:hidden;
	_overflow:visible;	
	text-align: left;	
}
/* Cabecera de la web ////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#cabecera{
	position: relative;
	height:19.6em;
	margin:0;
	clear: both;
	background-image:url(../images/fnd-cabecera.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#logotipo{
	border-top:4px solid #999999;
	text-align:right;
	height:16.2em;
}
	#logotipo img{
		padding:3.5em 0;
	}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#menuPrincipal{
	background-color:#999999;
	height:2.4em;
	padding-top:1em;
}
	#menuPrincipal ul{ text-align:center;height:3.3em;}
	#menuPrincipal ul li{display:inline;}
	#menuPrincipal ul li a{ margin:2.2em;}
	#menuPrincipal ul li a:hover{ background-color:#91E1FB;}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#separacion{
	height:34px;
	background-image:url(../images/fnd-migas.gif);
	background-position:0 0;
	background-repeat:repeat-x;
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#migas{
	width:100%;
	background-color:#ccc;
	height:2em;
}
	#migas ul{
		padding:0.3em;
	}
	#migas ul li{
		display:inline;
		padding-right:0.5em;	
		padding-left:10px;
		background-image:url(../images/ico-migas.gif);
		background-position:0 0.5em;
		background-repeat:no-repeat;
		font-weight:bold;
	}
	#migas ul li a{
		text-decoration:underline;
		color:#000;
				
	}
		#migas ul li a.inicio{color:#fff; text-decoration:none;}
		#migas ul li a:hover{text-decoration:none;}
/* Contenido de la web ////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/	
#contenido{
	display:block;
	overflow:hidden;
	_height:1%;
	_overflow:visible;
	padding-bottom:4.5em;
	background-image:url(../images/fnd-contenido.gif);
	background-position:0 0;
	background-repeat:repeat-x;
}
#contenido-empresa{
	display:block;
	overflow:hidden;
	_height:1%;
	_overflow:visible;
	padding-bottom:4.5em;
	background-image:url(../images/fnd-contenido-2.gif);
	background-position:right top;
	background-repeat:no-repeat;
}
#contenido-componentes{
	display:block;
	overflow:hidden;
	_height:1%;
	_overflow:visible;
	padding-bottom:20em;
	background-image:url(../images/img-componentes.jpg);	
	background-position:right top;	
	background-repeat:no-repeat;
}
#contenido-catalogo{
		display:block;
	overflow:hidden;
	_height:1%;
	_overflow:visible;
	padding-bottom:4.5em;
	/*background-image:url(../images/fnd-contenido-5.jpg);
	background-position:right top;
	background-repeat:no-repeat;*/
		background-image:url(../images/fnd-contenido-2.gif);
	background-position:right top;
	background-repeat:no-repeat;
	padding-bottom:100px;
}
#contenido-grupo-rolac{
	display:block;
	overflow:hidden;
	_height:1%;
	_overflow:visible;
	padding-bottom:4.5em;
	background-image:url(../images/fnd-contenido-3.gif);
	background-position:right top;
	background-repeat:no-repeat;
}
#contenido-contacto{
	display:block;
	overflow:hidden;
	_height:1%;
	_overflow:visible;
	padding-bottom:4.5em;
	background-image:url(../images/fnd-contenido-4.gif);
	background-position:right top;
	background-repeat:no-repeat;
}
#contenido-aviso-legal{
	display:block;
	overflow:hidden;
	_height:1%;
	_overflow:visible;
	padding-bottom:4.5em;
	background-image:url(../images/fnd-contenido-2.gif);
	background-position:right top;
	background-repeat:no-repeat;
}
#contenido-mapa-web{
	display:block;
	overflow:hidden;
	_height:1%;
	_overflow:visible;
	padding-bottom:4.5em;
	background-image:url(../images/fnd-contenido-2.gif);
	background-position:right top;
	background-repeat:no-repeat;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	#contenido .colPrincipal{	
		width:29%;
		float:right;
	}	
	#contenido .colCont{
		width:70%;
		float:left;
	}
		#contenido .colCont.ancho{
			width:100%;
		}
/* Pie de la web ////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#pie{
	position: relative;
	width:77em;
	height:4.2em;
	margin: -4.2em auto 0 auto;
	clear: both;
	background-color:#999999;
	color:#fff;
	text-align:left;
	font-weight:bold;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	#pie address{		
		width:75%;
		float:left;
		padding-top:5px;
	}
		#pie address strong{ color:#003399;}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	#pie ul{
		width:20%;
		margin-right:5px;
		float:right;
		text-align:right;
		padding-top:1.5em;
	}
	#pie ul li{ display:inline;}
	#pie ul li a{
		color:white;
		text-decoration:none;
	} 
	#pie ul li a:hover{
		text-decoration:underline;
	}