#topNav{}
#topNav .row.logos, #topNav .row.navbarMenu{margin-left:0; margin-right:0;}
#topNav .logo{background-color:#f4f4f4;padding-right:17px;}
.logos{background-color:#f4f4f4;padding:10px 0 0;}
.logo60{padding-top:5px;}

#topBar.language{background-color:#357539; padding: 8px 0 !important;}
#topBar #language .dispInline{display:inline;}
#topBar #language .language{font-size:12px;color:#fff;}
#topBar #language .language a{color:#788936;text-decoration:none;}
#topBar #language .language a:hover{color:#fff !important;text-decoration:none;}
#topBar #language .language_selected{font-size:12px;color:#788936;}
#topBar #language .language_selected a{color:#fff;text-decoration:none;}
#topBar #language .language_selected a:hover{color:#fff;text-decoration:none;}

#topBar .list-inline{margin:5px 0 0 0;}
#topBar .list-inline > li{padding-right:10px;}
#topBar .top-dark-right li, #topBar .top-dark-right li a {color:#fff; font-size:12px;}
#topBar .top-dark-right li a:hover{color:#fff !important; text-decoration:underline !important;}

.social-icon-sm {margin:0 5px 0 0; width:30px; height:30px; font-size:18px; line-height:30px !important; color:#555; text-shadow:none; border-radius:3px; overflow:hidden; display:block; float:left; text-align:center; border:1px solid #AAA;}
.social-icon-sm:hover {border-color:transparent;}
.social-icon-sm i {display: block; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; line-height:30px; position:relative;}
.social-icon-sm i:last-child {color:#FFF !important;}
.social-icon-sm:hover i:first-child {margin-top:-30px;}
.si-gray-round {-webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; border-radius:50%;}
.si-gray {background:#f3f3f3; border:0px;}
.si-dark {background-color:#333; border:0px !important; color:#fff !important;}

.si-colored-facebook:hover, .si-facebook:hover {background-color:#3B5998 !important;}
.si-colored-twitter:hover, .si-twitter:hover {background-color:#00ACEE !important;}
.si-colored-google-plus:hover, .si-g-plus:hover {background-color:#DD4B39 !important;}
.si-colored-skype:hover, .si-skype:hover {background-color:#00AFF0 !important;}
.si-colored-linkedin:hover, .si-linkedin:hover {background-color:#0E76A8 !important;}
.si-colored-pinterest:hover, .si-pin:hover{background-color:#C8232C !important;}
.si-colored-rss:hover, .si-rss:hover {background-color:#EE802F !important;}
.si-colored-pinterest:hover, .si-pinterest:hover {background-color:#C8232C !important;}
.si-colored-tumblr:hover, .si-tumblr:hover{background-color:#34526F !important;}
.si-colored-vimeo:hover, .si-vimeo:hover{background-color:#86C9EF !important;}
.si-colored-digg:hover, .si-digg:hover{background-color:#191919 !important;}
.si-colored-instagram:hover, .si-instagram:hover{background-color:#3F729B !important;}
.si-colored-flickr:hover, .si-flickr:hover{background-color:#FF0084 !important;}
.si-colored-paypal:hover, .si-paypal:hover{background-color:#00588B !important;}
.si-colored-yahoo:hover, .si-yahoo:hover{background-color:#720E9E !important;}
.si-colored-andriod:hover, .si-android:hover{background-color:#A4C639 !important;}
.si-colored-apple:hover, .si-appstore:hover{background-color:#000 !important;}
.si-colored-dropbox:hover, .si-dropbox:hover {background-color:#3D9AE8 !important;}
.si-colored-dribbble:hover, .si-dribbble:hover{background-color:#EA4C89 !important;}
.si-colored-soundcoloud:hover, .si-soundcloud:hover{background-color:#F70 !important;}
.si-colored-xing:hover, .si-xing:hover{background-color:#126567 !important;}
.si-colored-phone:hover, .si-phone:hover{background-color:#444 !important;}
.si-colored-behance:hover, .si-behance:hover{background-color:#053eff !important;}
.si-colored-github:hover, .si-github:hover{background-color:#171515 !important;}
.si-colored-stumbleupon:hover, .si-stumbleupon:hover{background-color:#F74425 !important;}
.si-colored-email:hover, .si-email:hover{background-color:#6567A5 !important;}
.si-colored-wordpress:hover, .si-wordpress:hover{background-color:#1E8CBE !important;}
.si-colored-youtube:hover, .si-youtube:hover{background-color:#e62f27 !important;}
.si-colored-spotify:hover, .si-spotify:hover {background-color:#1ed760 !important;}


/**** Search ****/
#topNav .donate a.btn-success, #topNav .donate a.btn-success:focus{background-color:#357539 ; border-radius:30px; color:#fff !important;}
#topNav .donate a.btn-success:hover{background-color:#185a1c !important;}

#topNav .search, #topNav .donate{margin-top:20px; float:right;}

#topNav .search .form-control {height:auto !important; line-height:40px; padding:0 10px 0 0 !important;}
#topNav .search button.fa-search{color:#fff !important; font-size:20px; border-radius:30px; padding:10px; background-color:#ccc;}
#topNav .search input.fa-search{border-radius:30px; padding:19px;}
#topNav .search button.fa-search, #topNav .search input.fa-search{top:0;}

#topNav .search .quicksearchProd{position:relative;}
#topNav .search .quicksearchProd button{position: absolute; right:2px;}
#topNav .search .quicksearchProd input[type="submit"]{position:absolute; right:1px; top:0px; width:20px; height:20px; z-index:10; background-color:transparent !important; border:dotted 0px black;}
#topNav .search .quicksearchProd input[type="text"]{position:relative; right:45px; background-color:transparent; text-align:right; border:none !important; border-radius:30px;}
#topNav .search .quicksearchProd input[type="text"].form-control.validation-error{background-color:/*#d9e7a4*/ transparent !important; border-bottom:solid 1px red !important; border-radius:0px;}
/****************/

#topNav .navbarMenu{ background-color:#fff; padding:0;}
#topNav nav.nav-main{font-family:'Open Sans', sans-serif !important;}
#topNav {display:block; left:0; right:0; margin:0; position:relative; z-index:10;}
#topNav .nav-pills>li>a, 
#topNav .nav-pills>li>a:hover, 
#topNav .nav-pills>li>a:focus,
#topNav .nav-pills>li.active>a, 
#topNav .nav-pills>li.active>a:hover, 
#topNav .nav-pills>li.active>a:focus {background-color:transparent;}

#topNav div.navbar-collapse {padding:0;}
#topNav ul.nav>li:hover a {border-top: 2px #357539 solid;}
#topNav ul.nav>li a:active {color:#357539; border-top:2px #357539 solid;}
#topNav ul.nav>li.dropdown.active a {color:#357539 !important; border-top: 2px #357539 solid; font-weight:600;}
#topNav ul.nav>li:hover {}
#topNav ul.nav>li {text-align:center; position:relative; margin:0; background-color:#fff;}
#topNav ul.nav>li:last-child {border-right:transparent 1px solid !important; margin-right:0 !important;}
#topNav ul.nav>li:last-child a{margin-right:0 !important; padding:15px 0 15px;}
#topNav ul.nav>li a.dropdown-toggle.active{color:#357539;}
#topNav ul.nav>li a.active{color:#357539; font-weight:600; border-top:2px #357539 solid;}
#topNav ul.nav>li a.active:hover{color:#357539;}
#topNav ul.nav>li a:hover{color:#357539 !important;}
#topNav ul.nav>li a {
	color:#494848; font-weight:400; font-size:14px; padding:15px 0 15px; margin-left:0px; margin-right:35px;
	position: relative; text-decoration: none; display:block; border-top: 2px #fff solid;
	-webkit-transition: all 0.2s;
	   -moz-transition: all 0.2s;
		 -o-transition: all 0.2s;
			transition: all 0.2s;
}
#topNav ul.nav>li>a>span {
	display:block; font-size:12px; color:#ccc;
	-webkit-transition: all 0.2s;
	   -moz-transition: all 0.2s;
		 -o-transition: all 0.2s;
			transition: all 0.2s;
}
#topNav ul.nav>li a.dropdown-toggle:hover{background-color:#fff;}
#topNav ul.nav>li.dropdown.active a.active{}

/* Top Nav */
#topNav ul.nav .dropdown-menu>li.active>a, 
#topNav ul.nav .dropdown-menu>li:hover>a, 
#topNav ul.nav .dropdown-menu>li:focus>a {background-color:#fff;}
#topNav ul.dropdown-menu>li:hover>a.dropdown-toggle:after {color:yellow;}

/* Top Nav active/hover */
#topNav ul.nav>li.mega-menu>ul li:hover>a,
#topNav ul.nav>li.mega-menu>ul li.active>a,
#topNav ul.nav>li:hover:before,
#topNav ul.nav>li.active:before {background-color: #fff;}

/* Top Nav color active */
#topNav .nav-pills.colored>li.active>a, 
#topNav .nav-pills.colored>li.active>a:hover,
#topNav .nav-pills.colored>li.active>a:focus {color:#494848; background-color:#fff;}



/********************* submenu *********************/
.cat2level{text-transform:uppercase;}
#topNav ul.dropdown-menu li.divider {margin:-1px 0 0 0; padding:0; border:0;}
#topNav .nav li:hover>ul.dropdown-menu {padding:0; display:block; /*z-index:100;*/}
.dropdown-menu {left:0px; border:0 !important;}
#topNav ul.dropdown-menu{text-align:left; margin-top:0; box-shadow:none; list-style:none; min-width:225px; line-height:30px; background-color:#1e1e1e; font-size:14px; position:absolute;}
#topNav ul.dropdown-menu li {position:relative;border-left:0; border-right:0;}
#topNav ul.dropdown-menu>li a {margin:0; padding:10px 15px 5px 19px; font-weight:400; color:#fff; font-size:14px; border-bottom:#cbcaca 0px solid;}
#topNav ul.dropdown-menu>li a:hover{background-color:#1e1e1e !important;}

#topNav ul.dropdown-menu.WithChild > li{border-top:none; padding:0px 15px;}
#topNav ul.dropdown-menu.WithChild > li a{border-top:none; padding:10px 0px 5px; font-weight: 300; border-bottom:#414040 1px solid;}
#topNav ul.dropdown-menu.WithChild > li a:hover, #topNav ul.dropdown-menu.WithChild > li a.active{color:#6ca470 !important;}

#topNav ul.dropdown-menu a.dropdown-toggle{}
#topNav ul.dropdown-menu a.dropdown-toggle:after{}
#topNav ul.dropdown-menu li:last-child>a {border-bottom:0; border-bottom:0;}

.dropdown-menu>li:hover>a, 
.dropdown-menu>li:focus>a {background-color:#333;}

#topNav ul.dropdown-menu>li:hover > ul.dropdown-menu {
	display:block; position:absolute; left:0; top:38px; padding:0; margin:0; background-color:#3f3e3e;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}

/* search */
#topNav form.search {
	float:right;
	max-width:180px;
	margin:12px 0 0 0;
	padding:0;
}
#topNav form.search {
	position:relative;
}
#topNav form.search input {
	padding:6px 26px 6px 6px;
	height:auto; width:100%;
	font-size:13px;
	position:relative;
	z-index:0;

	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}
#topNav form.search button {
	position:absolute;
	top:10px; right:10px;
	color:#ccc;
	z-index:1;
}


/** Mega Menu
 **************************************************************** **/
#topNav ul.nav>li.mega-menu {position:inherit;}
#topNav ul.nav>li.mega-menu p {margin:0; padding:10px 10px 0 10px; font-size:13px;}

#topNav ul.nav>li.mega-menu div {display:table;}
#topNav ul.nav>li.mega-menu div div {border-left:#eee 1px solid; margin-left:-1px; display: table-cell; vertical-align:top; float:none;}
#topNav ul.nav>li.mega-menu div div:first-child {border-left:0;}

#topNav ul.nav>li.mega-menu>ul {width:100%; background-color:transparent; border:none; box-shadow:none;}
#topNav ul.nav>li.mega-menu>ul.dropdown-menu>li {margin:0 15px; padding:15px; background-color:#fff; border: #eee 1px solid; box-shadow: rgba(0,0,0,0.2) 0 6px 12px;}
#topNav ul.nav>li.mega-menu>ul ul {margin:0 !important; padding:0 !important; list-style:none;}

#topNav ul.nav>li.mega-menu h3 {font-size:18px; line-height:18px; margin:10px 10px 20px 10px; padding:0;}
#topNav ul.nav>li.mega-menu>ul li>a {border-bottom:0; padding: 6px 10px;}
#topNav ul.nav>li.mega-menu>ul li.active>a, #topNav ul.nav>li.mega-menu>ul li:hover>a {	color:#fff; background-color:#333;}
#topNav ul.nav>li.mega-menu>ul li.divider {border:0; border:rgba(0,0,0,0.01) 1px solid; margin:10px 0;}
/******************************************************************/

/* mobile */
#topNav button.btn-mobile {display:none;}
#topNav button.btn-mobile {color:#fff; display: none; background:#357539; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
#topNav button.btn-mobile i {padding:0; margin:0; font-size:21px;}

/** Responsive Top Nav
 **************************************************************** **/
@media only screen and (max-width: 1024px) {
	/*#topNav .search {display:none;}*/
}

/*@media only screen and (max-width: 990px) {*/
@media only screen and (max-width: 901px) 
{
    #topNav .lgtop{padding-top:10px;}
    #topNav .logos{padding:10px 0;}
    #topNav .mnFrase{padding-top:10px; font-size:16px; text-align:center;}
 	#topNav button.btn-mobile {display:block; float:right; margin-top:17px;}
	#topNav button.btn-mobile:hover, #topNav button.btn-mobile:active, #topNav button.btn-mobile:focus{background-color:#aeca44;}

    #topNav div.nav-main-collapse.collapsing, #topNav div.nav-main-collapse.in{right:15px; top:60px;}
	#topNav div.nav-main-collapse, #topNav div.nav-main-collapse.in {width:250px; margin:0;}

	#topNav div.nav-main-collapse {float:none; overflow-x:hidden;}
	#topNav div.nav-main-collapse.collapse {display: none !important;}
	#topNav div.nav-main-collapse.in {display: block !important;}
	#topNav div.nav-main-collapse {position: absolute /*relative*/;}
	#topNav ul.nav>li>a.dropdown-toggle:after {content: "\f107"; font-family: FontAwesome; position: absolute; font-size:14px; right:0; top:10px; color:#494848;}
    #topNav ul.nav > li a, #topNav ul.nav>li:last-child a{padding:10px 15px; margin-right:15px !important;}

    #topNav ul.nav>li a, #topNav ul.nav>li a:active, #topNav ul.nav>li:hover a, #topNav ul.nav>li.dropdown.active a, #topNav ul.nav>li a.active{border-top:none;}
    #topNav ul.nav>li:active, #topNav ul.nav>li:hover, #topNav ul.nav>li.dropdown.active{background-color:#f2f4ee;}
    
    #topNav ul.nav>li:hover a {color:#fff;}
    #topNav ul.nav>li:hover {background-color:#aeca44;}
	
	.hide_mobile {display:none !important;}
	/* submenu */
    #topNav nav.nav-main{border:solid 1px #006369;}
    #topNav ul.nav>li a.dropdown-toggle:hover{background-color:#aeca44;}
    #topNav ul.nav > li{display: block !important; float: none; text-align:right !important; border-radius: 0px; border: solid 1px #414040; border-bottom:0;}
    #topNav ul.nav > li:last-child{border-right:solid 1px #006369 !important; border-bottom:solid 1px #006369;}
    #topNav ul.nav > li ul.dropdown-menu li{text-align:right;}
    #topNav ul.nav > li ul.dropdown-menu li:last-child{border-bottom:solid 5px #aeca44;}
    #topNav ul.nav > li ul.dropdown-menu li a.active{background-color:#e8f5f6;}
    #topNav ul.nav > li ul.dropdown-menu.WithChild li a.active{background-color:#1e1e1e !important;}
    
    #topNav .nav .open ul.dropdown-menu, #topNav .nav li ul.dropdown-menu{background-color:#1e1e1e !important; float:none;}
    #topNav .nav .open ul.dropdown-menu li, #topNav .nav li ul.dropdown-menu li{padding:0 0 0 15px !important;}
    #topNav .nav .open > a, #topNav .nav .open > a:hover, #topNav .nav .open > a:focus{border-color:inherit;}

}


@media only screen and (max-width: 768px) 
{
    .dropdown-menu {position:relative !important;}
    #topNav ul.dropdown-menu {min-width: 150px !important; width:auto !important; left: 0 !important;}
    #topNav ul.dropdown-menu > li a{font-size:15px; white-space:normal;}
    #sliderGallery .owl-theme .owl-controls .owl-buttons div{margin:0 !important; height:auto; padding:0 35px !important;}
    .bxTitlte .bgCinza{padding:20px 0;}
    .vwFaq .toggle-content div:last-child{margin-bottom:30px;}
}

@media only screen and (max-width: 767px) 
{
    #topNav .mnFrase{ text-align:inherit !important;}
    #topNav div.nav-main-collapse.in {display: table !important;}
}

@media only screen and (max-width: 495px) 
{
    .whtAddThis{max-width:290px;}
}

@media only screen and (max-width: 450px) 
{
    #topNav ul.dropdown-menu{min-width:150px !important; left:-100px;}
    #topNav ul.dropdown-menu > li a{font-size:12px; white-space:normal;}
    #topNav .search, #topNav .donate{float:none;}

}

@media only screen and (max-width: 320px) 
{
    #boxAdd .whtAddThis a img.icSocial {margin: 8px 9px 0px;}
    #topNav .donate{margin-left:0;}
    #topNav .search .quicksearchProd input[type="text"]{width:120px !important;}
}