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

*{
	margin: 0;
	padding: 0;
	border:0;
}
#menu{
	float:right;
	text-align:left;
	width:100%;
	height:auto;
	padding:3vh 0 3vh 0;
	background-color: rgb( 0, 0, 0, 0.3);
}
	#idioma{
		float:left;
		width:50%;
		height:24px;
		display:block;
		text-align:left;
		margin-left:200px;
	}
	.bandeira{
		width:20px;
		height:20px;
		margin:2px 5px;
	}
	.idioma{
		width:20px;
		height:20px;
		margin:2px 5px;
		border:solid 3px #FFFFFF;
		border-radius:15px;
	}

	.logo{
		float:left;
		width:auto;
		height:auto;
		margin-top:-6vh;
		padding-left:3%;
	}
		#logo_img{
			width:65px;
			height:auto;
			padding:5px 15px;
			/*background-color:#FFF;*/
			opacity:1.0;
			-moz-opacity: 1.00;
			filter: alpha(opacity=100);
		}
		#menu_background{
			float:left;
			width:100%;
			height:6vh;	
		}	
			#main_container{
				float:left;
				width:100%;
				height:12vh;
			}
		.nav li a .corrente {
			color:#F00;
			background-color: rgb(0, 0, 0, 0.1);
			/* Web browsers that does not support RGBa */
			background: rgb(0, 0, 0);
			/* IE9/FF/chrome/safari supported */
			background: rgba(0, 0, 0, 0.1);
			/* IE 8 suppoerted */
			/* Here some time problem for Hover than you can use background color/image */
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fd8900, endColorstr=#fd8900)";
			/* Below IE7 supported */
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fd8900, endColorstr=#fd8900);
		}
	
		#menu_container {
			float:right;
			width: auto;
			font-family: 'Halant', serif;
			font-size:20px;
			color: #F00;
			margin-right:3vh;
			text-align:left;
		}
	
	
	


body, nav, ul, li, a  {margin: 0; padding: 0;}
a {text-decoration: none;}

.nav li a.corrente {
	color: #FF0;
}

.nav li a:hover{
	color:#FF0;
}


.container {
	float:right;
    width: 100%;
    max-width: 900px;
	margin-top:30px;
	font-family: 'Halant', serif;
	font-size: 13px;
}
.toggleMenu {
	float:right;
    display:  none;
    padding: 10px 15px;
	color:#FFF;
	border:none;
}
	#menu_logo{
		width:35px;
		height:auto;
	}
.nav {
	list-style: none;
	*zoom: 1;
}
.nav:before,
.nav:after {
    content: " "; 
    display: table;
}
.nav:after {
    clear: both;
}
.nav ul {
	margin-left:-40px;
    list-style: none;
    width: 300px;
	color:#ffffff;
	font-family: 'Halant', serif;
	font-size: 18px;
}
.nav a {
    padding: 5px 10px 10px 15px;
    color:#ffffff;
}
.nav li {
    position: relative;
}
.nav > li {
    float: left;
   /* border-top: 1px solid #104336;*/
}
.nav > li > .parent {
    background-image: url("images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
}
.nav > li > a {
    display: block;
}
.nav li  ul {
    position: absolute;
    left: -9999px;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
.nav li li a {
    display: block;
	background-color: rgb(245, 172, 24, 0.8);
    position: relative;
    z-index:100;
    color:#FFF;
}
.nav li li a:hover{
	/*background-color:#333;*/
	color:#FF0;
}
.nav li li li a {
    background-color: rgb( 0, 0, 0, 0.3);
    z-index:200;
   /* border-top: 1px solid #1d7a62;*/
}
.nav li li li a:hover{
	color:#FF0;
}

.container li:hover{
    /*border-top: 3px solid #38f8da;*/
	
}

@media screen and (max-width:1100px) {
	*{
	margin: 0;
	padding: 0;
	border:0;
}

.nav {
	background-color: rgb( 245, 172, 24, 1.0);
	width:300px;
	height:auto;
	margin-top:50px;
}
.nav li li a {
    /*background-color:#f7c257;*/
	background-color: rgb(187, 132, 19, 1.0);
	color:#FFF;
	padding-left:20px;
	font-weight:300;
}

    .active {
        display: block;
    }
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
}
	
@media screen and (max-width:700px) {
*{
	margin: 0;
	padding: 0;
	border:0;
}
	.logo{
		margin-top:-1vh;
	}

	#logo_img{
		width:45px;
		padding:0 15px;
		margin-top:-25px;
	}


}