/* CSS Document */

/*** TODOS LOS ESTILOS PARA EL APARTADO DE CONTACTO ***/
/*** 			SEDES y CÓMO LLEGAR		 		    ***/
/******************************************************/
/*Capa contenedora de las sedes*/
#mapas{
position:relative;
width:100%;
height:320px;
margin-left:auto;
margin-right:auto;
}

/*Capas de las sedes*/


#madrid{
position:relative;
float:left;
width:900px;
height:300px;
margin-top:1px;
visibility:visible;
/*border:#000000 1px solid;*/
text-align:left;
}


#barcelona{
position:relative;

float:left;
margin-top:-299px;
width:900px;
height:300px;
visibility:hidden;
/*border:#000000 1px solid;*/
text-align:left;
}
#sevilla{
position:relative;
margin-top:-300px;
float:left;
width:900px;
height:300px;
visibility:hidden;
/*border:#000000 1px solid;*/
text-align:left;
}	

/**CAPAS PARA LA INFORMACION DE LOS DISTINTOS CONTACTOS**/
#infoMadrid{
position:absolute;
left:1px;
width:294px;
height:100px;
/*border:solid 1px #000000;*/

}
#infoBarcelona{
position:absolute;
left:300px;
width:294px;
height:100px;
/*border:solid 1px #000000;*/
}
#infoSevilla{
position:absolute;
right:1px;
width:294px;
height:100px;
/*border:solid 1px #000000;*/
}
#infoCorreo{
position:absolute;
left:1px;
top:109px;
width:896px;
height:210px;
border-top:solid 1px #000000;
}
/*Estilos para parrafos cabeceras etc*/




/*Clases para listas de menú para los mapas y el texto explicativo*/

.sedes ul{
margin:0;
padding:0;
list-style-type: none;


}

.sedes ul li{
position: relative;
top:0;
display:inline;
/*text-align:center;*/

}
.sedes ul li p{
position:relative;
margin-top:0;
float:right;
width:39%;
height:300px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
text-align:left;
/*border:#000000 1px solid;*/
}
.sedes ul li iframe{
position:relative;
float:left;
width:59%;
height:300px;

}

.sedes ul li a{
display:block inline;
float:left;
width: 150px; 
padding:3px 0;
/*border: 1px solid black;*/
border-left-width: 0;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:500;
text-decoration:none;
color:#FFFFFF;
background-color:#117CAA;

}
.sedes ul li a:hover{
background:#000000;
}
.sedes ul li ul{
position:absolute;
top:1em;
display:block;
visibility:hidden;
}

/*lineas específicas para resaltar textos*/

.resaltar font{
font-family:"Times New Roman", Times, serif;
font-size:16px;
color:#117CAA;
background-color:#000000;
}


/**Estilos para telefonos y direcciones de correo**/
.info p{
font:Arial, Helvetica, sans-serif;
text-align:left;
margin-left:250px;
padding-top:0;
}
.info ul{
list-style-type:none;
text-align:center;
}


.info ul li h3{
margin-top:30px;

}
.info ul li p{
font:Arial, Helvetica, sans-serif;
text-align:center;
margin:0;
padding:0;
}

.info a{
text-decoration:none;
color:#000000;
}
.info a:hover{
background:#000000;
color:#FFFFFF;
}