
/* Estilo para el documento */ 
body {
    font-family:Verdana,sans-serif;
    font-size:x-small; 
    margin-left:0.25in; 
    margin-right:0.25in;
    background-image: url(imagenes/back_dif.jpg);
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
} 

/* Estilo para la cabecera de nivel 2 */ 
h2 {
    font-family:Verdana,sans-serif; 
    font-size:14pt;
    color:red;
} 

/* Estilos para otras etiquetas */
b, td {
    font-family:Verdana,sans-serif;
    font-size:x-small; 
    color:olive;
    margin: 0 auto 0 auto;
    padding: 0
}

th {
    font-family:Verdana,sans-serif;
    font-size:x-small; 
    color:white;
    background-color:#0080C0;
} 
pre, tt, code {
    font-family:Courier New,Courier; 
    font-size:9pt;
    color:maroon;
}

a:link, a:visited {
    color: red;
}

a:hover {
    color: white;
}

div#background {
    margin:auto; 
    text-align:left;
    background-image: url(imagenes/back_text.jpg);
    width:800px;
    height:600px;
    margin-top: 50px;
    border: solid 2px black;
}

div#fly_image {
    margin: 10px 0 0 10px;
    border: 0;
    position: relative;
    float: left;
    width: 45%;
}

div#slogan_div {
    font-size: 17px;
    font-weight: bold;
    font-style: italic;
    width: 50%;
    color: white;
    text-align: center;
    position: relative;
    float: left;
    margin-top: 20px;
}

div#slogan_div.a:hover {
    color: white;
}

div#slogan_div.a:link {
    color: red;
}

div#slogan_div.a:visited {
    color: red;
}

div#info_web {
    position: relative;
    float: left;
    border: solid 1px white;
    background: black;
    margin: 0 10px 0 350px;
    width: 430px;
    height: 45px;
    opacity: 0.6;
    filter: alpha(opacity = 60);
    color: white;
    font-size: 13px;
}

div#news_div {
    position:relative;
    float: left;
    margin: 5px 10px 20px 0px;
    border: solid 1px white;
    background: black;
    width: 515px;
    height: 450px;
    filter: alpha(opacity=60);
    opacity: 0.6;
    color: white;
    overflow: auto;
}

.new {
    width: 460px;
    border: solid 3px gray;
    padding: 5px;
    margin: 5px 0 0 8px;
    color: white;
}

.new_title {
    max-width: 482px;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    color: red;
}

.new_body {
    font-size: 12px;
    font-weight: bold;
    max-width: 482px;
    margin: 3px 5px 3px 10px;
}

div#extra_info_div {
    position:relative;
    float: left;
    border: solid 1px white;
    background: black;
    width: 250px;
    height: 270px;
    opacity: 0.6;
    filter: alpha(opacity = 60);
    color: white;
}

.concerts_div {
    position:relative;
    float: left;
    width: 94%;
    margin: 5px 3% 5px 3%;
    font-size: 12px;
}

.concerts_date {
    position:relative;
    float: left;
    width: 25%;
}

.concerts_line {
    position:relative;
    float: left;
    width: 5%;
    text-align: center;
}

.concerts_info {
    position:relative;
    float: left;
    width: 55%;
}

.concerts_info_ver {
    position:relative;
    float: left;
    width: 15%;
    font-size: 11px;
}

b.anulated {
    color: red;
}

div#counter {
    position:relative;
    margin-left: 8px;
    color: white;
    font-size: 11px;
    text-align: center;
}

div#content_extra_info_div {
    position:relative;
    float:left;
    width: 250px;
    height: 270px;
    margin: 125px 8px 5px 7px;
}

div#metamorfosis {
    position: absolute;
    z-index: 2;
    opacity: 0.9;
    filter: alpha(opacity = 90);
    background-color: white;
    border: solid 4px brown;
    width: 750px;
    height: 550px;
    margin-left: 25px;
    margin-top: 25px;
    color: black;
    font-weight: bold;
}

div#metamorfosis_close {
    position: relative;
    width:22px;
    height: 19px;
    margin: 10px 10px 10px 718px;
    cursor: pointer;
    background: url(imagenes/gifs/aspa.gif);
}

div#metamorfosis_title {
    position: relative;
    width:100%;
    height: auto;
    font-size: 14px;
    text-align: center;
}

div#metamorfosis_content {
    position: relative;
    height: 460px;
    font-size: 12px;
    text-align: justify;
    margin: 10px 20px 20px 20px;
    overflow: auto;
}
