/*CSS Festival de M�sica y Danza de Granada.
	Metodolog�a CSS: http://wiki.trevenque.es/index.php/Desarrollo_Web
   Cristina L�pez- Grupo Trevenque */

/* general/tipos de enlaces/navegaci�n interna *********************************/

#header ul, #footer ul{list-style:none}	
#content a, #right a{ color:#009999}
#content a:hover{ color:#009999; text-decoration:underline}

/*imprimir*/
#content a.print{ height:21px; padding:0 0 0 25px;float:right;background:url(images/sprite.png) no-repeat -515px -277px; text-decoration:none; color:#FF0033;  font-weight:bold; margin-top:-28px}
	a.print:hover{ text-decoration:underline}
#content #calendar-event a.print{margin-top:-28px}

#right a.download,#right a.external-link-new-window,#right a.mail,#right a.internal-link{display:block;vertical-aling:middle;padding:7px 0 0 40px;min-height:32px;
margin-left: 20px;background:url(images/sprite.png) no-repeat; text-decoration:none}
#right a.download, #content a.download{background-position:0 -490px; color:#FF0000}
#content a.download{ clear:both}
	#right a.download:hover; #content a.download:hover{background-position:-709px -490px;text-decoration:underline}
#right a.external-link-new-window{background-position:-4px -451px}
	#right a.external-link-new-window:hover{background-position:-709px -451px;text-decoration:underline}
#right a.mail{background:transparent;padding-left:0}
	#right a.mail:hover{background:transparent;text-decoration:underline; padding-left:0}
#right a.internal-link{background-position:-4px -451px}
	#right a.internal-link:hover{background-position:-709px -451px;text-decoration:underline}




/* MAIN MENU *********************************/

/*ul#nav-header{
        padding:0;
        list-style:none;
        width:950px;
		height:55px;
		margin:0 0 0 10px;
		padding-top:82px;
        display:block;
        clear:both;
        overflow:hidden;
        float:left;
		
}*/
 ul#nav-header li{
    list-style: none;
    display: inline;
	float: left;
	
}
/*
ul#nav-header li.active{
	background:url("img_2012/topo_menu.png") no-repeat scroll 27% bottom transparent;
	height: 20px;
    padding-bottom: 26px;
}*/


	  	ul#nav-header a{ color:#000000}
    	ul#nav-header li a{
            font:600 11px 'Open Sans', sans-serif;
            margin:0 40px 0 0;
            letter-spacing: 0.2em;

            text-decoration: none;
            text-transform: uppercase;

        }
		 ul#nav-header li.seccion3{
			margin-top:-8px;
        }
        ul#nav-header li.seccion3 a{
            font-size:21px;
            font-weight: 800;
            letter-spacing: 0.1em;
			margin-top:-10px
        }
		/*
		 ul#nav-header li.seccion3.active{
			background:url("img_2012/topo_menu.png") no-repeat scroll 27% bottom transparent;
 			height: 28px;
			}
		
		/*
		
ul#nav-header li.seccion6.active{background:url("img_2012/topo_menu.png") no-repeat scroll 37% bottom transparent;	}
ul#nav-header li.seccion7.active{background:url("img_2012/topo_menu.png") no-repeat scroll 20% bottom transparent;	}*/





/*MENU left*********************************/
#left ul{ display:block; clear:both; overflow:hidden; margin:0; padding:0;}
 #left li{ width:148px;display:block;padding:8px 20px 8px 12px; overflow:hidden; border-bottom:1px dotted #ccc; vertical-align:middle}
  #left li.last{ border-bottom:1px dotted #ccc;}
 	 #left ul a{ width:137px;font-weight:normal; font-size:0.9em; line-height:1em;text-decoration:none; color:#000000; padding:6px 30px 6px 0; min-height:10px;display:block; overflow:hidden;background: url(images/sprite.png) no-repeat 0 -278px; letter-spacing:0.1em}
	 	#left ul li a:hover,#left ul li.select a{ background:url(images/sprite.png) no-repeat -169px -278px}

		  
#left a.programacion{ width:100px;display:block; height:76px; padding:20px 0 0 79px; margin:16px 0 0 12px; vertical-align:middle;background:url(images/sprite.png) no-repeat 0px -313px; color:#FF0000; text-decoration:none}
  	 #left a.programacion:hover{background:url(images/sprite.png) no-repeat -181px -313px}
	 
	    
   a.edicion{ display:block;width:154px; height:55px; margin:31px 0 0 12px;background:url(images/sprite.png) no-repeat -360px -313px;color:#FF0000; text-decoration:none;text-indent:-9000px}
   		 a.edicion:hover{background:url(images/sprite.png) no-repeat -517px -313px}

 
/*MENU right*********************************/
#right ul.nav_right{ display:block; clear:both; overflow:hidden; margin:0 0 0 20px; padding:0; list-style-type:none}
 #right ul.nav_right li{ display:block; width:165px;padding:3px 5px 3px 0px}
 	 #right ul.nav_right a{ width:120px;font-weight:normal; font-size:0.9em; text-decoration:none; color:#009999; padding:3px 10px 0 30px;display:block;  background:url(images/sprite.png) no-repeat -515px -202px; letter-spacing:0.1em; line-height:1.1em}
	 		#right ul.nav_right li a:hover{ text-decoration:underline}
	 	#right ul.nav_right li a:hover,#right ul.nav_right li.select a{ background:url(images/sprite.png) no-repeat -673px -203px}


		
/*MENU right A MENU TT_NEWS*********************************/
#right .news-amenu-container ul{ width:165px;display:block; clear:both; overflow:hidden; margin:0 0 0 10px; padding:0; list-style-type:none}
 #right .news-amenu-container ul li{ display:block; width:165px;padding:0}
  #right .news-amenu-container ul li.news-amenu-item-year{ width:100px; padding-left:18px; margin:5px 0 10px 10px;color:#009999;background:transparent url(images/sprite.png) no-repeat -365px -281px}
    #right .news-amenu-container ul li.news-amenu-item-year:hover{background:transparent url(images/sprite.png) no-repeat -365px -281px}
 	 #right .news-amenu-container ul li{ width:115px;font-weight:normal; font-size:1.1em; text-decoration:none; color:#009999; padding:3px 10px 0 35px;display:block;  background:url(images/sprite.png) no-repeat -501px -202px; line-height:1.1em}
	 	#right .news-amenu-container ul li:hover{ background:url(images/sprite.png) no-repeat -659px -201px}

/* Menu distribuidores*/

#content ul.menu{ margin:0; padding:0; list-style-type:none}
#content ul.menu li{ width:335px; height:82px;margin:0 0 22px 0;text-decoration:none; line-height:1.2em;}
#content ul.menu li.left{ float:left; }
#content ul.menu li.right{ float:right; /*argin-right:20px*/}
#content ul.menu a{ text-decoration:none; color:#000; font-size:0.9em}
#content ul.menu a:hover, #content ul.menu a:hover strong { text-decoration:underline}
#content ul.menu a span.image{ float:left; margin-right:25px;}
#content ul.menu a strong { color:#009999; font: normal 1.45em Georgia, "Times New Roman", Times, serif;margin-bottom:4px; clear:right; display:block; line-height:1.1em;}



/*MENU PERIDODISTAS*******************************
#center ul{ display:block; clear:both; overflow:hidden; margin:0; padding:0}
 #left li{ display:block;padding:8px 20px 8px 12px; border-bottom:1px dotted #ccc; vertical-align:middle}
  #left li.last{ border-bottom:1px dotted #ccc;}
 	 #left ul a{ width:139px;font-weight:normal; text-decoration:none; color:#000000; padding:3px 30px 0 0; min-height:19px;display:block;  background:url(images/sprite.png) no-repeat 0 -278px; letter-spacing:0.1em;}
	 	#left ul li a:hover,#left ul li.select a{ background:url(images/sprite.png) no-repeat -169px -278px}**/



/* MAIN �rea privada *********************************/
ul.privado{ display:block; clear:both; overflow:hidden;width:705px; height:25px;margin:0 0 35px 0; padding:0;background: url(images/bg_ul_privado.png) repeat-y left top; list-style-type:none}
ul.privado li{ float:left;height:26px;padding:0 10px;background: url(images/li_privado.png) no-repeat right top;}
#content ul.privado li a{ height:26px;text-transform:uppercase; color:#FFF; display:block;text-decoration:none;font-size:0.91em; padding:5px 10px 0 10px} 
#content ul.privado li a:hover,#content ul.privado li.select a{ background: url(images/over_privado.png) repeat-x left top} 



/*menu footer**************************/
	 #footer .content_footer a{color:#CCCCCC; font-weight:bold; text-decoration:none; font-weight:normal;line-height:1.2;}
	 	 #footer .content_footer a:hover{ text-decoration:underline}
	 	 #footer .content_footer ul {margin:0; padding:0}
		ul.legales{float:left; width:105px;}
			ul.legales li a{ display:block}
		ul.patrocina{float:left; width:667px; height:55px;background: url(images/sprite.png) no-repeat -1px -59px;text-indent:-9000px}
			ul.patrocina li a{height:55px; float:left}
			ul.patrocina a.ministerio{ width:167px; margin-right:25px}
			ul.patrocina a.junta{ width:72px; margin-right:20px}
			ul.patrocina a.ayto{ width:130px; margin-right:24px}
			ul.patrocina a.diputacion{width:77px; margin-right:18px}
			ul.patrocina a.ugr{width:121px}