body{
    background-color:       #000000;
    background-repeat:      repeat;
    background-position:    top left;
    color:                  #000;
    font-family:            Verdana, Arial, Helvetica, sans-serif;
    font-size:              13px;
    margin:                 20px;
    padding:                0px;
}

.tablagrande{
    background-color:       #000000;
    border-style:           none;
    border-color:           #000000;
    border-width:           0px;
    height:                 100%;
    width:                  800px;
}

.tablacanciones{
    border-style:           solid;
    padding:                17px;
    margin:                 20px;
    border-width:           15px;
    border-color:           #808080;
    background-color:       transparent;  
    width:                  760px;
    text-align:             left;
    color:                  #006600;
    font-size:              15px;
    font-weight:            bold;
}


.celdalogo{
    background-color:       #66ff33;
    height:                 100px;
    border-style:           none;
    padding:                0px;
    text-align:             center;
} 

.celdamenu{
    background-color:       #07E500;
    border-style:           none;
    padding:                0px;
    height:                 10px;
} 

h1{
    text-align:             right;
    color:                  #006600;
    font-variant:           small-caps;
    border-bottom-width:    5px;
    border-left-width:      0px;
    border-right-width:     0px;
    border-top-width:       0px;
    border-style:           solid;
    border-color:           #006600;
    font-weight:            bold;
    margin:                 20px;
    padding:                2px;
}

h2{
    text-align:             center;
    color:                  #006600;
    font-weight:            bold;
    margin-top:             50px;
    margin-bottom:          20px;
    
}

h3{
    text-align:             left;
    color:                  #006600;
    font-weight:            bold;
    margin-top:             0px;
    margin-bottom:          10px;
    margin-left:            0px;
    border-bottom-width:    2px;
    border-left-width:      0px;
    border-right-width:     0px;
    border-top-width:       0px;
    border-style:           solid;
    border-color:           #006600;
    width:		    450px;
    
}

.contenido {
    background-color:       transparent;    
    color:                  #006600;
    font-size:              17px;
    font-weight:            bold;
    margin:                 20px 30px;
    padding:                8px;
    text-align:             justify;
    text-indent:            35px;
    width:                  500px;
}

.nuevodisco {
   background-color:	transparent;
   color:			#006600;
   font-size:		20px;
   font-weight:		bold;
   margin:		20px 30px;
   padding:		8px;
   text-align:		center;
   text-indent:		35px;
   width:			750px;
   height:		200px;
   border-width:		thick;
   border-style:		double;
   border-color:		#006600;
}

a.verde:link {color:#006600; text-decoration: underline;}
a.verde:visited {color:#006600; text-decoration: underline;}
a.verde:hover {color:#006600; text-decoration: underline;}
a.verde:active {color:#006600; text-decoration: none;}

.contenidoinicio {
    background-color:       transparent;
    color:                  #006600;
    font-size:              13px;
    font-weight:            bold;
    margin:                 0px 5px 20px 30px;
    padding:                0px 8px 8px 0px;
    text-align:             justify;
    width:                  700px;
}

.celdagrande {
    background-color:       #ffff80;
    width:                  100%;
    padding:                0px;
}

.contenidolargo {
    background-color:       transparent;    
    color:                  #006600;
    font-size:              17px;
    font-weight:            bold;
    margin:                 20px 30px;
    padding:                8px;
    text-align:             justify;
    text-indent:            35px;
}

.botonletra {
    background-color:       006600;
    border-width:           3;
    color:                  ffffff;
    font-size:              13pt;
    font-weight:            bold;
    text-decoration:        none;

    border-right-color:     #c0c0c0;
    border-left-color:      #ffff80;
    border-bottom-color:    #c0c0c0;
    border-top-color:       #ffff80;
    border-style:           solid;
    border-width:           3px;
}

#boton {
    text-align:             center;
}

input {
    background:             #c0c0c0;
    border:                 1px solid #333;
    color:                  #006600;
    text-align:             left;
    font-size:              17px;
    font-weight:            bold;
}

textarea {
    background:             #c0c0c0;
    border:                 1px solid #333;
    color:                  #006600;
    text-align:             left;
    font-size:              17px;
    font-weight:            bold;
}

.conciertos {
    color:                  #006600;
    border:                 none;
    align:                  center;
    width:                  700px;
}

.celdalugar {
    border-bottom:          3px solid #006600;
    font-variant:           small-caps;
    width:                  500px;
    margin:                 20px;
    padding:                2px;
}

.celdalugarcon {
    border-bottom:          1px dashed #006600;
    /*font-variant:           small-caps;*/
    width:                  500px;
    padding-bottom:          10px;
    padding-top:             5px;
}

.celdafecha {
    border-bottom:          3px solid #006600;
    font-variant:           small-caps;
    width:                  125px;
    margin:                 20px;
    padding:                2px;
}

.celdafechacon {
    border-bottom:          1px dashed #006600;
    /*font-variant:           small-caps;*/
    width:                  125px;
    padding-bottom:          10px;
    padding-top:             5px;
}

.celdahora {
    border-bottom:          3px solid #006600;
    font-variant:           small-caps;
    width:                  75px;
    margin:                 20px;
    padding:                2px;
}

.celdahoracon {
    border-bottom:          1px dashed #006600;
    /*font-variant:           small-caps;*/
    width:                  75px;
    padding-bottom:          10px;
    padding-top:             5px;
}

#espacio1 {
	float: 		right;
	width: 		200px;
	padding: 	0px 0px 10px 10px;
}

#espacio2 {
	float: 		left;
	width: 		200px;
	padding: 	10px 10px 0px 0px;
}

/* Menu */ 

.container {
width: 100%;
padding: 2px;
}


#nav {
margin: 0;
padding: 10px;
border-bottom: 1px solid #ffff80;
}

#nav li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#nav a:link, #nav a:visited {
font-size: 15px;
line-height: 14px;
font-weight: bold;
padding: 0 12px 6px 12px;
text-decoration: none;
color: #ffff80;
}

#nav a:link.active, #nav a:visited.active, #nav a:hover {
color: #000;
background: url(Rounded.gif) no-repeat bottom center;
}

/* Fin Menu */

/* Bordes redondeados */

.roundedcornr_box_280309 {
   background: #07e500;
}
.roundedcornr_top_280309 div {
   background: url(roundedcornr_280309_tl.png) no-repeat top left;
}
.roundedcornr_top_280309 {
   background: url(roundedcornr_280309_tr.png) no-repeat top right;
}
.roundedcornr_bottom_280309 div {
   background: url(roundedcornr_280309_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_280309 {
   background: url(roundedcornr_280309_br.png) no-repeat bottom right;
}

.roundedcornr_top_280309 div, .roundedcornr_top_280309, 
.roundedcornr_bottom_280309 div, .roundedcornr_bottom_280309 {
   width: 100%;
   height: 20px;
   font-size: 1px;
}
.roundedcornr_content_280309 { margin: 0 20px; }


.roundedcornr_box_234008 {
   background: #66ff33;
}
.roundedcornr_top_234008 div {
   background: url(roundedcornr_234008_tl.png) no-repeat top left;
}
.roundedcornr_top_234008 {
   background: url(roundedcornr_234008_tr.png) no-repeat top right;
}
.roundedcornr_bottom_234008 div {
   background: url(roundedcornr_234008_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_234008 {
   background: url(roundedcornr_234008_br.png) no-repeat bottom right;
}

.roundedcornr_top_234008 div, .roundedcornr_top_234008, 
.roundedcornr_bottom_234008 div, .roundedcornr_bottom_234008 {
   width: 100%;
   height: 20px;
   font-size: 1px;
}
.roundedcornr_content_234008 { margin: 0 20px; }


.roundedcornr_box_312919 {
   background: #ffff80;
}
.roundedcornr_top_312919 div {
   background: url(roundedcornr_312919_tl.png) no-repeat top left;
}
.roundedcornr_top_312919 {
   background: url(roundedcornr_312919_tr.png) no-repeat top right;
}
.roundedcornr_bottom_312919 div {
   background: url(roundedcornr_312919_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_312919 {
   background: url(roundedcornr_312919_br.png) no-repeat bottom right;
}

.roundedcornr_top_312919 div, .roundedcornr_top_312919, 
.roundedcornr_bottom_312919 div, .roundedcornr_bottom_312919 {
   width: 100%;
   height: 20px;
   font-size: 1px;
}
.roundedcornr_content_312919 { 
   margin: 0 20px;
}

/* Fin Bordes redondeados */

/* Galería de imágenes */

.gallerycontainer{
position: relative;
height: 800px;
/*Añadir atributo height y ponerle la altura de la imagen mayor para prevenir el overlaying*/
padding-left:25px;
}

.thumbnail img{
border: 1px solid black;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid white;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: black;
padding: 5px;
left: -1000px;
border: 1px gray;
visibility: hidden;
color: White;
text-decoration: underline;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 255px; /*position where enlarged image should offset horizontally */
z-index: 50;
}


/* Fin Galería de imágenes */

