body {
font-family:Arial,Helvetica,sans-serif;
margin:0px;
}

#topnav {
height:100px;
left:200px;
position:absolute;
top:0px;
width:700px;
}
#topnavleft {
float:left;
height:100px;
width:350px;
margin-left: 20px;
_display: inline;
}
#topnavright {
float:right;
height:100px;
margin-right: 20px;
_display: inline;
margin-top: 20px;
}



#topnavright input#searchText       { border: none; background: #fff url('/images/style/searchbg.jpg') top repeat-x; height: 15px; line-height: 15px; font-size: .7em; overflow: hidden; margin-top: 5px; }
#topnavright input#searchsubmit     { height: 15px; border: none; width: 19px; background: #666 url('/images/style/search.gif') no-repeat; font-size: 0; }

#topnavright a          { font-size: .6em; color: #ddd; }
#topnavright a:hover    { text-decoration: none; color: #aaa; }




#tabbed_box_1 {
left:200px;
position:absolute;
top:100px;
width:700px;
}

.tabbed_area {
}

ul.tabs {
margin:0 0 6px 20px;
padding:0px;
width: 700px;
list-style: none;
overflow: hidden;
}

ul.tabs li {
width: 110px;
float: left;
height: 40px;
}

ul.tabs li a {
color:white;
font-size:12px;
margin:0px;
text-decoration:none;
width: 100%;
display: block;
text-align: center;
height: 30px;
line-height: 30px;
overflow: hidden;
margin-top: 5px;
font-weight: bold;
}

ul.tabs li a:hover {
border-color:#2F343A;
text-decoration:underline;
margin-top: 0;
height: 35px;
line-height: 40px;
}



.content {
padding: 10px 20px;
color:#202020;
font-size:11px;
}

.content h2 {
color:white;
font-size: 1.8em;
}

.content img {
margin: 10px 0;
}
.content a {
color:white;
text-decoration:underline;
}
.content a:hover {
color:white;
text-decoration:none;
}




h3 { font-size: 1.2em; margin: 0; padding: 0; color: #fff; padding: 5px 10px; margin-top: 10px; margin-bottom: 5px; margin-left: -10px; }
h4 { font-size: 1em; margin: 0; padding: 0; padding: 10px 0; }



.menu {
left:0px;
position:absolute;
top:132px;
width:190px;
}
.title {
background-color:#B0BEA1;
color:#FFFFFF;
cursor:pointer;
display:block;
font-size:14px;
margin-top:0pt;
padding:5px;
text-decoration:none;
font-weight: bold;
}
.title:hover {
text-decoration:underline;
}
.title.selected {
color:#FFFFFF;
}
.menuitems {
width:190px;
}
.menuitems ul {
display:inline;
margin:0px;
padding:0px;
}
.menuitems ul li {
display:block;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:4px 0;
padding-left: 5px;
font-weight: bold;
}
.menuitems ul li ul {
display:block;
font-size:10px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:4px 0;
}

.menuitems ul li a {
color:#FFFFFF;
font-size:12px;
margin:0px;
padding:4px 0;
text-decoration:none;
}
.menuitems ul li a:hover {
text-decoration:underline;
}


.menuitems ul li ul li {
font-weight: normal;
margin-left: -5px;
padding-left: 5px;
}



.columnLeft,
.columnRight,
.columnAll {
color:#333037;
padding: 10px 20px;
margin-bottom: 10px;
}

.columnLeft,
.columnRight {
width: 280px;
}


.columnLeft { float: left; }
.columnRight { float: right; }

.columnLeft p,
.columnRight p,
.columnAll p { margin: 0; padding: 5px 0px; }

ol,ul { padding: 5px 0px 10px 30px; margin: 0;  }
li    { padding: 2px 0; }
ul    { list-style: disc outside; }


.tw {
color: #fff;
}


.fl   { float: left; }
.fr   { float: right; }

.width5  { width: 75%; }


.clear {
clear:both;
}
.clearing {
clear:both;
font-size: 0;
line-height: 0;
}



table {
margin-bottom:1.4em;
}
th {
border-bottom:1px solid #CCCCCC;
font-weight:bold !important;
text-align: center !important;
}
td {
border-bottom:1px solid #DDDDDD;
}
th, td {
padding:4px 5px 4px 2px;
}
tfoot {
font-style:italic;
}
caption {
background:#FFFFCC none repeat scroll 0%;
}
table .last {
padding-right:0pt;
}
img {
border:none;
}
.content img {
border:2px solid white;
}

#napistenam {
visibility:hidden;
}

#footer {
border-top:1px solid white;
font-size:10px;
padding:10px;
text-align: center;
width: 91%;
margin: 0 auto;
}

#footer a {
color:white;
text-decoration:none;
}
#footer a:hover {
text-decoration:underline;
}






.paging                    { padding-bottom: 20px; text-align: left; }
.paging ul                 { list-style: none; margin: 0; padding: 0; }
.paging ul li              { float: left; margin: 0; padding: 0; padding: 0 3px; }
.paging ul li a                  { text-decoration: none; }
.paging ul li a:hover            { text-decoration: underline; }
.paging ul li.active a           { text-decoration: none; font-weight: bold; }
.paging ul li.active a:hover     { text-decoration: none !important; }
.paging ul li.inactive a         { text-decoration: none; color: #666 !important; }
.paging ul li.inactive a:hover   { text-decoration: none !important; }




/* kids */

.kids_columns img, .kids_columns2 img { border: none; }

.kids_columns { width: 664px; padding: 0 0 15px; background: url(/uploads/kids/sloupce-pozadi.gif) left top; min-height: 490px; }
.kids_leftcolumn { width: 323px; float: left; }
.kids_rightcolumn { width: 323px; float: right; }
.kids_columns .padding, .kids_columns .padding { padding: 1.5em 16px 0.5em; }
.kids_columns:after, .kids_columns:after { content: "."; display: block; height:0; clear:both; visibility: hidden; }
.kids_columns, .columns {display:inline-block;}
* html .kids_columns { height: 490px; }

.kids_columns a { font-weight: bold; }

.kids_columns ul { color: #FFF; }
.kids_columns ul div { color: #333; }
.kids_columns ul li { margin: 0 0 1.3em; }

.kids_zarivka, .kids_popelnice, .kids_jakpoznat, .kids_nesviti, .kids_zijemeeko, .kids_odpady, .kids_priroda, .kids_zvirata, .kids_dvojice, .kids_omalovanky, .kids_bludiste, .kids_pexeso, .kids_rozdily, .kids_trideni { width: 288px; height: 115px; background-repeat: no-repeat; background-position: left top; margin: 0 0 1em; line-height: 1.25em; position: relative; }
.kids_zarivka { background-image: url(/uploads/kids/zarivka-box-pozadi.jpg); }
.kids_popelnice { background-image: url(/uploads/kids/popelnice-box-pozadi.jpg); }
.kids_jakpoznat { background-image: url(/uploads/kids/jakpoznat-box-pozadi.jpg); }
.kids_nesviti { background-image: url(/uploads/kids/nesviti-box-pozadi.jpg); }
.kids_zijemeeko { background-image: url(/uploads/kids/zijeme-ekologicky-box-pozadi.jpg); }
.kids_odpady { background-image: url(/uploads/kids/odpady-box-pozadi.jpg); }
.kids_priroda { background-image: url(/uploads/kids/priroda-box-pozadi.jpg); }
.kids_zvirata { background-image: url(/uploads/kids/zvirata-rostliny-box-pozadi.jpg); }
.kids_dvojice { background-image: url(/uploads/kids/dvojice-box-pozadi.jpg); }
.kids_omalovanky { background-image: url(/uploads/kids/omalovanky-box-pozadi.jpg); }
.kids_bludiste { background-image: url(/uploads/kids/bludiste-box-pozadi.jpg); }
.kids_pexeso { background-image: url(/uploads/kids/pexeso-box-pozadi.jpg); }
.kids_rozdily { background-image: url(/uploads/kids/rozdily-box-pozadi.jpg); }
.kids_trideni { background-image: url(/uploads/kids/trideni-box-pozadi.jpg); }
.kids_jakpoznat div, .kids_popelnice div, .kids_odpady div, .kids_priroda div, .kids_zijemeeko div, .kids_odpady div, .kids_priroda div, .kids_zvirata div, .kids_omalovanky div, .kids_pexeso div, .kids_trideni div { padding: 12px 113px 0 15px; }
.kids_jakpoznat div { padding-top: 25px; }
.kids_zarivka div, .kids_nesviti div, .kids_zijemeeko div, .kids_zvirata div, .kids_dvojice div, .kids_bludiste div, .kids_rozdily div { padding: 12px 15px 0 113px; }
.kids_nesviti div, .kids_zijemeeko div { padding-top: 10px; }
.kids_trideni div { padding-top: 15px; }
.kids_dvojice div, .kids_rozdily div, .kids_bludiste div { padding-top: 20px; }
.kids_pexeso div { padding-top: 27px; }
.kids_omalovanky div { padding-top: 35px; }
.kids_omalovanky a.play, .kids_pexeso a.play, .kids_trideni a.play { display: block; width: 100px; height: 100px; position: absolute; top: 0; right: 0; }
.kids_dvojice a.play, .kids_bludiste a.play, .kids_rozdily a.play { display: block; width: 100px; height: 100px; position: absolute; top: 0; left: 0; }
.kids_zarivka p, .kids_popelnice p, .kids_jakpoznat p, .kids_nesviti p, .kids_zijemeeko p, .kids_odpady p, .kids_priroda p, .kids_zvirata p { margin: 0 0 0.5em; }
.kids_zijemeeko p { margin: 0; }
.kids_zarivka p.more, .kids_nesviti p.more, .kids_zijemeeko p.more, .kids_zvirata p.more { text-align: right; }
.kids_zarivka a, .kids_popelnice a, .kids_jakpoznat a, .kids_nesviti a, .kids_zijemeeko a, .kids_odpady a, .kids_priroda a, .kids_zvirata a { color: #9D690C; font-weight: normal }



.kids_columns2 { width: 664px; margin: 0 0 5px 17px; padding: 0 0 10px; background: url(/uploads/kids/sloupce-pozadi.gif) left top; }
.kids_columns2 .padding { padding: 1.5em 16px 0.5em; }
.kids_columns2:after { content: "."; display: block; height:0; clear:both; visibility: hidden; }
.kids_columns2 {display:inline-block;}
* html .columns_2 { height: 490px; }
.columns_2 a { font-weight: bold; }

.kids_popelnice2 { clear: both; min-height: 106px; margin: 0 0 2em; }
.kids_rightcolumn .kids_popelnice2 { margin-bottom: 4.6em; }
.kids_popelnice2 img { float: left; }
.kids_popelnice2 p { margin: 0 0 0 110px; }

.kids_columns h2 { font-size: 125%; margin: 0 0 0.5em; line-height: inherit; color: #333; }
.kids_columns2 h2.bg { font-size: 125%; line-height: inherit; background: #E0B058; padding: 0.5em 10px; color: #FFF; margin: 0 0 1em; }




body {
background-color: #a3bece;
background-image:url(/images/style/bg05.jpg);
background-repeat:repeat-y;
}

.title { background-color: #a3bece; }

.leftmenu {
background-color:#94aebd;
color:white;
}
.menuitems ul li ul li {
background-color: #859ba9;
}

.menuitems ul li ul li a {
background-color: #859ba9;
}

h3 { background: #94aebd; }

.columnLeft,
.columnRight,
.columnAll {
background-color: #a3bece;
}

.mceContentBody .content {
width:660px;
padding: 10px 20px 0px 220px;
color:#202020;
font-size:11px;
}