*{
margin:0px;
padding:0px;
}
body{
background:#666 url(imagenes/fondo_body.gif) repeat-y top center;
font-family:arial, sans-serif;
color:#fff;
}
#contenedor{
width:850px; /*quitamos 1px de ancho para poner el borde derecho*/
border-right:1px solid #fff;
margin:0 auto;
background:#02A904 url(imagenes/fondo_contenedor.jpg) repeat-x top left;
/*verde claro original #02A904
verde oscuro original #008001
*/
}
#cabecera{
height:161px;
border-bottom:1px solid #fff;

position:relative;
}
#cabecera img{
float:left;

}
#cabecera h1{
position:absolute;
bottom:0px;
right:0px;
padding:3px 8px ;
font-size:1.2em;
font-weight:400;
border-top:1px solid #fff;
border-left:1px solid #fff;
background:#008001;
}
#cabecera p{
padding:20px 40px 0 0;
font-size:1.2em;
letter-spacing:.08em;
}
#menu{
background:#818181 url(imagenes/fondo_menu.jpg) repeat-x top left;
/*OJOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO*/
width:196px; /* hay que quitar 4 px de ancho para compensar el borde*/
border-left:2px solid #fff;
border-right:2px solid #fff;
float:left;
}
#menu ul{
list-style: none;
margin-top:20px;
margin-bottom:20px;
}
#menu  a.menu{
display:block;
border-top:2px solid #fff;
height:20px;
text-decoration:none;
background:#00CB02 url(imagenes/fondo_enlace.jpg) repeat-x top left;
color:#fff;
padding-left:25px;
padding-top:3px;
font-size:.9em;
}
#menu a.menu#contacto{
background:#000 url(imagenes/fondo_contacto.jpg) no-repeat top left;
}
#menu  a.menu#contacto:hover{
background:#000 url(imagenes/fondo_contacto02.jpg) no-repeat top left;
}
#menu a.menu:hover{
background:#f60 url(imagenes/fondo_enlace02.jpg) repeat-x top left;
}




#menu a#fotoenlace{
display:inline;
margin:0px;
padding:0px;
background:transparent;
border:none;
}


#menu .ultimas_noticias{
margin:10px;
}
#menu .ultimas_noticias h3{
font-size:.9em;
color:#ff0;
font-weight:900;
margin-bottom:3px;
}
#menu .ultimas_noticias h3 span{
font-weight:400;
}
#menu .ultimas_noticias p{
font-size:.85em;
margin:2px 0;
color:#fff;
}
#menu .ultimas_noticias p span.fecha{
font-size:.8em;
}
#menu .ultimas_noticias a{
color:#ffc;
}
#menu .ultimas_noticias a:hover{
color:#333;
background:#ffc;
}


#menu #aultimas{
text-align:right;
margin:20px 10px;
font-size:.8em;
}
#menu #aultimas a{
color:#000;
}
#menu #aultimas a:hover{
color:#333;
background:#fff;
text-decoration:none;
}
/***************************************************/
/************ultimas noticias*******************************/
#contenido .ultimas_noticias h2{
font-size:1em;
padding:0 0 0 25px;
background:url(imagenes/fondo_h2_noticias.gif) no-repeat 0px 1px;
margin-bottom:2px;
}
#contenido .ultimas_noticias p span{
margin:0px;
font-size:.8em;
}
#contenido .ultimas_noticias p{
margin:1px 0px 0px 25px;

}
#contenido .ultimas_noticias{
margin-bottom:30px;
}

/***************************************************/
/************CONTENIDO*******************************/
#contenido{
padding-left:220px;
padding-top:10px;
padding-bottom:30px;
padding-right:20px;
background:url(imagenes/fondo_contenido.jpg) repeat-y top left;

}
#contenido img#foto_inicial{


}
#contenido p{
text-align:left;
font-size:.9em;
margin:0.5em 0 1em 0;
line-height:1.3em;
letter-spacing:.06em;
color:#ffc;
}
#contenido a{
color:#fff;
text-decoration:none;
border-bottom:1px dashed #ccc;
}
#contenido a.nosub{
border:none;
}

#contenido a:hover{
color:#000;
background:#fff;
border-bottom:1px dashed #333;
}
#contenido a.nosub:hover{
border:none;
}
#contenido a#izquierda{
background:url(imagenes/flecha_izquierda.gif) no-repeat center left;
border:none;
padding-left:20px;
padding-right:10px;
}
#contenido a#izquierda:hover{
color:#000;
background:#fff url(imagenes/flecha_izquierda_02.gif) no-repeat center left;
}
#contenido a#derecha{
background:url(imagenes/flecha_derecha.gif) no-repeat center right;
border:none;
padding-left:10px;
padding-right:20px;
}
#contenido a#derecha:hover{
color:#000;

background:#fff url(imagenes/flecha_derecha_02.gif) no-repeat center right;
}
#contenido form#formulario_noticias{
margin-bottom:20px;
}
#contenido .advertencia{
background:transparent;
border:1px dashed #aaa;
margin:10px 10px 20px 10px;
padding:7px 10px 10px 20px;

}
#contenido .advertencia p{
margin-bottom:5px;
}

/***************************************************/
/************el div NOTICIAS*******************************/
.noticias{
margin:15px 0;
padding:10px;
clear:right;
}
#contenido .noticias  h2 {
padding-left:25px;
background:url(imagenes/fondo_h2_noticias.gif) no-repeat top left;
}
#contenido .noticias  h2 a{
color:#fff;
font-size:.7em;
letter-spacing:.1em;


text-decoration:none;
border:none;
}
#contenido .noticias  h2 a:hover{
text-decoration:underline;
color:#fff;
background:transparent ;/*url(imagenes/fondo_h2_noticias.gif) no-repeat top left;*/
border:none;
}
.noticias img {
float:right;
margin:5px 10px 3px 10px;
border-left:1px solid #000;
border-bottom:1px solid #000;
border-top:1px solid #333;
border-right:1px solid #333;
padding-bottom:17px;
background:url(imagenes/fondo_video.jpg) no-repeat bottom center;
}
.noticias a:hover img{
background:url(imagenes/fondo_video_02.jpg) no-repeat bottom center;
padding-bottom:17px;
}
#contenido .noticias p{
font-size:.8em;
text-align:justify;
line-height:1.4em;
padding-left:22px;
}
#contenido .noticias p.ampliar{
text-align:right;
clear:right;
}
#contenido .noticias p.ampliar a{
color:#000;
background:#2f2;

padding:0 3px;
}
#contenido .noticias p.ampliar a:hover{
color:#000;
background:#2f2;
text-decoration:none;
}
/***************************************************/
/************pantalla video*******************************/
#pantallavideo{
float:right;
margin:5px 0 5px 10px;
border:2px groove #008001;
}
/***************************************************/
/************BANCO*******************************/
#visorbanco{
text-align:center;

width:320px;
margin:0 auto;
}
#visorbanco p{
text-align:center;
padding:0px;
font-size:.8em;
}
#visorbanco p#nombrebanco{
font-weight:900;
}

#visorbanco #enlacesbanco{


}

#visorbanco #enlacesbanco p{
margin-top:15px;
}
/***************************************************/
/************CONTACTO*******************************/
table#tabla_contacto{
width:600px;
margin-top:0px;
color:#ffc;
}

#tabla_contacto th, #tabla_contacto td{
font-size:.8em;
padding:5px;
padding-right:10px;
}
#tabla_contacto th{
text-align:left;
}
#tabla_contacto td{
text-align:right;
}
/***************************************************/
/************DECALOGO*******************************/
#decalogo h2{
font-family:times, serif;
font-size:1.3em;
margin:10px 0 20px 0;
}
#decalogo h3{
font-size:1em;
margin-top:30px;
}
#decalogo ul{
margin:10px 0 10px 20px;
}
#decalogo li{
font-size:.9em;
margin:0 0 8px 0;
line-height:20px;
}
#decalogo ul a{
text-decoration:none;
border:none; 
}
#decalogo ul a:hover{
border:none;
}
#decalogo #pantalla{
margin:0 0 0 10px;
float:right;
}
#decalogo #pantalla p{
font-family:times, serif;
font-size:.9em;
text-align:right;
margin-right:10px;
}
#decalogo #menuvideos{
margin:10px 0 30px 10px;
line-height:25px;
}
#decalogo p#menuvideos a{
margin-right:10px;
font-size:.9em;
}
/***************************************************/
/************PIE*******************************/
#pie{
clear:both;
background:#818181 /*url(imagenes/fondo_contenido.jpg) repeat-y top left*/;
color:#ccc;
padding-top:10px;
padding-bottom:10px;
border-left:2px solid #fff;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
border-top:2px solid #fff;
}
#pie img{
float:right;
margin-right:20px;
border:1px solid #fff;
}
#pie p{
text-align:center;
font-size:.7em;
margin-left:100px;
}
#pie a{
color:#aaa;
text-decoration:none;
}
#pie a:hover{
color:#fff;
}
/***************************************************/
/************legal*******************************/
#legal{
width:800px;
margin:20px auto;
line-height:1.5em;
}
#legal p{
margin: 10px 0;
line-height:1.4em;
font-size:.9em;
text-align:justify;
}
#legal ol{
margin:10px 20px;
font-size:1em;
}
#legal ul{
margin:10px 30px;
font-size:.9em;
}
#legal ul li{
margin:5px 0;
}