@import url("common.css");
@import url("layout.css");
body{
	background: url(../graph/body-bg.gif) repeat;
	font-family: Arial, Verdana,Helvetica, sans-serif;
	font-size:90%;
	text-align:center;
	padding:0px;
}

a{
	color:#1A4B14;
}

h1, h2, h3, h4{
	color:#1A4B14;
	font-weight:normal;
}

h1{font-size:130%;}

.no-disp{
	display:none;
}

#zahlavi{
	margin:0px;
	padding:0px;
	height:271px;
	width:100%;
	background:#1A4B14;
}

#zahlavi-obsah{
	position:relative;
	width:800px;
	height:271px;
	margin:0px auto;
	background:url(../graph/zahlavi-obsah-bg.jpg) top center no-repeat scroll;
}

#vlajky { position:absolute; top:10px; left:10px;}
#vlajky a{ display:block; float:left; width:32px; height:25px; margin:5px; position:relative; text-decoration:none;}
#vlajky a span { display:block; position:absolute;top:0px;left:0px;width:32px; height:25px;}
#vlajky a span#cze { background:url(../graph/cze.png) bottom left no-repeat;}
#vlajky a:hover span#cze, #vlajky a.active span#cze { background:url(../graph/cze.png) top left no-repeat;}
#vlajky a span#eng { background:url(../graph/eng.png) bottom left no-repeat;}
#vlajky a:hover span#eng, #vlajky a.active span#eng { background:url(../graph/eng.png) top left no-repeat;}
#vlajky a span#rus { background:url(../graph/rus.png) bottom left no-repeat;}
#vlajky a:hover span#rus, #vlajky a.active span#rus { background:url(../graph/rus.png) top left no-repeat;}
#vlajky a span#pol { background:url(../graph/pol.png) bottom left no-repeat;}
#vlajky a:hover span#pol, #vlajky a.active span#pol { background:url(../graph/pol.png) top left no-repeat;}

#navigace{
	text-align:right;
	margin-right:10px;
}

#navigace a{
	padding:20px 10px;
	display:inline-block;
	margin:10px 5px 0px;
	color:#333;
	text-decoration:none;
}

#navigace a:hover{
	color:#1A4B14;
	text-shadow:#1A4B14 1px 1px 1px;
}

#logo{
	display:block;
	position:absolute;
	top:117px;
	left:48px;
	width:111px;
	height:111px;
	margin:0px;
	padding:0px;
	font-size:15px;
}

#logo a{
	display:block;
	width:111px;
	height:111px;
}

#logo a span{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:111px;
	height:111px;
	background:top left url(../graph/logo.jpg) #fff no-repeat;
	cursor:pointer;
}

#obsah{
	width:800px;
	margin:0px auto;
	text-align:left;
	background:url(../graph/obsah-bg.gif) top center repeat-y;
}

#levy{
	margin:0px 551px 0px 0px;
}

#pravy{
	float:right;
	width:551px;
	margin:0px;
	padding:0px;
	font-size:90%;
	position:relative;
}

#pravy-obsah{
	background:#7c7c7c url(../graph/pravy-obsah-bg.jpg) top left no-repeat;
	width:535px;
	margin:0px;
	padding:0px 0px 20px;
}

#pravy-obsah > h1, h2, h3, h4, p, ul{
	margin-left:20px;
	margin-right:20px;
}

#pravy-obsah h1, #pravy-obsah h2{
	padding-top:15px;
	margin-bottom:0.5em;
	margin-left:20px;
}

#pravy-obsah h3, #pravy-obsah h4{
	margin-left:20px;
}

#pravy-obsah p{
	line-height:130%;
	margin-top:0px;
	margin-bottom:20px;
}

#pravy-obsah ul{
	line-height:130%;
}

#jazyky{
	position:absolute;
	top:0px;
	right:0px;
	width:16px;
	height:230px;
	background:url(../graph/jazyky-bg.jpg) top left no-repeat;
}

ul#kotle{
	width:249px;
	margin:0px;
	padding:0px 0px 16px;
	list-style:none;
	background:url(../graph/kotle-bottom-bg.jpg) left bottom no-repeat;
}

ul#kotle li{
	position:relative;
	height:93px;
	width:249px;
}

li#kotle-uhli{background:url(../graph/kotle-uhli.jpg) top left no-repeat;}
li#kotle-drevo{background:url(../graph/kotle-drevo.jpg) top left no-repeat;}
li#kotle-automat{background:url(../graph/kotle-automat.jpg) top left no-repeat;}
li#kotle-elektro{background:url(../graph/kotle-elektro.jpg) top left no-repeat;}
li#krbova-kamna{background:url(../graph/krbova-kamna.jpg) top left no-repeat;}

ul#kotle li a{
	display:block;
	width:209px;
	padding:40px 0px 39px 40px;
	color:#fff;
	font-variant:small-caps;
	text-decoration:none;
	border-right:6px solid #454545;
}

ul#kotle li a.aktivni{
	background:url(../graph/kotle-li-a-aktivni.jpg) bottom right no-repeat;
}

li#kotle-uhli a:hover{
	border-right:6px solid #2C6825;
	color:#9BD993;
	text-shadow:#fff 0px 0px 1px;
}

li#kotle-drevo a:hover{
	border-right:6px solid #255668;
	color:#74A8BB;
	text-shadow:#fff 0px 0px 1px;
}

li#kotle-automat a:hover{
	border-right:6px solid #76551B;
	color: #DFB773;
	text-shadow:#fff 0px 0px 1px;
}

li#kotle-elektro a:hover{
	border-right:6px solid #4F194B;
	color:#E1A2DD;
	text-shadow:#fff 0px 0px 1px;
}

li#krbova-kamna a:hover{
	border-right:6px solid #000;
	color:#aaa;
	text-shadow:#999 0px 0px 1px;
}

#bottom-menu{
	border-top:6px solid #454545;
	text-align:center;
	margin:0px 0px;
	padding:20px 30px;
}

#bottom-menu a{
	padding:5px;
	margin:2px 10px;
	color:#787878;
	text-decoration:none;
}

#bottom-menu a:hover{
	text-decoration:underline;
}
/*---------------------------------------------------------------------------
							ZALOZKY
-----------------------------------------------------------------------------*/
#detail{
	margin-top:-22px;
	margin-top:0px;
}

#detail #mainphoto{
	float:left;
	width:180px;
	height:220px;
	margin:0px 0px 10px 20px;
}

#detail h2{
	width:150px;
	margin:10px 0px 10px 0px;
}

#detail #mainphoto a.highslide img, .highslide img{
	background:#fff;
	border:2px solid #060;
	margin-top:10px;
}

#tabs{
	margin-left:200px;
}

#tabs ul{
	height:2em;
}

.ui-widget-content{
	border:none;
	background:none;
}

.ui-tabs-nav{
	background:none;
	border:none;
	padding-top:5px;
}

.ui-tabs .ui-tabs-nav{
	padding-left:0px;
}

.ui-state-default{
	-moz-border-radius:0px;
}

.ui-tabs .ui-tabs-nav li{
	border:1px solid #ccc;
	border-bottom:none;
	margin-top:10px;
}

.ui-state-default, .ui-widget-content .ui-state-default{
	background:#1a4b14;
}

.ui-widget-content .ui-state-active{
	background:#ccc;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-state-hover{
	border:none;
}

.ui-tabs .ui-tabs-panel{
	padding-left:5px;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{
	color:#fff;
}

ui-tabs-selected a{
	color:#1a4b14;
}

.ui-widget-content .ui-state-active a{
	color:#1a4b14;
}

#tabs .desc > p, h1, h2, h3, ul{
	margin-left:0px;
}
/*---------------------------------------------------------------------------
							POLOZKY KATALOGU
-----------------------------------------------------------------------------*/
.box-item{
	float:left;
	width:225px;
	height:230px;
}

.box-item img{
	background:#fff;
	border:2px solid #1a4b14;
	padding:2px;
}

#map{
	overflow:hidden;
	float:right;
	width:280px;
 	height:200px;	
	border:2px solid #1A4B14;
	margin:0px 20px 15px 15px;
}

img.doleva{
	float:left;
	margin:5px 10px 5px 0px;
}

img.doprava{
	float:right;
	margin:5px 0px 5px 10px;
}

#feedback{
	margin-left:20px;
}

#feedback label{
	float:left;
	width:8em;
	margin-bottom:5px;
}

#feedback input, #feedback textarea{
	margin-bottom:5px;
	border:1px solid #1A4B14;
}

#feedback input.send{
	color:#fff;
	background:#1a4b14;
}

#pravy-obsah table{
	margin-left:20px;
}

#pravy-obsah table table{
	margin-left:0px;
}

#pravy-obsah table td{
	padding:2px 4px 2px 0px;
}

table#par{
	margin: 0px;
	border-top:1px solid #1a4b14;
	background:#ccc;
	text-align:left;
}

table#par td, table#par th{
	padding:2px 5px;
}

#pravy-obsah table#par th{
	text-align:left;
}

#pravy-obsah table#par td.doprava{
	text-align:right;
}

.ui-tabs .ui-tabs-panel {
	padding:5px 0em 1em;
}

#tabs .desc{
	border-top:1px solid #1a4b14;
	margin-top:11px;
	background:#CCC;
	padding:5px 10px;
}