/* CSS pro web: http://junglegym.cz/				*/
/* Autor: wee.cz, e-mail: info@wee.cz	*/

/* Debug					*/

body {
	font-family: 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background: #3cb651 url("../images/body-bg.gif") left top repeat-x;
}

img { border: none; }

a {
	color: #3482A6;
}
a:hover {
	color: #B32D27;
}
div#body-in
{
	background: url("../images/top-img1.jpg") 10px top no-repeat;
}
div#main {
	margin: 0 0 0 85px;
	width: 770px;
	text-align: left;
	padding: 0;
	background: url("../images/main-bg.gif") left top repeat-y;
}
div#main-in
{
	background: url("../images/top-img2.jpg") left top no-repeat;
}

div#top
{
	padding: 10px 25px 0 50px;
}
div#top img
{
    float: right;
    padding-left: 1px;
    background: #FFF;
}
div#top h1
{
    margin: 2px 0 0 0;
	background: url("../images/heading-bg.gif") left top repeat-x;
	height: 36px;
	padding-top: 8px;
	font-size: 150%;
	color: #b90800;
}

div#container{
	overflow:hidden;
	padding-right:225px;
	clear: both;
	margin: 0 25px;
}
* html div#container{
	height:1%;
}

div#side {
	float: right;
    margin-right:-225px;
    width: 225px;
    display:inline;
}

div#content {
	float: left;
    border-right:200px solid #FFF;
	margin-right:-200px;
	font-size: 80%;
	width: 100%;
}
div#content-in
{
    padding: 0 10px 0 0;
}

#nav ul {
	padding: 0;
	margin: 0;
}
#nav ul li {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}
#nav ul li a, #nav ul li.selected a {
	margin: 0 0 3px 0;
	height: 30px;
	width: 167px;
	padding: 12px 0 0 58px;
	line-height: 1.2em;
	color: #FFF;
	background: url("../images/nav1.jpg") left top no-repeat;
	font-weight: bold;
	display: block;
	font-size: 80%;
}
#nav ul li a.nav2, #nav ul li strong.nav2
{
    background-image: url("../images/nav2.jpg");
}
#nav ul li a.nav3, #nav ul li strong.nav3
{
    background-image: url("../images/nav3.jpg");
}
#nav ul li a.nav4, #nav ul li strong.nav4
{
    background-image: url("../images/nav4.jpg");
}
#nav ul li a:hover, #nav ul li.selected a, #nav ul li.child_selected a {
	color: #464646;
}
#nav ul li.selected a { text-decoration: none; }
#nav ul li a.nav1:hover, #nav ul li.selected a.nav1
{
	color: #BCDBEA;
}
#nav ul li a.nav2:hover, #nav ul li.selected a.nav2
{
	color: #EFE5B7;
}
#nav ul li a.nav3:hover, #nav ul li.selected a.nav3
{
	color: #EFB9B7;
}
#nav ul li a.nav4:hover, #nav ul li.selected a.nav4
{
	color: #C0EABC;
}
#nav ul li ul
{
    padding: 5px 0 5px 15px;
    margin: 0;   
}
#nav ul li ul li {
	color: #5c5c5c;
	background: url("../images/secnav.gif") 10px 2px no-repeat;
	padding: 3px 0 5px 43px;
	margin: 0;
	font-size: 95%;
	border: none;
	display: block;
	height: 1%;
	line-height: 1em;
}
#nav ul li ul li ul li {
	background: none;
	padding: 0 0 2px 0px;
	display: block;
}
#nav ul li ul li a, #nav ul li.selected ul li a, #nav ul li ul li a:hover, #nav ul li ul li.selected a, #nav ul li ul li.selected ul li a
{
    color: #5c5c5c;
    width: auto;
    display: inline;
    padding: 0;
    margin: 0;
    background: transparent;
    text-decoration: underline;
}
#nav ul li ul li.selected a { font-weight: bold; color: #B32D27; text-decoration: none}
#nav ul li ul li a:hover, #nav ul li ul li.selected ul li a:hover
{
    color: #B32D27;
}

div#news h4 
{
    color: #3482A6;
    font-size: 140%;
    margin: 10px 0 5px;
}
div#news p
{
    margin: 5px 0 10px 0;
	font-size: 70%;
	color: #5c5c5c;
	text-align: center;
}
div#news ul {
	margin: 0;
	padding: 0;
}
div#news ul li {
	margin: 0 0 5px;
	padding: 5px 10px;
	font-size: 80%;
	list-style: none;
	display: block;
	border: 2px solid #DDC763;
	background: #EFE5B7;
	color: #5c5c5c;
}
div#news ul li span 
{
    display: block;
    font-size: 90%;
	border-top: 1px solid #DDC763;
	margin: 5px -10px 0;
	padding: 5px 10px 0;
}

div#news ul li.important, div#news ul li.important span
{
	border-color: #DD6863;
	background: #EFB9B7;
}

div.monkey 
{
    width: 160px;
    height: 280px;
    float: left;
}
div#content h2
{
    margin: 15px 0 5px;
    color: #3482A6;
    font-size: 170%;
}
div#content h3
{
    margin: 15px 0 5px;
    color: #B32D27;
    font-size: 150%;
}
div#content h4
{
    margin: 15px 0 5px;
    color: #B39A27;
    font-size: 130%;
}
div#content p
{
    margin: 10px 0;
    line-height: 1.4em;
    text-align: justify;
}
div#content ul, div#content ol
{
    margin: 10px 0;
    padding: 0 0 0 25px;
}
div#content ul li, div#content ol li
{
    margin: 3px 0;
    padding: 0 0 0 10px;
}

div#content table 
{
    border-collapse: collapse;
    clear: both;
    margin: 0 0 5px;
    /*border: 1px solid #a9c0d4;*/
}
div#content table th
{
    /*border: 1px solid #a9c0d4;
    background: #e5eff8;
    color: #739dc1;*/
    padding: 5px 3px 2px 3px;
    font-size: 90%;
}
div#content table td
{
    /*border: 1px solid #a9c0d4;
    color: #3a3a3a;*/
    padding: 2px 3px;
}
div.blank, div.blank img
{
    width: 100%;
    display: table;
    height: 1px;
    line-height: 1px;
}

div.photos { clear: both; padding-top: 10px; }

div.photos a
{
    text-decoration: none;
    float: left;
    margin: 0 15px 15px 0;
}
div.photos a img
{
    border: 8px solid #06aac1;
}
div.photos a:hover img 
{
    border-color: #005890;
}
p.prislusenstvi img
{
margin: 0 25px 10px 0;
}
div#content p a img
{
vertical-align: middle;
margin: 2px 0;
}
div#bottom {
	clear: both;
	text-align: center;
	background: #3cb651 url("../images/bottom.jpg") left bottom no-repeat;
	padding-bottom: 20px
}
div#bottom p
{
	margin: 0 14px;
	line-height: 1.2em;
	font-size: 70%;
	padding: 5px 0 0 0;
	border-top: 1px solid #393939;
	color: #393939;
}

input.cartQ 
{
    border: 1px solid black;
    width: 20px;
    height: 16px;
    vertical-align: top;
}
a.cartLink
{
    display: block;
    height: 40px;
    font-size: 70%;
    
}
a.cartLink img
{
    float: left;
    padding: 0 5px;
}

div#content table.cartList
{
    clear: none;
}

div#content table.cartList th
{
    border-bottom: 3px solid #cccccc;
}
div#content table.cartList td
{
    border-bottom: 1px solid #cccccc;
    padding-right: 10px;
}


div#partners h4
{
    color: #3482A6;
    font-size: 140%;
    margin: 10px 0 5px;
}
div#partners p
{
margin: 7px 10px;
font-size: 80%;
line-height: 1.2em;
color: #7e5c19;
}

img.i-right {float: right; margin: 5px 0 5px 10px; }
img.i-left {float: left; margin: 5px 10px 5px 0; }












/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */