@charset "utf-8";
/* CSS Document */

a:link, a:visited { color:#0000CC; text-decoration:underline;}
a:hover, a:active {color:#0000CC; text-decoration: none;}

body { margin:0 auto; padding:0; background:#494949; font:11px "Trebuchet MS", Arial, sans-serif;}

/*CABECERA*/
#header {width:774px; height:93px; margin:20px auto 0 auto; padding: 0; background: url(../img/html/header-01.jpg) 0 0 no-repeat;}
#header .zona {margin:19px 0 0 22px; padding:0; width:130px; height:64px;}
#header .zona a  {width:130px; height:64px; margin:0; padding:0; display:block;}
#header .zona a:link, #header .zona a:visited {color:#000;}
#header .zona a:hover, #header .zona a:active {color:#000;}

#header02 {width:774px; height:93px; margin:20px auto 0 auto; padding: 0; background: url(../img/html/header-02.jpg) 0 0 no-repeat;}
#header03 {width:774px; height:93px; margin:20px auto 0 auto; padding: 0; background: url(../img/html/header-03.jpg) 0 0 no-repeat;}
#header04 {width:774px; height:93px; margin:20px auto 0 auto; padding: 0; background: url(../img/html/header-04.jpg) 0 0 no-repeat;}
#header05 {width:774px; height:93px; margin:20px auto 0 auto; padding: 0; background: url(../img/html/header-05.jpg) 0 0 no-repeat;}


/*MENU*/
#menu {margin:0 auto; padding:0; width:774px; height:39px; background:url(../img/html/fondo-menu.jpg) 0 0 no-repeat;}
#menu ul.bloque {margin:0 0 0 49px; padding:8px 0 0 0; height:30px; width:90%;}
#menu ul.bloque li {margin:0 7px; padding:0; float:left; font:bold 10px Georgia, "Times New Roman", Times, serif; text-transform:uppercase; color:#000; list-style:none;}
#menu ul.bloque li a:link, #menu ul.bloque a:visited {color:#000; text-decoration:none;}
#menu ul.bloque li a:hover, #menu ul.bloque a:active {color: #FFF; text-decoration: none; background:#000;}

/*ESTRUCTURA CONTENIDO GENERAL*/
#main {margin:0 auto; padding:5px 0 0 0; width:774px; background:url(../img/html/fondo-gral.jpg) 0 0 repeat-y; display:table; font:11px "Trebuchet MS", Arial;}
#main #flash {margin:6px auto 12px auto; padding:0; width:730px; height:240px; /*border:1px solid #CCC;*/ background:#FFF; display:table;}

/*ESTRUCTURA CONTENIDO GENERAL PORTADA*/
#main #noticias {margin:0 0 10px 21px; padding:0; width:240px; height:247px; background: url(../img/html/tit-noticias.jpg) center top no-repeat #F5F5F5; border:1px solid #E4E4E4; float:left; vertical-align:top; text-align:left;}
#main #noticias a:link, #main #noticias a:visited {color:#000; text-decoration:none; font-weight:bold;} 
#main #noticias a:hover, #main #noticias a:active {color: #FFF; text-decoration: none; background:#000; font-weight:bold;}
#main #noticias .titulo {margin:0; padding:0; font:1px "Trebuchet MS", Arial; color:#000; height:10px; width:100%;}
#main #noticias ul {margin:36px 0 10px 10px; padding:0; width:216px; clear:both;}
#main #noticias ul li {margin:0 0 14px 0; padding:0 0 0 20px; font:12px "Trebuchet MS", Arial; background:url(../img/html/bullet-noticias.jpg) 0 2px no-repeat; list-style:none; line-height:120%; clear:both;}
#main #noticias p.vermas {margin: 0 0 0 30px; padding:0; font:11px "Trebuchet MS", Arial; height:20px;}

#main #banners {margin:0 0 0 14px; padding:0; float:left; width:240px;}
#main #banners .mp3 { background: #FFF; height:80px; margin:0; padding:0;}
#main #banners .tocatas {margin:12px 0 0 0; padding:0; background:url(../img/html/fondo-tocat.gif) 0 0 no-repeat; width:240px; height:70px;}
#main #banners .tocatas a {width:240px; height:70px; margin:0; padding:0; display:block;}
#main #banners .contac {margin:12px 0 0 0; padding:0; background: url(../img/html/fondo-contacto.gif) 0 0 no-repeat; width:240px; height:70px;}
#main #banners .contac a {width:240px; height:70px; margin:0; padding:0; display:block;}

#main #web20 {margin:0 0 0 14px; padding:0; float:left; width:216px;}
#main #web20 p { margin:0; padding:0;}
#main #web20 p a {width: 100%; height: 100%; margin:0; padding:0; display:block;}
#main #web20 p a:link, #main #web20 p a:visited {color:#FFF; text-decoration:none;}
#main #web20 p a:hover, #main #web20 p a:active {color:#FFF; text-decoration:none;}
#main #web20 .fotolog { margin:0; padding:0; background:url(../img/html/li-fotolog.gif) 0 0 no-repeat; border-bottom:1px dotted #A3A3A3; height:41px; width:215px; font:1px Arial, Helvetica, sans-serif; color:#FFF; text-align:right;}
#main #web20 .myspace { margin:0; padding:0; background:url(../img/html/li-myspace.gif) 0 0 no-repeat; border-bottom:1px dotted #A3A3A3; height:38px; width:215px; font:1px Arial, Helvetica, sans-serif; color:#FFF; text-align:right;}
#main #web20 .youtube { margin:0; padding:0; background:url(../img/html/li-youtube.gif) 0 0 no-repeat; border-bottom:1px dotted #A3A3A3; height:68px; width:215px; font:1px Arial, Helvetica, sans-serif; color:#FFF; text-align:right;}
#main #web20 .flickr { margin:0; padding:0; background:url(../img/html/li-flickr.gif) 0 0 no-repeat; border-bottom:1px dotted #A3A3A3; height:42px; width:215px; font:1px Arial, Helvetica, sans-serif; color:#FFF; text-align:right;}
#main #web20 .facebook {margin:0; padding:0; background:url(../img/html/li-facebook.gif) 0 0 no-repeat; height:51px; font:1px Arial, Helvetica, sans-serif; color:#FFF; text-align:right;}

/*ESTRUCTURA CONTENIDO GENERAL INTERNAS*/
#main .bread { margin:5px 0 30px 28px; padding:0 0 0 20px; font:11px "Trebuchet MS", Arial; background:url(../img/html/bullet-bread.gif) 0 0 no-repeat;}
#main .bread a:link, #main .bread a:visited {color:#FF3300; text-decoration:underline;}
#main .bread a:hover, #main .bread a:active {color:#FF3300; text-decoration:none;}
#main h1 {font: bold 24px "Trebuchet MS", Arial; color:#FDCA00; margin:0 0 30px 58px; padding:0;}

/*ESTRUCTURA CONTENIDO GENERAL INTERNAS - FONDOS*/
#main .fondo_historia { margin:0; padding:0; background:url(../img/images/fondo-historia.jpg) 450px top no-repeat;}
#main .fondo_historia p { margin:0 0 20px 58px; padding:0 0 10px 0; width:45%; font:11px "Trebuchet MS", Arial; color:#333; text-align:justify; line-height:180%;}
#main .fondo_historia ul { margin:0 0 30px 60px; padding:0;}
#main .fondo_historia ul li { margin:0 0 4px 0; padding:0 0 0 22px; background:url(../img/html/bullet-noticias.jpg) 0 0 no-repeat; list-style:none;}
#main .fondo_historia ul li a:link, #main .fondo_historia ul li a:visited {color:#FF3300; text-decoration:underline; font-weight:bold;}
#main .fondo_historia ul li a:hover, #main .fondo_historia ul li a:active {color:#FF3300; text-decoration:none; font-weight:bold;}

#main .fondo_banda {margin:0; padding:0; background:url(../img/images/fondo-banda.jpg) 13px 40px no-repeat; display:table;}
#main .fondo_banda ul { margin:0 0 10px 190px; padding:0; display:table; width:520px; clear:both;}
#main .fondo_banda ul li { margin:0 10px 0 0; padding:4px 0 6px 8px; border:1px solid #C3C3C3; font: bold 10px "Trebuchet MS", Arial; color:#333; width:110px; background:#FFF; float:left; list-style:none;}
#main .fondo_banda ul li img { margin:0 0 3px 0;}
#main .fondo_banda p {margin:0 0 20px 190px; padding:0 0 10px 0; width:100%;}

#main .fondo_tocata { margin:0; padding:0; background: url(../img/images/fondo-tocatas.jpg) 510px 0 no-repeat;}
#main .fondo_tocata .evento { margin:0; padding:0; width:52%; text-align:left;}
#main .fondo_tocata .evento dl {margin:0 0 20px 58px; padding:0 0 10px 0; border-bottom:1px solid #CCC; width:100%;}
#main .fondo_tocata .evento dl dt { margin:0; padding:0 0 0 34px; background: url(../img/html/bullet-tocatas.jpg) 0 8px no-repeat; font:28px "Trebuchet MS", Arial; color:#000;}
#main .fondo_tocata .evento dl dd { margin:10px 0 10px 0; padding:0 0 0 34px; font:11px "Trebuchet MS", Arial; color:#333; line-height:160%; text-align:justify;}
#main .fondo_tocata .evento dl dd strong { font-weight:bold; color:#000;}
#main .fondo_tocata .evento dl .block { margin:0 0 0 32px; padding:10px; background:#EEEEEE; border:1px solid #CCC; font:10px "Trebuchet MS", Arial; color:#000; text-align:justify;}

#main .fondo_tocata p { margin:0 0 20px 58px; padding:0 0 10px 0; width:45%; font:11px "Trebuchet MS", Arial; color:#333; text-align:justify; line-height:180%;}
#main .fondo_tocata .fondopublico { margin:0 auto 0 auto; padding:0; background:url(../img/images/fondo-publico.jpg) center top; width:747px; height:143px;}

#main .fondo_multimedia {margin:0; padding:0; background: url(../img/images/fondo-multimedia.jpg) 35px 40px no-repeat; font:11px Arial, Helvetica, sans-serif; text-align:left; width:100%; display:table;}
#main .fondo_multimedia p { margin:180px 0 0 50px; padding:0; font:11px "Trebuchet MS", Arial; color:#333; line-height:140%; width:45%; text-align:justify;}
#main .fondo_multimedia .botvideos { margin:30px 0 0 70px; padding:0; width:290px; height:40px; background:url(../img/html/bot_videos.jpg) 0 0 no-repeat; font:13px "Trebuchet MS", Arial; text-transform:uppercase; color:#FF0000; border:none; cursor:pointer;}
#main .fondo_multimedia .cont_videos { width:262px; float:right; background:#EEE; border:1px solid #CCC; margin:0px 46px 40px 0; padding:0; font:11px Arial, Helvetica, sans-serif; display:table;}
#main .fondo_multimedia .cont_videos h2 { width:260px; height:77px; background:url(../img/images/fondo-multimedia-tit.gif) 0 0 no-repeat; border-bottom:1px solid #CCC; font:1px Arial, Helvetica, sans-serif; margin:0; padding:0; color:#EEE;}
#main .fondo_multimedia .cont_videos .videos { margin:14px 0 0 14px; padding:0 0 20px 0; border-bottom:1px solid #CCC; width:86%;}
#main .fondo_multimedia .cont_videos .videos img { margin:0; padding:0; clear: right;}
#main .fondo_multimedia .cont_videos .videos p { margin:0; padding:0; font:15px "Trebuchet MS", Arial; color:#333; width:100%;}
#main .fondo_multimedia .cont_videos .videos p a:link, #main .fondo_multimedia .cont_videos .videos p a:visited { color:#0033CC; font-weight:bold; text-decoration:none;}
#main .fondo_multimedia .cont_videos .videos p a:hover, #main .fondo_multimedia .cont_videos .videos p a:active { color:#0033CC; font-weight:bold; text-decoration:underline;}

#main .fondo_ficha {margin:0; padding:0; background: url(../img/images/fondo_ficha.jpg) 35px 40px no-repeat; font:11px Arial, Helvetica, sans-serif; text-align:left; width:100%; display:table;}
#main .fondo_ficha .columna { margin:10px 70px 0 0; padding:0; width:250px;  float:right;}
#main .fondo_ficha .columna p { margin:0 0 20px 0; padding:0; font:11px "Trebuchet MS", Arial; color:#000; width:228px;}
#main .fondo_ficha .columna .doc { margin:0 0 12px 0; padding:3px 0 0 8px; width:230px; height:40px; background:url(../img/images/bot_doc.jpg) 0 0 no-repeat; font:bold 10px "Trebuchet MS", Arial; color:#FF0000; border:none; cursor:pointer;}
#main .fondo_ficha .columna .pdf { margin:0 0 12px 0; padding:3px 0 0 8px; width:230px; height:40px; background:url(../img/images/bot_pdf.jpg) 0 0 no-repeat; font:bold 10px "Trebuchet MS", Arial; color:#FF0000; border:none; cursor:pointer;}
#main .fondo_ficha .columna blockquote { margin:20px 0 110px 0; padding:0;}
#main .fondo_ficha .columna blockquote p { margin:0; padding:0; font:10px "Trebuchet MS", Arial; color:#999; line-height:110%; width:100%;}

#main .fondo_contacto {margin:0; padding:0; background: url(../img/images/fondo-contacto.jpg) 550px top no-repeat; font:11px Arial, Helvetica, sans-serif; text-align:left; width:100%; display:table;}
#main .fondo_contacto p {margin:0 0 0 50px; padding:0; font:11px "Trebuchet MS", Arial; color:#333; line-height:140%; width:45%; }
#main .fondo_contacto form {margin:10px 0 0 70px; padding:0; }
#main .fondo_contacto form .formulario { margin:0; padding:0;}
#main .fondo_contacto form .formulario tr{ margin:0 0 8px 0; padding:0;}
#main .fondo_contacto form .formulario label { margin:0 10px 0 0; padding:3px 0 0 0; color:#333;}
#main .fondo_contacto form .formulario input { border:1px solid #999; margin:0 0 6px 0; font:11px "Trebuchet MS", Arial; color:#000;}
#main .fondo_contacto form .formulario textarea { border:1px solid #999; font:11px "Trebuchet MS", Arial; color:#000;}
#main .fondo_contacto form .formulario .boton { float:right; margin:0; padding:0; background: #CCC; border:1px solid #999; cursor:pointer; font:bold 10px "Trebuchet MS", Arial; color:#FF0000; text-transform:uppercase;}
#main .fondo_contacto h3 { margin:20px 0 0 50px; padding:0 0 0 30px; background:url(../img/html/bullet-tocatas.jpg) 0 0 no-repeat;}

#main .fondo_noticia { margin:0; padding:0; background:url(../img/images/fondo-noticias.jpg) 450px top no-repeat;}
#main .fondo_noticia p { margin:0 0 20px 58px; padding:0 0 10px 0; width:45%; font:11px "Trebuchet MS", Arial; color:#333; text-align:justify; line-height:180%;}
#main .fondo_noticia ul { margin:0 0 30px 60px; padding:0;}
#main .fondo_noticia ul li { margin:0 0 4px 0; padding:0 0 0 22px; background:url(../img/html/bullet-noticias.jpg) 0 0 no-repeat; list-style:none;}
#main .fondo_noticia ul li a:link, #main .fondo_noticia ul li a:visited {color:#FF3300; text-decoration:underline; font-weight:bold;}
#main .fondo_noticia ul li a:hover, #main .fondo_noticia ul li a:active {color:#FF3300; text-decoration:none; font-weight:bold;}





/*FOOTER*/
#footer {width:774px; margin:0 auto; padding:14px 0 0 0; background:url(../img/html/fondo-footer.jpg) 0 0 no-repeat; display:table;}
#footer .datos {margin:0 auto 12px auto; padding:0; text-align:center; height:25px;}
#footer .datos p { margin:0; padding:0; font:11px "Trebuchet MS", Arial;}
#footer .datos p a:link, #footer .datos p a:visited { color:#000; text-decoration:none;}
#footer .datos p a:hover, #footer .datos p a:active { color:#FFF; background:#000;}
#footer .slogan { float:right; margin:0 13px 0 0; padding:0; height:20px;}
#footer .slogan p { color:#FFF; margin:0; padding:0;}
#footer .legal {float:left; margin:0 0 0 13px; padding:0;}
#footer .legal p {color:#FFF; margin:0; padding:0;}

#cc { margin:4px auto 0 auto; padding:0; font:9px "Trebuchet MS", Arial; color:#999999; line-height:130%; text-align:center; width:100%; height:70px; display: table;}
#cc a:link, #cc a:visited {color:#CCC; text-decoration:none;}
#cc a:hover, #cc a:active {color:#FFF; text-decoration:none;}

#cierre {margin:0; padding:0; background:url(../img/html/img-cierre.jpg) center top repeat-x; height:90px;}