body {
     margin: 0;
     padding: 0;
     background: #f2fafc;
     font: 10pt/15pt Verdana, Arial, Helvetica, sans-serif;
     color: #333
}


/* MAQUETACIÓN */

#contenedor {
     width: 960px;
     margin: 0 auto;
     padding: 10px;
     background: #fff
}

#encabezado {
     width: 100%;
     background: #fff
}

#menu {
     float: right
}
#idiomas ul {
     list-style: none;
     margin: 0;
     padding: 0
}
 
#idiomas ul li {
     float: left;
     margin-left: 10px;
     text-align: center;
}
 
#idiomas ul li a {
     display: block;
     width: 16px;
     height: 0;
     padding-top: 16px;
     overflow: hidden
}
 
a#espanol {
     background: url(../imagenes/idioma_espanol.png) top left no-repeat
}
 
a#ingles {
     background: url(../imagenes/idioma_ingles.png) top left no-repeat
}


#slogan {
     clear: both;
     width: 860px;
     height: 140px;
     margin: 0 0 10px 0;
     padding: 30px 50px;
     background: #f2fafc url(../imagenes/fondo_slogan.png) left top no-repeat
}

#cuerpo {
     margin: 0;
     padding: 10px;
     width: 940px;
     overflow: auto;
     background: url(../imagenes/fondo_cuerpo.png) repeat-x
}

#presentacion {

}

#col1 {
     float: left;
     width: 282px;
     height: 200px;
     padding: 10px;
     border: solid 1px #eee;
     background: #fff url(../imagenes/fondo_columnas.png) left bottom repeat-x
}

#col2 {
     float: left;
     width: 282px;
     height: 200px;
     padding: 10px;
     border: solid 1px #eee;
     margin-left: 14px;
     background: #fff url(../imagenes/fondo_columnas.png) left bottom repeat-x
}

#col3 {
     float: left;
     width: 282px;
     height: 200px;
     padding: 10px;
     border: solid 1px #eee;
     margin-left: 14px;
     background: #fff url(../imagenes/fondo_columnas.png) left bottom repeat-x
}

#bienvenida {
     clear: both;
     margin: 0;
     padding-top: 10px
}


#pie {
     clear: both;
     width: 100%;
     height: 200px;
     padding: 10px 0;
     border-top: solid 1px #ddd 
}

#contenido {
     float: left;
     width: 664px;
     padding: 10px;
}

#menuContextual {
     float: right;
     width: 216px;
     padding: 20px;
     background: #fff url(../imagenes/fondo_menu_contextual.png) top left no-repeat;
     min-height: 450px
}





/* TITULOS */
h1, h2, h3, h4, h1 *, h2 *, h3 *, h4 * {
     font-family: "Arial Narrow", Helvetica, sans-serif;
     text-transform: uppercase;
     font-variant: small-caps;
     font-weight: bold;
     margin: 0;
     padding: 0
}

h1#logotipo {
     margin: 0 0 10px 0;
     padding: 0;
     float: left;
}

h1#logotipo a {
     display: block;
     width: 250px;
     height: 0;
     padding-top: 94px;
     background: url(../imagenes/logo_aepmi.png) left top no-repeat;
     overflow: hidden
}

h1, h1 * {
     font-size: 18pt
}


h2, h2 * {
     font-size: 16pt
}

h3, h3 * {
     font-size: 14pt
}

h4, h4 * {
     font-size: 12pt
}







/* VINCULOS */

a {
     color: #6292e4;
     text-decoration: none
}

a:hover {
     color: #ffaa24;
     text-decoration: underline
}

a:active {
     color: #79c431;
     text-decoration: underline
}

a em {
     color: #6292e4;
     text-decoration: underline;
     font-style: normal
}





/* LISTAS MENÚ */

/* Menú principal */

#menu ul {
     list-style: none;
     margin: 15px 0;
     padding: 0
}

#menu ul li {
     float: left;
     margin-left: 10px;
     min-width: 110px;
     text-align: center;
}

#menu ul li a {
     display: block;
     padding: 15px 20px;
     color: #000;
     background: #ccc url(../imagenes/fondo_boton_menu.png) center center;
     border: solid 1px #ddd
}

#menu ul li a:hover {
     background: #79c431 url(../imagenes/fondo_boton_menu_hover.png) center center;
     color: #fff
}

#menu ul li a em {
     color: #000
}


#menu ul li a.actual {
     background: #6292e4 url(../imagenes/fondo_boton_menu_actual.png) center center;
     color: #fff;
}

#menu ul li a.actual em {
     color: #fff
} 



/* Menú contextual */

#menuContextual ul {
     margin: 0;
     padding: 0;
     list-style: none
}

#menuContextual ul ul {
     margin-left: 20px
}

#menuContextual ul li {
     margin-bottom: 15px;
     background: url(../imagenes/vinculo.png) 0 5px no-repeat;
}

#menuContextual ul ul li {
     margin-bottom: 0
}

#menuContextual ul li a, #menuContextual ul ul li a {
     background: url(../imagenes/vinculo.png) 0 4px no-repeat;
     padding-left: 22px;
}

#menuContextual ul li a.actual, #menuContextual ul ul li a.actual {
     background: url(../imagenes/vinculo_actual.png) 0 4px no-repeat;
}



/* OTROS ESTILOS */

/* Slogan */
#slogan h2 {
     font-size: 32pt;
     line-height: 48pt;
     color: #1c334a;
     text-transform: none;
     font-variant: normal
}


/* Pie de página */
#imagenJunta{
	float: right;
}
#datosContacto address {
     float: left;
     clear: left;
     font-size: 8pt;
     line-height: 12pt;
     font-style: normal;
     color: #555
}

#creditos ul {
     margin: 0;
     padding: 0;
     list-style: none;
     float: right;
     clear: right
}

#creditos ul li {
     float: left;
     margin-left: 10px;
     font-size: 8pt
}



/* Presentación */
#presentacion h3 {
     font-size: 14pt;
     text-transform: none;
     font-variant: normal
}

#presentacion p {
     font-size: 11pt;
     color: #6292e4;
     margin-top: 10px
}



/* Columnas de Página de inicio */

#col1 h4, #col2 h4, #col3 h4 {
     font-variant: normal;
     color: #fff;
     padding: 6px 10px 6px 23px;
     background: url(../imagenes/fondo_titulos_columnas.png)
}



/* Cuerpo */

#presentacion h3 {
     height: 27px;
     padding: 5px 0 0 31px;
     background: url(../imagenes/fondo_titulo_presentacion.png) left center no-repeat;
}

#cuerpo h2 {
     min-height: 27px;
     padding: 5px 0 0 42px;
     background: url(../imagenes/fondo_titulos.png) left top no-repeat;
     color: #6292e4
}

#bienvenida h2 {
     color: #ffaa24
}

#contenido h3 {
     margin-top: 30px
}



/* Eventos */

.evento{
 	overflow: auto;		
}

p.fecha {
     margin-bottom: 0;
     font-weight: bold;
     color: #6292e4
}
p.lugar {
	margin-bottom: 0;
     font-weight: bold;
	}

p.descripcionEvento {
     margin-top: 0;
     margin-bottom: 5px
}

p.irAdelante, p.volverAtras {
     margin-top: 0;
     text-align: right;
     line-height: 10pt
}

p.introEvento {
     font-weight: bold
}

#paginacion {
     border: solid 1px #eee;
     background: #f5f5f5;
     padding: 10px;
     text-align: right
}

#paginacion p {
     line-height: 10pt;
     margin: 0;
     padding: 0
}

.irAPagina {
     padding: 2px 5px;
     background: #79c431;
     color: #fff
}

.paginaActual {
     padding: 2px 5px;
     background: #6292e4;
     color: #fff
}

a:hover.irAPagina, a:hover.paginaActual {
     color: #fff
}


/* Tablas */

table {
     margin-top: 20px;
     border: solid 1px #ddd;
     border-collapse: collapse;
     border-spacing: 0;
}

thead tr th {
     background: #dff2cc;
     border-bottom: solid 2px #79c431
}

tbody td {
     border: dotted 1px #dff2cc;
     padding: 10px;
     vertical-align: top
}


/* Formulario de contacto */
.mensajeOK {
     margin-top: 20px;
     border: dotted 1px #91e114;
     background: #e1f9bd url(../imagenes/mensaje_ok.png) 12px 24px no-repeat;
     padding: 0 12px 0 60px;
}

.mensajeKO {
     margin-top: 20px;
     border: dotted 1px #a00;
     background: #fcdade url(../imagenes/mensaje_ko.png) 12px 24px no-repeat;
     padding: 0 12px 0 60px;
}

fieldset {
     border: solid 1px #eee;
     border-width: 1px 0 0 0;
     margin-bottom: 20px;
     padding: 0;
}

legend {
     color: #79c431;
     background: #fff;
     font-weight: bold;
     padding: 0 5pt;
     font-size: 12pt;
}

label {
     display: block;
     margin: 0 4% 0 0;
     float: left;
     text-align: right;
     width: 30%;
}

label[htmlFor="suscripcion"],
label[for="suscripcion"],
label[htmlFor="acepto"],
label[for="acepto"] {
     display: block;
     margin: 0 4% 0 0;
     float: left;
     width: 90%;
     text-align: right;
}

input,
select,
textarea {
     display: block;
     margin-bottom: 10px;
     font: 12pt Verdana, Arial, Helvetica, sans-serif;
     border: solid 1px #ddd;
}

input[type="checkbox"] {
     display: inline;
     clear: right;
}

textarea {
     width: 60%;
     height: 220px;
     overflow: auto;
}

input.required,
select.required,
textarea.required {
     border: solid 1px #ddd;
     background: #fff url(../imagenes/requerido.png) center right no-repeat;
     padding-right: 20px;
}

textarea.required {
     background: #fff url(../imagenes/requerido.png) top right no-repeat;
}

input#enviar {
     font-weight: bold;
     background: #79c431 url(../imagenes/fondo_boton_enviar.png) left center;
     color: #fff
}

input[type="checkbox"].required {
     border: solid 1px #e8112d;
     background: transparent;
}

input.validation-failed,
select.validation-failed,
textarea.validation-failed {
     border: solid 1px #e8112d;
     color : #e8112d;
}

input.validation-passed,
select.validation-passed,
textarea.validation-passed {
     border: solid 1px #0c0;
}

.validation-advice {
     margin: 5px 0 20px 34%;
     padding: 0;
     color : #e8112d;
     font-size: 10pt;
}

.custom-advice {
     margin: 5px 0 20px 34%;
     padding: 0;
     color : #e8112d;
     font-size: 10pt;
}


/* Política de privacidad */

#menuContextual h3 {
     color: #79c431
}


#menuContextual p {
     font-size: 8pt;
     line-height: 12pt
}




/* Estilos generales */

img.vinculo {
     width: 12px;
     height: 12px;
     vertical-align: middle
}


img.imagenBienvenida {
     float: left;
     margin: 0 10px 10px 0;
     border: double 3px #eee;
     width: 300px;
     height: 200px
}

img.imagenInterior {
     float: left;
     margin: 0 10px 10px 0;
     border: double 3px #eee;
     min-width: 300px;
     min-height: 200px
}

#contenido ul, #contenido ol {
     margin: auto 0;
     padding: 0;
     list-style-position: outside;
}

#contenido ul li, #contenido ol li {
     margin-bottom: 10px;
}


/* Listas de Consejos y Objetivos */

ol.listaConsejos, ol.listaObjetivos {
     list-style: none
}

ol.listaConsejos li, ol.listaObjetivos li {
     padding-left: 50px;
     background-position: left top;
     background-repeat: no-repeat;
     min-height: 50px
}

li.primero {
     background-image: url(../imagenes/primero.png)
}

li.segundo {
     background-image: url(../imagenes/segundo.png)
}

li.tercero {
     background-image: url(../imagenes/tercero.png)
}

li.cuarto {
     background-image: url(../imagenes/cuarto.png)
}

li.quinto {
     background-image: url(../imagenes/quinto.png)
}

li.sexto {
     background-image: url(../imagenes/sexto.png)
}

/*eventos*/
.imagenListado{
	max-width: 40%;
     float: left;
     margin: 0 10px 0 0
	
}