/* CSS reset's */
html{color:#000;background:#FFF}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}
del,ins{text-decoration:none}
li{list-style:none}
caption,th{text-align:left} 
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:baseline}
sub{vertical-align:baseline}
legend{color:#000}
/* EOF CSS reset */
  .mobscreen
    {
       visibility:hidden;    
    }
     .form
    {
        visibility:hidden;
    }

/* Mobile devices */
/*@media (min-width: 800px) and (max-width: 1400px)*/
@media (max-width: 900px)
{
    .menubar{clear:left; height:auto  !important; display: table; }
    .menu{ float: none; width:100%; padding:0px !important; display: none; }
    .menubar .menu > li { width:100%; border-bottom: 0px solid #dedede; cursor: pointer; padding-top: 5px; padding-bottom: 5px; }
    .menu > li:hover, .menu > li:active { background-color:#4682b4;}
    .responsive-menu { display: inline-block !important; }
    .mobscreen
    {
       visibility:hidden;    
    }
     .form
    {
        visibility:hidden;
    }
 
}
/*@media (min-width: 901px) and (max-width: 1400px)
{
    .menubar{clear:left; height:auto  !important; display: table; }
    .menu{ float: none; width:100%; padding:0px !important; display: none; }
    .menubar .menu > li { width:100%; border-bottom: 0px solid #dedede; cursor: pointer; padding-top: 5px; padding-bottom: 5px; }
    .menu > li:hover, .menu > li:active { background-color:#4682b4;}
    .responsive-menu { display: inline-block !important; }
    .mobscreen
    {
       visibility:hidden;    
    }
    .form
    {
        visibility:hidden;
    }
 
}*/

/* Ads devices */
@media (min-width: 478px) and (max-width: 738px) {
    .ad_medium{
        display: block !important;
    }
    .ad_big,.ad_small {
        display: none;
    }
}

@media (min-width: 325px) and (max-width: 477px) {
    .ad_small  {
        display:block !important;
    }
    .ad_big,.ad_medium {
        display: none !important;
    }

}
@media (min-width: 0px) and (max-width: 324px) {
    .ad_small {
        display:block !important;
    }
    .ad_big,.ad_medium {
        display: none !important;
    }
    .form-2 
    {
        visibility:hidden;
    }
    .mobscreen
    {
       visibility:visible;    
    }
    .form
    {
        visibility:visible;
    }
}

body{ font-family:Arial; }
a { text-decoration: none; }
.menubar {  width:100%; height:39px; background-color: #6B8A51;background-image:url(../images/menu_bg2.gif);}
.menu { float: left; position: relative; padding: 10px; }
.menubar .menu > li { float: left; line-height: 20px; }
.menu > li > a { color: #ffffff;  font-size: 15px; padding:10px 15px 10px; }
.menu > li > a:hover, .menu > li > a:active { background-color:#4682b4; border-radius:4px; }
.responsive-menu { display: none; color: #ffffff; font-weight: bold; padding: 5px; border-bottom: 2px solid #ffffff;width:100%; }
.menuicon {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ffffff;
    position: absolute;
    right: 8px;
    top:11px;
}
.responsiveImage { width: 100%;clear: both;}
.responsiveImage img{ max-width: 100%; max-height: 100%; }
.ad_big,.ad_medium,.ad_small{ padding:5px;margin:5px; }
.ad_medium,.ad_small { display:none; }