/* 
-----------------------------------------------------------------------------
GLOBAL DEFAULT ELEMENTS
-----------------------------------------------------------------------------*/
body {
    background:#000; 
    color: #cdcdcd;
    font: 14px/16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

a {
    color: #fff;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}
* {
    margin: 0;
    padding: 0;
}

* {
    margin: 0;
    padding: 0;
}
ul, li {
    margin-left: 10px;
}

img form {
 border: 0;
}
iframe {
border: 0;
}

.strefa {
position:absolute;
top:0;
right:0;
}
.strefa a{
display:block;
width:138px;
height:123px;
background:url('../images/strefa_architekta.png') no-repeat;
}
.strefa a span{display:none;}
/* TOP */
#top_container {
/*    background: url('../images/bg_top.jpg') repeat-x; */
    width: 100%;
    height: 130px;
}

#top_container #top_pan {
    width: 980px;
    height: 130px;
    margin: 0 auto auto auto;
}
#top_container #top_pan .logo {
    width: 90px;
    height: 109px;
    background: url('../images/logo_mebelstyl.jpg') 0 18px no-repeat;
    float: left;
}

#top_container #top_pan #menu_container {
    width: 735px;
    height: 130px;
    margin-left: 90px;
    padding-left: 155px;
}

#menu_container .button_container {
    float: left;
    margin-top: 55px;
}

.button_container  a {
    padding: 0 10px 0 10px;
    text-decoration: none;
    color: #fff;
    float: left;
}
.button_container a:hover {
    text-decoration: none;
}
.button_container .spacer {
    float: left;
    width: 2px;
    height: 21px;
    background: url('../images/menu_spacer.png') no-repeat;
}
.button_container .bottom_container {
    margin: 0 auto auto auto;
    display: none;
}
.button_container .bottom_l {
    width: 5px;
    height: 18px;
    background: url('../images/v_l.png') no-repeat;
    float: left;
}
.button_container .bottom {
    width: 1px;
    height: 18px;
    background: url('../images/v_line.png') repeat-x;
    float: left;
}
.button_container .bottom_r {
    width: 5px;
    height: 18px;
    background: url('../images/v_r.png') no-repeat;
    float: left;
}

.button_container .bottom_middle {
    width: 25px;
    height: 18px;
    background: url('../images/v_middle.png') no-repeat;
    float: left;
}
.button_container .spacer2 {
    width: 2px;
    float: left;
}

/* CONTENT */
#content_container {
    width: 980px;
    height: 547px;
    margin: 0 auto auto auto;
}

/* NEWS */
#news_container {
    width: 100%;
    font: 14px/16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    color: #cdcdcd;
    background: #1e2020;
    text-shadow: 0px 1px 0px rgba(0,0,0,.85);
}
#news_container #news_pan {
    width: 980px;
    height: 306px;    
    padding: 38px 0 38px 0;
    margin: 0 auto auto auto;
}
#news_container #news_pan .news_column {
    width: 203px;
    height: 306px;
    border-left: 1px solid #2c2f2f;
    padding: 0 20px 0 20px;
    float: left;
}
#news_container #news_pan .news_column .more{
    background: #bf001b;
    font: 12px/14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    font-weight: bold;
    text-shadow: 0px 1px 0px rgba(0,0,0,.65);    
    padding: 3px 8px 3px 8px;
    line-height: 16px;
    border: 0;
    color: #fff;
    cursor: pointer;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    text-decoration: none;

}
#news_container #news_pan .news_column .more:hover{
    background: #aa0001;
}
#news_container #news_pan .news_column b{
    color: #fff;
    text-shadow: 0px 1px 0px rgba(0,0,0,.85);    

}
#news_container #news_pan .news_column .data{
    font-size: 11px;
    font-weight: bold;
    color: #da1a35;
    text-shadow: 0px 1px 0px rgba(0,0,0,.65);    
    
}
.border_right {
    border-right: 1px solid #2c2f2f;
}

#news_container #content_pan {
    width: 980px;
    padding: 38px 0 38px 0;
    margin: 0 auto auto auto;
}

#news_container #content_pan #content{
    width: 920px;
    padding: 0 30px 0 30px;
    border-right: 1px solid #2c2f2f;
    border-left: 1px solid #2c2f2f;
    line-height: 20px;
    text-align: justify;
}

h3 {
    font-size: 18px;
    font-weight: bold;
    color: #bf001b;
    margin-bottom: 10px;
}


/* FOOTER */
#footer_container {
    background: #131818;
    clear: both;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font: 14px/40px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    color: #00b3df;
}
#footer_container #footer_pan {
    width: 980px;
    margin: 0 auto auto auto;
}
#footer_container #footer_pan .footer_column {
    width: 50%;
    float: left;
}
#footer_container #footer_pan .footer_column a{
    color: #00b3df;
    text-decoration: underline;
}
#footer_container #footer_pan .footer_column a:hover{
    text-decoration: none;
}
.align_right {
    text-align: right;
}
/* TEXT BOTTOM */
#bottom_container {
    width: 980px;
    padding: 20px 0 20px 0;
    margin: 0 auto auto auto;
}
#bottom_container .bottom_column {
    width: 50%;
    float: left;
    color: #cdcdcd;    
    line-height: 20px;
    font-weight: normal;
}
#bottom_container .bottom_column a{
    color: #cdcdcd;
    text-decoration: underline;
}
#bottom_container .bottom_column a:hover{
    text-decoration: none;
}
#copyrights {
    font-size: 10px;
    color: #666;
}

.lang_pl {
    background: url('../images/lang_pl.png') top no-repeat;
    width: 20px;
    height: 15px;
    float: left;
    margin: 57px 5px 0 0;
}
.lang_pl:hover {
    background: url('../images/lang_pl.png') bottom no-repeat;
}

.lang_en {
    background: url('../images/lang_en.png') top no-repeat;
    width: 20px;
    height: 15px;
    float: left;
    margin: 57px 5px 0 0;
}
.lang_en_disabled {
    background: url('../images/lang_en.png') bottom no-repeat;
    width: 20px;
    height: 15px;
    float: left;
    margin: 57px 5px 0 0;
}
.lang_en:hover {
    background: url('../images/lang_en.png') bottom no-repeat;
}
.lang_de {
    background: #0000ff url('../images/lang_de.png') top no-repeat;
    width: 20px;
    height: 15px;
    float: left;
    margin: 57px 5px 0 0;
}
.lang_de_disabled {
    background: #0000ff url('../images/lang_de.png') bottom no-repeat;
    width: 20px;
    height: 15px;
    float: left;
    margin: 57px 5px 0 0;
}
.lang_de:hover {
    background: url('../images/lang_de.png') bottom no-repeat;
}



.ui-tabs { position: relative; background-color: #1e2020;} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs #paginate-container { width: 980px; height: 40px; margin: 0 auto auto auto;}
.ui-tabs .ui-tabs-nav { margin: 0;  }
.ui-tabs .ui-tabs-nav li { 
    list-style: none; 
    float: left; 
    position: relative; 
    white-space: nowrap; 
    text-align: center;
    margin: 0px 2px 0px 0;
    font-weight: bold;
    font-size: 14px;    
    color: #1e2020;
    background-color: #555;
}
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { 
    background-color: #aa0001;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;

 }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { 
 color: #FFF;

 }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { 
    padding: 10px;
    cursor: pointer; 
    text-align: center;
    margin: 0px 2px 0px 0;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;    
    color: #1e2020;
    text-shadow: 0px 1px 0px rgba(0,0,0,.65);    

} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

.ui-tabs .ui-tabs-panel {     
}
.ui-tabs .ui-tabs-hide { display: none !important; }