html, body, div, span, h1, h2, h3, h4, h5, h6, p, img, strong, ul, li, article, footer, header, nav, section
{
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, footer, header, nav, section
{
  display:block;
}

body
{
  font-family:"DroidSansRegular";
 background: url("imagenes/imagenes_fondo/bg.jpg") no-repeat scroll center 0 #DDDDDD !important;

}

html
{
  overflow-y: scroll;
}

a, a:hover, a:active
{
  outline: none;
}

ul
{
  margin-left:2em;
}

nav ul, nav li
{
  margin: 0;
  list-style: none;
  list-style-image: none;
}

strong
{
  font-weight: 700;
}

a:link
{
  color: #444444;
}

body
{
  /*--font-family:"HelveticaNeue-light","Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "lucida Grande", sans-serif;*/
  font-family: Arial,Tahoma,Verdana;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 17px;
  color: black;

 }

h1, h2, h3, h4, h5, h6
{
  font-family:Rockwell, "Courier bold", Courier, Georgia, Times, "Times New Roman", sans-serif;
}

a, a:active, a:visited
{
  color: black;
  text-decoration: none;
}

a:hover
{
  color: #585858;
  text-decoration: underline;
}

/*-- hasta aqui solamente hemos definido ESPECIFICACIONES GENERALES ------------------------------------------------------*/

/*-- Primero coloco los colores a las cajas para poder localizarlas, para probarlas les quitaré el 37---------------------*/
.body37 {border:1px solid red;}
.contenedor_total37 {border:1px solid yellow;}
.header37 {border:1px solid blue;}
.logo37 {border:1px solid orange;}
.texto_cabecera37 {border:1px solid green;}
.nombre_usuario37 {border:1px solid #F781BE;} /*-- rosa */
.nav37 {border:1px solid grey;}
.menu37 li {border:1px solid red;}
.bloque_entero37 {border:1px solid yellow;}
.bloque_izquierda37 {border:1px solid blue;}
.botones37 {border:1px solid orange;}
.temas37 {border:1px solid green;}
.bloque_derecha37 {border:1px solid #F781BE;}
.panelillo37 {border:1px solid grey;}
.numero_visitas37 {border:1px solid red;}
.footer37 {border:1px solid yellow;}


.contenedor_total
{
  background: none;
  display: block;
  margin: 0 auto;
  clear: both;
  padding: 0 20px;
}

.header, .nav, .bloque_entero, .footer
{
  width: 100%;
  min-width: 1056px;
  -webkit-min-width: 1056px;
  max-width: 1067px;
  margin: 0 auto;
  overflow: hidden;
  display:block;
 }

 /*-- CABECERA -------------------------------------------------------------------------------------*/
.header
{
  height: 108px;
  background: url("imagenes/imagenes_fondo/cabecera_nueva.jpg") no-repeat scroll 0 0 transparent;   
}

.texto_cabecera
{
  
  color: #777777;
  /*-- text-shadow: 0.5px 0.5px #5882FA;--*/
}

.TC1
{
  margin: 1px auto;
  float: center;
  color: #777777;
  font-size: 12px;
}

.TC2
{
  margin: 25px 0px 5px 270px;
}

.texto_cabecera p
{
  text-align: center;
 
}

.nombre_usuario
{
    color: white;
    font-size: 14px;
    float: right;
    margin-top: 73px;
    padding-left: 22px;
    padding-right: 15px;
    background: url("imagenes/imagenes_fondo/usuario.png") no-repeat scroll -2px -2px transparent;
}

 /*-- MENÚ PRINCIPAL -------------------------------------------------------------------------------------*/
.nav 
{
  height: 32px;
 background: #161616; /* Old browsers */
background: -moz-linear-gradient(top,  #161616 35%, #161616 48%, #161616 48%, #161616 78%, #666666 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(35%,#161616), color-stop(48%,#161616), color-stop(48%,#161616), color-stop(78%,#161616), color-stop(100%,#666666)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #161616 35%,#161616 48%,#161616 48%,#161616 78%,#666666 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #161616 35%,#161616 48%,#161616 48%,#161616 78%,#666666 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #161616 35%,#161616 48%,#161616 48%,#161616 78%,#666666 100%); /* IE10+ */
background: linear-gradient(to bottom,  #161616 35%,#161616 48%,#161616 48%,#161616 78%,#666666 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#161616', endColorstr='#666666',GradientType=0 ); /* IE6-9 */

  color: #BBBBBB;
   z-index: 800;
}

ul.menu
 {
    list-style: none; /*-- PARA QUITAR EL PUNTAZO DE CADA ELEMENTO DE LA LISTA */
    height: auto;
 }

.menu li, .menu li a
{
  float: left;
  width: auto;
  color: #BBBBBB;
  font-size:14px;
  font-family: 'Cabin Condensed',sans-serif;
  height: 25px;
  text-align: center;
  text-decoration: none;
   /*-- background: linear-gradient(left, tomato, cyan, lightgreen); */
}

.menu li
{
    padding: 5px 10px 0 5px;
}

.menu li a
{
  padding-left: 25px;
  color: #BBBBBB;
}

.menu li:hover, .menu li a:hover
{/*-- 
  background: url("imagenes/imagenes_fondo/fondito_menu2.jpg") repeat-x scroll 0 0 transparent !important;
  color: black;
  background: linear-gradient(left, tomato, cyan, lightgreen); 
  border-left: 1px solid white;
  border-right: 1px solid white;*/
  border-radius: 3px;
  background-color: black;
  color: white;
}

.menu .menu_programacion
{
    padding-left: 25px; 
    position: absolute;
    z-index: 900;
}

.menu .menu_diseny
{
    margin-left: 150px;
    padding-left: 35px;
    position: absolute;
    z-index: 900;
}

.menu .menu_bbdd
{
    margin-left: 250px;
    padding-left: 35px;
    position: absolute;
    z-index: 900;
}
.menu li ul li a:hover
{
  color: white;
}

.menu_programacion ul, .menu_diseny ul , .menu_bbdd ul
{
  position: absolute;
  clear: both;
  float: left;
  z-index: 1000;
  left:0px;
  top:30px;
  display: none;
  list-style: none;
  border-radius: 5px;
  background: none repeat scroll 0 0 #252525;
  border: 1px solid black;
}

.menu_programacion ul a
{
  min-width: 88px;
}
.menu_diseny ul a
{
  min-width: 126px;
}

.menu_bbdd ul a
{
  min-width: 126px;
}

.menu li
{
  position: relative; /* Las coordenadas de los ul inferiores serán relativas al <li> que los contiene */
  
}

.menu > li /* Sólo para li de primer nivel */
 {
    display:inline;
 }

.menu_programacion:hover > ul
 {
    display:block;
 }

.menu_diseny:hover > ul
 {
    display:block;
 }

.menu_bbdd:hover > ul
 {
    display:block;
 }
 
.menu_pp 
 {
   
    
    /* -moz-list-style-image: url("imagenes/imagenes_fondo/inicio.png");
     list-style-image: url("imagenes/imagenes_fondo/inicio.png");*/
    background: url("imagenes/imagenes_fondo/inicio.png") no-repeat 0px -2px transparent;

    
 }

 .menu_programacion
 {
   background: url("imagenes/imagenes_fondo/programacion.png") no-repeat scroll 0px 3px transparent; /* margenizquierda_px margenarriba_px*/
 }
 
 .menu_diseny
 {
   background: url("imagenes/imagenes_fondo/grafico4.png") no-repeat scroll 8px 5px transparent; /* margenizquierda_px margenarriba_px*/
 }

  .menu_bbdd
 {
   background: url("imagenes/imagenes_fondo/database2.png") no-repeat scroll 8px 5px transparent; /* margenizquierda_px margenarriba_px*/
 }

.menu_photoshop
 {
   background: url("imagenes/imagenes_fondo/photoshop2.png") no-repeat scroll 0px 0px transparent; /* margenizquierda_px margenarriba_px*/
 }

.menu_sqlserver
 {
   background: url("imagenes/imagenes_fondo/sql.png") no-repeat scroll 0px 0px transparent; /* margenizquierda_px margenarriba_px*/
 }

.menu_ley112007
 {
   background: url("imagenes/imagenes_fondo/leyes.png") no-repeat scroll 7px 2px transparent;
 }

.menu_chat
{
  background: url("imagenes/imagenes_fondo/chat2.png") no-repeat scroll 6px 1px transparent;
}

.menu_solicitudes
{
  background: url("imagenes/imagenes_fondo/webmaster.png") no-repeat scroll 6px 3px transparent;
}

.menu_aspnet
{
  background: url("imagenes/imagenes_fondo/csharp.png") no-repeat scroll 6px 1px transparent;
}

.menu_javascript
{
  background: url("imagenes/imagenes_fondo/js.png") no-repeat scroll 4px 0px transparent;
}

.menu_html5
{
  background: url("imagenes/imagenes_fondo/HTML5.png") no-repeat scroll 1px -2px transparent;
}

.menu_css3
{
  background: url("imagenes/imagenes_fondo/css3.png") no-repeat scroll 5px 3px transparent;
}

.menu_jquery
{
  background: url("imagenes/imagenes_fondo/jquery.png") no-repeat scroll 2px -2px transparent;
}

.menu_seleccionado
{
 border-radius: 3px;
 background-color: black;
 color: white!important;
 border: 1px solid black;
 
}

#btnSesion
{
  float: right;
  margin: 3px 15px 5px 0;
  -moz-box-shadow: 3px 3px 4px #111;    
  -webkit-box-shadow: 3px 3px 4px #111;    
  box-shadow: 3px 3px 4px #111;
}

 /*-- CUERPO -------------------------------------------------------------------------------------*/
.bloque_entero
{
  position: relative;
  z-index: 100;
  background-color: #DBDCDE;
 }

 .bloque_izquierda
 {
  float: left;
  position: relative;
  z-index: 300;
  width: 250px;
  height: 509px;
  padding: 5px 15px 0 5px;
  overflow: auto;
 }

 .bloque_izquierda .botones
 {
  margin: 0 0 15px 0;
  padding-left: 60px;
  background: none repeat scroll 0 0 #444444;
  border-radius: 3px 3px 3px 3px;
  float: center;
 }

 .texto_botones
 {
    color: #FFFFFF;
    padding: 3px 5px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
 }

 .bloque_izquierda a
 {
  margin: 1px 0;
  padding-top: 3px;
  padding-right: 5px;
  padding-left: 18px;
  border-top: 1px solid #C0C0C0;
  padding-right: 5px;
  min-height: 20px;
  width: 215px;
 }

.bloque_izquierda a:last-child /*-- el último de la fila--*/
{
   padding-bottom: 2px;
   border-bottom: 1px solid #C0C0C0;
}

.par
{
  background-color: #e3e1e2!important;
}


 .bloque_izquierda a:hover
 {
  color: #3c74bf; 
  text-decoration: none;
 }

.menu_migas_de_pan 
 {
  margin-top: 5px;

 }

 .menu_migas_de_pan a
 {
  color: #3c74bf; 
  padding-left: 14px;
   background: url("imagenes/imagenes_fondo/flecha_miga.png") no-repeat scroll 0px -1px transparent;
 }

 .bloque_derecha
 {
  float:right;
  position: relative;
  z-index: 200;
  width: 770px;
  float: right;
  padding-left: 15px;
 }
 
 .menu_secun
 {
   float: left;
   clear: both;
   background: url("imagenes/imagenes_fondo/flechita_azul.png") no-repeat scroll 0px 4px transparent;
 }

 .botones
 {
  color: black;
  margin: 0 auto;
 }

.panelillo
{
  border-radius: 5px;
  padding: 10px 10px 5px 25px;
  font-size: small;
}

#Panel1
{
  border-radius: 5px;
   border-color: #C0C0C0;
   border-style: solid;
   border-width: 2px 1px 1px 2px;
   padding-left: 5px;
   line-height: 17px;
}

#Panel1 a
{
  color: #3c74bf!important; 
}

.panel_pp
{
  text-align: center;
}

.numero_visitas
{
  text-align: center;
  color: black;
  font-size: small;
}

#temasss, #temasss2, #formulario_alta
{
  border-radius: 5px;
  border-color: #C0C0C0;
  border-style: solid;
  border-width: 2px 1px 1px 2px;
  margin: 25px 0;
  padding: 15px;
  background-color: white;
  width: 700px;
}

#temasss p, #formulario_alta p
{
  padding: 2px 0;
}


.table
{
  border:1px solid red;
}

.table#GridView1
{
  border:1px solid red;
}
 /*-- PIE -------------------------------------------------------------------------------------*/

.footer
{
 background: #161616; /* Old browsers */
background: -moz-linear-gradient(top,  #161616 66%, #161616 78%, #161616 78%, #666666 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(66%,#161616), color-stop(78%,#161616), color-stop(78%,#161616), color-stop(100%,#666666)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #161616 66%,#161616 78%,#161616 78%,#666666 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #161616 66%,#161616 78%,#161616 78%,#666666 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #161616 66%,#161616 78%,#161616 78%,#666666 100%); /* IE10+ */
background: linear-gradient(to bottom,  #161616 66%,#161616 78%,#161616 78%,#666666 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#161616', endColorstr='#666666',GradientType=0 ); /* IE6-9 */



}
.footer_text
{
  text-align: center;
  color: #9F9F9F;
  font-size: small;
  height: 25px;
  position: relative;
  z-index: 700;
  padding: 5px 15px;
}

.footer_text a
{
  
  background: url("imagenes/imagenes_fondo/footer_bullet.png") no-repeat scroll 1px center transparent;
  font-size: small;
  padding: 5px 15px;
  color: #3c74bf!important; 
}