@charset "utf-8";

* { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}

p { margin-bottom:10px;} p.final { margin:0;}

body { background: #000;}

#header, #content, #footer {text-align: left;}


/*------------------------------HEADER------------------------------*/

#header {background:url(ima/home/bgtop.gif)  repeat-x; }

#content-header {width:980px; margin:auto; height:106px;}

#logo {margin:33px 0 0 15px; position:absolute; z-index:10000;}

#inicio { text-align:right; padding-top:24px;}

#menu {padding:22px 0 0 190px; text-align:right;}


/*------------------------------CONTENT------------------------------*/

#content { background:url(ima/home/bgcont.gif) top repeat-x; background-color:#252525;}

#content-home {width:999px; margin:auto; text-align:left;}

#banner-home { padding-top:8px; }

#cuadros-int{margin:auto; overflow:hidden; text-align:left; height:300px;}

#cuadro1, #cuadro2, #cuadro3{ float:left; width:332px; background:url(ima/home/cuad.png) no-repeat top; height:300px; text-align:left;}

#cuadro3 { background:url(ima/home/cuad-widget.png) no-repeat;}

#mural1{ margin:24px 24px 0 24px;}

#mural1 img { margin-top:10px; margin-bottom:5px; border:3px solid #FFF}

#mural1 a.mural1 {float:right; text-decoration:underline} 

#mural2{ margin:24px 20px 0 24px;}

#quepas-int1 {margin-top:8px; overflow:hidden; height:1%;}

#quepas-int2, #quepas-int3 {margin-top:8px; overflow:hidden; height:1%;}

#mural2 img { float:left; margin-right:15px;  margin-bottom:5px; border:3px solid #FFF}

#mural2 a.mural2 {float:right; text-decoration:underline} 

/*------------------------------EL MURAL------------------------------*/

#content-el-mural { overflow:hidden; height:1%; width:999px; margin:auto; text-align:center; padding-bottom:20px;}

#content-el-mural-c1 { float:left; width:390px; text-align:left;}
#content-el-mural-c2 { float:right; width:600px; text-align:left; padding-top:10px;}
ul.elmural { margin-left:30px;} ul.elmural li { list-style-image:url(ima/home/flecha.gif); margin-bottom:10px;}
div.mural { text-align:left; margin:3px 0 0 15px;}
div.mural-ima { height:1%; overflow:hidden;}
div.mural-ima { background:url(ima/int/middle-mural.png) repeat-y; padding-left:17px; text-align:left;}
div.mural-ima #txt-mural { float:right; width:300px;}
div.mural-pics { padding-bottom:5px; border-bottom:1px dashed #666; margin-bottom:15px;} div.mural-pics img { margin:5px; border:2px solid white;}
div.mural-pics img:hover { border-color:#999;}

/*------------------------------TALLERES------------------------------*/

#content-talleres { overflow:hidden; height:1%; width:999px; margin:auto; text-align:center; padding-bottom:20px;}

#content-talleres-c1 { float:left; width:645px; text-align:left; padding:3px 0 0 10px;}
#content-talleres-c2 { float:right; width:332px; text-align:left;}

#talleres-list { height:1%; overflow:hidden; margin:20px 0 25px 0; padding-bottom:10px; border-bottom:1px dashed #666;}
#talleres-list img.talleres  { float:left; margin:3px 10px 0 0; border:2px solid white;}

div.paginador { letter-spacing:5px; padding:10px; text-align:right;}

.fecha { background:url(ima/int/cal.png) no-repeat; float:left; margin-right:10px; width:49px; height:52px; text-align:center; padding:2px; line-height:1.2em;}
/*------------------------------QUE PASA------------------------------*/

#banner-int { width:999px; margin:auto; text-align:center;}
div.banner-int { position:absolute; margin:35px 0 0 695px; width:285px; text-align:left;}

#content-que-pasa { overflow:hidden; height:1%; width:999px; margin:auto; text-align:center; padding-bottom:20px;}

#content-que-pasa-c1, #fotos { float:left; width:332px; text-align:left;}
#content-que-pasa-c1b, #fotos { float:left; width:664px; text-align:left;}
#content-que-pasa-c1a, #fotos { float:left; width:332px; text-align:left; height:300px;}
#content-que-pasa-c2 { float:right; width:667px; text-align:left;}
#content-que-pasa-c3 { float:left; width:332px; text-align:left;}
#content-que-pasa-c4 { float:right; width:332px; text-align:left;}

div.eventos { background:url(ima/int/middle.png) repeat-y; padding:10px 15px 1px 20px;}
div.eventosa { padding:10px 15px 1px 20px;}
div.eventos1 { background:url(ima/int/middle.png) repeat-y; padding:10px 15px 1px 20px;}
div.noticias { background:url(ima/int/middle.png) repeat-y; padding:10px 15px 1px 20px;}
div.siguenos { background:url(ima/int/middle.png) repeat-y; padding:10px 15px 1px 20px;}

div.eventos div.noticias-list { height:1%; overflow:hidden; margin:20px 0 20px 0;}
div.eventos1 div.noticias-list1 { height:1%; overflow:hidden; margin:8px 0 0 0;}
div.eventos div.noticias-list div.fecha { background:url(ima/int/cal.png) no-repeat; float:left; margin-right:10px; width:49px; height:52px; text-align:center; padding:2px; line-height:1em;}
div.eventos div.noticias-list div.mas { text-align:right; margin-top:5px; padding-right:15px;}

div.eventos1 div.noticias-list1 div.fecha { background:url(ima/int/cal.png) no-repeat; float:left; margin-right:10px; width:49px; height:52px; text-align:center; padding:2px; line-height:1em;}
div.eventos1 div.noticias-list1 div.mas { text-align:right; margin-top:5px; padding-right:15px;}

div.noticias div.noticias-list { height:1%; overflow:hidden; margin:20px 0 25px 0;}
div.eventos div.noticias-list img, div.noticias div.noticias-list img  { float:left; margin-right:10px; border:2px solid white; height:52px;}
div.eventos div.noticias-list div, div.noticias div.noticias-list div { text-align:right; margin-top:5px; padding-right:15px;}

#fotos div.eventos { padding-bottom:18px;}
#videos div.eventos { padding-bottom:24px;}

#quepasa-1, #quepasa-2 { overflow:hidden; width:664px; float:left}

/*------------------------------DETALLE EVENTOS Y NOTICIAS------------------------------*/

#content-detalle { overflow:hidden; height:1%; width:999px; margin:auto; text-align:center; padding-bottom:20px;}

#content-detalle-c1 { float:left; width:390px; text-align:left;}
#content-detalle-c2 { float:right; width:600px; text-align:left; padding-top:10px;}
div.img-detalle { background:url(ima/int/middle-detalle.png) repeat-y; padding-left:13px;}

/*------------------------------contacto------------------------------*/
#content-contacto { width:999px; margin:auto; text-align:center; padding-bottom:20px;}
#contacto { text-align:left; margin-top:20px }
#contacto-tab { height:1%; overflow:hidden; padding-bottom:50px; padding-left:15px;}
#contacto-izq { float:left; width:50%; text-align:left; font-weight:bold;} #contacto-izq input, #contacto-izq textarea { float:right;} #contacto-izq div { margin:15px 30px 15px 0;}
#contacto-der { float:right; width:49%; text-align:left;}
#mapa { width:455px; height:300px; background:#CCC; margin-top:15px;}

/*------------------------------FOOTER------------------------------*/

#footer {background-color:#252525;}

#top-footer {background:url(ima/home/bgfoot.gif) top repeat;}

#foot-cont {width:980px; margin:auto; overflow:hidden; text-align:left;  height:191px;}

#talleres, #catas, #prensa { float:left; margin:16px 0 0 0; background:url(ima/home/linea.gif) no-repeat right 14px;}

#talleres li {list-style-image:url(ima/home/flecha.gif); margin-bottom:17px;}

#talleres ul {margin:21px 0 0 18px;}

#talleres { width:324px;}

#catas { width:297px; padding:0 18px 0 18px;}

#catas div, #prensa div {margin-top: 21px; overflow:hidden; height:1%;} 

#catas div img, #prensa div img { float:left; margin-right:12px; border:3px solid #FFF}

#catas div a.catas, #prensa div a.prensa {float:right; text-decoration:underline} 

#prensa { margin:16px 0 0 0; padding:0 0px 0 18px; width:305px; background:none;}

#bottom-footer {width:980px; margin:auto;}

#bottom-footer1 img {position:absolute; margin: -63px 0 0 417px;}

#bottom-footer1 {padding: 55px 0 22px 0;}

#bottom-footer2 {padding: 22px 0 30px 0; border-top:1px solid #3a3836; }

#bottom-footer2  img.footer {float:right; margin-top: -20px;}

#bottom-footer2 div img {margin-left: 7px;}

#bottom-footer2 div span {float:left; margin:10px 0 0 10px;}

/*prensa*/

a.comentario span { 
	display:none;
	padding:15px;
	color:#FFF;
	background:#000;
	border:1px solid #F90;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	position:absolute;
	margin:0 0 0 155px;
	}

a.comentario:hover span { display:block;}

/*------------------------------GALERÍA DE IMÁGENES------------------------------*/

#videos { overflow:hidden;}

.video-tumbs { margin:10px 10px 5px 0px; padding:5px; width:187px; float:left; background:url(ima/home/bgfoot.gif);}

.foto-multimedia { margin-bottom:8px; text-align:center;}

.foto-multimedia1 { text-align:center;}
#paginas {padding:10px; text-align:right; margin-top:5px; margin-right:10px;}

/*------------------------------TXT------------------------------*/

.naranja23 { font-size:23px; color:#f39126}
.naranja40 { font-size:40px; color:#f39126}

.naranja15 { font-size:15px; color:#f39126}
.blanco10 { font-size:10px; color:#FFF}

.blanco8 { font-size:8px; color:#FFF}

.blanco24 { font-size:24px; color:#FFF}

.blanco13 { font-size:13px; color:#FFF;}

.blanco12 { font-size:12px; color:#FFF;}

.gris13 { font-size:13px; color:#94998f;}

.gris13f { font-size:13px; color:#94998f;}

.naranja12 { font-size:12px; color:#f39126;}

.naranja13 { font-size:13px; color:#f39126;}

.naranja14 { font-size:14px; color:#f39126;}

.h2 {font-weight:normal;}

.menubtn td { padding:0 5px 0 5px;}