@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);
}
	.logo{
		float:left;
		width:auto;
		height:auto;
		margin-top:-1vh;
		padding-left:3%;
	}
		#logo_img{
			width:100px;
			height:auto;
						
		}
		#menu_background{
			float:left;
			width:100%;
			height:6vh;	
		}	
			#main_container{
				float:left;
				width:100%;
				height:12vh;
			}
		.corrente {
			color:#F00;
			background-color: rgb(0,0,0, 0.1);
		}
	
		#menu_container {
			float:right;
			width: auto;
			font-family: 'Raleway', sans-serif;
			font-size:16px;
			color: #F00;
			margin-right:3vh;
			text-align:left;
		}
		/*.toggleMenu {
			margin-top:-2vh;
			width:20px;
			height:20px;
			display:  none;
			border:solid 1px #000000;
		}
		#iconMenu{
			width:100%;
			height:auto
		}
		
		.nav {
			list-style: none;
			 *zoom: 1;
		}
		.nav:before,
		.nav:after {
			content: " "; 
			display: table; 
		}
		.nav:after {
			clear: both;
		}
		.nav ul {
			list-style: none;
			width: 9em;
		}
		.nav a {
			padding: 10px 15px;
			color:#F00;
		}
		.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;
			/*box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.3);
			position: relative;
			z-index:100;
			/*border: 1px solid #FFF;
			border-radius:10px;
			background-color:#FFF;
			color:#F00;
		}
		
		.nav li li li a {/*NIVEL 3
			 background:#f6f4f4;
			z-index:200;
			/*border-top: 1px solid #1d7a62;
			-webkit-transition: 0.6s ease-in;
			-moz-transition: 0.6s ease-in;
			-o-transition: 0.6s ease-in;
			transition: 0.6s ease-in;
		}
		.menu_container li:hover{
			background-color:#cccccc;
			border-bottom: 1px solid #999;
			-webkit-transition: 0.6s ease-in;
			-moz-transition: 0.6s ease-in;
			-o-transition: 0.6s ease-in;
			transition: 0.6s ease-in;
		}
		.menu_container li{
			-webkit-transition: 0.6s ease-in;
			-moz-transition: 0.6s ease-in;
			-o-transition: 0.6s ease-in;
			transition: 0.6s ease-in;
		}
		
		#menu_icon{
			width:auto;
			height:14px;
		}*/

@media screen and (max-width:768px) {

#menu{
	float:right;
	text-align:left;
	width:100%;
	height:auto;
	padding:3vh 0 3vh 0;
	background-color: rgb( 0, 0, 0, 0.3);
}

.menu_container {
	margin-top:10px;
	text-align:right;
}
    /*.active {
        display: block;
		-webkit-transition: 0.6s ease-in;
		-moz-transition: 0.6s ease-in;
		-o-transition: 0.6s ease-in;
		transition: 0.6s ease-in;		
    }
    .nav > li {
        float: none;
		background-color: rgb(0,0,0, 0.2);
		color:#F00;
		transition: all .6s;
    }
    .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;
    }*/

}