* {
    margin: 0;
    padding: 0;
}

body {
   background-position: top;
   background-repeat: repeat-x;
   color: #8B2323;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   text-align:center;
}
/*__________________________________________PRINCIPAL___*/
#principal {
    /*float: left;
    height: 663px;
    width: 1000px;
    padding: 0px;
    position: absolute;
    top: 3px;*/
    left: 0px;
    

    
   
}
/*_______________________________________ALREDEDOR______*/
#alrededor {
   
   text-align:left;
   margin:0 auto 0 auto;
   width:1000px;
   height: 663px;
   position: relative;
   top:5px;
   
}
/*_________________________________________CABECERA_______*/
#cabecera {
    height: 150px;
    width: 100%;
    
   
}
/*#cabecera h1 {
    color: White;
    float: left;
    font-size: 60px;
    font-weight: normal;
    height: 60px;
    left: 10px;
    letter-spacing: -4px;
    line-height: 50px;
    position: relative;
    text-align: left;
    text-transform: none;
    top: 90px;
    width: 250px;
}*/
#cabecera h2 {
    color: white;
    float: right;
    font-size: 11px;
    font-weight: normal;
    height: 11px;
    right: 10px; 
    position: relative;
    text-align: left;
    text-transform: lowercase;
    top: 10px; 
}
#cabecera h2 a{
    color: white;
    text-decoration: none;
}
#cabecera h2 a:hover{
    color: Black;
    text-decoration: underline;
}
#cabecera h3 {
   color: white;
   float: left;
   font-size: 22px; /*font-weight: bold;*/
   height: 25px;
   left: 10px;
   letter-spacing: -1px;
   line-height: 23px;
   position: relative;
   text-align: left;
   text-transform: none;
   top: 120px;

   
}
/*____________________________________CENTRAR IMAGEN CABECERA- NO PARA INICIO____________*/
#centrar_imagen_cabecera {

    /*width: 1000px;
    height: 150px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -75px; /* 50% del alto*/
    margin-left: -500px; /* 50% del ancho */*/
    width:1000px;
    height: 150px;
    margin:0 auto 0 auto;
    
    position: absolute;
    
}

/*____________________________________PONER LOGO____________*/
#ponerlogo {
    position: absolute;
    top: -5px;
    left: 50px;
}
#ponerlogo a{
   text-decoration: none;
   }
   
/*____________________________________PONER ESQUINAS A LA CABECERA____________*/
#poneresquina_1 {
    position: absolute;
    top: -1px;
    left: -1px;
}
#poneresquina_2 {
    position: absolute;
    top: -1px;
    left: 970px;
}
#poneresquina_3 {
    position: absolute;
    top: 120px;
    left: -1px;
}
#poneresquina_4 {
    position: absolute;
    top: 120px;
    left: 970px;   
}
/*____________________________________MENU PRINCIPAL____________*/
/*#redondea_menup_izq {
    background-image: url('images/menu_izq_redondo.jpg');
    position: relative;
    top: 0px;
    width: 8px;
    height: 20px;
}
#redondea_menup_der {
    background-image: url('images/menu_der_redondo.jpg');
    position: relative;
    top: 0px;
    left: 790px;
    width: 8px;
    height: 20px;
}*/
#menup {
    height: 20px;
    width: 80px;
    border-top:2px solid White;
    left: 208px;
        position: relative;
}
#menup li {
    display: block;
    float: left;
    height: 20px;
    width: 158px;
}

#menup li a{
    color: #8B2323;
        display: block;
    float: left;
    height: 20px;
    letter-spacing: 0px;
    padding: 2px 0;
    text-decoration: none;
    width: 156px;
    font-weight: bold;
}

#menup li a:hover {
    background-image: url('images/menu-blanco.jpg');
    background-repeat: repeat-x;
    letter-spacing: 2px;
    color: Black;
    display: block;
    text-decoration: underline;
}

#menup ul{
    background-image: url('images/menu-gris.jpg');
    background-repeat: repeat-x;
    clear: both;
    display: block;
    float: left;
    height: 20px;
    position: relative;
    top: 0px;
    width: 790px;
    text-transform: uppercase;
    text-align: center;
}
/*______________________________________________MEDIO___*/
#medio {
    height: 330px;
    width: 1000px;
    border: 3px;
}
/*____________________________________MEDIO - IMAGEN SITIO DONDE ESTOY__________________*/
#sitio_donde_estoy {
    height: 45px;
    width: 205px;
    position: absolute;
    left: 0px;
    top: 152px;    
    background-image: url('images/index/sitio_inicio.gif');
}
#sitio_donde_estoy h1{
    color: gray;
    font-size: 28px;
    padding: 5px;

}

/*____________________________________MEDIO - MIGAS DE PAN__________________*/
#migasdepan {
    position: relative;
    height: 20px;
    width: 747px;
    background: White;
    border-top: 2px solid White;
    
}
#migasdepan h1{
    color: Gray;
    font-size: 10px;
    height: 20px;
    text-transform: none;
    width: 750px;
    position: relative;
    left: 205px;
    padding: 3px;
    text-decoration: none;
   
}
#migasdepan h1 a{
color: Gray;
    text-decoration: none;
}
#migasdepan h1 a:hover{
color: Black;
       text-decoration: underline; 
}

/*____________________________________MEDIO - ZONA INFORMACIÓN__________________*/
#zonainformacion {
   clear: both;
   float: left;
   height: 299px;
   width: 735px;
   position: relative;
   top: 1px;
   background-color: #F1F1F1;
   overflow: auto;
   border: 0px solid Gray;
   padding: 6px;
   
}
#zonainformacion p{
    font-family: verdana;
    font-size: 14px;
    margin: 20px 20px 20px 20px;
    text-align: justify;
    color: black;
}
/*________________________________MEDIO - REDONDEA FOTO TEMÁTICA_________*/
#poneresquina_fototematica_1 {
    position: absolute;
    top: 175px;
    left: 969px;
}
#poneresquina_fototematica_2 {
    position: absolute;
    top: 476px;
    left: 969px;
}


/*________________________________MEDIO - ZONA DE ARTÍCULOS_________*/
#zonaarticulos {
    clear: both;
    float: left;
    height: 95px;
    width: 525px;
    border-top: 0px solid White;
    position: relative;
    top: -20px;
    left: -18px;
    background-color: white;
}
#zonaarticulos h1 {
    color: Black;
    float: left;
    font-size: 12px;
    font-weight: normal;
    height: 12px;
    text-align: left;
    position: absolute;
    top: -10px;
    left: 20px;
    background-color: Silver;
}
#zonaarticulos h2 {
    color: Gray;
    float: left;
    font-size: 11px;
    font-weight: normal;
    height: 11px;
    text-align: left;
    text-transform: lowercase;
    padding: 1px;
}
#zonaarticulos h2 a{
    color: Gray; /*display: block;
    float: right;
    height: 11px;
    letter-spacing: 2px;
    text-decoration: blink;
    width: 144px;
    */
    text-decoration: none;
}
#zonaarticulos h2 a:hover{
    color: Gray; /*display: block;
    float: right;
    height: 11px;
    letter-spacing: 2px;
    text-decoration: blink;
    width: 144px;
    */
    text-decoration: underline;
}
.col ul{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 4px;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    MARGIN: 5px 0px;
    WIDTH: 100%;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none;
    
}
.col li{
    PADDING-RIGHT: 0px;
    DISPLAY: inline;
    PADDING-LEFT: 70px;
    FLOAT: left;
    PADDING-BOTTOM: 2px;
    WIDTH: 20%;
    PADDING-TOP: 1px;
}   
.imagenarticulo1 {
   height: 80px; 
    width: 46px;
    position: absolute;
    top: 7px;
    left: 20px;
    background-image: url('images/articulo1.jpg');
}
.imagenarticulo2 {
   height: 80px; 
    width: 46px;
    position: absolute;
    top: 7px;
    left: 195px;
    background-image: url('images/articulo2.jpg');
}
.imagenarticulo3 {
   height: 80px; 
    width: 46px;
    position: absolute;
    top: 8px;
    left: 370px;
    background-image: url('images/articulo3.jpg');
}
/*________________________________MEDIO - ZONA DE ARTÍCULOS - BANNER PUBLICIDAD_________*/
#zonaarticulos h3 {
    color: black;
    float: none;
    font-size: 20px;
    font-weight: normal;
    position: absolute;
    top: 2px;
    left: 530px;
    text-align: left;
    text-transform: none;
    border: 0px solid #9C0808;
    padding-top: 0px;
    letter-spacing: -1px;
    background-color: #FFF5EE;
    padding-bottom: 4px;
    height: 80px;
    width: 485px;
    background-image: url('images/baner_publicidad/publicidad.jpg');
    
}
#zonaarticulos h3 a{
    color: black;
     text-decoration: none;
}
/*#zonaarticulos h3 a:hover{
   text-decoration: none;
   background-image: url('images/publicidad1_positivo.jpg');
}*/

/*_________________________________________PUBLICIDAD________*/
#publicidad {
    position: absolute;
    top: 2px;
    left: 530px;
   

}
#publicidad a{
    text-decoration: none;
}
/*_________________________________________ABAJO________*/
#abajo {
    clear: left;
    float: left;
    position: relative;
    height: 60px;
    width: 1000px;
    background: white;
    border-top: 8px solid White;
}
#abajo h1{
    color: White;
    font-size: 20px;
    height: 60px;
    text-align: center;
    text-transform: none;
    width: 250px;

    
}