/* Begin CSS reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1.5;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align:top;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
/* End CSS reset */

/* This file contains the CSS data for the editable area(iframe) of TinyMCE */
/* You can extend this CSS by adding your own CSS file with the the content_css option */


h1, h2, h3, h4, h5, h6 {
  margin: 0; padding: 0;
  font-size: 10px;
  font-weight: normal;
}

ul {
  list-style: square;
}

ul, ol {
  padding: 0 0 0 20px;
}

/** Formatting **/

pre {
  margin: 10px;
  border: 1px solid #E7E7E7;
  padding: 10px;
  font: 12px monospace;
  overflow: auto;
}

h1, h2, .title, .subtitle {
  display: block;
  color: #6B9B9F;
  font-weight: bold;
}

.title, h1 {
  font-size: 190%;
}

.subtitle, h2 {
  font-size: 120%;
}

.important, .note, .updated {
  border-bottom: 3px double #ccc;
}

.important {
  border-color: red;
  background: #FFCFD1;
}

.note {
  border-color: yellow;
  background: #FFFFCF;
}

.updated {
  border-color: green;
  background: #CFFFD1;
}

.quote {
  display: block;
  border: 1px solid #E7E7E7;
  padding: 10px;
}

p {
    color: #6f8c9e;
    font-size:120%;
    line-height: 19px;
}

strong {
    font-weight:bold;
}

a {
    color:#b1d04e;
}

li {
    list-style-type: circle;
    font-size:120%;
}





body {
    font-family: Lucida Grande, Lucida Sans Unicode, Helvetica, Arial, Verdana, sans-serif;
    font-size: 11px !important;
    color:#566f7c;
    background:#FBFDFC;
}


#envelope {background:#FBFDFC;}
#envelopeTop {margin:0 auto !important;background:url(/c/layout/default/lay-envelope-top.jpg) top center repeat-x;}
#envelopeBottom {width:900px;margin:0 auto !important;background:url(/c/layout/default/lay-envelope-bottom.png) bottom center no-repeat;}
#header {position:relative;width:840px;height:180px;margin:0 auto !important;}
#motive {position:absolute;top:10px;left:300px;}
#wraper {margin:0px auto !important;width:840px;background:url(/c/layout/default/lay-page-background.png) top center repeat-y;top:0;border-bottom:0;min-height:230px;height: auto !important; height:270px;padding-bottom:20px;}



#page {margin:0 auto !important;width:800px;position:relative;}
#page table td {padding:0 7px;}

#logo img {position:absolute;top:30px;left:50px;width:180px;height:120px;}

#footer {position:relative;width:900px;height:70px;margin:0 auto !important;} 
#footer div {position:absolute;left:60px;top:23px;font-size:10px;line-height:1.5;color:#75a5a6;}
#footer a {color:#b1d04e;} 

#menu1 {height:40px;background:#4aa6c7;}
#menu1 li {display:inline;margin-left:10px;}
#menu1 a {color:#83905e;text-decoration:none;}
#menu1 a:hover {color:#000;}

#menu2 {height:14px;padding:8px;background:#e6e5d1;border-top:1px solid #fff;border-bottom:5px solid #fff;text-align:right;}
#menu2 li {display:inline;margin-left:10px;}
#menu2 a {color:#83905e;text-decoration:none;}
#menu2 a:hover {color:#000;}


#left {width:200px;padding:0 10px;}
#right {width:200px;padding-left:5px;}

div.tabs2
{
    height:14px;
    padding:8px;
    background:#e6e5d1;
    border-top:1px solid #fff;
    border-bottom:5px solid #fff;
    text-align:right;
}

#tabs2 li {display:inline;margin-left:10px;}
#tabs2 a {color:#83905e;text-decoration:none;}
#tabs2 a.active {color:#000;font-weight:bold;}
#tabs2 a:hover {color:#000;}


div.tabs1
{
    width:800px;
    height:37px;
    margin:0 auto !important;
    position:relative;
    top:126px;
    left:0;
}

ul#tabs1 {
    list-style-type: none;
    height: 37px;
    top: 0px;
    position: relative;
    left:0;
    margin: 0;
    padding: 0;
}
#tabs1 li {
    list-style-type:none;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}
#tabs1 li a {
    float: left;
    display: block;
    color: #666;
    height: 37px;
    background-repeat: no-repeat;
    text-indent: -3000px;
    background-image: url(/c/layout/default/menu.png);
}

#tabs1 li.home a {background-position: 0 -37px; width: 100px;}
#tabs1 li.home a:hover,#tabs1 li.home a.active {background-position: 0 0;}

#tabs1 li.o-mnie a {background-position: -100px -37px; width: 66px;}
#tabs1 li.o-mnie a:hover,#tabs1 li.o-mnie a.active {background-position: -100px 0;}

#tabs1 li.oferta a {background-position: -166px -37px; width: 66px;}
#tabs1 li.oferta a:hover,#tabs1 li.oferta a.active {background-position: -166px 0;}

#tabs1 li.galerie-zdjec a {background-position: -232px -37px;width: 102px;}
#tabs1 li.galerie-zdjec a:hover,#tabs1 li.galerie-zdjec a.active {background-position: -232px 0;}

#tabs1 li.partnerzy a {background-position: -334px -37px;width: 81px;}
#tabs1 li.partnerzy a:hover,#tabs1 li.partnerzy a.active {background-position: -334px 0;}

#tabs1 li.kontakt a {background-position: -415px -37px;width: 66px;}
#tabs1 li.kontakt a:hover,#tabs1 li.kontakt a.active {background-position: -415px 0;}


.submenu
{
margin:0px;
padding:0px;
font-size:12px;
font-weight: normal;
text-align:left;
line-height:2;
}

.submenu ul {padding-left:15px;}

.submenu li
{
margin: 0;
padding: 0;
display: block;
}

.submenu li a
{
color:#355A6C;
padding: 2px 0px;
text-decoration: none;
border:0;
}
.submenu li a:hover {color: #F42E57;}
.submenu li.active a {color: #F42E57;font-weight:bold;}

.submenu span {color:#83905E;font-weight:normal;}


.information {padding:7px;font-weight:bold;background:#e6e5d1;color:#fff;}