html, body 
{  
    height:100%;  
    margin:0;  
} 

body
{
	font-family: Verdana, Geneva, sans-serif;
	color: #000000;
	background: #ffffff;
    min-width:1024px;  
    min-height:600px; 
	line-height:14pt;
}

/* Todo el contenido de la página queda centrado en la pantalla horizontal y verticalmente,
independientemente del tamaño de la pantalla en la que se está visualizando. */
#web
{
	position:absolute;
	background:url("../img/fondo.jpg");
	background-repeat:no-repeat;
	width:1014px;
	height:600px;
	top:50%;
	margin-top:-300px;
	left:50%;  	
	margin-left:-507px;
}

/* Bloque que contiene las opciones del menú */
#menu
{
	position: absolute;
	width:639px;
	height:55px;
	top:67px;
	left:41px;
}

#submenu_letrai
{
	position:absolute;
	top:29px;
	left: 144px;
}

#submenu_todos
{
	position:absolute;
	top:29px;
	left: 142px;
}

#submenu_todos_fr
{
	position:absolute;
	top:29px;
	left: 117px;
}


#submenu_servicios
{
	position:absolute;
	top:29px;
	left: 36px;
	width: 576px;
}

#submenu_recomendaciones
{
	position:absolute;
	top:29px;
	left: 70px;
	width: 530px;
}

#submenu_galeeria
{
	position:absolute;
	top:29px;
	left: 97px;
	width: 406px;
}

/* Selección de idiomas */
#idiomas
{
	position:absolute;
	top:130px;
	left:878px;
	text-align:center;
	width:auto;
	height:auto;
}

/* Bloque de contenido */
#contenido
{
	overflow:auto;
	position:absolute;
	top:116px;
	left:44px;
	width:592px;
	height:436px;
}

/* Contenido página de inicio */
#contenido_inicio
{
	overflow:auto;
	position:absolute;
	top:124px;
	left:44px;
	width:600px;
	height:428px;
}

/* Contenido de la sección Equipo */
#contenido_equipo
{
	position:absolute;
	top:112px;
	left:44px;
	width:598px;
	height:438px;
}

/* Contenido del mapa web */
#contenido_mapaweb
{
	overflow:auto;
	position:absolute;
	top:105px;
	left:44px;
	width:590px;
	height:440px;
}

/* Bloque de contenido de Todos en todos */
#contenido_todos
{
	position:absolute;
	top:116px;
	left:42px;
	width:600px;
	height:440px;
}

/* Bloque de contenido de 27 en 23 en francés */
#contenido_2723_fr
{
	overflow:auto;
	position:absolute;
	top:115px;
	left:42px;
	width:600px;
	height:440px;
}

/* Bloque de contenido sección Contacto */
#contenido_contacto
{
	position:absolute;
	top:131px;
	left:46px;
	width:598px;
	height:420px;
}

/* Bloque de contenido sección Blog */
#contenido_blog
{
	overflow:auto;
	position:absolute;
	top:131px;
	left:46px;
	width:598px;
	height:425px;
}

/* Bloque de contenido sección Quiénes Somos */
#contenido_quienes
{
	overflow:auto;
	position:absolute;
	background-image:url("../img/bocadillo_27en23.png");
	background-repeat:no-repeat;
	background-position:center;
	top:130px;
	left:44px;
	width:592px;
	height:425px;
}

/* Bloque de contenido del aviso legal */
#contenido_aviso
{
	overflow:auto;
	position:absolute;
	top:125px;
	left:43px;
	width:600px;
	height:430px;
}

/* Contenido de las recomendaciones literarias */
#contenido_literarias
{
	position:absolute;
	top:125px;
	left:43px;
	width:600px;
	height:440px;
}

/* Contenido de la GaLEERía */
#contenido_galeeria
{
	position:absolute;
	top:130px;
	left:43px;
	width:600px;
	height:440px;
}

/* Contenido sección eventos */
#contenido_eventos
{
	position:absolute;
	top:125px;
	left:44px;
	width:600px;
	height:428px;
}

/* Contenido sección Caldos */
#contenido_caldos
{
	position:absolute;
	top:125px;
	left:44px;
	width:600px;
	height:428px;
}

/* Contenido de la sección +Cultura */
#contenido_cultura
{
	overflow:auto;
	position:absolute;
	top:124px;
	left:44px;
	width:600px;
	height:428px;
}


/* Recomendaciones. Aparece la barra de desplazamiento vertical en caso necesario */
#recomendaciones
{
	overflow:auto;
	width:598px;
	height:320px;
}

/* GaLEERía. Aparece la barra de desplazamiento vertical en caso necesario */
#galeeria
{
	overflow:auto;
	width:595px;
	height:415px;
	padding-right:5px;
}

/* Eventos. Aparece la barra de desplazamiento vertical en caso necesario */
#eventos
{
	overflow:auto;
	width:595px;
	height:380px;
	padding-right:5px;
}

/* Caldos. Aparece la barra de desplazamiento vertical en caso necesario */
#caldos
{
	overflow:auto;
	width:595px;
	height:363px;
	padding-right:5px;
}

/* Logos de Todos en todos, 27 en 23 y América's que aparecen en grande en la parte inferior derecha de todas las páginas */
/*#logos_derecha
{
	position:absolute;
	top:321px;
	left:757px;
	width:250px;
	height:250px;
}*/

#logos_derecha
{
	position:absolute;
	top:350px;
	left:650px;
	width:350px;
	height:230px;
}

#logo_galeeria
{
	position:absolute;
	top:30px;
	left:10px;









	width:
}

#logo_todos_der
{
	position:absolute;
	top:112px;
	left:10px;
}

#logo_2723_der
{
	position:absolute;
	/*top:142px;
	left:37px;*/
	top:112px;
	left:150px;
}

#logo_americas_der
{
	position:absolute;
	/*top:142px;
	left:169px;*/
	top:112px;
	left:287px;
}

/* Bloque con los iconos de las redes sociales a las que está adherida La letra i */
#redes
{
	position:absolute;
	top:558px;
	left:38px;
}

/* Logo del Fondo Europeo de Desarrollo Regional */
#feder
{
	position:absolute;
	top:554px;
	left:268px;
}

#feder_fr
{
	position:absolute;
	top:554px;
	left:275px;
}

/* Bloque con los sellos de validación del código */
#sellos
{
	position:absolute;
	top:560px;
	left:484px;
}

/* Logo de Questión de Imagen que aparece en el lateral derecho de todas las páginas */
#QdI
{
	position:absolute;
	top:500px;
	left:1008px;
}

/* Mapa de Google */
#mapa
{
	position: absolute;
	top:20px;
	left:308px;
	width:280px;
	height:315px;
}

/* Imagen de clientes */
#clientes
{
	position:absolute;
	top:94px;
	left:314px;
	width:auto;
	height:auto;
}

/* Datos fiscales que aparecen en el pie de todas las páginas */
#datos_fiscales
{
	position:absolute;
	top:584px;
	left:6px;
	width:1000px;
	height:auto;
}

/* Enlaces que aparecen en la parte superior derecha de todas las páginas: Inicio, Mapa Web, Aviso Legal */
#enlaces_pie
{
	position:absolute;
	top:567px;
	left:812px;
	width:200px;
	height:auto;
}

/* Enlaces que aparecen en la parte superior derecha de todas las páginas en inglés: Home, Disclaimer */
#enlaces_pie_en
{
	position:absolute;
	top:567px;
	left:895px;
	width:115px;
	height:auto;
}

/* Enlaces que aparecen en la parte superior derecha de todas las páginas en francés: Accueil, Disclaimer */
#enlaces_pie_fr
{
	position:absolute;
	top:567px;
	left:882px;
	width:130px;
	height:auto;
}

/* Pie de foto de la sección 27 en 23 */
#pie_foto
{
	position:absolute;
	top:357px;
	left:322px;
	width:265px;
	height:auto;
}

/* Pie de foto de la sección 27 en 23 en francés*/
#pie_foto_fr
{
	position:absolute;
	top:386px;
	left:263px;
	width:324px;
	height:auto;
}

/* Imagen 27 en 23 */
#img_27en23
{
	position:absolute;
	top:253px;
	left:42px;
}

/* Formulario de contacto */
#formulario
{
	position:absolute;
	top:10px;
	left:0px;
	width:289px;
	height:350px;
}

#contacto
{
	background-image:url("../img/formulario_contacto.png");
	background-repeat:no-repeat;
	width:272px;
	height:202px;
}

/* Formulario en inglés */
#contacto_en
{
	background-image:url("../img/formulario_contacto_en.png");
	background-repeat:no-repeat;
	width:272px;
	height:202px;
}

/* Formulario en francés */
#contacto_fr
{
	background-image:url("../img/formulario_contacto_fr.png");
	background-repeat:no-repeat;
	width:272px;
	height:202px;
}

input
{
	position:absolute;
	border:none;
	background-color:transparent;
	color:#ffffff;
	top: 175px;
	left: 195px;
}

input.nombre
{
	top:3px;
	left:77px;
	width:191px;
	height:18px;
}

input.mail
{
	top:28px;
	left:77px;
	width:191px;
	height:18px;
}

input.enviar
{
	top:175px;
	left:72px;
	width:93px;
	height:18px;
}

input.borrar
{
	top:175px;
	left:179px;
	width:94px;
	height:18px;
}

textarea.comentario
{
	position:absolute;
	border:none;
	background-color:transparent;
	color:#ffffff;
	top:59px;
	left:73px;
	width: 192px;
	height: 100px;
}
/* Fin formulario de contacto */

#direccion_contacto
{
	position:absolute;
	top:359px;
	left:106px;
}

/* Párrafos */
p
{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10pt;
	/* color:#0a214f;  Azul oscuro */
	color: #505050;
	text-align:justify;	
}

p.peque
{
	font-size:8pt;
	margin-right:8px;
	margin-left:8px;
}

p.fiscales
{
	font-size:7pt;
	line-height:normal;
	text-align:center;
	
}

p.contacto_lopd
{
	font-size:7pt;
	line-height:normal;
	color:#838383;
}

p.direccion
{
	font-size:8pt;
	line-height:normal;
	text-align:center;
}

p.aviso
{
	font-size:8pt;
}

p.pie_orban
{
	font-size:7pt;
	line-height:normal;
	text-align:right;
}

/* Titulo de cada una de las recomendaciones */
p.tit_recomendacion
{
	color:#505050;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
}

/* Imágenes */
img
{
	border:none;
}

img.blog
{
	float:left;
}

img.leonard
{
	float:right;
	margin-left:8px;
}

img.mascultura
{
	vertical-align:bottom;
}

/* Imágenes de botones 
img.btn_laletrai
{
	position:absolute;
	top:-2px;
	left:1px;
}

img.btn_servicios
{
	position:absolute;
	top:-1px;
	left:71px;
}

img.btn_todos
{
	position:absolute;
	top:-1px;
	left:198px;
}

img.btn_recomendaciones
{
	position:absolute;
	top:-1px;
	left:304px;
}

img.btn_cultura
{
	position:absolute;
	top:-1px;
	left:420px;
}

img.btn_contacto
{
	position:absolute;
	top:-1px;
	left:487px;
}

img.btn_blog
{
	position:absolute;
	top:0px;
	left:549px;
}

*/

/* Enlaces */
a
{
	/*color:#252525; Gris oscuro */
	color:#0a214f; /* Azul oscuro */
	text-decoration:none;
	font-weight:bold;
	font-size:10pt;
}

a:hover
{
	text-decoration:underline;
}

a.mapa
{
	font-size:8pt;
}

/* Enlaces menú */
a.opcion_menu
{
	color:#939393; /* Gris medio */
	font-family:Arial, Helvetica, Verdana;
	font-size:9pt;
	font-weight:bold;
	margin-right:17px;
}

a.opcion_menu_actual
{
	color:#0a214f; /* Azul oscuro */
	font-family:Arial, Helvetica, Verdana;
	font-size:9pt;
	font-weight:bold;
	margin-right:17px;
}

a.opcion_menu:hover
{
	color:#0a214f; /* Azul oscuro */
	font-size:9pt;
	font-weight:bold;
}

a.opcion_submenu
{
	color:#ffffff; /* Blanco */
	font-family:Arial, Helvetica, Verdana;
	font-size:10pt;
	font-weight:bold;
	margin-left:20px;
	margin-right:15px;
}

a.opcion_submenu_actual
{
	color:#303030; /* Blanco */
	font-family:Arial, Helvetica, Verdana;
	font-size:10pt;
	font-weight:bold;
	margin-left:20px;
	margin-right:15px;
}

a.opcion_submenu:hover
{
	color:#303030;
	font-size:10pt;
	font-weight:bold;
}

/* Enlaces idiomas */
a.idioma
{
	color:#ffffff;
	font-family:Arial, Helvetica, Verdana;
	font-size:10pt;
	font-weight:bold;
	line-height:25px;
}

a.idioma:hover
{
	color:#0a214f; /* Azul oscuro */
	font-size:10pt;
	font-weight:bold;
	text-decoration:none;
}

/* Enlaces que aparecen en la parte superior derecha de todas las páginas: Inicio, Mapa Web, Aviso Legal */
a.pie
{
	color:#939393; /* Gris medio */
	font-family:Arial, Helvetica, Verdana;
	font-size:8pt;
	font-weight:bold;
	margin-right:8px;
}

a.pie_actual
{
	color:#0a214f;
	font-family:Arial, Helvetica, Verdana;
	font-size:8pt;
	font-weight:bold;
}

a.pie:hover
{
	color:#0a214f; /* Azul oscuro */
	font-size:8pt;
	font-weight:bold;
}

/* Enlaces de la sección +Cultura */
a.mascultura_img
{
	margin-left:5px;
	font-size:10pt;
	vertical-align:bottom;
}

a.mascultura_txt
{
	margin-left:5px;
	font-size:10pt;
	vertical-align:super;
}

/* Elementos de listas */
li
{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10pt;
	color: #505050;
	text-align:justify;	
}

li.tick
{
	list-style-image:url("../img/tick.jpg");
}