/*----------------------------*/
/*--| BASICOS |-------------------*/
/*------------------------------------*/
*{
margin: 0;
padding: 0;
}
body, html{
margin: 0;
padding: 0;
height: 100%;
width: 100%;
background: #000;
font-family: Arial, Helvetica, sans-serif;
}
acronym, abbr{
cursor: help;
border: none;
}
label{
cursor: pointer;
}
hr{
display: none;
}
#contenido strong{
color: #CC0000;
font-weight: normal;
}

/*----------------------------*/
/*--| BLOQUES |-------------------*/
/*------------------------------------*/
#contenedor{
margin: auto;
width: 760px;
min-height: 100%;
}
#header{
height: 105px;
background: url(images/header.jpg) no-repeat right;
}
#contenido{
float: right;
width: 533px;
padding: 0 20px 0 5px;
border-right:1px dashed #000;
border-left:1px dashed #000;
}
#lateral{
float: left;
width: 185px;
padding: 0 15px 70px 0;
background: url(images/bg_lateral.png) no-repeat top right;
}
#pie{
width: 760px;
height: 62px;
margin: -62px auto 0 auto;
background: url(images/bg_pie.png) no-repeat;
}
.fin{
clear: both;
height: 85px;
}

/*----------------------------*/
/*--| TEXTOS |--------------------*/
/*------------------------------------*/
#header .dentro_header{
position: absolute;
top:-999px;
}
h1 a img{
border: none;
}
h2{
color: #fff;
font-size: 1.45em;
text-indent: 5px;
margin: 10px 0 10px 11px;
border-bottom: 1px solid #333;
font-family: "Times New Roman", Times, serif;
}
#contenido p{
margin: 3px 10px 8px 18px;
color: #ccc;
text-indent: 8px;
font-size: 0.95em;
}
.info{
color: #666 !important;
padding: 3px;
margin: 15px 3px 20px 10px !important;
border-left: 1px solid #333;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
}
h3{
color: #333;
font-size: 1.45em;
text-indent: 5px;
margin: 10px 0 10px 6px;
border-bottom: 1px dashed #1b1b1b;
font-family: "Times New Roman", Times, serif;
}
#pie p{
font-size: 0.75em;
color: #FFCC33;
text-align: center;
padding: 4px 2px 2px 2px;
font-family: "Verdana", Arial, Helvetica, sans-serif;
}
  #pie .potencia{
  color: #666;
  padding: 10px 2px 2px 2px;
  }

/*----------------------------*/
/*--| ENLACES |-------------------*/
/*------------------------------------*/
h2 a{
color: #fff !important;
text-decoration: none !important;
}
#contenido a{
color: #009900;
text-decoration: none;
}
  #contenido a:hover{
  color: #00CC00;
  text-decoration: underline;
  }

#menu{
list-style: none;
}
#menu li a{
color: #ccc;
display: block;
width: 89%;
font-size: 0.75em;
font-weight: bold;
margin: 4px 0 0 1px;
padding: 3px 2px 3px 15px;
text-decoration: none;
text-transform: uppercase;
border-left: 1px solid #333;
border-bottom: 1px solid #333;
}
#menu li a:hover{
color: #FFCC00;
border-bottom-color: #009900;
background: url(images/bg_boton.png) no-repeat center right #990000;
}
#pie a{
color: #FFCC33;
text-decoration: none;
}
  #pie a:hover{
  color: #eee;
  text-decoration: none;
  }
  
#pie .potencia a{
color: #666;
text-decoration: none;
}
  #pie .potencia a:hover{
  color: #999;
  text-decoration: none;
  }
.videos li{
margin: 5px 0 15px 0;
}
.videos li a{
display: block;
font-size: 0.95em;
text-decoration: none !important;
}
  
.videos li a img{
border: 1px solid #666;
}
  .videos li a:hover img{
  border: 1px solid #009900;
  }
  
#s1 #b1 a,
#s2 #b2 a,
#s3 #b3 a,
#s4 #b4 a,
#s5 #b5 a,
#s6 #b6 a,
#s7 #b7 a,
#s8 #b8 a,
#s9 #b9 a{
color: #FFCC00;
background: #990000;
text-indent: 15px;
}
#s1 #b1 a:hover,
#s2 #b2 a:hover,
#s3 #b3 a:hover,
#s4 #b4 a:hover,
#s5 #b5 a:hover,
#s6 #b6 a:hover,
#s7 #b7 a:hover,
#s8 #b8 a:hover,
#s9 #b9 a:hover{
background: url(images/bg_boton.png) no-repeat center right #990000;
}

/*----------------------------*/
/*--| POR SECCIÓN |---------------*/
/*------------------------------------*/
#s7 #contenido table{
margin: 5px 0 5px 0;
}
#s7 #contenido table img{
border: 1px solid #666;
}
#s7 .lista p{
margin: 1px 3px 3px 2px !important;
}
#s7 #contenido strong{
color: #fff;
font-weight: normal;
border-bottom: 1px solid #333;
}
#s5 #contenido strong{
color: #ccc;
}
/*----------------------------*/
/*--| OTROS |---------------------*/
/*------------------------------------*/
.videos{
list-style: none;
margin: 20px 0 0 0;
}
  .videos li{
  float: left;
  width: 176px;
  }
  .videos li p{
  text-align: center;
  text-indent: 0 !important;
  }
  
.lista{
margin: 20px 0 20px 50px;
list-style: url(images/flecha.png);
}
  .lista p{
  text-indent: 0 !important;
  margin: 3px 3px 8px 2px !important;
  }

.integrantes{
list-style: none;
}
  .integrantes li{
  float: left;
  width: 49%;
  margin: 10px 0 0 0;
  }
  .integrantes li p{
  text-align: center;
  }
  .integrantes li img{
  border: 1px solid #666;
  }
  .impar{
  width: 98% !important;
  }
  
#commentlist{
margin: 12px;
}
#commentlist li{
margin: 0 0 20px 0;
}

#commentlist li p{
margin: 5px 20px 3px 20px;
}

.info2{
color: #666 !important;
padding: 2px 3px 4px 3px;
margin: 15px 0 20px 0 !important;
border-left: 1px solid #333;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
}
.por{
padding: 4px 3px 2px 3px;
margin: 15px 0 10px 0 !important;
border-right: 1px solid #333;
border-left: 1px solid #333;
border-top: 1px solid #333;
}
.nro{
text-align: right;
padding: 4px 12px 0 0;
margin: -33px 0 10px 0 !important;
}
.nro a{

color: #666 !important;
font-weight: bold;

font-family: "Times New Roman", Times, serif !important;
}
.nro a:hover{
color: #999 !important;
text-decoration: none !important;
}

/*----------------------------*/
/*--| FORMULARIOS |---------------*/
/*------------------------------------*/

form{
margin: 12px 0 12px 12px;
}
fieldset{
padding: 7px;
border-top: 1px solid #333;
border-left: 1px solid #333;
border-bottom: 1px solid #333;
border-right: none;
}
fieldset legend{
color: #666;
padding: 0 5px 0 5px;
font-size: 0.75em;
font-family: "Verdana", Arial, Helvetica, sans-serif;
}
label{
color: #FFCC33;
font-size: 0.875em;
font-family: "Verdana", Arial, Helvetica, sans-serif;
}
#nombre, #email, #mensaje, #comment, #author{
width: 300px;
padding: 3px;
background: #999;
border: 1px solid #ccc;
}
  #nombre:focus, #email:focus, #mensaje:focus, #comment:focus, #author:focus{
  background: #eee;
  border-color: #009900;
  }
  
.estado_enviado{
color: #009900 !important;
padding: 0 0 5px 0;
text-indent: 0 !important;
}
.estado_noenviado{
color: red !important;
padding: 0 0 5px 0;
text-indent: 0 !important;
}
.estado_normal{
padding: 0 0 5px 0;
text-indent: 0 !important;
}
.enviar{
text-indent: 0 !important;
}
.enviar input{
width: 270px;
color: #CC0000;
cursor: pointer;
font-weight: bold;
font-size: 1.125em;
padding: 1px 0 3px 0;
margin: 10px 0 0 15px;
background: #FFCC33;
font-family: "Verdana", Arial, Helvetica, sans-serif;
}