/* CSS Document */
*{margin: 0px; padding:0px;}
#header, #contenido, #linia, #linia2, #fotografias, .foto, .foto_010, #informacion_pie, #contacto {float: left;}
body {
	font-family: Lucida Sans, Arial, Helvetica;
	/*background-color:#666666;*/
	background-color:#bc0108;
	}

#contenedor {
	width: 720px;
	margin: 0px auto;
	}
		
	
#contenido {
	width: 640px;
	padding: 10px 40px 0px 40px;
	background-color: #fff;
	}

#linia {
	width: 640px;
	height: 19px;
	background-image: url(../imagenes/linia.gif);
	}
	
#linia2 {
	width: 640px;
	height: 19px;
	background-image: url(../imagenes/linia2.gif);
	}
/**************** Fotografias *****************************/		
#fotografias {
	width: 640px;
	padding: 8px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
	background-color:#ccc;
	border-color: #000;
	border-top-style: dashed;
	border-top-width: 1px;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	}
	
.foto {
	width: 150px;
	height: 150px;
	margin: 0px 0px 0px 7px;
	padding: 0px 0px 7px 0px;
	}
.foto_010 {
	width: 624px;
	height: 150px;
	margin: 0px 0px 0px 7px;
	padding: 0px 0px 7px 0px;
	}

/**************** Texto Pie *******************************/
#informacion_pie {
	width: 640px;
	height: 50px;
	text-align: center;
	margin: 20px 0px 0px 0px;
	}

#informacion_pie p {	
	margin: 0px;
	padding: 10px 0px 10px 0px;
	background-color: #ccc;
	font-size: 11px;
	}
	
/**************** Contacto *******************************/
#contacto {
	width: 310px;
	}
	
#grafica_contacto {
	width: 315px;
	height: 485px;
	background-image:url(../imagenes/icono_contacto.jpg);
	background-repeat:no-repeat;
	float: right;
	}
/* Banderas***************************************************/	
#ingles, #castellano, #frances, #aleman {display:none;}
#catalan, #expo1 {display: block;}
	
.banderas {
	border: none;
	padding: 0px 5px 0px 15px;
	}
.bandera_primera {
	border: none;
	padding: 0px 5px 0px 0px;
	}	

#contenido h2 a{color:#111;}
#contenido h2 a:hover{color: #555;}

	
/** Fin Banderas *********************************************/	
	
#tabla p {font-size:10px;}
td {
	border-top-width: 1px;
	border-top-color: #666;
	border-top-style: solid;
	padding: 2px 0px 2px 0px;
	}
tr:hover {
	background-color: #ccc;
	}	
.blanco {
	color: #fff;
	font-weight:bold;
	}
	
.negro {
	color: #000;
	font-weight:bold;
	}		


/** Automatico *****/
.automatico{
	width: 800px;
	margin: 0 auto;
}
	
.automatico	a{
	font-size: 10px;
	color: #9c040a;
}

.automatico	a:hover{
	color: #9c040a;
}




/* Slider CSS puro */
#slider2 {
	width: 720px;
	height: 300px;
	overflow: hidden;
	position: relative;
}

#slider2 ul {
	display: flex;
	width: 400%;
	animation: slide 16s infinite;
	list-style: none;
	margin: 0;
	padding: 0;
}

#slider2 li {
	width: 720px;
	height: 300px;
	flex-shrink: 0;
	padding: 0;
	margin: 0;
	list-style: none;
}

#slider2 li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@keyframes slide {
	0%, 20% { transform: translateX(0); }
	25%, 45% { transform: translateX(-720px); }
	50%, 70% { transform: translateX(-1440px); }
	75%, 95% { transform: translateX(-2160px); }
	100% { transform: translateX(0); }
}