html,body,div,span,applet,object,iframe,caption,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,dl,dt,dd,ol,ul,li,fieldset,form,label,legend {vertical-align: baseline;font-size: 100%;outline: 0;padding: 0;margin: 0;border: 0;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {background: white;line-height: 1;color: black;}
ol,ul {list-style: none;}
/* tables still need cellspacing="0" in the markup */
table{border-collapse: separate;border-spacing: 0;}
caption,th,td {font-weight: normal;}
/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before,blockquote:after,q:before,q:after {content: "";}
blockquote,q {quotes: "" "";}
/* ||| the end |||*/
/* ||| set of clearing floats |||*/     
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
.clr {font-size : 1px;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clear {clear: both;}
/* End hide from IE-mac */
/* ------------------------ the end ----------------------------*/
html {
        height:100%;
        margin-bottom:1px;
}
body {
        margin:0;
        padding:0;
        font-size:62.5%; /* Reset: 1em = 10px */
        font-family:Arial , Verdana, sans-serif;
        line-height: 135%;
}
/* Basic link styles 
---------------------------------------------------------------*/
a{
        outline:none;
        cursor:pointer;
}
a:link,
a:visited,
a:active{
        text-decoration:none;
}
a:hover{
        text-decoration:none;
}
/* Basic image style 
----------------------------------------------------------------*/
img{
        border:none;
        text-decoration:none;
}
/* Basic lists styles 
----------------------------------------------------------------*/
ul{
        padding:0 6px 6px 6px;
        margin:0 12px;
}
ul ul{
        padding-bottom:0px;
}
ul li{
        padding-left:4px;
        line-height:100%; 
        margin:5px 0;
}
ul li a{
        text-decoration: none;
}
ol li{
        line-height:170%;
}
dl#system-message dd ul li{
        border: none !important;
}
/* Basic heading styles 
-----------------------------------------------------------------*/
th {
        padding:4px;
        text-align:left;
}
h1 { font-size:200%; }
h2 { font-size:175%; }
h3 { font-size:150%; }
h4 { font-size:125%; }
h5 { font-size:115%; }
p, pre, blockquote, h1, h2, h3, h4, h5, h6{
        margin:1em 0;
        padding:0;
}
/* Basic form styles 
-----------------------------------------------------------------*/
fieldset{
        border:none;
        padding:5px 0;
}
fieldset a{
        font-weight:bold;
}
input, select, button{
        font-size:11px;
        font-weight:normal;
}
/* Basic HR-line style 
-----------------------------------------------------------------*/
hr {
        border-right: 0;
        border-left: 0;
        border-bottom: 0;
        height: 1px;
}
/* Basic positioning classes 
-----------------------------------------------------------------*/
.clearfix{ clear: both; }
.lf { float: left; }
.rf { float: right; }
/* Logo 
------------------------------------------------------------*/
a#logo, 
a#logo_styled {
        float:left;
        display:block;
}
a#logo_styled{
        /* 
                Here you can change width or height of your logo 
                if you've disabled option "logo as image"
        */
        width: 195px;
        height: 95px; 
}
/* Basic wrapper styles 
-----------------------------------------------------------------*/

div#wrapper_bg{
        width:100%;
        min-height:656px;       
}
div#wrapper_main{
        width:980px;
        margin:0 auto;  
        padding-bottom:20px;
        position:relative;
        font:normal 12px  Arial, Verdana, sans-serif; /* Basic font size: 12px, line-height: 15px */
}
div#wrapper_top{
        position:relative;
        min-height:95px;
        margin:0;
}
div#wrapper_top_content{
        float:right;
        width:780px;
}
div#wrapper_topheader{
        position: relative;
        width:980px;
        padding-top: 38px;
}
/* menu
-------------------------------------------------------------------*/
div#wrapper_menu1{
        width:100%;
        height:38px;
        display:block;
        position:absolute;
        top: 0;
}
div#wrapper_menu2{
        width:100%;
        margin-right:8px;
        height:38px;
        display:block;
        position:static;
}
div#horiz-menu{
        margin:0 8px;
        height:38px;
        display:block;
        position:static;
}
div#wrapper_menu1 ul.menu{
        width:auto;
        margin-left:-9px;
        position: absolute;
        z-index: 10000;
}
div#wrapper_menu1 ul li.level1 a{
        text-transform:uppercase;
}
div#wrapper_menu1 ul li a{
        font-size:10px;
        font-weight: bold;
        text-transform:uppercase;       
}
div#wrapper_menu1 ul li:hover,
div#wrapper_menu1 ul li.active{
        height:38px;
        border-left:none!important;
        margin-left:1px!important;
}
div#wrapper_menu1 ul li:first-child:hover,
div#wrapper_menu1 ul li.active:first-child{
        height:38px;
}
div#wrapper_menu1 ul li:first-child{
        border-left:none!important;
        padding-left:9px;
}
div#wrapper_menu1 ul li:first-child span{
        padding-left:0!important;
}
div#wrapper_menu1 ul li:first-child:hover,
div#wrapper_menu1 ul li.active:first-child{
        padding-right:0;
}
div#wrapper_menu1 ul li:first-child:hover a,
div#wrapper_menu1 ul li.active:first-child a{
        padding-left:0!important;
}
div#wrapper_menu1 ul li:first-child:hover span,
div#wrapper_menu1 ul li.active:first-child span{
        height: 38px;
        line-height:38px;
        display:block;
        float:left;
        padding-left: 2px!important;
        padding-right:12px;     
}
div#wrapper_menu li.topli ul{
        top:33px!important;
        border-top:none;
        position: absolute;
        z-index: 10000;
}
div#wrapper_menu1 ul li li:first-child{
        margin: 0;
        padding: 0;
}
div#wrapper_menu1 ul li li:first-child a{
        padding-left: 12px;
}
div#wrapper_menu1 ul li li:first-child:hover a{
        padding-left: 120px;
}
div#wrapper_menu1 ul li li{
        line-height: 30px;
}
div#wrapper_menu1 ul li li:hover,
div#wrapper_menu1 ul li li:hover a,
div#wrapper_menu1 ul li li:hover span,
div#wrapper_menu1 ul li li:first-child:hover,
div#wrapper_menu1 ul li li:first-child:hover a,
div#wrapper_menu1 ul li li:first-child:hover span{
        height: 30px;
        line-height: 30px;
}
div#wrapper_menu1 ul li li:first-child:hover span{
        margin-left: 10px!important;
}
div#wrapper_menu1 ul li li:hover{
        margin: 0!important;
}
div#wrapper_menu1 ul li li:first-child:hover span{
        margin-left: 3px;
}
/* top
-------------------------------------------------------------------*/
div#buttons{
        width:auto;
        float:right;
        margin:39px 15px 0 0;
        padding-right:12px;
        height:22px
}
div#buttons div{
        height:17px;
        padding:1px 0 4px 12px;
}
div#buttons span#login_btn_noborder,
div#buttons span#register_btn{
        border: none !important;
        display:block;
        padding-right:0;
        padding-top:4px;
        margin-right:0;
}
div#buttons span#login_btn{
        padding-right:8px;
        margin-right:5px;
        margin-top:4px;
}
div#buttons span{
        font-size:11px;
        font-weight:normal;
        display:block;
        float:left;
}
div#buttons span a{
        line-height:11px;
}
div#banner1{
        width:468px;
        height:60px;
        float:left;
        margin: 20px 25px 0 0;
}
div#search{
        width: 155px;
        height:20px;
        float:right;
        margin:40px 0 0 0;
}
div#search input#mod_search_searchword{
        border:none;
        background:none;
        height:16px;
        padding:3px 20px 0 6px;
        width:139px;
        display:block;
        font-size:11px;
}
div#search input.button{
        display:none;
}
/* highlighter
-------------------------------------------------------------------*/
div#wrapper_highlight{
        height:36px;
        overflow:hidden;
}
div#highlight{
        float: left;
        width: 80%;
        overflow:hidden;
}
div#datatop{
        text-align: right;
        float:right;
        margin: 8px 12px 0 0;
        font-size: 10px;
        font-weight:bold;
        text-transform:uppercase;
        width:auto;
        height:17px;
}
div#datatop span{
        display: block;
        height:17px;
        padding-left:11px;
        margin-right:11px;
        line-height:16px;
}
/* header
-------------------------------------------------------------------*/
div#wrapper_header{
        overflow: hidden;
}
div#banner2,
div#banner3,
div#header1,
div#header2{
        float: left;
        overflow:hidden;
}
div#header_modules{
        clear: both;
        margin: 0px 10px 0 10px;
        padding-top: 10px;
}
/* content
-------------------------------------------------------------------*/
div#component{
        position: relative;
        float:left;     
}
div#right{
        float:right;
}
div#wrapper_content{
        overflow:hidden;
}
div#inset{
        width:249px;
        float:left;
}
div#mainbody{
        float:left;
}
div#mainbody_wrapper{
        margin: 0 15px;
        padding: 15px 0;
}
div.users_wrap,
div.module_wrap{
        overflow:hidden;
        width: 100%;
}
#wrapper_content_mainbody {overflow: hidden;}
/* Bottom
-----------------------------------------------------------------*/
div#wrapper_bottom{
        overflow: hidden;
        padding-bottom: 15px;
}
/* Footer
-----------------------------------------------------------------*/
div#wrapper_footer{
        padding:8px 15px 15px 5px;
        height:22px;
        font-size:0.9em;
}
div#wrapper_footer ul{
        width:auto;
        float:left;
        list-style-image:none;
        margin:0;
        padding:0;
}
div#wrapper_footer ul li.level1 a{
        padding:0 6px;
}
div#wrapper_footer ul li.level1 {
        float:left;
}
div#wrapper_footer div.moduletable_content{
        margin:0!important;
        padding:0!important;    
}
div#informations{
        float:right;
        margin-top:3px;
}
div#stylearea{
        float:right;
        margin-left:5px;
        margin-top:3px;
}
div#footer_menu{
        float: left;
        width: auto;
}
/* set the width of user modules 
-------------------------------------------------------------------*/ 
.us_width-20,
.us_width-25,
.us_width-33, 
.us_width-50{
        display:block;
        float:left;
}
.us_width-33:first-child{
        width:34%;
}
.us_width-20{ width:20%; }
.us_width-25{ width:25%; }
.us_width-33{ width:33%; }
.us_width-50{ width:50%; }
.us_width-100{ width:100%; }
/*      
        Available suffixes:
        * _light (only on right module position)
        * _clear
        * _menu
        * _text 
*/
div.moduletable,
div.moduletable_clear,
div.moduletable_menu,
div.moduletable_text, 
div.moduletable_light{
        margin: 0;      
}
div.moduletable h3,
div.moduletable_clear h3,
div.moduletable_menu h3,
div.moduletable_text h3,
div.moduletable_light h3{
        margin:0!important;
        text-indent:15px;
        height:46px;
        font-size:10px;
        width: 100%;
        line-height:38px;
        text-align:left;
}
div.moduletable h3 span,
div.moduletable_clear h3 span,
div.moduletable_menu h3 span,
div.moduletable_text h3 span,
div.moduletable_light h3 span{
        padding: 0;
        width: 99.9%;
        display:block;
        height: 46px;
        float: left;
        font-weight: bold;
        text-transform:uppercase;
}
div.moduletable div.moduletable_content,
div.moduletable_clear div.moduletable_content,
div.moduletable_menu div.moduletable_content,
div.moduletable_text div.moduletable_content,
div.moduletable_light div.moduletable_content{
        margin:10px 15px 15px 15px;
}
div.moduletable_clear div.moduletable_content{
        margin: 0px;
}
div.moduletable_content{
        padding: 0;
        margin: 0 0 10px 0;
        font-size: 12px;
}
div.moduletable_clear{
        margin: 0;
        padding:0;
        border: none;
}
div.moduletable_clear div.moduletable_content{
        margin: 0;
        padding:0;      
}
/* restrictions
------------------------------------------------------------------- */
/* mainbody */
div#mainbody div.moduletable h3,
div#mainbody div.moduletable_clear h3,
div#mainbody div.moduletable_menu h3,
div#mainbody div.moduletable_text h3{
        background: none;
        height: 20px;
        line-height: 20px;
}
div#mainbody div.moduletable h3 span,
div#mainbody div.moduletable_clear h3 span,
div#mainbody div.moduletable_menu h3 span,
div#mainbody div.moduletable_text h3 span{
        background: none;
        height: 20px;
        line-height: 20px;
}

div#mainbody div.moduletable div.moduletable_content,
div#mainbody div.moduletable_clear div.moduletable_content,
div#mainbody div.moduletable_menu div.moduletable_content,
div#mainbody div.moduletable_text div.moduletable_content{
        margin:0!important;
}
div#mainbody div.moduletable h3,
div#mainbody div.moduletable_clear h3,
div#mainbody div.moduletable_menu h3,
div#mainbody div.moduletable_text h3{
        text-indent:0px!important;
}
/* right */
div#right div.moduletable,
div#right div.moduletable_clear,
div#right div.moduletable_menu,
div#right div.moduletable_text{
        overflow:hidden;
}
/* bottom */
div#wrapper_bottom div.moduletable h3,
div#wrapper_bottom div.moduletable_clear h3,
div#wrapper_bottom div.moduletable_menu h3,
div#wrapper_bottom div.moduletable_text h3{
        background:none;
}
div#wrapper_bottom div.moduletable h3 span,
div#wrapper_bottom div.moduletable_clear h3 span,
div#wrapper_bottom div.moduletable_menu h3 span,
div#wrapper_bottom div.moduletable_text h3 span{
        background:none;
}
div#wrapper_bottom .us_width-20 div.moduletable_content,
div#wrapper_bottom .us_width-25 div.moduletable_content,
div#wrapper_bottom .us_width-33 div.moduletable_content, 
div#wrapper_bottom .us_width-50 div.moduletable_content{
        display:block;
        float:left;
        margin-right: -1px;
        margin: 0;
        padding: 5px 15px 5px 15px;
}
div#wrapper_bottom .us_width-20:first-child div.moduletable_content,
div#wrapper_bottom .us_width-25:first-child div.moduletable_content,
div#wrapper_bottom .us_width-33:first-child div.moduletable_content, 
div#wrapper_bottom .us_width-50:first-child div.moduletable_content{
        border-left: none;
        margin-right: 0;        
}
/* Default Joomla menu */
.moduletable_menu ul.menu, 
.moduletable_menu ul.menu ul, 
.moduletable_menu ul.menu ul ul {
        list-style-image: none;
        margin: 0;
        padding: 0; 
        background: none;
}
.moduletable_menu ul.menu li {
        line-height: 18px;
}
.moduletable_menu ul.menu li:first-child {
        border: none;
}
.moduletable_menu ul.menu li.current li{
        margin-left: 10px;
        padding-left: 16px; 
}
.moduletable_menu ul.menu ul {}
.moduletable_menu ul.menu ul li a {
        font-size: 0.9em;
        font-weight: normal;
}
.moduletable_menu ul.menu ul li {
        padding: 3px 0;
}
/* popups */
div#popup_login,
div#popup_register{
        position: absolute;
        z-index: 100000;
        width: 530px;
        top: 5px;
        right: 4px;
        display: none;
}
div#close_button_login,
div#close_button_register{
        width: 24px;
        margin: 3px 3px 0 0;
        height: 24px;
        cursor: pointer;
        float: right;
}
div.top{
        width: 488px;
        padding: 0 10px 16px 32px;
        margin: 27px 0 0 0;
        overflow: hidden;
}
div.top form#josForm{
        width: 480px;
        margin: 0 auto;
}
div.bottom{
        width: 530px;
        height: 15px;
}
/* joomla.classes readon */
a.readon{
        width:92px;
        height:16px;
        line-height:15px!important;
        margin:4px 0 !important;
        display:block;
        float:left;
        padding-left:10px;
        font-size:11px!important;
        font-weight: bold;
}
.button{
        height:16px;
}
/* System messages */
#system-message{
        margin-bottom:0;
}
#system-message dt.error{
        display:none;
}
#system-message dd{
        font-weight:bold;
        margin:0;
        text-indent:30px;
}
#system-message dd.error ul{
        margin-bottom:0;
}
dl#system-message ul{
        margin:0;
}
#system-message dd ul{
        list-style-type:none;
        margin-bottom:10px;
        padding:10px;
}