html, body{
    width: 100%;
    height: 100%;
}

body{
    background: #E3D9C1 url(../images/interfaz/temp_bgbody.jpg) top center;
    font-family: Arial, Helvetica, Tahoma, sans-serif;
    font-size:12px;
    color: #DAD6A7;
    margin: 0px;
    padding: 0px;
}

a{

}

img{
    border:0px;
}

@font-face {
    font-family: 'CenturyGothicRegular';
    src: url('century/gothic-webfont.eot');
    src: url('century/gothic-webfont.eot?#iefix') format('embedded-opentype'),
        url('century/gothic-webfont.woff') format('woff'),
        url('century/gothic-webfont.ttf') format('truetype'),
        url('century/gothic-webfont.svg#CenturyGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1{
    color: #DAD6A7;
    margin: 0px;
    padding: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 20px;
    letter-spacing: -1px;
    font-family: 'CenturyGothicRegular';
    font-weight: bold;
    text-shadow: #000000 0px 1px 3px;
}

h3{
    font-size:10px;
    color:#FFF;
    padding:0px;
    margin:0px;
    font-style: italic;
}

.fl{
  float:left;
}

.fr{
  float:right;
}

#contenedor{
    margin: 0px auto;
    width: 1000px;
    height: 400px;
}

/**************************** ESTILO DEL ENCABEZADO *****************************/
#webContenedor{
    margin: 0px auto;
    width: 1000px;
}

#webSubContenedor{
    background:  url(../images/interfaz/temp_bgcontenido.jpg);
    width: 1024px;
    float:left;
}

#webBorContenedor{
    border: 1px dashed #DAD6A7;
    border-bottom: none;
    width: 1000px;
    margin: 6px;
    padding:6px;
    float:left;
}

#webTop{
    background:  url(../images/interfaz/web_bgheader.png) repeat-x;
    width: inherit;
    height: 56px;
}

#webMenu{
    float: left;
    width: 960px;
    height: 32px;
    padding: 0px 0px 0px 40px;  
    border-bottom:1px dashed #DAD6A7;
    margin-top: 20px;
}

#webBusqueda{
    text-align: right;
    width: 980px;
    float: left;
    margin-top: -20px;
    padding: 10px;
    padding-top: 0px;
    height: 32px;
}
/**************************** FIN ESTILO DEL ENCABEZADO *************************/

#webContentSubTop{
   margin: 0px auto;
   width: 1000px;
}

#webSubTop{
    width: 100%;
    height: 100px;
}

#webLogo{
    float: left;
    height: 98px;
    margin-top: 5px;
}

#webRedes{
    float: right;
    height: 98px;
    margin-top: 20px;
}

#webContenido{
    /*background: url(../images/interfaz/temp_bgcontent.jpg) no-repeat top center;
    background-attachment: fixed;*/
    width: inherit;
    float: left;
}

#webContentBanner{
    /*background: url(../images/interfaz/temp_bgbanner.png) repeat-x;*/
    float: left;
    width: 100%;
    height: 448px;
    margin-top: 10px;
}

#webBanner{
    background: url(../images/interfaz/web_bgbanner.png) no-repeat top center;
    width: 968px;
    height: 300px;
    margin-left: -80px;
    padding: 65px 151px 86px 82px;
}

#webPublicidad{
    width: 1000px;
    height: 50px;
    overflow: hidden;
    z-index: 20;
    margin-bottom: 10px;
    float:left;
}

#webSecLeft{
    width: 660px;
    float: left;
    margin-right:30px;
}

#webSecLeft p{
    text-align: justify;
}

#accessForo{
    background: url(../images/interfaz/web_foro.png) no-repeat  center;
    width: 638px;
    height: 237px;
    margin-bottom: 20px;
    margin-left: 3px;
    padding: 8px;
    padding-top: 35px;
    border:1px dashed #DAD6A7;
}
.notItem{
    width: 660px;
    text-align: justify;
    margin-bottom: 10px;
    float:left;
    clear:both;

}
.notItem h2{
    padding:0px;
    margin:0px;
}

.notItem h2 a{
    font-size:14px;
    color:#DAD6A7;
    padding:0px;
    margin:0;
    padding-bottom: 0px;
    overflow:hidden;
    text-decoration: none;
}
.notItem h3{
    font-size:10px;
    color:#666666;
    padding:0px;
    margin:0px;
    font-style: italic;
}

.notItem img{
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 2px;
    border:1px dashed #DAD6A7;
}

.verMas{
    background: url('../images/iconos/vmas.gif') no-repeat;
    background-position: 100% 0px;
    padding-right: 15px;
    margin: 10px 0px 10px 0px ;
    text-align: right;
}
.verMas a{
    color:#DAD6A7;
    padding:0px;
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
}

.verMas a:hover{
    color:#DAD6A7;
}

.verMasEx{
    background: url('../images/iconos/vmasex.gif') no-repeat;
    background-position: 100% 0px;
    padding-right: 15px;
    margin: 10px 0px 10px 0px ;
    text-align: right;
}
.verMasEx a{
    color:#DAD6A7;
    padding:0px;
    font-size: 13px;
    text-decoration: none;
    font-weight: bold;
}

.verMasEx a:hover{
    color:#DAD6A7;
}

.vinculo{
    text-align: right;
    width: inherit;
}


.vinculo a{
    color:#DAD6A7;
    padding:0px;
    text-decoration: none;
}


.secItem{
    width: 200px;
    height: 240px;
    text-align: center;
    border:5px solid #ccc;
    background: #1A1B1C;
    margin: 10px;
    margin-left: 0px;
    margin-top: 0px;
    float: left;
}

.secItemImg{
    height: 200px;
    margin-bottom: 10px;
}

.secItem span a{
    color: #DAD6A7;
    text-decoration: none;
    font-weight: bold;
}

.secImg{
    width: 660px;
    text-align: center;
}

.secShare{
    width: 660px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
    border-bottom: 1px dashed #DAD6A7;
    border-top: 1px dashed #DAD6A7;
}

#periodico{

}

.itemperiodico{
    width: 300px;
    height: 242px;
    float: left;
}

.itpm{
    margin-right: 60px;
}

#webSecRight{
    width: 300px;
    float: right;
    margin-right: 10px;
}

.webVentana{
    width: 316px;
    margin-left: -9px;
}

.webVentanaTop{
   /*background: url(../images/interfaz/web_bgventanasup.png) no-repeat;*/
   width: 316px;
   height: 9px;
   float: left;
   clear:both;
}

.webVentanaSec{
   /*background: url(../images/interfaz/web_bgventanamed.png) repeat-y;*/
   border:1px dashed #DAD6A7;
   background: url(../images/interfaz/web_trans.png);
   width: 284px;
   padding: 10px 15px 10px 15px;
   margin-bottom: 18px;
   color: #FFF;
   float: left;
   clear:both;
}

.webVentanaFoot{
   /*background: url(../images/interfaz/web_bgventanainf.png) no-repeat;*/
   width: 316px;
   height: 9px;
   float: left;
   clear:both;
   margin-bottom: 20px;
}

.searchEjemplar{
    width: 220px;
    margin: 0 auto;
    padding: 10px;
}

.event{
    margin-bottom: 10px;
    float:left;
    clear: both;
}


.eventFecha{
    width: 50px;
    height: 67px;
    padding: 5px 10px 0px 10px;
    margin-right: 20px;
    margin-bottom: 10px;
    border:1px dashed #DAD6A7;
    background: url(../images/interfaz/web_trans.png);
    /*background: url(../images/interfaz/web_bgfecha.png) no-repeat;*/
    color: #DAD6A7;
    float: left;
    clear: left;
    font-size: 18px;
    text-align: center;
}


.eventFecha h2{
    margin: 0px;
    padding: 0px;
    font-size: 11px;
    font-weight: normal;
}

.eventTexto{
    width: 200px;
    margin-top: 10px;
    color: #FFF;
    float: left;
    clear: right;
    font-size: 14px;
    font-weight: bold;
}

.eventTexto a{
    width: 200px;
    color: #FFF;;
    text-decoration: none;
}

.eventTexto h2{
    width: 200px;
    color: #FFF;;
    margin: 0px;
    padding: 0px;
    font-size: 11px;
    font-weight: normal;
    font-style: italic;
}

#redFacebook, #redTwitter{
    width: 290px;
    height: 240px;
    border:5px solid #ccc;
    background:#fff;
    padding: 5px;
    margin-top: 10px;
}

#redTwitter{
    height: 260px;
}

#newMember{
    width: 300px;
    height: 260px;
    border:5px solid #ccc;
    background:#fff;
    margin-top: 10px;
    overflow: hidden;
}

#itemSuscripcion{
    cursor: pointer;
}

#webFoot{
    background: url(../images/interfaz/temp_bgfoot.png) repeat-x top center;
    width: 100%;
    height: 200px;
    color: #FFF;
    float: left;
    clear: both;
    margin-top: -10px;
}

#webFootContent{
    width: 1000px;
    margin: 0px auto;
    padding-top: 20px;
    text-align: center;
}

#webFootContent span a{
    color: #3B342C;
}

#webModal{
    /*visibility: hidden;*/
    padding: 10px;
}



#afiche{
    width: 1000px;
    height: 719px;
}

#afiche h1{
    font-size: 20px;
    letter-spacing: -1px;
}

/* Pagination */

#paginationInfo{
    text-align: center;
    margin-top: 10px;
    width: 660px;
    float: left;
    clear: both;
}

#pagination{
    width: 120px;
    margin: 0 auto;
    margin-top: 30px;
}

.iconsPagination{
    background-image     : url(../images/interfaz/icon_paginacion.png);
    background-color     : transparent;
    background-repeat    : no-repeat;
    float:left;
    margin-right: 5px;
}

#icoFirts{
    height               : 24px;
    width                : 24px;
    background-position  : -0px -0px;
}

#icoBack{
    height               : 24px;
    width                : 24px;
    background-position  : -25px -0px;
}

#icoNext{
    height               : 24px;
    width                : 24px;
    background-position  : -50px -0px;
}

#icoLast{
    height               : 24px;
    width                : 24px;
    background-position  : -75px -0px;
}

.sec_media{
    line-height: 16px;
    padding-bottom:7px;
    margin-right: 5px;
    cursor: pointer;
    border: none;
}

#sociales, #articulos{
    width: 660px;
    height: 440px;
    margin-top: 30px;
    float:left;
}

#social, #articulo, #federacion{
    background: url(../images/interfaz/web_trans.png);
    width: 640px;
    padding: 5px;
    height: 430px;
    color: #FFFFFF;
    float: left;
    border:1px dashed #DAD6A7;
}

#federacion{
    margin-top:15px;
    width: 640px;
}

#federacionn{
    width: 100%;
    height: 100%;
    background: url(../images/interfaz/web_bgfederacion.png) no-repeat center;
}

.itemSocial, .itemArticulo, .itemFederacion{
    width: 640px;
    float: left;
    clear: both;
    text-align: justify;
}

.itemFederacion{
    width: 640px;
}

.itemSocial h1, .itemArticulo h1, .itemFederacion h1{
    color: #DAD6A7;
    margin: 0px;
    margin-top: 5px;
    padding: 0px;
    font-size: 12px;
    font-family: 'CenturyGothicRegular';
}

.itemSocial h2, .itemArticulo h2, .itemFederacion h2{
    color: #DBDBDB;
    margin: 0px;
    padding: 0px;
    font-size: 11px;
    letter-spacing: -1px;
    font-style: italic;    
}

.thumbSocial, .thumbArticulo, .thumbFederacion {
    padding: 5px;
    margin: 5px;
    width: 80px;
    height: 80px;
    cursor: pointer;
    border: 1px dashed #DAD6A7;
    float: left;
    overflow: hidden;
}

#social div img {
    width: 80px;
    height: 80px;
}

#articulo div img {
    width: 80px;
    height: 80px;
}

#federacion div img {
    width: 80px;
    height: 80px;
}

#redes{
    width: 314px;
    height: 440px;    
    margin-left: -10px;
    float: left;
    clear: right;
}

#foros{
    width: 230px;
    height: 420px;
    padding: 10px;
    border:1px dashed #DAD6A7;
    background: url(../images/interfaz/web_trans.png);
    margin-left: 10px;
    float: left;
    clear: right;
}

#enlaces{
   width: 1000px;
   margin: 20px 0;
   color: #FFF;
   float: left;
   clear:both;
   text-align: center;
}

#enlaces img{
    border: none;
    margin: 5px;
}

/* ENCUESTAS
_____________________________________________________________________________ */

#botones_encuesta{
    margin-top: 20px;
}

#enc_results{
    float: left;
    margin-right: 10px;
    width: 73px;
    height: 29px;
    border: none;
    cursor: pointer;
    background: url('../images/interfaz/form_resultados.png');
    background-position:  0px 0px;
}

#enc_results:hover{
    float: left;
    width: 73px;
    height: 29px;
    border: none;
    cursor: pointer;
    background: url('../images/interfaz/form_resultados.png');
    background-position:  0px -29px;
}

#enc_send{
    float: left;
}



/* EVENTOS
_____________________________________________________________________________ */
#webEventos{
    float: left;
    width: 277px;
    min-height: 230px;
    margin-top: 10px;
    padding: 10px;
    background: url('../images/interfaz/web_bgventana.png');
}


/* BOTON MARCADORES
_____________________________________________________________________________ */
#botonMarcadores{
    float: left;
    margin-top: 10px;
}

/* BOTON MAPA DEL SITIO
_____________________________________________________________________________ */
#mapaSitio{
    float: left;
    margin-top: 10px;
}

a.conectarse-twitter{
    display: block;
    outline-width: 0;
    width: 170px;
    height: 26px;
    margin: 0 auto;
    background: transparent url(http://twitter-anywhere.s3.amazonaws.com/1/images/connect_170px.png) no-repeat 0 0;
}

a.conectarse-twitter span {
    position: absolute;
    left: -9999px;
    width: 9000px;
}