@charset "iso-8859-1";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Roboto:400,300);

html, body{
	background-color:#EDF1F1;
	height:100%;
	margin:0;
	/*font:14px Verdana, Geneva, sans-serif;*/
	font:16px 'Roboto', sans-serif;	
}
area{
	outline:none;	
}
.flota_izq{
	float:left;	
}
.flota_der{
	float:right;	
}
.lista_raw{
	display:block;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;	
}


/************************************ ESTILOS DE PANTALLAZO ******************************************/
#pantallazo{
	display:none;	
}
#pantallazo_fondo{
	position:fixed;
	z-index:1000;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.7);	
}
#pantallazo_contenido{
	display:none;
	position:fixed;
	width:100%;
	text-align:center;
	z-index:1100;
	left:0;
	top:30%;
}
#gif_loader{
	width:20%;
	margin:0 auto;
	color:#CCC;
	font-size:1.2rem;
	font-weight:200;
	background-color:rgba(0,0,0,.4);
	padding:80px 10px;
	border:1px solid #666;
	border-radius:10px;
	box-shadow:0 0 50px black;	
}

#contenedor_general {
	display:none;
}

#contenedor_lista_aes{
	/*display:none;*/
	position:absolute;
	z-index:1200;
	width:100%;
	left:0;
	top:0;
	padding-top:50px;	
}
#contenido_lista_aes{
	width: 45%;
	margin: 0 auto;
	padding: 30px;
	background-color: rgba(255,255,255,.8);
	box-shadow: 0 0 50px rgba(0,0,0,.8);
	border: 3px solid #B8B7A3;
	border-radius: 5px;
}
#cabecera_lista_aes{
	display:table;
	width:100%;
	padding-bottom:15px;
}
#cabecera_lista_aes li{
	display:table-cell;	
}
#cabecera_lista_aes_titulo{
	font-weight: 400;
	font-size: 1.1rem;
	text-shadow:1px 1px 0 #EEE;
	color: rgba(0,134,179,1);
	background-image: url(imagenes/img_marcador_titulo_seccion.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	text-transform:uppercase;
}
#cabecera_lista_aes_boton{
	width:10%;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	padding:2px 0;
	background-color:#D5323F;
	transition:opacity .5s ease 0s;
	-webkit-transition:opacity .5s ease 0s;	
}
#cabecera_lista_aes_boton:hover{
	cursor:pointer;
	opacity:.4;	
}
#lista_aes{
	box-shadow:0 0 18px #999;
	border-radius:5px;	
}
#lista_aes li{
	background-color: rgba(255,255,255,1);
	color: #000;
	/*text-transform: uppercase;*/
	font-size:1rem;
	padding: 12px;
	margin-top: 1px;
	background-image:url(imagenes/icono_lista_aes.png);
	background-repeat:no-repeat;
	background-position:98% center;
	transition:all .5s ease 0s;
	-webkit-transition:all .5s ease 0s;
}
#lista_aes li:first-child{
	margin-top:0;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
#lista_aes li:last-child{
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}
#lista_aes li:hover{
	cursor: pointer;
	background-color: rgba(67,60,44,0.4);
	color: #FFF;
}

/* ESTILOS DE WEB DE FONDO FIXED/NORMAL */
.fondo_web_fijo{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
}


/************************************ ESTILOS DE HEADER ******************************************/
header{
	background-color:white;
	border-bottom:4px solid #DDD;
}
#seccion_superior{
	display:table;
	width:96%;
	min-width:982px;
	max-width:1200px;
	margin:0 auto;
}
#seccion_superior li{
	width:50%;
	display:table-cell;
	vertical-align:middle;	
}
#logo_matferline{
	padding:14px 0 10px 0;
}
#texto_cabecera{
	font-size:1.4rem;
	font-weight:200;
	text-align:right;	
}

/************************************ ESTILOS DEL BLOQUE DE ACCESO ******************************************/
#seccion_acceso_contenedor{
	background-image:url(imagenes/fondo.jpg);
	background-position:center;
	width:100%;
	height:500px;	
}
#seccion_acceso_contenedor_contenido{
	overflow:hidden;
	width:96%;
	min-width:982px;
	max-width:1006px;
	height:100%;
	margin:0 auto;
	display:table;
}
#bloque_acceso_rapido{
	display:table-cell;
	width:35%;
	vertical-align:middle;
	/*border:1px solid gray;*/	
}
#bloque_personajes{
	text-align:center;
	padding-top:30px;	
}
#bloque_formulario{
	text-align:center;
	margin-top:-20px;	
}
#bloque_formulario ul{
	display:table;
	background-color:rgba(3,29,38,.5);
	border:1px solid #CCC;
	padding:0;
	width:80%;
	margin:0 auto;

}
#bloque_formulario ul li{
	display:table-cell;
	vertical-align:middle;
	width:50%;
	overflow:hidden;
}

input{
	color:#FFF;
	background-color:transparent;
	font-size:.85rem;
	border:0;
	padding-left:8px;
}

#boton_entrar{
	display:block;
	background-color:rgba(204,0,0,.7);
	text-align:center;
	width:36px;
	float:right;
	margin:1px;
	border:1px solid #999;
	padding:8px 0;
	transition:opacity .5s ease 0s;
	-webkit-transition:opacity .5s ease 0s;	
}
#boton_entrar:hover{
	cursor:pointer;
	opacity:.5;	
}

#bloque_acceso_mapa{
	display:table-cell;
	width:65%;
	vertical-align:middle;
	position:relative;	
}
#contenedor_mano{
	position: absolute;
	left: 500px;
	top: 310px;
	z-index: 100;
}
#contenedor_mapa{
	position:absolute;
	left:30px;
	top:0px;
	z-index:110;	
}
#contenedor_mapa p{
	display:block;
}
#contenedor_mapa_nombre_provincia{
	background-color:white;
	color:black;
	text-align:center;
	font-size:.85rem;
	font-weight:bold;
	display:block;
	width:238px;
	margin-top:-57px;
	margin-left:210px;
	padding:12px 0;
	border:1px solid #A7A7A7;
	border-radius:10px;
	box-shadow:0 0 10px rgba(0,0,0,.5);	
}


/************************************ ESTILOS DE LA SECCION SERVICIOS MATFER ******************************************/
#seccion_servicios_contenedor{
	background-color:white;
	/*border-top:4px solid #DDD;*/
}
#seccion_servicios{
	overflow:hidden;
	width:96%;
	min-width:982px;
	max-width:1310px;
	margin:0 auto;
	padding:100px 0;
}

#informacion_lista{
	display:table;
	width:100%;	
}
#informacion_lista li.elementos_informacion{
	display:table-cell;
	width:33.33%;
	text-align:center;
}
.bloque_contenido_info{
	width:276px;
	display:block;
	margin:0 auto;
}
.titulo_elemento_titulo{
	color:#398B99;
	font-weight:200;
	font-size:1.2rem;
	text-align:left;
	padding-bottom:5px;
}
#informacion_lista img{
	border:1px solid #CECEBF;
	margin:10px 0;	
}
.titulo_elemento_info{
	font-size: 14px;
	font-weight: 200;
	color: #5F6367;
	text-align: justify;
}


/************************************ ESTILOS DE FOOTER ******************************************/
footer{
	background-color: #3A4B50;
	border-top: 4px solid #FFF;
	/*border-top: 4px solid #CECEBF;
	margin-top: 1px;*/
	padding: 40px 0 20px 0;
	color: #A0ABAD;
}
#footer_contenido{
	width:90%;
	max-width:1230px;
	margin:0 auto;
	padding:40px 0;
	border:1px solid #657174;
	background-image:url(imagenes/img_fondo_pie_web.jpg);
	background-repeat:no-repeat;
	overflow:hidden;	
}
#footer_contenido a{
	color:#A0ABAD;
	text-decoration:none;
}
#footer_contenido a:hover{
	text-decoration:underline;
}
.lista_datos_pie{
	list-style:square;
	width:30%;
	padding-left:18%;	
}
.lista_datos_pie li{
	padding-bottom:20px;	
}
.lista_datos_pie li:last-child{
	padding-bottom:0;	
}
.item_imagen_pie{
	list-style:none;
	margin:0;
	padding:0;
	margin-left:-16px;	
}
.item_imagen_pie img{
	border:1px solid #BFFFFF;	
}
footer p{
	display:block;
	margin:0;
	text-align:center;
	padding-top:20px;	
}
footer p a{
	color:#B2B200;
	text-decoration:none;
} 
footer p a:hover{
	text-decoration:underline;	
}