/*reset*/
body {width:100%;background:#fff;color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,var{font-style:normal;font-weight:400;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;}
blockquote:before, blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes: "" "";}
fieldset,img,abbr,acronym{border:0;}
:focus {outline:0;}
:link,:visited,:hover {text-decoration:none;}
input,textarea {font:1em normal Tahoma,Geneva,Kalimati,sans-serif;}
/* /reset */

/* global classes */
.clearfix:after, .fline:after {clear: both;display: block;visibility:hidden;height:0;content: ".";}
.clearfix, .fline {display:inline-block;}
.aural{position:absolute;left:-2007px;font-size:0;}



/*-------------------------------------------------------------------------------------------------------
                                                                                                GLOBAL
-------------------------------------------------------------------------------------------------------*/
body {
    font:normal 10px/1.4em Tahoma,Arial,sans-serif;
    background:#999;
    color:#000;
}
a {
    color:#696CD5;
}
a:focus, a:hover, a:active {
    color:#666;
    text-decoration:underline;
}





/*-------------------------------------------------------------------------------------------------------
                                                                                                MAIN
-------------------------------------------------------------------------------------------------------*/
#main {
    width:1024px;
    margin:0 auto;
    background: url('../img/menu_bg.png') repeat-x bottom;
}
#header, #wrapper, #footer {
    width:100%;
    float:left;
    
}




/*-------------------------------------------------------------------------------------------------------
                                                                                                HEADER
-------------------------------------------------------------------------------------------------------*/
#header {
    position:relative;
    height:262px;
    background: url('../img/header.png') no-repeat;
}
#logo {
    position:absolute;
    top:39px; left:53px;
}
#motto{
    position:absolute;
    right:105px;
    bottom:85px;
    font:italic 18px/26px "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
    color:#fff;
    text-align:right;
}
/*-----------------------
    navigation
-----------------------*/
#main_menu {
    width: 100%;
    position:absolute;
    bottom:0;
    left:0px;
    height:67px;
    background: url('../img/menu_bg.png') repeat-x right ;
    text-align: center;
}
#main_menu li {
    float:left;
    height:100%;
}
#main_menu li a {
    display:block;
    float:left;
    width: 135px;
    margin:5px 11px;    
    padding:5px 20px;
    background: url('../img/button_top.png') no-repeat;
    color: #a7a7ac;
    font-size: 11px;
}
#main_menu li a:hover, #main_menu li a:focus, #main_menu li a:active {
    color:#626ad9;
    text-decoration:none;
}



/*-------------------------------------------------------------------------------------------------------
                                                                                                WRAPPER
-------------------------------------------------------------------------------------------------------*/
#wrapper {
    background: url('../img/wrapper_bg.png') repeat-y;
    position:relative;
}



/*-------------------------------------------------------------------------------------------------------
                                                                                                CONTENT
-------------------------------------------------------------------------------------------------------*/
#content {
    float:left;
    width:790px;
    font-size:12px;
    color:#5e5d5d;
}


                                                                                /*-----------------------
                                                                                    content headers
                                                                                -----------------------*/
#content h1 {
    margin:0 0 1.5em;
    font-weight:700;
    font-size:20px;
    color:#e27613;
}
#content h2 {
    margin:1.2em 0 0;
    font-size:1.1em;
    color:#6b73d8;
}
#content h3 {
    margin:1.15em 0 0;
    font-size:1.35em;
}
#content h4 {
    margin:1.15em 0 0;
    font-size:1.15em;
}
.warsztaty #content h2, .o-mnie #content h2 {
    font-size:16px;
    color:#e27613;
}

                                                            /*-----------------------------------------
                                                                content paragraphs, tables and lists
                                                            -------------------------------------------*/
/*.linki #content a {
    color:#000;
}
.linki #content a:hover, .linki #content a:focus {
    color:#6066D4;
}
*/

#content p, #content ul, #content ol, #content table {
    margin:1em 0;
}
#content ul li {
    list-style:disc inside;
}
#content ol li {
    list-style:decimal inside;
}

#content_menu{
    float:left;
    width:100%;
    text-align:center;
    margin-bottom: 15px;
}
#content_menu ul li{
    list-style-type:none;
    display: inline;
   
    
}
#content_menu ul{
    width:100%;
    text-align:center;
    
}
#content_menu li a {
    padding: 5px 10px;
    margin:0 1px;
    background: url('../img/content_menu_bg.png') repeat-x;
    font-size: 12px;
    color: #98948d;
    text-transform:uppercase;
}
#content_menu a:hover, #content_menu a:focus, #content_menu a:active{
    color:#626ad9;
    text-decoration:none;
}

#content .zajecia_top{
    width:170px;
    min-height:372px; 
    padding:13px 200px 5px 266px;
    float:right;    
    background: url('../img/zajecia_bg.png') no-repeat left top;
}
#content .zajecia_bottom{
    float:right;
    margin:9px 200px 0 0;
    min-height:372px;
    padding:3px 266px 5px 0;
    width:170px;    

    background: url('../img/zajecia_bg2.png') no-repeat right top;
}

#content .img_left {
    float:left;
    margin:0 10px 10px 0;
}
#content .img_right {
    float:right;
    margin:0 0 10px 10px;
}

.red {
    color:#f8220a;
}
.orange {
    color:#e27613;
}
.blue {
    color:#5b6cd6;
}

#content_sidebar{
    float:left;
    width:180px;
}
#content_sidebar li img{
     margin: 10px 10px 10px 15px;
    display:block;
}
#content_sidebar ul li{
    list-style-type:none;
}
#content_main{
    float:left;
    width:580px;
}
.warsztaty #content_main, .wyjazdy_z_joga #content_main {
    padding:0 0 0 20px;
}


.warsztaty .images img {
    border:1px solid #ccc;
    vertical-align:bottom;
}
.galeria #content_main, .aktualnosci #content_main {
    width:645px;
    padding:0 0 0 75px;
}
.galeria #content ul li {
    list-style:none;
    width:100px;
    float:left;
}
.news {
    float:left;
    width:550px;
    margin:0 0 15px 20px;
}
#content .news h2 {
    margin:0;
}
#content .news h2 a {
    color:#696cd5;
    text-transform:uppercase;
}
#content #accordion h2 a {
    color:#6066d4;
    text-transform:uppercase;
}
#content #accordion li {
    list-style:none;
}
#content #accordion li div ul li {
    list-style:disc inside;
}
#content #accordion li div ol li {
    list-style:decimal inside;
}

#wrapper_inner{
    background: url('../img/footer_bg.png') no-repeat 0 100%;
    float:left;
    width:100%;
    padding:0 0 10px;
}
.stopka{
    margin: 0 0 0 120px;
    width: 300px;
    float:left;
}
.stopka img, .stopka2 img{
    vertical-align:middle;
}

.stopka2 {
    margin:20px 120px 0 0;
    float:right;
    text-align:right;
    width: 200px;
}


/*-------------------------------------------------------------------------------------------------------
                                                                                            SIDEBAR
-------------------------------------------------------------------------------------------------------*/
#sidebar {
    float:left;
    width:115px;
     
}
#sidebar li{
    width:100px;
}
#sidebar ul{
    padding: 0 0 90px 0;
    background: url('../img/sidebar_bg.png') no-repeat bottom left;
}
#sidebar li a{
    text-align: right;
    padding: 13px;
    background: #e4ded5 url('../img/button_bg.png') repeat-x top;
    display:block;
    width: 88px;
    font-size:12px;
    color: #7a6e5f;
    text-transform:uppercase;
}
#sidebar li a:hover, #sidebar li a:focus, #sidebar li a:active {
    color:#626ad9;
    text-decoration:none;
}

#sidebar2{
    float:right;
    width: 115px;
}

#sidebar2 li img{
    padding: 10px;
    margin-left: 5px;
}

#block{
    background: url('../img/block_bg.png') repeat-y -1px 0;
    margin: 0 0 20px;
    color: #7a6e5f;
    font-size:12px;
    float:left;
    width:100%;
}
#block .block_inner{
    float:left;
    width:100%;
    background: url('../img/block_inner.png') no-repeat -1px 0;
    padding: 5px 0 0 0;
}

#block .block_inner2{
    float:left;
    width:91px;
    background: url('../img/block_inner2.png') no-repeat bottom;
    padding: 23px 12px 33px;
    min-height: 200px;   
}

#sidebar .boxTitle {
    text-transform:uppercase;
    margin-bottom:1em;
}

/*-------------------------------------------------------------------------------------------------------
                                                                                            FOOTER
-------------------------------------------------------------------------------------------------------*/
#footer {
   height:30px;
   background: url('../img/menu_bg.png') repeat-x 0 0;
   padding:10px 0;
}

#footer ul{
    float:right;
    margin: 0 110px 0 0;
    width:900px;
    text-align:right;
}
#footer ul li{
    list-style:none;
    vertical-align: middle;
    display:inline;
}
#footer li a {
    padding:0 10px;
    background: url('../img/link_bg.png') no-repeat 100% -2px;
    font-size:10px;
    color: #98948d;
}