/*body, nav, ul, li, a  {margin: 0; padding: 0;}
body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }*/
a {text-decoration: none;}
/*.container {
    width: 90%;
    max-width: 900px;
    margin: 10px auto;
}*/

.active2{
/* background: #080808; */
color: #fff !important;
/*background: -webkit-gradient(linear, left top, left bottom, from(#e10a17), to(#b60e15), color-stop(0.9, #b60e15));
background: -moz-linear-gradient(top, #e10a17, #b60e15);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e10a17', endColorstr='#b60e15');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e10a17', endColorstr='#b60e15')";
background: -o-linear-gradient(top, #e10a17, #b60e15);*/
	}
.active2>img {
/* display: block; */
visibility: visible !important;
margin: auto !important;
}	
	
	
.toggleMenu {
    display:  none;
    background: #727175;
    padding: 10px 15px;
    color: #fff;
	float:right;
	margin:20px 20px 0px 20px;
}
.toggleMenu:hover{color:#fff !important; text-decoration:none}
.nav {
    list-style: none;
     *zoom: 1;
    /* background:#175e4c;*/
	 width:100%;
	 float:right;
	/* margin-top: 4%;*/
	/*margin-top:10px;*/
	/*position:absolute;*/
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
   /* width: 9em;*/
}
.nav a {
    padding: 10px 15px ;
    color:#fff;
	font-family: 'MYRIADPROREGULAR';
font-size: 16px;

/*text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);*/
}
.nav li {
    position: relative;
}
.nav > li {
    float: left;
    /*border-top: 1px solid #fff;*/
	/*background:url(../../images/sep.png) right no-repeat;*/
	
}
.nav > li > .parent {
    background-image: url("images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
}
.nav > li > a {
    display: block;
	text-align:center;
	color:#fff;
	/*font-weight:bold;*/
	padding: 13px 26px;
}
.nav li  ul {
    position: absolute;
    left: -9999px;
	margin-top: -18px;
  margin-left: -40px;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
.nav li li a {
    display: block;
    background: #e2a600;
    position: relative;
    z-index:100;
    border-top: 1px solid #474747;
	text-decoration:none;
	color:#fff;
	font-family: 'MYRIADPROREGULAR';
	font-size:14px;
}

.nav li li a:hover {
    color:#0d223d;
	background:#fdbb01;
	font-weight:bold
}

.nav li li  {
    width:200px;
}

.nav li li li a {
    background:#249578;
    z-index:200;
    border-top: 1px solid #1d7a62;
}

.nav>li>a:hover{
	/*background:#080808;*/
	color:#fff;
/*	background: -webkit-gradient(linear, left top, left bottom, from(#e10a17), to(#b60e15), color-stop(0.9, #b60e15));
background: -moz-linear-gradient(top, #e10a17, #b60e15);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e10a17', endColorstr='#b60e15');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e10a17', endColorstr='#b60e15')";
background: -o-linear-gradient(top, #e10a17, #b60e15);*/
	}

@media screen and (max-width: 768px) {
	.toggleMenu:hover{color:#fff !important}
	.toggleMenu{color:#fff !important; text-decoration:none;}
	.bloque_buscar{width:100%;padding-left:15px; padding-right:15px}
	
	
	
	.nav>li>a{padding:10px 10px; color:#222222}
    .active2 {
        display: block;
    }
	.nav{width:100% !important; background:#727175; clear:both}
    .nav > li {
        float: none;
		border-top: 1px solid #fff;
    }
    .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;
    }
	
	.nav li li  {
    width:100%;
}





@media screen and (max-width: 768px) {
	.toggleMenu:hover{color:#fff !important}
	.toggleMenu{color:#fff !important; text-decoration:none;}
	.bloque_buscar{width:100%;padding-left:15px; padding-right:15px}
	
	
	
	.nav>li>a{padding:15px 10px; color:#222222}
    .active2 {
        display: block;
    }
	.nav{width:100% !important; background:#727175; clear:both}
    .nav > li {
        float: none;
		border-top: 1px solid #666;
    }
    .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;
    }
	
	.nav li li  {
    width:100%;
}

}
/*410*/
@media (max-width: 410px) {

.toggleMenu{margin-top:12%; position:relative;z-index:1}
.titBienv{font-size:60px !important}
}




<!--NAV1-->
@media screen and (max-width: 768px) {
	
	
	
	.nav2>li>a{padding:10px 10px; color:#222222}
    .active2 {
        display: block;
    }
	.nav2{width:100% !important; background:#d5d2d3; clear:both}
    .nav2 > li {
        float: none;
		border-top: 1px solid #fff;
    }
    .nav2 > li > .parent {
        background-position: 95% 50%;
    }
    .nav2 li li .parent {
        background-image: url("images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav2 ul {
        display: block;
        width: 100%;
    }
   .nav2 > li.hover > ul , .nav1 li li.hover ul {
        position: static;
    }
	
	.nav2 li li  {
    width:100%;
}

}