/* CSS Document */
body { text-align:center; margin:0px; padding:0px; background: url("../images/bg.gif") #fff;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color: #222; }

p { text-align:justify; margin: 0; }
h1 { text-align:left; font-size:16px;}
a { outline:none}
* { margin:0; padding:0; }
#container { width:1005px; margin:auto;}
#content { width:1005px; margin:auto; background:url('../images/logo.gif') no-repeat left top; float:left}
#accesibilidad { text-indent:-9999em; height:0.01em; overflow:hidden}
#hide { text-indent:-9999em; overflow:hidden;height:0.01em;}

#header { width:1005px; height:169px; display:block; margin: 6px 0 0 0; padding:8px 0 0 0; background:url("../images/cabecera.jpg") no-repeat ; float:left }
#header #fecha { width:980px; height:18px; display:block; text-align: right; float:left; padding: 0 25px 0 0; }
#header .logo { width:400px; height:94px; display: block; float:left; text-indent:-999em; overflow: hidden}

/*menu*/
#header #menu { width:1005px; height:56px; display:block; float:left}
#header #menu ul { list-style-type:none; padding: 0 0 0 10px}
#header #menu ul li { float: left}
#header #menu ul li a.quienes {width:181px; height:56px; display:block; background:url("../images/btn-quienes.jpg") no-repeat top; text-indent:-9999em; overflow: hidden}
#header #menu ul li a.quienes:hover {background:url("../images/btn-quienes.jpg") no-repeat bottom;}

#header #menu ul li a.temas {width:197px; height:56px; display:block; background:url("../images/btn-temas.jpg") no-repeat top; text-indent:-9999em; overflow: hidden}
#header #menu ul li a.temas:hover {background:url("../images/btn-temas.jpg") no-repeat bottom;}

#header #menu ul li a.artistas {width:111px; height:56px; display:block; background:url("../images/btn-artistas.jpg") no-repeat top; text-indent:-9999em; overflow: hidden}
#header #menu ul li a.artistas:hover {background:url("../images/btn-artistas.jpg") no-repeat bottom;}

#header #menu ul li a.noticias {width:116px; height:56px; display:block; background:url("../images/btn-noticias.jpg") no-repeat top; text-indent:-9999em; overflow: hidden}
#header #menu ul li a.noticias:hover {background:url("../images/btn-noticias.jpg") no-repeat bottom;}

#header #menu ul li a.contacto {width:126px; height:56px; display:block; background:url("../images/btn-contacto.jpg") no-repeat top; text-indent:-9999em; overflow: hidden}
#header #menu ul li a.contacto:hover {background:url("../images/btn-contacto.jpg") no-repeat bottom;}

#header #menu ul li a.sugerencias {width:122px; height:56px; display:block; background:url("../images/btn-sugerencias.jpg") no-repeat top; text-indent:-9999em; overflow: hidden}
#header #menu ul li a.sugerencias:hover {background:url("../images/btn-sugerencias.jpg") no-repeat bottom;}

#header #menu ul li a.contratacion {width:122px; height:56px; display:block; background:url("../images/btn-contratacion.jpg") no-repeat top; text-indent:-9999em; overflow: hidden}
#header #menu ul li a.contratacion:hover {background:url("../images/btn-contratacion.jpg") no-repeat bottom;}

#sub-content { width:1005px; display:block; background:url("../images/bg-content.jpg") repeat-y; float:left; padding:30px 0 35px 10px }


#sidebar-right { width:240px; display:block; float:left; line-height:17px; margin:0; padding: 0 15px;}
#sidebar-left { width:685px; display:block;  float:left;  line-height:17px; margin:0; padding: 0 25px 0 20px ; border-right: 1px solid #D0D0CF; background:url("../images/bg-content.gif") }
#sidebar-left h2 { color:#82B445; font-size:16px; text-align:left; border-bottom:1px solid #82B445;}
#sidebar-left .noborder { border:none}

/*Artistas index*/
#sidebar-left #artista-left { width:326px; display:block; border-right: 1px solid #D0D0CF; padding: 0 10px; float: left}
#sidebar-left #artista-right { width: 310px; display: block;padding: 0 10px; float: left}


#sidebar-right #noticias-right { width:225px; margin:auto}
#sidebar-right #conciertos-right { width:225px; margin:auto}
#sidebar-right #entrevistas-right { width:225px; margin:auto}


#sidebar-right #webs-right { width:225px; margin:auto}
#sidebar-right .h2-conciertos { width:225px; height:44px; display:block; background:url("../images/h2-conciertos.gif") no-repeat; text-indent:-999em; overflow:hidden; margin:auto}
#sidebar-right .h2-noticias { width:225px; height:44px; display:block; background:url("../images/h2-noticias.gif") no-repeat; text-indent:-999em; overflow:hidden; margin:auto}
#sidebar-right .h2-entrevistas { width:225px; height:44px; display:block; background:url("../images/h2-entrevistas.gif") no-repeat; text-indent:-999em; overflow:hidden; margin:auto}
#sidebar-right .h2-sugerencias {width:225px; height:44px; display:block;background:url("../images/h2-sugerencias.gif") no-repeat; text-indent:-999em; overflow:hidden; margin: auto}
#sidebar-right .h2-webs {width:225px; height:44px; display:block;background:url("../images/h2-webs-amigas.gif") no-repeat; text-indent:-999em; overflow:hidden; margin: auto}
#sidebar-right .facebook { width:225px; height:44px; margin: 0 auto 4px auto; display:block; background:url("../images/facebook-javi-cantero.gif") no-repeat; text-indent:-999em; overflow:hidden; }

#sidebar-right h3 {color:#82B445; font-size:13px; text-align:left; line-height:16px;}
#sidebar-right p {text-align: left}

#sub-content #sidebar-right form {margin:0; padding:0; text-align:left;}
#sub-content #sidebar-right form br { margin: 10px }
#sub-content #sidebar-right fieldset { border: none; width:225px; margin:auto;}
#sub-content #sidebar-right fieldset legend { visibility: hidden; height:1px}
#sub-content #sidebar-right label { font-size: 11px; color:#666;}
#sub-content #sidebar-right label strong { color:#82B445; float:left; width:70px; }
#sub-content #sidebar-right .f-input { border: 1px solid #777; width:152px; float:left; font-size:11px; height:16px; margin: 2px 0}
#sub-content #sidebar-right .f-textarea { border: 1px solid #777; width:152px; height:140px;font-size:11px; overflow: auto; margin: 2px 0}
#sub-content #sidebar-right .f-submit2 { border: none; background:url("../images/btn-submit.gif") no-repeat; width:27px; height:28px; text-align: center; font-size:13px; font-weight:bold; color:#fff}


#sub-content form {margin:0; padding:0; text-align:left}
#sub-content form br { margin: 10px }
#sub-content fieldset { border: none}
#sub-content fieldset legend { visibility: hidden}
#sub-content label { font-size: 11px; color:#666}
#sub-content label strong { color:#82B445}
#sub-content .f-input { border: 1px solid #777; width:250px; font-size:11px; height:16px}
#sub-content .f-select { border: 1px solid #777; width:250px; font-size:11px;}
#sub-content .f-select-cart { border: 1px solid #777; width:100px; font-size:11px; margin-bottom: 3px;}
#sub-content .f-textarea { border: 1px solid #777; width:350px; height:170px;font-size:11px}
#sub-content .f-textarea2 { border: 1px solid #777; width:450px; height:230px; font-size:11px}
#sub-content .f-check { border: 1px solid #777; vertical-align: middle}
#sub-content .f-submit { border: none; background:url("../images/btn.gif") no-repeat; width:117px; height:23px; display: block; text-align: center; font-size:13px; font-weight:bold; color:#fff}

#sub-content .f-submit-cart { border: none; background:url("../images/btn-cesta.gif") no-repeat; width:72px; height:22px; display: inline; margin: 0 0 0 15px; text-align: center;  text-indent:-999em; font-weight:bold; color:#fff}
#sub-content .btn { border: none; background:url("../images/btn.gif") no-repeat; width:117px; height:23px; display: block; text-align: center; font-size:13px;font-weight:bold; color:#fff}
#sub-content .btn:hover { text-decoration:none; color:#fff}

#sub-content a {color:#82B445; text-decoration:none; font-weight:bold}
#sub-content a:hover {text-decoration:underline}
#sub-content strong {color:#82B445;}
#sub-content .img {border: 2px solid #D0D0CF;}

/*listas*/
#sub-content  ol { margin:0; text-align:left}
#sub-content  ol li { margin: 0 0 0 20px;}
#sub-content  ul { margin:0; text-align:left}
#sub-content  ul li { margin: 0 0 0 20px;}

/*Noticias */
#sidebar-left #noticias-index { display:block; width:100%; float:right; margin: 15px 0 0 0}
#sidebar-left #noticias-index h3 {color:#82B445; text-align: left; margin: 0 0 15px 0 ; font-size:13px; background:url("../images/row.gif") no-repeat left; padding: 0 0 0 15px }
#sidebar-left #noticias-index h4 {color:#000; border-bottom: 1px solid #000; font-weight: bold; text-align: left; margin: 0 0 15px 0 ; font-size:12px; }
#sidebar-left #noticias-index a { color:#82B445; text-decoration:none}
#sidebar-left #noticias-index a:hover { text-decoration:underline}
#sidebar-left #noticias-index .list-noticias { border-bottom:1px dotted #D0D0CF; padding: 7px 0 7px 0}

#sidebar-left #noticias-index  .video { float:left; border: 2px solid #D0D0CF; margin: 0 0 15px 0}

/*temas*/
#sidebar-left .list-temas { border-bottom:1px dotted #D0D0CF; padding: 7px 0 7px 0; text-align:left}
#sidebar-left .list-temas h3 {color:#82B445; text-align: left; margin: 0 0 4px 0 ; font-size:13px; }
/*paginado*/
#sub-content .vinculopaginado { text-decoration:none; color:#82B445}
#sub-content .vinculopaginado:hover { text-decoration:none; color:#000}
#sub-content .paginado_on { font-weight:bold}
#sub-content .align_middle { vertical-align:top;}
#sub-content #paginado { width:100%; height:25px; float:left; display:block;  text-align:center; margin:15px 0 10px 0; }

#footer { width:975px; height:124px; display:block; padding: 0 15px; background:url("../images/bg-pie.jpg") no-repeat; clear:both; float:left; margin: 0px 0 0 0;}
#footer a {color:#82B445; text-decoration:none; font-weight:bold}
#footer a:hover {text-decoration:underline}

#footer #footer2 { width:100%; height:30px; display:block; color:#82B445; border-bottom:1px solid #82B445; margin:0px auto 10px auto}
#footer ul { margin:0; }
#footer ul li { float: left; margin: 0 4px 0 2px; list-style: none}
#footer ul li a { text-decoration: none; color: #82B445; font-size:11px; }
#footer ul li a:hover { text-decoration: underline; }

.xhtml { list-style-type: none; margin:0px; padding:0px; }
.xhtml li { float:left; margin:0 3px }
.xhtml li img { border: none}

#lssi { width:1005px; height:50px; display:block; text-align: center; font-size:11px}
#lssi p { text-align:center}

#creditos { display:block; float:right; text-align:left; color:#82B445; text-decoration:none; margin: 5px 0 0 0; font-size:11px  }
#creditos a { text-decoration: none; color:#82B445 }
#creditos a:hover { text-decoration: underline }

.center {text-align:center; margin:auto}
.bold {font-weight:bold;}

.line { border-bottom:1px dotted #BF3B3B;}
.line-gris { border-bottom:1px dotted #888;}
.txt-red {color:#BF3B3B;}
.txt-gris {color:#666;}
.txt-verde {color:#427405;}
.img-left { float:left; margin: 0 15px 2px 0px; }
.vertical-align { vertical-align:middle; border:none}
.align-right { text-align: right;}
.align-left { text-align: left;}
.right { float: right;}
.left { float: left}
.noborder { border:none}
.hr { border-bottom:1px solid #D0D0CF; border-left:none; border-top:none; border-right:none}
.mini-hr { background:url("../images/hr.gif") no-repeat; width:74px; height:11px; display: block; clear:both; margin:12px auto}
#map { width:535px; height:400px; display:block; margin-top:5px; border:1px solid #8B7C00;}

.clear { clear:both; height:0; display:block}
.foto-mod { float:left; margin: 5px 12px 8px 0; border:#D0D0CF solid 1px;}
.foto-mod-middle { margin: 5px auto 8px auto; border:#D0D0CF solid 1px;}
.row {padding: 0 0 0 12px; color:#5D5C5C; background:url("../images/row-black.gif") left 7px no-repeat;}