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

.nav_div{
	width:100%;
	margin:auto;
}

.geli {
	float:left;
	width: 100%;
	height: 2px;
	background: url(../images/back11_replace.png) repeat-x;
	margin: 0 auto;
}


.ddsmoothmenu{ z-index:1000; width:100%; text-align:center;}

.ddsmoothmenu ul{
    z-index: 1000;
    margin: 0; 
    padding: 0;
    list-style-type: none;
    text-align: center;
    text-weight:normal;
}

/*Top level list items*/
.ddsmoothmenu ul li{
    position: relative;
    display: inline-block;
    z-index: 1000;
    min-width: 14%;
    text-align: center;
    font-weight: normal;
    float: none;
}


.ddsmoothmenu ul li.spare{
	width:20px;
	height:49px;
}
.ddsmoothmenu ul li.spare img{
	margin-top:17px;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li.single a:hover{
  -moz-border-radius:4px; /* FF1+ */
  -webkit-border-radius:4px; /* Saf3-4 */
  border-radius:4px; /* Opera 10.5, IE 9, Saf5, Chrome */
}

.ddsmoothmenu ul li a{
display: block;
color: #ffffff;
z-index:1000;
color:#fff;
text-decoration: none;
-moz-border-radius:2px 2px 0 0; /* FF1+ */
-webkit-border-radius:2px 2px 0 0; /* Saf3-4 */
border-radius:2px 2px 0 0; /* Opera 10.5, IE 9, Saf5, Chrome */
}
* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited
{
display:block;
color: #767676;
-moz-border-radius:4px 4px 0 0; /* FF1+ */
-webkit-border-radius:4px 4px 0 0; /* Saf3-4 */
border-radius:4px 4px 0 0; /* Opera 10.5, IE 9, Saf5, Chrome */
}

.ddsmoothmenu ul li ul.mainU a:link, .ddsmoothmenu ul li ul.mainU a:visited
{
display:block;
height:30px;
color: #ffffff;
-moz-border-radius:4px 4px 0 0; /* FF1+ */
-webkit-border-radius:4px 4px 0 0; /* Saf3-4 */
border-radius:4px 4px 0 0; /* Opera 10.5, IE 9, Saf5, Chrome */
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
display:block;
background:#3fa394; 
color: #ffffff;
-moz-border-radius:4px 4px 0 0; /* FF1+ */
-webkit-border-radius:4px 4px 0 0; /* Saf3-4 */
border-radius:4px 4px 0 0; /* Opera 10.5, IE 9, Saf5, Chrome */
opacity:0.95;
}
.ddsmoothmenu ul li a.selected b{
	color:#FFFFFF;
}

.ddsmoothmenu ul li a:hover
{
display:block;
background:#3fa394; /*background of menu items during onmouseover (hover state)*/
color: #ffffff;
-moz-border-radius:4px 4px 0 0; /* FF1+ */
-webkit-border-radius:4px 4px 0 0; /* Saf3-4 */
border-radius:4px 4px 0 0; /* Opera 10.5, IE 9, Saf5, Chrome */
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul
{
color:#ffffff;
position: absolute;
left: -1px!important;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
width:240px;
top:100%!important;
background-color: #3fa394;
-moz-border-radius:0 0 4px 4px; /* FF1+ */
-webkit-border-radius:0 0 4px 4px; /* Saf3-4 */
border-radius:0 0 4px 4px; /* Opera 10.5, IE 9, Saf5, Chrome */
opacity:0.95;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li
{
color:#ffffff;
display: list-item;
float: none;
width: 225px;
padding:0;
margin:4px 0 4px 5px;
text-align:left;
font-weight:normal;
list-style: none outside none;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li.title
{
width: 215px;
margin:6px 0 6px 5px;
padding:2px 5px;
background:#3fa394; /*background of menu items during onmouseover (hover state)*/
color:#fff;
text-align:left;
-moz-border-radius:4px; /* FF1+ */
-webkit-border-radius:4px; /* Saf3-4 */
border-radius:4px; /* Opera 10.5, IE 9, Saf5, Chrome */
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{ top: 0; left:0; color:#ffffff;}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a
{
color:#ffffff;
width: 230px; /*width of sub menus*/
*width: 215px; /*width of sub menus*/
padding: 4px;
margin: 0;
}
.ddsmoothmenu ul li ul li a:hover
{
display:block;
/*padding:4px;*/
background:#3fa394; /*background of menu items during onmouseover (hover state)*/
color:#ffffff;
-moz-border-radius:4px; /* FF1+ */
-webkit-border-radius:4px; /* Saf3-4 */
border-radius:4px; /* Opera 10.5, IE 9, Saf5, Chrome */
cursor: pointer;
}
/* Holly Hack for IE \*/
* html .ddsmoothmenu{ height:1%; } /*Holly Hack for IE7 and below*/


/*========== Second menu bar / narrow ======================*/
/*1st sub level menu*/
.ddsmoothmenu ul li ul.narrow{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
width:200px;
background-color:#3fa394;
-moz-border-radius:0 0 4px 4px; /* FF1+ */
-webkit-border-radius:0 0 4px 4px; /* Saf3-4 */
border-radius:0 0 4px 4px; /* Opera 10.5, IE 9, Saf5, Chrome */
opacity:0.9; }

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul.narrow li
{
display: list-item;
float: none;
width: 180px;
padding:0;
margin:6px 0 10px 5px;
text-align:left;
font-weight:normal;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul.narrow li.title
{
width: 180px;
margin:6px 0 10px 5px;
padding:2px 5px;
background:#3fa394; /*background of menu items during onmouseover (hover state)*/
color:#fff;
text-align:left;
-moz-border-radius:4px; /* FF1+ */
-webkit-border-radius:4px; /* Saf3-4 */
border-radius:4px; /* Opera 10.5, IE 9, Saf5, Chrome */
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{ top: 0; left:0; color:#ffffff;}

/* Sub level menu links style */
.ddsmoothmenu ul li ul.narrow li a{
width: 180px; /*width of sub menus*/
/width: 225px; /*width of sub menus*/
padding: 5px;
margin: 0;
}

/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass{
margin-left:4px;
}
.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */
.ddshadow{ /*shadow for NON CSS3 capable browsers*/
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background:none;
}

.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
opacity:0.9;
}
.mainU{
	
}

.nav_fixed{
	position:fixed;
    z-index: 9999;
    background: #ffffff;
    top:0px;
}

 
 @media screen and (min-width:200px){
	.ddsmoothmenu ul li {line-height:30px;}
	.ddsmoothmenu ul li a {font-size:1.5rem;padding-right: 3px!important;}
	 }
 
@media screen and (min-width:576px){
	.ddsmoothmenu ul li {line-height:35px;}
	.ddsmoothmenu ul li a {font-size:1.5rem;padding-right: 25px!important;}
	 }  
@media screen and (min-width:768px){
	.ddsmoothmenu ul li {line-height:40px;}
	.ddsmoothmenu ul li a {font-size:1.5rem;}
	 }
@media screen and (min-width:992px){
	.ddsmoothmenu ul li {line-height:50px;}
	.ddsmoothmenu ul li a {font-size:1.5rem;}
	}
@media screen and (min-width:1200px){
	.ddsmoothmenu ul li {line-height:50px;}
	.ddsmoothmenu ul li a {font-size:1.5rem;}
	}