@charset "UTF-8";
/* CSS Document */
/* Aquest CSS controla el text i color del menu VERTICAL desplegable */
/* Les opcions estan duplicades en 4 blocs per crear els 4 colors del menu */

/* COLOR 1 */
/* 1ER BLOC- MENU "ON VULL ANAR*/
/* Opcions per crear el menu */
ul#navegacio-color1,
ul#navegacio-color1 li,
ul#navegacio-color1 ul {margin: 0;border: 0 none;padding: 0;width: 180px; /*For KHTML*/list-style: none;}
ul#navegacio-color1:after /*From IE 7 lack of compliance*/{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
ul#navegacio-color1 li {float: left; /*For IE 7 lack of compliance*/display: block !important; /*For GOOD browsers*/display: inline; /*For IE*/position: relative;}

/* Opcios de color, vora, text, fons, etc. */
ul#navegacio-color1 a {border: 1px solid #cccc33;border-right-color: #cccc33;border-bottom-color: #cccc33;padding: 0 6px;display: block;text-decoration: none;height: auto !important;height: 1%; /*For IE*/
	font-family: Arial, Helvetica, sans-serif;font-size: 11px;line-height: 22px;font-weight: bolder;
	color: #FFFFFF;
	background-color: #666600;}

/* Opcions Hover - al passar el cursor per el menu */
ul#navegacio-color1 a:hover,
ul#navegacio-color1 li:hover a,
ul#navegacio-color1 li.iehover a {color: white;background-color: #999900;}

/* 2on nivell del Menu */
ul#navegacio-color1 li:hover li a,
ul#navegacio-color1 li.iehover li a {background: #999900;color: white;}

/* 2on nivell del menu Hover */
ul#navegacio-color1 li:hover li a:hover,
ul#navegacio-color1 li:hover li:hover a,
ul#navegacio-color1 li.iehover li a:hover,
ul#navegacio-color1 li.iehover li.iehover a {background: #cccc00;color: white;}

/* 3r Nivell del Menu */
ul#navegacio-color1 li:hover li:hover li a,
ul#navegacio-color1 li.iehover li.iehover li a {background: #999900;color: white;}

/* 3er Nivell del Menu Hover */
ul#navegacio-color1 li:hover li:hover li a:hover,
ul#navegacio-color1 li:hover li:hover li:hover a,
ul#navegacio-color1 li.iehover li.iehover li a:hover,
ul#navegacio-color1 li.iehover li.iehover li.iehover a {background: #cccc00;color: white;}

/* MES OPCIONS DEL MENU. NO MOURE AQUESTES OPCIONS */
ul#navegacio-color1 ul,
ul#navegacio-color1 ul ul,
ul#navegacio-color1 ul ul ul {display: none;position: absolute;top: 0;left: 180px;}
ul#navegacio-color1 li:hover ul ul,
ul#navegacio-color1 li:hover ul ul ul,
ul#navegacio-color1 li.iehover ul ul,
ul#navegacio-color1 li.iehover ul ul ul {display: none;}
ul#navegacio-color1 li:hover ul,
ul#navegacio-color1 ul li:hover ul,
ul#navegacio-color1 ul ul li:hover ul,
ul#navegacio-color1 li.iehover ul,
ul#navegacio-color1 ul li.iehover ul,
ul#navegacio-color1 ul ul li.iehover ul {display: block;}


/* COLOR 2 */
/* 2on BLOC- MENU "ON" */
/* Opcions per crear el menu */
ul#navegacio-color2,
ul#navegacio-color2 li,
ul#navegacio-color2 ul {margin: 0;border: 0 none;padding: 0;width: 180px; /*For KHTML*/list-style: none;}
ul#navegacio-color2:after /*From IE 7 lack of compliance*/{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
ul#navegacio-color2 li {float: left; /*For IE 7 lack of compliance*/display: block !important; /*For GOOD browsers*/display: inline; /*For IE*/position: relative;}

/* Opcios de color, vora, text, fons, etc. */
ul#navegacio-color2 a {border: 1px solid #cccc33;border-right-color: #cccc33;border-bottom-color: #cccc33;padding: 0 6px;display: block;text-decoration: none;height: auto !important;height: 1%; /*For IE*/
	font-family: Arial, Helvetica, sans-serif;font-size: 11px;line-height: 22px;font-weight: bold;
	background: #cc9900;
	color: #FFFFFF;}

/* Opcions Hover - al passar el cursor per el menu */
ul#navegacio-color2 a:hover,
ul#navegacio-color2 li:hover a,
ul#navegacio-color2 li.iehover a {background: #ffcc00;color: white;}

/* 2on nivell del Menu */
ul#navegacio-color2 li:hover li a,
ul#navegacio-color2 li.iehover li a {background: #cc9900;color: white;}

/* 2on nivell del menu Hover */
ul#navegacio-color2 li:hover li a:hover,
ul#navegacio-color2 li:hover li:hover a,
ul#navegacio-color2 li.iehover li a:hover,
ul#navegacio-color2 li.iehover li.iehover a {background: #ffcc00;color: white;}

/* MES OPCIONS DEL MENU. NO MOURE AQUESTES OPCIONS */
ul#navegacio-color2 ul,
ul#navegacio-color2 ul ul,
ul#navegacio-color2 ul ul ul {display: none;position: absolute;top: 0;left: 180px;}
ul#navegacio-color2 li:hover ul ul,
ul#navegacio-color2 li:hover ul ul ul,
ul#navegacio-color2 li.iehover ul ul,
ul#navegacio-color2 li.iehover ul ul ul {display: none;}
ul#navegacio-color2 li:hover ul,
ul#navegacio-color2 ul li:hover ul,
ul#navegacio-color2 ul ul li:hover ul,
ul#navegacio-color2 li.iehover ul,
ul#navegacio-color2 ul li.iehover ul,
ul#navegacio-color2 ul ul li.iehover ul {display: block;}


/* COLOR 3 */
/* 3er BLOC- MENU "AMB QUI" */
/* Opcions per crear el menu */
ul#navegacio-color3,
ul#navegacio-color3 li,
ul#navegacio-color3 ul {margin: 0;border: 0 none;padding: 0;width: 180px; /*For KHTML*/list-style: none;}
ul#navegacio-color3:after /*From IE 7 lack of compliance*/{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
ul#navegacio-color3 li {float: left; /*For IE 7 lack of compliance*/display: block !important; /*For GOOD browsers*/display: inline; /*For IE*/position: relative;}

/* Opcions de color, vora, text, fons, etc. */
ul#navegacio-color3 a {border: 1px solid #cccc33;border-right-color: #cccc33;border-bottom-color: #cccc33;padding: 0 6px;display: block;text-decoration: none;height: auto !important;height: 1%; /*For IE*/
	font-family: Arial, Helvetica, sans-serif;font-size: 11px;line-height: 22px;font-weight: bold;
	background: #cc6600;
	color: #FFFFFF;}

/* Opcions Hover - al passar el cursor per el menu */
ul#navegacio-color3 a:hover,
ul#navegacio-color3 li:hover a,
ul#navegacio-color3 li.iehover a {background: #cc9933;color: white;}

/* 2on nivell del Menu */
ul#navegacio-color3 li:hover li a,
ul#navegacio-color3 li.iehover li a {background: #cc6600;color: white;}

/* 2on nivell del menu Hover */
ul#navegacio-color3 li:hover li a:hover,
ul#navegacio-color3 li:hover li:hover a,
ul#navegacio-color3 li.iehover li a:hover,
ul#navegacio-color3 li.iehover li.iehover a {background: #cc9933;color: white;}

/* MES OPCIONS DEL MENU. NO MOURE AQUESTES OPCIONS */
ul#navegacio-color3 ul,
ul#navegacio-color3 ul ul,
ul#navegacio-color3 ul ul ul {display: none;position: absolute;top: 0;left: 180px;}
ul#navegacio-color3 li:hover ul ul,
ul#navegacio-color3 li:hover ul ul ul,
ul#navegacio-color3 li.iehover ul ul,
ul#navegacio-color3 li.iehover ul ul ul {display: none;}
ul#navegacio-color3 li:hover ul,
ul#navegacio-color3 ul li:hover ul,
ul#navegacio-color3 ul ul li:hover ul,
ul#navegacio-color3 li.iehover ul,
ul#navegacio-color3 ul li.iehover ul,
ul#navegacio-color3 ul ul li.iehover ul {display: block;}


/* COLOR 4 */
/* 4art BLOC- MENU "AL MEU AIRE" */
/* Opcions per crear el menu */
ul#navegacio-color4,
ul#navegacio-color4 li,
ul#navegacio-color4 ul {margin: 0;border: 0 none;padding: 0;width: 180px; /*For KHTML*/list-style: none;}
ul#navegacio-color4:after /*From IE 7 lack of compliance*/{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
ul#navegacio-color4 li {float: left; /*For IE 7 lack of compliance*/display: block !important; /*For GOOD browsers*/display: inline; /*For IE*/position: relative;}

/* Opcios de color, vora, text, fons, etc. */
ul#navegacio-color4 a {border: 1px solid #cccc33;padding: 0 6px;display: block;text-decoration: none;height: auto !important;height: 1%; /*For IE*/
	font-family: Arial, Helvetica, sans-serif;font-size: 11px;line-height: 22px;font-weight: bold;
	background: #996600;
	color: #FFFFFF;}

/* Opcions Hover - al passar el cursor per el menu */
ul#navegacio-color4 a:hover,
ul#navegacio-color4 li:hover a,
ul#navegacio-color4 li.iehover a {background: #cc6600;color: white;}

/* 2on nivell del Menu */
ul#navegacio-color4 li:hover li a,
ul#navegacio-color4 li.iehover li a {background: #996600;color: white;}

/* 2on nivell del menu Hover */
ul#navegacio-color4 li:hover li a:hover,
ul#navegacio-color4 li:hover li:hover a,
ul#navegacio-color4 li.iehover li a:hover,
ul#navegacio-color4 li.iehover li.iehover a {background: #cc6600;color: white;}

/* MES OPCIONS DEL MENU. NO MOURE AQUESTES OPCIONS */
ul#navegacio-color4 ul,
ul#navegacio-color4 ul ul,
ul#navegacio-color4 ul ul ul {display: none;position: absolute;top: 0;left: 180px;}
ul#navegacio-color4 li:hover ul ul,
ul#navegacio-color4 li:hover ul ul ul,
ul#navegacio-color4 li.iehover ul ul,
ul#navegacio-color4 li.iehover ul ul ul {display: none;}
ul#navegacio-color4 li:hover ul,
ul#navegacio-color4 ul li:hover ul,
ul#navegacio-color4 ul ul li:hover ul,
ul#navegacio-color4 li.iehover ul,
ul#navegacio-color4 ul li.iehover ul,
ul#navegacio-color4 ul ul li.iehover ul {display: block;}