#menu { cursor:pointer;}



#menu li {
float:left;
display:block;
text-align:center;
position:relative;
padding:0px;
margin-right:0px;
margin-top:0px;
border:none;font-size:18px; font-weight:700; color:#FFF !important; line-height:21px; }


#menu li:hover { text-align:center}


#menu li a {
display:block;
outline:0;
text-decoration:none;
color:#FFF !important;}

#menu li:hover a {color:#ffffff;}





#menu li .drop {
width:153px; 
height:75px; 
padding:17px 0 0 5%; 
border-radius:13px; 
text-align: center; 
float:left; 
background: #21a0fd; /* Old browsers */
background: -moz-linear-gradient(top, #21a0fd 0%, #0274c9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#21a0fd), color-stop(100%,#0274c9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #21a0fd 0%, #0274c9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #21a0fd 0%, #0274c9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #21a0fd 0%, #0274c9 100%); /* IE10+ */
background: linear-gradient(to bottom, #21a0fd 0%, #0274c9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21a0fd', endColorstr='#0274c9',GradientType=0 ); /* IE6-9 */
-moz-box-shadow: 4px 4px 8px #000;
-webkit-box-shadow: 4px 4px 8px #000;
box-shadow: 4px 4px 8px #000;}

#menu li:hover .drop {}
#menu li .drop .ico{position: absolute; margin:-16px 0 0 -50px; float:left}


#menu li .drop9 {
width:153px; 
height:75px; 
padding:17px 0 0 5%; 
border-radius:13px; 
text-align: center; 
float:left; 
background: #001a2c; /* Old browsers */
background: -moz-linear-gradient(top, #001a2c 0%, #00101b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#001a2c), color-stop(100%,#00101b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #001a2c 0%, #00101b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #001a2c 0%, #00101b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #001a2c 0%, #00101b 100%); /* IE10+ */
background: linear-gradient(to bottom, #001a2c 0%, #00101b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001a2c', endColorstr='#00101b',GradientType=0 ); /* IE6-9 */
-moz-box-shadow: 4px 4px 8px #000;
-webkit-box-shadow: 4px 4px 8px #000;
box-shadow: 4px 4px 8px #000;}

#menu li:hover .drop9 {}
#menu li .drop9 .ico{position: absolute; margin:-16px 0 0 -55px; float:left}



#menu li .drop8 {
width:153px; 
height:75px; 
padding:6px 0 0 5%; 
border-radius:13px; 
text-align: center; 
float:left; 
background: #005593; /* Old browsers */
background: -moz-linear-gradient(top, #005593 0%, #002844 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005593), color-stop(100%,#002844)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #005593 0%, #002844 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #005593 0%, #002844 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #005593 0%, #002844 100%); /* IE10+ */
background: linear-gradient(to bottom, #005593 0%, #002844 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005593', endColorstr='#002844',GradientType=0 ); /* IE6-9 */
-moz-box-shadow: 4px 4px 8px #000;
-webkit-box-shadow: 4px 4px 8px #000;
box-shadow: 4px 4px 8px #000;}

#menu li:hover .drop8 {}
#menu li .drop8 .ico{position: absolute; margin:-5px 0 0 -30px; float:left}


#menu li .drop7 {
width:153px; 
height:75px; 
padding:17px 0 0 5%; 
border-radius:13px; 
text-align: center; 
float:left; 
background: #005593; /* Old browsers */
background: -moz-linear-gradient(top, #005593 0%, #002844 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005593), color-stop(100%,#002844)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #005593 0%, #002844 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #005593 0%, #002844 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #005593 0%, #002844 100%); /* IE10+ */
background: linear-gradient(to bottom, #005593 0%, #002844 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005593', endColorstr='#002844',GradientType=0 ); /* IE6-9 */
-moz-box-shadow: 4px 4px 8px #000;
-webkit-box-shadow: 4px 4px 8px #000;
box-shadow: 4px 4px 8px #000;}

#menu li:hover .drop7 {}
#menu li .drop7 .ico{position: absolute; margin:-16px 0 0 -25px; float:left}






 
#menu li:hover .dropdown_2columns {left:-1px; top:auto;} 
 
 
 
#menu li:hover div a { 
width:100%;
font-size:13px;
color:#111111 !important;
line-height:25px;}

#menu li:hover div a:hover {color:#029feb !important;}
 
 
 
 

.dropdown_2columns{ 
z-index:9999999;
margin:-95px 0 0 50px; 
height:100px;
float:left;
position:absolute;
left:-999em; /* Hides the drop down */
text-align:left;
padding:0px;
border-top:none; }


.dropdown_2columns {width: 260px;}

.dropdown_2columns .box{
width:100%; 
background-color:#eeeeee; 
border-radius:10px;
padding:13px;
font-size:13px; font-weight:700; color:#111111 !important;
float:left }

.dropdown_2columns .arrow{
width:100%; 
padding:0 0 0 30px; 
margin:-8px 0 0 0; 
text-align:left;
float:left }


.col_2{
display:inline;
float: left;
position: relative;
margin-left: 5px;
margin-right: 5px; }

.col_2 {width:260px; }















#menu2 { cursor:pointer;}



#menu2 li {
float: right;
display:block;
text-align:center;
position:relative;
padding:0px;
margin-right:0px;
margin-top:0px;
border:none;font-size:18px; font-weight:700; color:#FFF !important; line-height:21px; }


#menu2 li:hover { text-align:center}


#menu2 li a {
display:block;
outline:0;
text-decoration:none;
color:#FFF !important;}

#menu2 li:hover a {color:#ffffff;}





#menu2 li .drop {
width:153px; 
height:75px; 
padding:17px 0 0 5%; 
border-radius:13px; 
text-align: center; 
float:left; 
background: #21a0fd; /* Old browsers */
background: -moz-linear-gradient(top, #21a0fd 0%, #0274c9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#21a0fd), color-stop(100%,#0274c9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #21a0fd 0%, #0274c9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #21a0fd 0%, #0274c9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #21a0fd 0%, #0274c9 100%); /* IE10+ */
background: linear-gradient(to bottom, #21a0fd 0%, #0274c9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21a0fd', endColorstr='#0274c9',GradientType=0 ); /* IE6-9 */
-moz-box-shadow: 4px 4px 8px #000;
-webkit-box-shadow: 4px 4px 8px #000;
box-shadow: 4px 4px 8px #000;}

#menu2 li:hover .drop {}



#menu2 li .drop2 {
width:153px; 
height:75px; 
padding:17px 0 0 5%; 
border-radius:13px; 
text-align: center; 
float:left; 
background: #20a0fc; /* Old browsers */
background: -moz-linear-gradient(top, #20a0fc 0%, #0274c9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#20a0fc), color-stop(100%,#0274c9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #20a0fc 0%, #0274c9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #20a0fc 0%, #0274c9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #20a0fc 0%, #0274c9 100%); /* IE10+ */
background: linear-gradient(to bottom, #20a0fc 0%, #0274c9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20a0fc', endColorstr='#0274c9',GradientType=0 ); /* IE6-9 */
-moz-box-shadow: 4px 4px 8px #000;
-webkit-box-shadow: 4px 4px 8px #000;
box-shadow: 4px 4px 8px #000;}

#menu2 li:hover .drop2 {}
#menu2 li .drop2 .ico{position: absolute; margin:-16px 0 0 -40px; float:left}



#menu2 li .drop3 {
width:153px; 
height:75px; 
padding:5px 0 0 5%; 
border-radius:13px; 
text-align: center; 
float:left; 
background: #209ffc; /* Old browsers */
background: -moz-linear-gradient(top, #209ffc 0%, #0174c8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#209ffc), color-stop(100%,#0174c8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #209ffc 0%, #0174c8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #209ffc 0%, #0174c8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #209ffc 0%, #0174c8 100%); /* IE10+ */
background: linear-gradient(to bottom, #209ffc 0%, #0174c8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#209ffc', endColorstr='#0174c8',GradientType=0 ); /* IE6-9 */
-moz-box-shadow: 4px 4px 8px #000;
-webkit-box-shadow: 4px 4px 8px #000;
box-shadow: 4px 4px 8px #000;}

#menu2 li:hover .drop3 {}
#menu2 li .drop3 .ico{position: absolute; margin:-4px 0 0 -38px; float:left}




#menu2 li .drop5 {
width:153px; 
height:75px; 
padding:17px 0 0 5%; 
border-radius:13px; 
text-align: center; 
float:left; 
background: #005492; /* Old browsers */
background: -moz-linear-gradient(top, #005492 0%, #002743 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005492), color-stop(100%,#002743)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #005492 0%, #002743 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #005492 0%, #002743 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #005492 0%, #002743 100%); /* IE10+ */
background: linear-gradient(to bottom, #005492 0%, #002743 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005492', endColorstr='#002743',GradientType=0 ); /* IE6-9 */
-moz-box-shadow: 4px 4px 8px #000;
-webkit-box-shadow: 4px 4px 8px #000;
box-shadow: 4px 4px 8px #000;}

#menu2 li:hover .drop5 {}
#menu2 li .drop5 .ico{position: absolute; margin:-16px 0 0 -39px; float:left}




#menu2 li:hover .dropdown_2columns {left:-1px; top:auto;} 
 
 
 
#menu2 li:hover div a { 
width:100%;
font-size:13px;
color:#111111 !important;
line-height:25px;}

#menu2 li:hover div a:hover {color:#029feb !important;}




@media screen and (min-width:0\0) { 


#menu li .drop .ico{position: absolute; margin:-16px 0 0 -4px; float:left}
#menu li .drop9 .ico{position: absolute; margin:-16px 0 0 -4px; float:left}
#menu li .drop8 .ico{position: absolute; margin:-5px 0 0 -3px; float:left}
#menu li .drop7 .ico{position: absolute; margin:-16px 0 0 -4px; float:left}
#menu2 li .drop2 .ico{position: absolute; margin:-16px 0 0 -4px; float:left}
#menu2 li .drop3 .ico{position: absolute; margin:-4px 0 0 -4px; float:left}
#menu2 li .drop5 .ico{position: absolute; margin:-16px 0 0 -3px; float:left;}

}




@media (max-width:480px){

.dropdown_2columns { width:240px; margin:-105px 0 0 -10px;}
#menu li:hover div a { font-size:11px; line-height:11px;}

#menu2 li:hover div a { font-size:11px; line-height:11px;}



}