/* 
--- cabecera ------------------------------------------------------------------------------	div cabecera
*/

h1 {
top: 60px;
left: 25px;
background-image: url(../img/logo_interior.png);
background-repeat: no-repeat;
width: 202px;
height: 110px;
}

#cabecera {
height: 140px;
background-color: #A7BACD;
background-image: url(../img/fondos/cabecera_interior.gif);
z-index: 1;
}

/* 
--- navegación ------------------------------------------------------------------------------	div navegacion
*/


#submenu,
#submenu-nivel-2 {
background-image: url(../img/fondos/submenu.gif);
background-repeat: repeat-x;
border-top: 3px solid #6A8696;
border-bottom: 1px solid #2B3E47;
background-color: #4A738A;
height: 33px;
text-align: center;
}

#submenu ul,
#submenu-nivel-2 ul {
float: right;
}

#submenu ul li,
#submenu-nivel-2 ul li {
position: relative;
float: left;
/*
display: inline;
*/
}

#submenu ul li.seleccionado,
#submenu-nivel-2 ul li.seleccionado {
background-color: #FE8205;
background-image: url(../img/fondos/menu_hover.gif);
}

#submenu ul li a,
#submenu-nivel-2 ul li a {
display: block;
color: #fff;
font-size: 12px;
font-weight: bold;
letter-spacing: 2px;
padding: 0 1em;
border-left: 1px solid #4E6674;
line-height: 33px;
text-decoration: none;
}

#submenu ul li a:hover,
#submenu-nivel-2 ul li a:hover {
text-decoration: none;
background-color: #FE8205;
background-image: url(../img/fondos/menu_hover.gif);
}

/* 
--- contenido ------------------------------------------------------------------------------	div navegacion
*/

#cuerpo {
padding-top: 20px;
padding-bottom: 20px;
}


#contenido {
margin-left: 25px;
margin-right: 26px;
background-image: url(../img/fondos/contenido.gif);
background-repeat: no-repeat;
background-position: bottom left;
background-color: #ddd;
color: #333;
padding-bottom: 15px;
}

#contenido h2 {
background-image: url(../img/fondos/h2.gif);
background-repeat: no-repeat;
text-align: center;
font-size: 20px;
letter-spacing: 3px;
background-color: #4A738A;
line-height: 40px;
margin-bottom: 20px;
color: #fff;
text-align: left;
padding-left: 20px;
}

#contenido p,
#contenido h3,
#contenido h4,
#contenido h5,
#contenido ul,
#contenido table {
margin-left: 20px;
margin-right: 20px;
margin-bottom: 1em;
}

#contenido p {
margin-bottom: 0.5em;
line-height: 150%;
}

#contenido h3 {
color: #1571ab;
}

#contenido a {
color: #0a9efc;
text-decoration: underline;
font-weight: normal;
}

#contenido a:hover {
color: #1596e8;
text-decoration: underline;
font-weight: normal;
}

#contenido a:visited {
color: #9f68a3;
text-decoration: underline;
font-weight: normal;
}

#contenido table {
width: 95%;
border: 1px solid #4E6674;
}

#contenido table thead th {
background-color: #507A94;
color: #fff;
font-weight: bold;
}

#contenido table th,
#contenido table td {
padding: 3px 5px;
}

#contenido table tbody {
background-color: #C3D9E7;
}

/* --- Comunicados ------------------------------------------------------------------------------	*/


#contenido p.lugar-y-fecha {
text-align: right;
font-weight: bold;
margin: 1em 20px 2em 20px;
}

#contenido .escudos {
height: 125px;
position: relative;
margin-bottom: 1.5em;
}

#contenido .escudos .turismo {
position: absolute;
top: 0;
right: 0;
}

/* --- Flypa 10 ------------------------------------------------------------------------------	*/

.flypa-10 #contenido .escudos,
.flypa-10 #contenido h3,
.flypa-10 #contenido h4,
.flypa-10 #contenido p {
margin-left: 40px;
margin-right: 40px;
}


/* 
--- elementos variados ------------------------------------------------------------------------------	div
*/

#contenido div.cartel {
float: right;
margin: 0 20px 1em 15px;
}

#contenido div.foto-en-texto {
float: right;
}

#contenido div.foto-en-texto img {
background-color:#fff;
background-image:url(../img/fondos/sombra_foto.png);
background-position:center bottom;
background-repeat:repeat-x;
border-left:1px solid gray;
border-right:1px solid gray;
margin-bottom:5px;
margin-right: 20px;
margin-left: 20px;
padding:8px 8px 12px;
text-align: center;
}

#contenido table.cuota-inscripcion {
width: 75%;
}

#contenido table.cuota-inscripcion .tardia,
#contenido table.cuota-inscripcion .temprana {
text-align: center;
width: 25%;
}

#contenido table.cuota-inscripcion td.tardia,
#contenido table.cuota-inscripcion td.temprana {
font-size: 15px;
font-weight: bold;
}

#contenido table.cuota-inscripcion tr.par td,
#contenido table.cuota-inscripcion tr.par th {
background-color: #D6DFE4;
}

#contenido div.informacion-bancaria {
border: 1px solid #4E6674;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 10px;
background-color: #C3D9E7;
width: 50%;
font-size: 14px;
color: #333333;
letter-spacing: 1px;
padding-top: 10px;
}



/* 
--- multimedia ------------------------------------------------------------------------------	div
*/

#contenido #galeria-imagenes div.bloque {
float: left;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 30px;
text-align: center;
}

#contenido #galeria-imagenes div#bloque-1 {
width: 530px;
}

#contenido #galeria-imagenes div#bloque-2 {
width: 300px;
}


/* Galería de imágenes */

#contenido div#albumes {
margin: 10px auto;
background-color: gray;
padding: 15px 0;
}

#contenido div#albumes div.album {
width: 130px;
float: left;
text-align: center;
height: 160px;
}

#contenido div#albumes div.foto {
background:transparent url(../img/fondos/diapo_flickr.gif) no-repeat scroll 0%;
height:95px;
margin: 5px auto;
padding:7px 0pt 0pt 0px;
width:91px;

}

#contenido div#albumes div.foto img {
border: 1px solid #000;
margin-top: 4px;
}


#contenido div#albumes div.album p {
margin-left: 0;
margin-right: 0;
}

#contenido div#albumes div.album a {
color: #79C6E6;
text-decoration: none;
}

#contenido div#albumes div.album a:hover {
color: #FE8205;
text-decoration: none;
}

#contenido div#albumes div.album a span.numero {
color: #FE8205;
}

#contenido div#albumes div.album a:hover span.numero {
color: #FEAC5B;
}


div.galeria {
float: left;
}

#galeria-imagenes #tags h3 em {
font-style: italic;
color: #FE8205;
}

div.conjunto-fotos {
background-color: #808080;
margin-left: 20px;
width: 258px;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
border: 1px solid gray;
}

div.conjunto-fotos div.foto {
float: left;
margin-right: 5px;
}

div.conjunto-fotos div.foto img {
border: 3px solid #fff;
}



#galeria-imagenes div.paginacion {
clear: left;
background-color: #555;
margin-right: 5px;
}

#galeria-imagenes div.paginacion p {
margin-left: 5px;
margin-bottom: 0;
color: #FE8205;
font-weight: bold;
}

#galeria-imagenes div.paginacion ul.paginacion {
margin-left: 0;
margin-right: 0;
}

#galeria-imagenes div.paginacion ul.paginacion li {
float: left;
margin-right: 4px;
text-align: center;
}

#galeria-imagenes div.paginacion ul.paginacion span {
display: block;
width: 18px;
color: #FE8205;
font-weight: bold;
}

#galeria-imagenes div.paginacion ul.paginacion a {
color: #79C6E6;
text-decoration: none;
display: block;
width: 20px;
}

#galeria-imagenes div.paginacion ul.paginacion a:hover {
color: #fff;
background-color: #FE8205;
text-decoration: none;
}


#galeria-imagenes div#detalle-foto {
float: left;
width: 600px;
margin-left: 20px;
text-align: center;
}

#galeria-imagenes div#detalle-foto div.foto img {
background-color:#fff;
background-image:url(../img/fondos/sombra_foto.png);
background-position:center bottom;
background-repeat:repeat-x;
border-left:1px solid gray;
border-right:1px solid gray;
margin-bottom:5px;
padding:8px 8px 12px;
text-align: center;
}

#galeria-imagenes div#detalle-foto p.titulo {
font-size: 18px;
line-height: 42px;
margin-bottom: 0;
}

#galeria-imagenes div#detalle-foto ul.tags {
text-align: center;
}

#galeria-imagenes div#detalle-foto ul.tags li {
display: inline;
margin-right: 0.5em:
}


div.nube {
padding: 15px 5px;
line-height: 1.25em;
text-align: center;
font-size: 20px;
background-color: #555;
}

#contenido div.nube span.peso-1 a { font-size: 0.7em; font-weight: 100; color: #AFDCEF; }
#contenido div.nube span.peso-2 a { font-size: 0.8em; font-weight: 200; color: #A0D7ED; }
#contenido div.nube span.peso-3 a { font-size: 0.9em; font-weight: 300; color: #95D1EA; }
#contenido div.nube span.peso-4 a { font-size: 1.0em; font-weight: 400; color: #86CBE8; }
#contenido div.nube span.peso-5 a { font-size: 1.2em; font-weight: 500; color: #79C6E6; }
#contenido div.nube span.peso-6 a { font-size: 1.4em; font-weight: 600; color: #6BBFE2; }
#contenido div.nube span.peso-7 a { font-size: 1.6em; font-weight: 700; color: #5FBAE0; }
#contenido div.nube span.peso-8 a { font-size: 1.8em; font-weight: 800; color: #44AEDB; }
#contenido div.nube span.peso-9 a { font-size: 2.2em; font-weight: 900; color: #2DA5D7; }
#contenido div.nube span.peso-10 a { font-size: 2.5em; font-weight: 900; color: #2793CD; padding-top: 10px; padding-bottom: 10px;}

#contenido div.nube span a {
text-decoration: none;

}
#contenido div.nube span a:hover {
text-decoration: none;
color: #FE8205;
}
#contenido div.nube span { 
display: inline; 
}

/* Galería de vídeos */

#contenido div.reproductor-video {
margin-left: 20px;
margin-right: 20px;
margin-bottom: 30px;
}

/* Webcams */

#contenido div.webcam {
margin-left: 20px;
margin-bottom: 20px;
}

#contenido div.webcam img {
border: 1px solid gray;
}








/* 
--- Inscripciones ------------------------------------------------------------------------------	div
*/

body.inscripcion #contenido {
background-color: transparent;
background-image: none;
}

body.inscripcion #contenido h2 {
background-color: #4A738A;
background-image: url(../img/fondos/h2.gif);
background-position: top left;
background-repeat: no-repeat;
padding-left: 20px;
letter-spacing: 1.5px;
margin-bottom: 0;
}

body.inscripcion #contenido h2 span {
background-image: url(../img/fondos/h2.gif);
background-position: top right;
background-repeat: no-repeat;
padding-right: 20px;
line-height: 40px;
display: block;
}

div.formulario-registro {
background-color: #ccc;
background-image: url(../img/fondos/contenido.gif);
background-repeat: no-repeat;
background-position: bottom left;
padding-top: 20px;
padding-bottom: 15px;
}

#solicita-dni {
width: 380px;
padding-top: 0;
padding-bottom: 0;
}

body.inscripcion #solicita-dni h2 {
margin-bottom: 20px;
}

#solicita-dni p#mensaje-login {
float: none;
}

#solicita-dni form {
margin-left: 20px;
background-image: url(../img/fondos/contenido.gif);
background-repeat: no-repeat;
background-position: bottom right;
padding-bottom: 15px;
}

#contenido div#solicita-dni.formulario-registro form p, 
#contenido div#solicita-dni.formulario-registro form h4 {
margin-left: 0;
}



#informacion-de-interes {
background-color: #ccc;
padding-bottom: 25px;
margin-bottom: 25px;
border-bottom: 5px solid #B1B1B1;
float: right;
width: 525px;
}

body.inscripcion #informacion-de-interes h2 {
margin-bottom: 20px;
}

#informacion-de-interes table.cuota-inscripcion {
width: 92%;
}

body.inscripcion #contenido div.informacion-bancaria {
width: 92%;
}

p#login-admin-flypa {
width: 380px;
margin-left: 0;
text-align: right;
font-size: 12px;
line-height: 30px;
}

body.inscripcion p#mensaje-login {
float: right;
}

#paso-1 #solo-alojamiento {
display: none;
}

#paso-1 #medio-comunicacion {
display: none;
}

#paso-1 #opciones-alojamiento ul div {
border: 1px solid #ccc;
background-color: #eee;
padding-top: 10px;
margin-left: 15px;
margin-bottom: 1em;
}

#paso-1,
#paso-2,
#paso-4 {
border: 1px solid #4E6674;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 10px;
background-color: #D6DFE4;
width: 60%;
padding-top: 10px;
}

#contenido div.formulario-registro form p,
#contenido div.formulario-registro form h4 {
margin-left: 15px;
margin-right: 15px;
}


#contenido div.formulario-registro form h4 {
margin-bottom: 0.25em;
}

#contenido div.formulario-registro input.text,
#contenido div.formulario-registro select {
margin-bottom: 0.75em;
}

#contenido div.formulario-registro input.text,
#contenido div.formulario-registro input.password {
border: 1px solid #7F9DB9;
padding: 2px 4px;
width: 90%;
}

#contenido div.formulario-registro input.file {
padding: 2px 4px;
}

#contenido div.formulario-registro select {
border: 1px solid #7F9DB9;
padding: 1px 2px;
width: 50%;
}



#contenido div.formulario-registro input.usuario,
#contenido div.formulario-registro input.password,
#contenido div.formulario-registro input.nombre,
#contenido div.formulario-registro input.codigo,
#contenido div.formulario-registro input.fecha,
#contenido div.formulario-registro input.dni,
#contenido div.formulario-registro input.telefono,
#contenido div.formulario-registro input.pais,
#contenido div.formulario-registro input.nacionalidad {
width: 50%;
}

#contenido div.formulario-registro input.continuar {
margin-top: 15px;
margin-bottom: 15px;
width: 120px;
height: 27px;
font-weight: bold;
color: #fff;
background-color: #FF9024;
border: 2px solid #BABABA;
}

#contenido div.formulario-registro input.adjuntar {
width: 90px;
font-weight: bold;
color: #444;
}

#contenido div.testeo-tpv {
float: right;
text-align: right;
color: #ccc;
}

#contenido div.testeo-tpv a,
#contenido div.testeo-tpv a:hover {
color: #ccc;
}

#hack-entorno-pruebas {
display: none;
}

/* 
--- Flypa 08 ------------------------------------------------------------------------------	div
*/

/* Programa de vuelo */

table.programa-vuelo thead th {
text-align: center;
	border-right: 1px solid #4E6674;
width: 150px;
}

table.programa-vuelo thead th.horario {
text-align: left;
width: 100px;
}

table.programa-vuelo tbody th {
font-weight: bold;
border-right: 1px solid #4E6674;
background-color: #7096AE;
color: #fff;
}

table.programa-vuelo tbody th.par {
background-color: #507A94;
}

table.programa-vuelo tbody th,
table.programa-vuelo tbody td {
height: 30px;
}

table.programa-vuelo tbody td {
font-weight: bold;
color: #333;
letter-spacing: 1px;
}

table.programa-vuelo tbody td.abierto {
background-color: #C0FFC0;
background-image: url(../img/fondos/td_abierto.gif);
}

table.programa-vuelo tbody td.cerrado {
background-color: #FF8080;
background-image: url(../img/fondos/td_cerrado.gif);
color: #fff;
}

/* Alojamiento */

#contenido ul.listado-alojamiento {
margin-top: 20px;
}

#contenido ul.listado-alojamiento li {
/*
float: left;
width: 430px;
height: 340px;
*/
clear: left;
padding-bottom: 5px;
border-bottom: 3px solid #A7A7A7;
border-left: 1px solid #A7A7A7;
border-right: 1px solid #A7A7A7;
margin-bottom: 20px;
background-color: #c8dff7;
}

#contenido  ul.listado-alojamiento div.foto {
float: left;
}

#contenido  ul.listado-alojamiento div.foto img {
background-color:#fff;
background-image:url(../img/fondos/sombra_foto.png);
background-position:center bottom;
background-repeat:repeat-x;
border-left:1px solid gray;
border-right:1px solid gray;
margin-bottom:5px;
margin-right: 20px;
margin-left: 20px;
padding:8px 8px 12px;
text-align: center;
}

#contenido  ul.listado-alojamiento p {
margin-left: 0;
margin-right: 0;
font-size: 15px;
font-weight: bold;
}

#contenido  ul.listado-alojamiento p.org {
background-color: #FE9933;
border-bottom: 3px solid #FE8205;
color: #fff;
padding: 3px 20px;
margin-bottom: 25px;
}

#contenido  ul.listado-alojamiento span.organization-name {
font-size: 20px;
font-weight: normal;
}



/* Equipos */

#contenido ul.listado-equipos {
margin-top: 20px;
}

#contenido ul.listado-equipos li {
/*
float: left;
width: 430px;
height: 340px;
*/
clear: left;
padding-bottom: 5px;
border-bottom: 3px solid #A7A7A7;
border-left: 1px solid #A7A7A7;
border-right: 1px solid #A7A7A7;
margin-bottom: 20px;
background-color: #ECDEEC;
}

#contenido  ul.listado-equipos div.foto {
float: left;
}

#contenido  ul.listado-equipos div.foto img {
background-color:#fff;
background-image:url(../img/fondos/sombra_foto.png);
background-position:center bottom;
background-repeat:repeat-x;
border-left:1px solid gray;
border-right:1px solid gray;
margin-bottom:5px;
margin-right: 20px;
margin-left: 20px;
padding:8px 8px 12px;
text-align: center;
}

#contenido  ul.listado-equipos p {
margin-left: 0;
margin-right: 0;
font-size: 15px;
font-weight: bold;
}

#contenido  ul.listado-equipos h3 {
margin-left: 0;
margin-right: 0;
background-color: #CB82CC;
border-bottom: 3px solid #9E3E9E;
color: #fff;
padding: 3px 20px;
margin-bottom: 25px;

font-size: 20px;
font-weight: normal;
}


/* Equipos */

#contenido ul.programa {
margin-top: 20px;
}

#contenido ul.programa li {
clear: left;
padding-bottom: 5px;
border-bottom: 3px solid #A7A7A7;
border-left: 1px solid #A7A7A7;
border-right: 1px solid #A7A7A7;
margin-bottom: 20px;
background-color: #fdece2;
}

#contenido  ul.programa div.foto {
float: right;
}

#contenido  ul.programa div.foto img {
background-color:#fff;
background-image:url(../img/fondos/sombra_foto.png);
background-position:center bottom;
background-repeat:repeat-x;
border-left:1px solid gray;
border-right:1px solid gray;
margin-bottom:5px;
margin-right: 20px;
margin-left: 20px;
padding:8px 8px 12px;
text-align: center;
}

#contenido  ul.programa p {
margin-left: 20px;
margin-right: 20px;
font-size: 15px;
}

#contenido  ul.programa h3 {
margin-left: 0;
margin-right: 0;
background-color: #FF9024;
border-bottom: 3px solid #f77414;
color: #fff;
padding: 3px 20px;
margin-bottom: 25px;

font-size: 20px;
font-weight: normal;
}




/* --------------------- Lightbox ------------------ */

.leightbox {
display: none;
position: fixed;
top: 20%;
left: 20%;
width: 60%;
height: 350px;
padding: 0;
background-color: transparent;
text-align: center;
z-index:1001;
overflow: hidden;
}

#overlay{
display:none;
position: fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:1000;
background-color:#333;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}

.leightbox p.cerrar {
	background-color: #222;
padding: 0;
text-align: right;
margin: 0 auto;
width: 500px;
}

.leightbox p.cerrar span {
display: block;
height: 28px;
line-height: 28px;
padding-right: 1em;
}

.leightbox a,
.leightbox a:hover {
color: blue;
}

.leightbox p.cerrar a,
.leightbox p.cerrar a:hover {
color: #ff6600;
}

.leightbox div.info {
margin: 0 auto;
width: 460px; /* 500 - 40 */
background-color: #fff;
text-align: left;
padding: 20px;
}

.leightbox div.info h3 {
font-size: 16px;
margin-bottom: 0.75em;
color: #222;
}

.leightbox div.info p {
margin-bottom: 0.5em;
line-height: 150%;
}

.leightbox div.oferta {
padding: 10px 15px 0 15px;
border: 1px solid #999;
background-color: #ffeeb2;
margin-bottom: 0.5em;
}

.leightbox div.oferta p.precio {
font-weight: bold;
font-size: 18px;
}

/* 
--- Ofertas de viaje ------------------------------------------------------------------------------	div
*/

body.ofertas-de-viaje div.oferta {
font-size: 15px;
margin-bottom: 2em;
padding-bottom: 1em;
border-bottom: 1px dotted gray;
}

body.ofertas-de-viaje div.oferta div.oferta,
body.ofertas-de-viaje div.oferta div.suplementos {
margin-left: 20px;
margin-right: 20px;
margin-bottom: 0;
padding: 10px 15px 0 15px;
border: 1px solid #999;
background-color: #ffeeb2;
margin-bottom: 1em;
width: 50%;
}

body.ofertas-de-viaje div.oferta div.suplementos {
background-color: #eee;
}

body.ofertas-de-viaje #contenido div.oferta div.oferta p {
text-align: center;
}

body.ofertas-de-viaje #contenido div.oferta div.oferta p,
body.ofertas-de-viaje #contenido div.oferta div.suplementos p {
margin-left: 0;
margin-right: 0;
}

body.ofertas-de-viaje div.oferta p.precio {
font-weight: bold;
font-size: 24px;
text-align: center;
}

div.oferta li {
list-style-type: disc;
}

div.oferta ul.listado-alojamiento li {
list-style-type: none;
}

/* 
--- Patrocinadores ------------------------------------------------------------------------------	div
*/

.patrocina #organizadores {
background-color: #ccc;
padding: 20px 40px;
text-align: center;
height: 140px;
}

.patrocina #patrocinadores li {
float: left;
height: 130px;
margin-right: 30px;
}

.patrocina #patrocinadores {
background-color: #ccc;
padding: 20px 40px;
text-align: center;
height: 760px;
}

.patrocina #patrocinadores li {
float: left;
height: 130px;
margin-right: 15px;
}