/* --- Header Sub-Header Navigation --- */
.nav1, .nav2{
list-style:none; 
margin:0; 
text-align:center}
 
.nav1{
padding:15px 0 3px 0}
 
.nav2{
padding:5px 0 25px 0}
 
.nav1 ul, .nav2 ul{
position:absolute; 
top:100%; 
left:-9999px; 
margin:0; 
padding:0; 
text-align:left}
 
.nav1 li, .nav2 li{
position:relative; 
display:inline-block}

.nav1 a, .nav2 a, .nav1 a span, .nav2 a span{
display:inline-block; 
padding:5px 2px; 
font-family:"Roboto condensed", Calibri, sans-serif;
font-size:15px; 
font-weight: 400;
color:#FFCD79;
text-decoration:none; 
line-height:22px}
 
.nav1 li.current a, #column .subnav li.current a, .nav1 li.current a span, #column .subnav li.current a span{
color:#F00}
 
.nav1 a:hover, .nav2 a:hover, .nav1 a:hover span, .nav2 a:hover span{
padding:3px 1px;
color:#54090A; 
background:#FFCD79; 
/*border:1px solid #A31919*/}
.nav1 li.home{
width:55px}

.nav1 li.asseverata{
width:205px}

.nav1 li.ufficiale{
width:210px}

.nav1 li.cittadinanza{
width:160px}

.nav1 li.consolato{
width:290px}

.nav1 li.giurata{
width:210px}

.nav1 li.legalizzata{
width:155px}

.nav1 li.traduzioni{
width:140px}

.nav1 li.mutuo{
width:145px}

.nav1 li.appalti{
width:135px}

.nav1 li.prezzi{
width:135px}

.nav2 li.italiana, .nav1 li.italiana{
width:130px}

.nav2 li.legalizate, .nav1 li.legalizate{
width:165px}

.nav2 li.cetatenie, .nav1 li.cetatenie{
width:125px}

.nav2 li.traducator, .nav1 li.traducator{
width:150px}

.nav2 li.consulat, .nav1 li.consulat{
width:290px}

.nav2 li.resedinta, .nav1 li.resedinta{
width:220px}

.nav2 li.traduceri, .nav1 li.traduceri{
width:210px}

.nav2 li.autorizate, .nav1 li.autorizate{
width:180px}

.nav2 li.credit, .nav1 li.credit{
width:170px}

.nav2 li.cost, .nav1 li.cost{
width:100px}



/* --- Column Navigation --- */

#column .subnav{
display:block; 
width:300px; 
margin:20px 0 20px 0; 
text-align:justify}

#column .subnav ul{
margin:0; 
padding:0; 
list-style:none}

#column .subnav li{
margin:5px 0 10px 0; 
padding:0; 
color:#680508; 
background-color:#FFCD79; 
border:1px dotted #680508}
 
#column .subnav ul ul, #column .subnav ul ul ul, #column .subnav ul ul ul ul, #column .subnav ul ul ul ul ul{border-top:none; padding-top:0}

#column .subnav a{
display:block; 
margin:0; 
padding:12px 10px 15px 10px;
font-weight:700;
color:#600;
text-decoration:none; 
line-height:18px}

#column .subnav a:hover{
color:#FFCD79; 
background:#54090A}

#column .subnav ul ul a{padding-left:40px; background-position:30px center}
#column .subnav ul ul ul a{padding-left:50px; background-position:40px center}
#column .subnav ul ul ul ul a{padding-left:60px; background-position:50px center}
#column .subnav ul ul ul ul ul a{padding-left:70px; background-position:60px center}

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

.nav1{
padding:5px 0 3px 0}
 
.nav2{
padding:5px 0 10px 0}
 
.nav1 ul, .nav2 ul{
position:absolute; 
top:100%; 
left:-9999px; 
margin:0; 
padding:0; 
text-align:left}
 
.nav1 li, .nav2 li{
position:relative; 
display:inline-block}

.nav1 li.home{
width:40px}

.nav1 li.asseverata{
width:150px}

.nav1 li.ufficiale{
width:170px}

.nav1 li.cittadinanza{
width:120px}

.nav1 li.consolato{
width:235px}

.nav1 li.giurata{
width:170px}

.nav1 li.legalizzata{
width:125px}

.nav1 li.traduzioni{
width:110px}

.nav1 li.mutuo{
width:120px}

.nav1 li.appalti{
width:110px}

.nav1 li.prezzi{
width:105px}

.nav2 li.italiana, .nav1 li.italiana{
width:105px}

.nav2 li.legalizate, .nav1 li.legalizate{
width:125px}

.nav2 li.cetatenie, .nav1 li.cetatenie{
width:105px}

.nav2 li.traducator, .nav1 li.traducator{
width:120px}

.nav2 li.consulat, .nav1 li.consulat{
width:235px}

.nav2 li.resedinta, .nav1 li.resedinta{
width:180px}

.nav2 li.traduceri, .nav1 li.traduceri{
width:175px}

.nav2 li.autorizate, .nav1 li.autorizate{
width:150px}

.nav2 li.credit, .nav1 li.credit{
width:130px}

.nav2 li.cost, .nav1 li.cost{
width:90px}
}

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

.nav1 li.home{
width:40px}

.nav1 li.asseverata{
width:145px}

.nav1 li.ufficiale{
width:155px}

.nav1 li.cittadinanza{
width:110px}

.nav1 li.consolato{
width:210px}

.nav1 li.giurata{
width:155px}

.nav1 li.legalizzata{
width:115px}

.nav1 li.traduzioni{
width:100px}

.nav1 li.mutuo{
width:110px}

.nav1 li.appalti{
width:100px}

.nav1 li.prezzi{
width:100px}

.nav2 li.italiana, .nav1 li.italiana{
width:110px}

.nav2 li.legalizate, .nav1 li.legalizate{
width:130px}

.nav2 li.cetatenie, .nav1 li.cetatenie{
width:110px}

.nav2 li.traducator, .nav1 li.traducator{
width:110px}

.nav2 li.consulat, .nav1 li.consulat{
width:235px}

.nav2 li.resedinta, .nav1 li.resedinta{
width:170px}

.nav2 li.traduceri, .nav1 li.traduceri{
width:170px}

.nav2 li.autorizate, .nav1 li.autorizate{
width:140px}

.nav2 li.credit, .nav1 li.credit{
width:130px}

.nav2 li.cost, .nav1 li.cost{
width:80px}
}