/* 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: #482D24;
  font-weight: bold;
}

.title, h1 {
  font-size: 170%;
}

.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: #9E956B;
    font-size:110%;
    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:#412A22;
}

body.mceContentBody
{
    background: #fff !important;
}

#envelope {background:url(/c/layout/default/lay-envelope-background.jpg) top center repeat-x;}
#envelopeTop {margin:0 auto !important;background:url(/c/layout/default/lay-envelope-top.jpg) top center no-repeat;}
#envelopeBottom {width:800px;margin:0 auto !important;background:url(/c/layout/default/lay-envelope-bottom.png) bottom center no-repeat;}
#header {position:relative;width:800px;height:430px;margin:0 auto !important;}
#motive {position:absolute;top:10px;left:300px;}
#wraper {margin:0px auto !important;width:800px;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:800px;height:79px;margin:0 auto !important;} 
#footer div {position:absolute;left:30px;top:30px;font-size:10px;line-height:1.5;color:#bbd29b;}
#footer a {color:#e0eccf;} 

#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:53px;
    margin:0 auto !important;
    position:relative;
    top:365px;
    left:0;
}

ul#tabs1 {
    list-style-type: none;
    height: 53px;
    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: 53px;
    background-repeat: no-repeat;
    text-indent: -3000px;
    background-image: url(/c/layout/default/menu.png);
}

#tabs1 li.home a {background-position: 0 -53px; width: 115px;}
#tabs1 li.home a:hover,#tabs1 li.home a.active {background-position: 0 0;}

#tabs1 li.nowosci a {background-position: -115px -53px; width: 87px;}
#tabs1 li.nowosci a:hover,#tabs1 li.nowosci a.active {background-position: -115px 0;}

#tabs1 li.nasze-psy a {background-position: -202px -53px; width: 88px;}
#tabs1 li.nasze-psy a:hover,#tabs1 li.nasze-psy a.active {background-position: -202px 0;}

#tabs1 li.wystawy a {background-position: -290px -53px;width: 88px;}
#tabs1 li.wystawy a:hover,#tabs1 li.wystawy a.active {background-position: -290px 0;}

#tabs1 li.mioty a {background-position: -378px -53px;width: 68px;}
#tabs1 li.mioty a:hover,#tabs1 li.mioty a.active {background-position: -378px 0;}

#tabs1 li.galeria a {background-position: -446px -53px;width: 78px;}
#tabs1 li.galeria a:hover,#tabs1 li.galeria a.active {background-position: -446px 0;}

#tabs1 li.kontakt a {background-position: -524px -53px;width: 78px;}
#tabs1 li.kontakt a:hover,#tabs1 li.kontakt a.active {background-position: -524px 0;}

#tabs1 li.konkursy a {background-position: -602px -53px;width: 90px;}
#tabs1 li.konkursy a:hover,#tabs1 li.konkursy a.active {background-position: -602px 0;}

#tabs1 li.szczeniaki a {background-position: -692px -53px;width: 95px;}
#tabs1 li.szczeniaki a:hover,#tabs1 li.szczeniaki a.active {background-position: -692px 0;}

#tabs1 li.linki a {background-position: -787px -53px;width: 58px;}
#tabs1 li.linki a:hover,#tabs1 li.linki a.active {background-position: -787px 0;}

#tabs1 li.szkolenia a {background-position: -845px -53px;width: 93px;}
#tabs1 li.szkolenia a:hover,#tabs1 li.szkolenia a.active {background-position: -845px 0;}


.submenu
{
margin:0px;
padding:0px;
font-size:12px;
font-weight: normal;
text-align:left;
line-height:2;
width:100px;
}

.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;}