@charset "utf-8";
/* CSS Document */
/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved. */
/* http://creativecommons.org/licenses/by/2.0 */
/* esta hoja de estilos esta bajo una licencia de Creative Commons */
/* Proposito: desahacer algunos de los estilos por defecto de los navegadores*/
/* los subrayados de los enlaces tienden a hacer el texto mas dificil de leer porque oscurecen las formas de la parte de abajo de las palabras*/
:link,:visited { text-decoration:none; }
/* quitamos los marcadores de lista ( puntos ) por defecto, porque generalmente usamos las listas por motivos semanticos*/
/*ul,ol { list-style:none }*/
/* evitamos los tamaños inconsistentes por defecto que los navegadores aplican a los titulos*/
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
/* quitar la inconsistencia entre navegadores de los margin y padding por defecto en ul y ol*/
/* el espaciado por defecto en los titulos ni encaja ni se alinea con el espacio entre lineas, así que nos libramos de el*/
/*colocamos a cero los espaciados alrededor de pre, form, body, html, p, blockquote tambien en en los elementos de formulario quitamos sus margenes y rellenos */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,/*blockquote,*/fieldset,input
{ margin:0; padding:0 }
/* A alguien le han parecido alguna vez una buena idea los bordes azules alrededor de las imagenes enlazadas o visitadas? */
a img,:link img,:visited img { border:none }
/* quitamos la fuente itálica por defecto de la etiqueta address*/
address { font-style:normal }
body{
text-align:center;
}
#contenedor{
width:974px;
height:1000px;
text-align:left;
margin:0 auto;
}
h1{
position:absolute;
width:197px;
height:248px;
margin:100px 0 0 5px;
z-index:3;
}
h2{
position:absolute;
width:120px;
height:85px;
margin:3px 0 0 5px;
z-index:2;
}
h3{
position:absolute;
margin:620px 0 0 100px;
z-index:4;
}
h4{
position:absolute;
margin:0 0 0 700px;
z-index:2;
}
#publicidad{
position:absolute;
width:150px;
height:573px;
margin:100px 0 0 804px;
border: thin solid #FF6600;
}
#texto{
position:absolute;
width:300px;
height:120px;
margin:20px 0 0 310px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: center;
color: #999999;
}
#boton_asociaciones{
position:absolute;
width:120px;
height:85px;
margin:3px 0 0 779px;
}
#botonretroceso{
position:absolute;
width:51px;
height:55px;
margin:300px 0 0 884px;
}
#botonhome{
position:absolute;
width:51px;
height:55px;
margin:360px 0 0 884px;
}
#botonadelante{
position:absolute;
width:51px;
height:55px;
margin:420px 0 0 884px;
}
/*-------------------------------------abre grupo de canto------------------------------*/
#cabecera{
position:absolute;
width:835px;
height:573px;
margin-top:100px;
}
#direccion_canto{
position:absolute;
width:450px;
height:320px;
margin-top:186px;
margin-left:380px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align:center;
}
#titulovideo{
position:absolute;
width:310px;
height:361px;
margin-top:270px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: center;
background-color:#FF9933;
}
#video{
position:absolute;
width:480px;
height:360px;
margin:270px 0 0 311px;
}
/*-------------------------------------cierra grupo de canto------------------------------*/
/*----------------------------------abre peña real madrid---------------------------------------*/
#cabecera_r{
position:absolute;
width:815px;
height:196px;
margin-top:100px;
/*margin-left:-14px;*/
/*background-image:url(imagenes/fondo-madrid.png);*/
}
#sede_social{
position:absolute;
margin-top:110px;
margin-left:160px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFCC00;
text-align: center;
}
.sede{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
}
#weboficial{
position:absolute;
width:80px;
height:81px;
margin: 650px 0 0 676px;
}
#tablon_de_anuncios_realmadrid{
position:absolute;
width:383px;
height:406px;
margin: 220px 0 0 4px;
text-align: center;
/*background-image:url(imagenes/tablondeanuncios.png);*/
background-repeat:no-repeat;
/*padding-top:30px;*/
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #FFFFFF;
font-weight: bold;
}
#actualidad{
position:absolute;
width:372px;
height:335px;
margin:220px 0 0 410px;
background-image:url(imagenes/fondo_noticias_realmadrid_2.jpg);
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding-top:30px
}
#promocion{
position:absolute;
width:198px;
height:64px;
margin:620px 0 0 430px;
background-image:url(imagenes/fondo_promocion_realmadrid.png);
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
padding-top:60px;
}
#album_r{
position:absolute;
width:407px;
height:77px;
margin:650px 0 0 7px;
background-image:url(imagenes/galeria_realmadrid_2.png);
background-repeat:no-repeat;
text-align: center;
padding-top:20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
z-index:1;
}
#cartel{
position:absolute;
width:320px;
height:186px;
/*margin:1px 0 0 20px;*/
}
#contenedor_mus{
position:absolute;
width:974px;
height:1000px;
}
.maxi{
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FF0000;
}
.maxi2{
font-size: 20px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #0000CC;
}
.maxi3{
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #0000CC;
}
.loteria{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
color: #000000;}
.viaje1{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
color: #000000;
}
.viaje1 a{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
color: #F28000;
}
.viaje2{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: center;
color: #FFFFFF;
}
.promocionviaje{
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
text-align: center;
color: #FFFFFF;
}
.viaje{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
color: #000000;
margin-left:15px;
}
#test {
width: 320px;
height: 500px;
margin-top:340px;
margin-left:30px;
background-color: #CCCCCC;
z-index:2;
}
/*--------------------------------cierra peña real madrid---------------------------------------*/
/*-------------------------------------abre peña atletica---------------------------------------*/
#cabecera_at{
position:absolute;
width:262px;
height:573px;
margin-top:100px;
background-image: url(imagenes/fondo_atletico.png);
}
#sede_social_at{
position:absolute;
margin-top:500px;
margin-left:8px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-align: center;
}
#tablon_de_anuncios_at{
position:absolute;
width:383px;
height:426px;
margin: 250px 0 0 415px;
text-align: center;
background-image:url(imagenes/tablondeanuncios.jpg);
background-repeat:no-repeat;
padding-top:30px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #FFFFFF;
font-weight: bold;
}
#actualidad_at{
position:absolute;
width:186px;
height:247px;
margin:400px 0 0 220px;
background-image:url(imagenes/fondo_noticias_realmadrid.png);
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding-top:30px
}
#promocion_at{
position:absolute;
width:198px;
height:64px;
margin:270px 0 0 215px;
background-image:url(imagenes/fondo_promocion_realmadrid.png);
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
padding-top:60px;
}
#album{
position:absolute;
width:407px;
height:77px;
margin:100px 0 0 320px;
background-image:url(imagenes/galeria.png);
background-repeat:no-repeat;
text-align: center;
padding-top:20px;
/*z-index:5;*/
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}
/*-------------------------------------cierra peña atletica------------------------
*/
#muestrafotografia{
position:absolute;
width:170px;
height:187px;
margin:5px 0 0 178px;
}
#fotosmini{
position:absolute;
width:315px;
height:85px;
margin:283px 0 0 35px;
}
#tablon{
position:absolute;
width:600px;
height:700px;
margin: 2px 0 0 209px;
background-color: #CCCCCC;
}
.mini{
font-size: 10px;
}
.anuncio{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
}
#imagen1{
position:absolute;
width:238px;
height:143px;
margin-top:10px;
margin-left:5px;
}
#album_ a{
text-align: center;
padding-top:20px;
z-index:5;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}
/*---------------------------------------------abre asociacion de comerciantes-----------------*/
#presentacion{
position:absolute;
width:560px;
height:700px;
margin-top:100px;
margin-left:1px;
background-image:url(imagenes/fondo_asociacion_comerciantes.jpg);
}
#presentacion ul{
position:absolute;
width:450px;
height:291px;
margin:25px 0 0 91px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
text-align: justify;
}
.lista{
padding-left:10px;
}
.color{
color: #000000;
}
.eslogan{
position:absolute;
width:350px;
height:29px;
margin:625px 0 0 195px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #FFCC00;
text-align: left;
}
#privado{
position:absolute;
width:130px;
height:40px;
margin:40px 0 0 704px;
/*background-color: #FF6600;*/
font-size: 28px;
font-weight: 800;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
}
#actividades{
position:absolute;
width:230px;
height:30px;
margin:100px 0 0 565px;
border: thin solid #000000;
background-color: #000000;
}
.titulo{
text-align: center;
font-size: 18px;
font-weight: bold;
color: #FFCC00;
margin-top:5px;
font-family: Arial, Helvetica, sans-serif;
}
.titulo2{
margin-left:10px;
text-align: left;
font-size: 18px;
font-weight: bold;
color: #FF9900;
margin-top:2px;
font-family: Arial, Helvetica, sans-serif;
}
#contenido_actividades{
position:absolute;
width:230px;
height:478px;
margin:130px 0 0 565px;
border: thin solid #000000;
background-image:url(imagenes/sinpropuestacomercio.jpg);
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
text-align: justify;
font-weight: bold;
}
#sumate2{
position:absolute;
width:70px;
height:22px;
margin:260px 0 0 150px;
}
.presentacion{
width:210px;
margin-left:10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-align: justify;
}
#sumate{
position:absolute;
width:304px;
height:55px;
margin-top:675px;
margin-left:575px;
background-image:url(imagenes/sumate.png);
}
#sumate a{
position:absolute;
width:304px;
height:55px;
background-image:url(imagenes/sumate.png);
}
#sumate a:hover{
position:absolute;
width:304px;
height:55px;
background-image:url(imagenes/sumate_hover.png);
}
#direccion{
position:absolute;
width:200px;
height:320px;
margin-top:160px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
}
.tamaño{
font-size: 11px;
}
/*-------------------------------cierra asociacion de coerciantes-------------------------*/
#correo{
position:absolute;
width:77px;
height:77px;
margin-top:400px;
margin-left:60px;
}
#correo2{
position:absolute;
width:77px;
height:77px;
margin-top:500px;
margin-left:60px;
}
#correo3{
position:absolute;
width:51px;
height:55px;
margin-top:480px;
margin-left:884px;
}
#contenedor_hermanamiento{
width:974px;
height:1000px;
margin-top:100px;
background-image:url(imagenes/fondo-hermanamiento.jpg);
}
#cabecera_her{
position:absolute;
width:974px;
height:573px;
margin-top:100px;
background-image:url(imagenes/fondo-hermanamiento.jpg);
background-repeat:no-repeat;
border-top-width: thin;
border-top-style: solid;
border-top-color: #FF9900;
}
#direccion_her{
position:absolute;
width:200px;
height:120px;
margin-top:146px;
margin-left:230px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
}
#hermanado{
position:absolute;
width:170px;
height:113px;
margin-top:200px;
margin-left:150px;
z-index:3
}
#hermanado1{
position:absolute;
width:100px;
height:113px;
margin-top:310px;
z-index:4
}
#hermanado2{
position:absolute;
width:170px;
height:113px;
margin-top:250px;
margin-left:80px;
z-index:5
}
#txt_presentacion{
width:480px;
height:300px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: justify;
text-indent: 2px;
color: #000066;
}
#album_h{
position:absolute;
width:150px;
height:30px;
margin:115px 0 0 360px;
float:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
#actualidad_her{
position:absolute;
width:150px;
height:20px;
margin:290px 0 0 560px;
}
#actualidad_her a{
position:absolute;
width:150px;
height:20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
text-align: center;
font-weight: bold;
color: #000066;
border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: #000066;
}
#actualidad_her a:hover{
position:absolute;
width:150px;
height:20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
text-align: center;
font-weight: bold;
color: #FF6600;
border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: #FF6600;
}
#encuentros{
position:absolute;
width:100px;
height:20px;
margin:290px 0 0 420px;
}
#encuentros a{
position:absolute;
width:100px;
height:20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
text-align: center;
font-weight: bold;
color: #000066;
border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: #000066;
}
#encuentros a:hover{
position:absolute;
width:100px;
height:20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
text-align: center;
font-weight: bold;
color: #FF6600;
border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: #FF6600;
}
#saludo{
position:absolute;
width:180px;
height:20px;
margin:290px 0 0 220px;
}
#saludo a{
position:absolute;
width:180px;
height:20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
text-align: center;
font-weight: bold;
color: #000066;
border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: #000066;
}
#saludo a:hover{
position:absolute;
width:180px;
height:20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
text-align: center;
font-weight: bold;
color: #FF6600;
border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: #FF6600;
}
#uno_muestra{
position:absolute;
width:480px;
height:300px;
margin-top:350px;
margin-left:180px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: justify;
text-indent: 2px;
color: #000066;
}
#test2 {
width: 480px;
height: 500px;
background-color: #FFFFFF;
}
#test3 {
width: 480px;
height: 500px;
background-color: #FFFFFF;
}
#test4 {
width: 480px;
height: 500px;
background-color: #FFFFFF;
}
.resaltado{
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
#estatutos{
position:absolute;
width:84px;
height:116px;
margin:600px 0 0 10px;
}
#imagenes_pueblo{
position:absolute;
width:160px;
height:341px;
margin:330px 0 0 675px;
}
#imagenes_villanueva{
position:absolute;
width:343px;
height:90px;
margin:750px 0 0 10px;
}
#imagenes_villanueva a{
position:absolute;
width:343px;
height:90px;
background-image:url(imagenes/boton-en-imagenes_para-hermanamiento.jpg);
background-repeat:no-repeat;
}
#imagenes_villanueva a:hover{
position:absolute;
width:343px;
height:90px;
background-image:url(imagenes/boton-en-imagenes_para-hermanamiento-hover.jpg);
background-repeat:no-repeat;
}