

/* 
--- bienvenida ------------------------------------------------------------------------------	div bienvenida
*/

div.bienvenida #cabecera {
height: 250px;
background-image: url(../media/bienvenida/foto_04.jpg);
}

div.bienvenida h1 {
position: absolute;
top: 60px;
left: 40px;
width: 250px;
height: 135px;
z-index: 3;
background-repeat: no-repeat;
background-image: url(../img/logo.png);
}

div.bienvenida #inscripcion {
top: 210px;
left: 65px;
}

div.bienvenida #flypi {
position: absolute;
top: 229px;
left: 5px;
z-index: 3;
}




div.bienvenida #contenido {
height: 400px;
}

div.bienvenida div.bloque {
background-color: #ccc;
background-image: url(../img/fondos/bloque_300.gif);
background-repeat: no-repeat;
background-position: bottom left;
width: 300px; /* 300 - 30 */
height: 360px; /* 360 - 15 */
float: left;
margin-left: 20px;
margin-top: 20px;
}


div.bienvenida #submenu.bloque {
background-image: url(../img/fondos/bloque_300_submenu.gif);
background-repeat: no-repeat;
background-position: bottom left;
background-color: #7196AD;
border: 0;
height: 360px;
text-align: left;
}

div.bienvenida #submenu.bloque h2 {
background-image: url(../img/fondos/bloque_300_h.gif);
background-repeat: no-repeat;
text-align: center;
font-size: 22px;
letter-spacing: 3px;
background-color: #4A738A;
line-height: 40px;
margin-bottom: 10px;
color: #F69B07;
}

div.bienvenida #submenu.bloque p {
font-size: 15px;
color: #eee;
margin: 0.5em 30px 1em 30px;
text-align: justify;
}

div.bienvenida #submenu.bloque p strong {
color: #fff;
}

div.bienvenida #submenu.bloque p.aviso {
font-weight: bold;
color: #2D4454;
margin-top: 1em;
font-size: 18px;
text-align: center;
}

div.bienvenida #submenu.bloque p.mas-info a,
div.bienvenida #submenu.bloque p.mas-info a:hover {
color: #2D4454;
}


div.bienvenida #submenu li {
font-size: 12px;
list-style-type: square;
line-height: 32px;
color: #F69B07;
margin-left: 30px;
position: relative;
z-index: 5;
}

div.bienvenida #submenu li span {
font-size: 15px;
font-weight: bold;
letter-spacing: 1px;
color: #ccc;
z-index: 7;
}

div.bienvenida #submenu li span.proximamente {
color: #eee;
background-color: #4A738A;
font-size: 10px;
letter-spacing: 0.5px;
vertical-align: top;
position: absolute;
right: 5px;
top: 7px;
line-height: 13px;
padding: 2px;
z-index: 6;
opacity: 0.5;
filter: alpha(opacity=50);
}

div.bienvenida #submenu a {
border: none;
padding: 0;
color: #fff;
}

div.bienvenida #submenu a:hover {
text-decoration: none;
color: #F69B07;
background-color: transparent;
background-image: none;
}

div.bloque h2 span.fly {
color: #F69B07;
}

div.bloque h2 span.pa {
color: #fff;
}

div.bienvenida div.bloque h2 {
background-image: url(../img/fondos/bloque_300_h_2.gif);
background-repeat: no-repeat;
text-align: center;
font-size: 16px;
letter-spacing: 2px;
background-color: #4A738A;
line-height: 28px;
margin-bottom: 10px;
color: #fff;
}


/*
div#multimedia.bloque {
width: 270px;
height: 300px;
padding: 15px;
}
*/

div#multimedia.bloque div.subbloque {
clear: both;
}

div#multimedia.bloque div div.imagen {
float: left;
width: 100px;
padding: 6px 6px 3px 6px;
background-color: #2E4854;
margin: 0 0 15px 15px;
}

div#multimedia.bloque img {
background-color: #fff;
}


div#multimedia.bloque h3 {
color: #2D4454;
float: left;
width: 150px;
margin-left: 10px;
margin-right: 10px;
font-size: 13px;
letter-spacing: 1px;
}

div#multimedia.bloque p {
float: left;
width: 150px;
margin-left: 10px;
margin-right: 10px;
font-size: 12px;
}


div#noticias.bloque div div.imagen {
float: left;
width: 70px;
margin: 0 15px 15px 15px;
}

div#noticias.bloque .subbloque .informacion {
font-size: 14px;
padding: 0.5em 1em;
text-align: justify;
}

div#noticias.bloque .subbloque .informacion p {
margin-bottom: 1em;
}

div#noticias.bloque .subbloque {
margin-top: 15px;
}

div#noticias.bloque .subbloque p {
margin-bottom: 3px;
}

div#noticias.bloque .subbloque span.grupo,
div#noticias.bloque .subbloque span.dj {
font-weight: bold;
color: #f60;
}

div#noticias.bloque .subbloque p span.flypa11,
div#noticias.bloque .subbloque p span.fecha,
div#noticias.bloque .subbloque p span.hora {
font-weight: bold;
color: #1571AB;
}

div#noticias.bloque .subbloque p.lugar {
font-size: 11px;
font-weight: bold;
color: #333;
}

div#noticias.bloque,
div#patrocinadores.bloque {
height: 170px;
}


div.bienvenida #noticias {
font-size: 12px;
}

div.bienvenida #noticias ul,
div.bienvenida #patrocinadores ul {
height: 132px;
/*
background-image: url(../img/fondos/bloque_300.gif);
background-repeat: no-repeat;
background-position: bottom left;
*/
}

div.bienvenida #noticias ul li,
div.bienvenida #patrocinadores ul li {
margin: 0 10px 10px 10px;
text-align: justify;
}

div.bienvenida #noticias span.titular {
color: #2D4454;
font-weight: bold;
}

div.bienvenida #noticias {
position: relative;
}

div.bienvenida #noticias h2 {
margin-bottom: 1px;
}

div.bienvenida #noticias .logo,
div.bienvenida #noticias .fechas {
text-align: center;
width: 200px;
}

div.bienvenida #noticias .fechas {
font-weight: bold;
color: #991990;
font-style: italic;
}

div.bienvenida #noticias p.contador {
width: 84px;
position: absolute;
top: 48px;
right: 17px;
text-align: center;
}

div.bienvenida #noticias p.contador span {
display: block;
}

div.bienvenida #noticias p.contador .quedan {
font-weight: bold;
font-size: 20px;
color: #333;
}

div.bienvenida #noticias p.contador .numero {
font-weight: bold;
font-size: 55px;
color: #991990;
line-height: 42px;
letter-spacing: -2px;
}

div.bienvenida #noticias p.contador .dias {
font-weight: bold;
font-size: 30px;
color: #E88626;
line-height: 30px;
}

div.bienvenida #patrocinadores {
text-align: center;
}

div.bienvenida #patrocinadores ul li {
/*
width: 135px;
float: left;
*/
margin: 0;
/*
margin-left: 10px;
*/
}

div.bienvenida #patrocinadores ul li #enlace-ayuntamiento {
margin-right: 10px;
}

div.bienvenida #patrocinadores ul li.todos {
display: none;
}

div.bienvenida #patrocinadores ul li.todos p {
margin-bottom: 3px;
}


div.bienvenida #patrocinadores ul li p {
font-size: 12px;
font-weight: bold;
margin-bottom: 10px;
text-align: center;
}