/* --- Federación de Cineclubes de Galicia «Feciga» ----------------------------------------------- */
/* --- CSS Framework: navigation definitions ------------------------------------------------------ */
/* --- GNU Affero General Public License v.3 ------------------------------------------------------ */


 
/* --- CONTENTS ---------------------------------------------------------------------- 

 ------------------------------------------------------------------------------------- */

/*<![CDATA[*/
@media all {

/* -------------------------------------------------------------------------------------
 NAVIGATION
 ======================================================================================*/
.navigation {
}
.navigation ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	background-image:url(http://feciga.org/Imaxes/icon_node_line.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
.navigation ul li ul {
	margin-left:0.9091em;
}
.navigation ul li {
	clear:both;
	display:block;
	margin: 0;
	padding: 0;
	background-image:url(http://feciga.org/Imaxes/icon_node_line.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}
.navigation ul li ul li {
	background-position:10px bottom;
}
.navigation ul li a {
	color: #464D4D;
	display: block;
	line-height:1.3636em;
	margin: 0;
	padding: 0.4545em 0em 0.4545em 0.9091em;
	text-decoration: none;
}
.navigation ul li.closed a, .navigation ul li.open li.closed a  {
	background-image:url(http://feciga.org/Imaxes/icon_node_closed.gif);
	background-position:1px 11px;
	background-repeat:no-repeat;
}
.navigation ul li.closed a:hover, .navigation ul li.open li.closed a:hover  {
	background-image:url(http://feciga.org/Imaxes/icon_node_closed-hover.gif);
}
.navigation ul li.open a {
	background-image:url(http://feciga.org/Imaxes/icon_node_open.gif);
	background-position:0 14px;
	background-repeat:no-repeat;
}
.navigation ul li.leaf a, .navigation ul li.open ul li.leaf a, .navigation ul li.closed ul li.leaf a {
	background-image:none;
}
.navigation ul li a.active, .navigation ul li a:hover {
	color: #AA0000;
}


#navigationTop { 
  clear: both;
  background: url(http://feciga.org/Imaxes/NavDegradado.gif); 
}

#navigationTop ul li {
    display: inline;  
    width: 120px;  
}
#navigationTop ul li a {
    display: inline;
    width: 120px;
}



/* Fat Erik's breadcrumbs: http://css.maxdesign.com.au/listamatic/horizontal33.htm */

#navcontainer { margin-left: 11px; }

/*Fat Erik's Breadcrumbs*/
#navlist
{
margin-left: 14px;
list-style: none;
padding: 0;

}

#navlist li
{
display: inline;
padding: 0;
margin: 0;
font-size: 1.1em;
}

#navlist li a
{
color: #674088;
text-decoration: none;
}
#navlist li a:hover {
color: #B90000; 
}

ul#navlist li a#current
{
color: #464D4D;
text-decoration: none;
}
#navlist li:before { content: "> "; }
#navlist li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html #navlist li
{
background-image: url("http://feciga.org/Imaxes/gt.gif");
background-repeat: no-repeat;
background-position: 0 50%;
padding: 0 0.5em 0 1em;
margin: 0 1em 0 -1em;
}

/*Win IE browsers - hide from Mac IE\*/
* html #navlist { height: 1%; }

* html #navlist li
{
display: block;
float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #navlist li:first-child { background-image: none; }



/* BOTON CINECLUBES */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/cssplay-responsive-multi-level-menu-three.html
Copyright (c) Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menuBoton {width:100%; background:#e9e9e9; text-align:center; height:45px; position:relative; z-index:100;}
.menuBoton > span {display:none;}
.menuBoton input {position:absolute; display:none;}
.menuBoton label {display:none;}
.menuBoton ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
.menuBoton ul {display:inline-block;} 
.menuBoton ul {*display:inline;}
.menuBoton li {margin:0; padding:0; list-style:none;}
.menuBoton li {display:inline-block; display:inline;}
.menuBoton ul ul {position:absolute; left:-9999px; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.menuBoton > ul {margin:0 auto;}
.menuBoton > ul > li {float:left; display:block; position:relative;}
.menuBoton ul ul li a {border-top:1px solid #ddd}
.menuBoton > ul > li.has-sub > a {background-image:url(http://feciga.org/Imaxes/icon_linklist_aba.png); background-repeat: no-repeat; background-position: right center;}
.menuBoton ul ul > li.has-sub > a {background-image:url(http://feciga.org/Imaxes/icon_linklist.png); background-repeat: no-repeat; background-position: right center;}
.menuBoton ul li.left ul > li.has-sub > a {background-image:url(http://feciga.org/Imaxes/icon_linklist_esq.png); background-repeat: no-repeat; background-position:left center;}
.menuBoton ul li b {display:block; width:100%; height:45px; background:transparent; position:relative; z-index:10;
-webkit-transition: 0s 0.5s;
transition: 0s 0.5s;
}
.menuBoton ul ul li b {margin-top:-45px;}   
.menuBoton ul li b {*display:none;}  
.menuBoton ul {background:#e9e9e9;}  
.menuBoton a {display:block; font:normal 14px arial, sans-serif; color:#000; line-height:45px; text-decoration:none; padding:0 30px 0 10px;}
.menuBoton > ul > li > a {float:left; text-transform:uppercase;}  
.menuBoton ul li:hover > ul {visibility:visible; left:-1px; top:45px; opacity:1;}
.menuBoton ul ul li:hover > ul {visibility:visible; left:100%; top:auto; margin-top:-46px;}
.menuBoton li.left:hover > ul {visibility:visible; left:auto; right:-1px; top:45px;}
.menuBoton li.left ul li:hover > ul {visibility:visible; left:auto; right:100%; top:auto; margin-top:-46px;}
.menuBoton ul li:hover > b {width:0;}   
.menuBoton li.left ul a {text-align:left; padding:0 10px 0 30px;}  
.menuBoton li:hover > a,
.menuBoton li.left ul li:hover > a {background-color:#e9e9e9; color: #b70700; text-decoration:underline;} 
@media only screen and (max-width:768px){    
.menuBoton ul li b {display:none;}
.menuBoton {height:0; padding-top:45px; background:#ccc; position:relative;}
.menuBoton > label {display:block; width:36px; height:36px; background:#e9e9e9; border-radius:5px; position:absolute; right:10px; top:5px; cursor:pointer;}
.menuBoton > label:before {display:block; content:""; width:18px; height:2px; background:#464d4d; position:absolute; left:50%; top:50%; margin-left:-9px; margin-top:-1px;
-webkit-transition:0.25s;
transition:0.25s
}
.menuBoton > label:after {display:block; content:""; width:2px; height:18px; background:#464d4d; position:absolute; left:50%; top:50%; margin-left:-1px; margin-top:-9px;
-webkit-transition:0.25s;
transition:0.25s
}
.menuBoton > span {display:block; font:normal 14px Helvetica, arial, sans-serif; color:#464d4d; position:absolute; left:10px; top:15px;}
.menuBoton li {display:block;}
.menuBoton ul, 
.menuBoton ul ul {margin:0; display:block; position:static; max-height:0; overflow:hidden;
-webkit-transition:0.25s;
transition:0.25s;
}
.menuBoton > ul > li.has-sub > a {background-image:none;}
.menuBoton ul ul > li.has-sub > a {background-image:none;}
.menuBoton ul li.left ul > li.has-sub > a {background-image:none;} 
.menuBoton ul li {float:none; display:block; position:relative;}
.menuBoton ul li label {display:block; width:36px; height:36px; background:#e9e9e9; border-radius:5px; position:absolute; right:10px; top:5px; cursor:pointer;}
.menuBoton ul ul li label {margin-top:0;}  
.menuBoton ul li label:before {display:block; content:""; width:18px; height:2px; background:#000; position:absolute; left:50%; top:50%; margin-left:-9px; margin-top:-1px;
-webkit-transition:0.25s;
transition:0.25s
}
.menuBoton ul li label:after {display:block; content:""; width:2px; height:18px; background:#000; position:absolute; left:50%; top:50%; margin-left:-1px; margin-top:-9px;
-webkit-transition:0.25s;
transition:0.25s
} 
.menuBoton ul {background:#e9e9e9; border:0;}
.menuBoton a {display:block; font:normal 14px arial,sans-serif; color:#464d4d; line-height:45px; text-decoration:none;padding:0 20px 0 10px;}
.menuBoton ul li a {float:none; border-top:1px solid #aaa;}
.menuBoton ul ul li a:before {content:""; display:block; width:15px; height:45px; background:url(http://feciga.org/Imaxes/icon_linklist.png) no-repeat left 15px; float:left;}
.menuBoton ul ul li > ul {margin-top:0;}
.menuBoton li.left ul li > ul {margin-top:0;}
.menuBoton ul ul li:hover > ul {margin-top:0;}
.menuBoton li.left ul li:hover > ul {margin-top:0;}
.menuBoton li.left ul a {text-align:left; padding:0 20px 0 10px;}
.menuBoton li:hover > a,
.menuBoton li.left ul li:hover > a {background-color:#ccc; text-decoration:none;} 
.menuBoton input:checked ~ label:before {
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
}
.menuBoton input:checked ~ label:after {
-webkit-transform:rotate(270deg);
transform:rotate(270deg);
} 
.menuBoton input:checked ~ ul {max-height:3000px;} 
.menuBoton ul ul {border:0; margin:0 15px;}




/*.navigation ul li a:hover {
	text-decoration: underline;
}
.navigation ul.children li a{
	padding: 0.3em 0.5em 0.3em 2.6em;
	width: 10.4em;
	cursor: pointer;
}
.navigation li.open{
	background-image: url(http://feciga.org/Imaxes/icon_nav_open.gif);
	background-position: 0.2em 0.4em;
	background-repeat: no-repeat;
	border-top: none;
	border-bottom: none;
}
.navigation li.open a, .navigation li.open li.open a, .navigation li.open li.open li.open a, .navigation li.open li.open li.open li.open a, .navigation li.open li.open li.open li.open li.open a, .navigation li.open li.open li.open li.open li.open li.open a{
	background-image: url(http://feciga.org/Imaxes/line_nav_top.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	padding-top: 0.3em;
	padding-bottom: 0.5em;
}
.navigation li.open li a, .navigation li.open li.open li a, .navigation li.open li.open li.open li a, .navigation li.open li.open li.open li.open li a, .navigation li.open li.open li.open li.open li.open li a, .navigation li.open li.open li.open li.open li.open li.open li a{
	background-image: none;
}
.navigation li.active a{
	background-color: #FFF;
	background-image: none;
	border: 1px solid #DDD;
	cursor: default;
	width: 11.5em;
}
.navigation ul li.active a:hover{
	text-decoration: none;
}
.navigation li.active li a{
	border: none;
	cursor: pointer;
	background-color: #F6F6F6;
}
.navigation ul li.active li a:hover{
	text-decoration: underline;
}*/
}
/*]]>*/