body,input,textarea{
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}
body{
	background: white;
	margin: 0;
}
#container{
	width: 990px;
	margin: 0 auto;
	background: url(images/bg-top.png) repeat-x top;
}

#top{
	width: 990px;
	height: 160px;
	background: transparent url(images/top-hl.jpg) no-repeat top;
	background-position: 625px 0;
	position: relative;	
}
#top .logo-c{
	width: 181px;	height: 40px;
	padding: 55px 0 0 28px;
	float: left;
}
#top .logo{
	width: 181px;	height: 40px;
	overflow: hidden;
	position: relative;
	margin: 0;
	font-size: 1.1em;
	text-transform: uppercase;
	font-family: Arial;
	color: #5BB8B8;
}
#top .logo strong{
	color: #CE4D03;
}
#top .logo em{
	font-size: 0.6em;
	text-transform: none;
	display: block;
	font-style: normal;
	color: #858672;
}
#top .logo a{
	text-decoration: none;
	color: #5BB8B8;
}
#top .logo span{
	width: 181px;	height: 40px;
	position: absolute;
	top: 0;	left: 0;
	display: block;
	cursor: pointer;
	background: url(images/logo.png);
}
#top .logo-cz span{
	background: url(images/logo-cz.png);
}
#top .lang-menu{
	list-style: none;
	font-size: 0.75em;
	position: absolute;
	top: 0;	right: 10px;
	padding: 3px 5px 2px;
	margin: 0;
	text-align: right;
	background: #E48741;
	border-bottom: 1px solid #BA5F1B;
}
#top .lang-menu li{
	display: inline;
	padding: 3px;
}
#top .lang-menu li a{
	text-decoration: none;
	color: white;
}
#top .lang-menu li a.active{
	color: #F7DCC7;	
}
#top .lang-menu li a:hover{
	text-decoration: underline;
}

#top address{
	width: 380px;
	background: transparent;
	padding: 31px 395px 0 0;
	float: left;
	text-align: right;
	font-size: 0.7em;
	font-style: normal;
	color: #7D7E69;
	line-height: 1.3em;
}
#top .topmenu{
	margin: 0;	padding: 27px 0 0 0;
	width: 650px;
	text-align: right;
	list-style: none;
	font-size: 0.7em;
	float: left;
}
#top .topmenu li{
	display: inline;
}
#top .topmenu a{
	text-decoration: none;
	color: Black;
	background: url(images/li-tmenu.png) no-repeat right center;
	padding: 0 14px 0 0;
}
#top .topmenu a:hover{
	text-decoration: underline;
	color: #CE4D03;
}
.kosik{
	width: 970px;
	padding: 2px 10px 0 10px;
	height: 22px;
	text-align: right;
	position: relative;
}
.kosik .nkosik{
	font-size: 0.7em;
	color: #7D7E69;
	text-decoration: none;
	background: url(images/top-kosik.png) no-repeat left;
	padding-left: 23px;
	position: absolute;
	right: 10px; top: -27px;
}
.kosik .nkosik:hover{
	text-decoration: underline;
}
.kosik .umenu{
	font-size: 0.7em;
	list-style: none;
	margin: 0;	padding: 2px 9px 0 0;
	float: right;
	color: White;
	background: #5BB8B8;
}
.kosik .umenu li{
	display: inline;
	padding: 0 6px; 
	border-left: 1px solid #B2CCB8;
}
.kosik .umenu a{
	color: White;
}
.kosik .kcena{
	float: right;
	padding: 1px 0 0 15px;
	border-left: 1px solid #CDDED1;
	height: 20px;
	color: White;
	font-size: 0.85em;
	text-decoration: none;
	background: #5BB8B8;
}
.kosik .kcena span{
	font-weight: normal;
	color: #D9E6CD;
	font-size: 0.85em;
}
#bottom,
#mcontainer{
	width: 990px;
	float: left;
	position: relative;
}

/*--- left col ---*/
#mcontainer .lcol{
	float: left;
	width: 180px;
	border-top: 21px solid #C7DACB;
	margin-top: -22px;
	position: relative;
}
.lcol .mainmenu{
	margin: 0;	padding: 5px 0;
	list-style: none;
	font-size: 0.9em;
	background: #F6F9F3;
	border-bottom: 3px solid #F0F5EB;
}
.lcol .mainmenu ul{
	list-style: none;
	margin: 0;	padding: 0;
	font-size: 0.75em;
	line-height: 1.8em;
}
.mainmenu a{
	text-decoration: none;
	color: Black;
	display: block;
	width: 155px;
	background: url(images/li-mmenu.png) no-repeat left top;
	background-position: 5px 0;
	padding-left: 25px;
}
.mainmenu a:hover{
	text-decoration: underline;
}
.mainmenu ul li a{
	color: #CE4D03;
	padding-left: 38px;
	width: 142px;
	background: url(images/li-submenu.png) no-repeat left top;
	background-position: 23px 2px;
}
.lcol .frmsrch label,
.lcol h3{
	background: #C7DACB;
	font-size: 0.8em;
	font-weight: bold;
	color: White;
	margin: 5px 0;
	padding: 2px 6px;
}
.rcol p,
.lcol p{
	margin: 1px 0;
	padding: 4px;
	font-size: 0.8em;
}
.lcol .menul1{
	margin: 4px 0;	padding: 0;
	list-style: none;
	font-size: 0.75em;
}
.lcol .menul1 a{
	display: block;
	color: Black;
	text-decoration: none;
	width: 164px;
	padding: 0 8px;
}
.lcol .frmsrch a:hover,
.lcol .menul1 a:hover{
	text-decoration: underline;
	color: #CE4D03;
}
.lcol .frmsrch{
	margin: 4px 0;	padding: 0;
}
.lcol .frmsrch fieldset{
	border: 0;
	padding: 0;	margin: 0;
}
.lcol .frmsrch label{
	display: block;
	font-weight: bold;
}
.lcol .frmsrch .qinp{
	font-size: 0.75em;
	border: 1px solid #5BB8B8;
	color: #7D7E69;
	width: 150px;
}
.lcol .frmsrch .sbtn{
	width: 18px;	height: 16px;
	float: right;
	margin: -18px 3px 0 0;
	background: #CE4D03 url(images/hladaj.png) no-repeat top left;
	border: 0;
	cursor: pointer;
}
.lcol .frmsrch a{
	font-size: 0.75em;
	color: #7D7E69;
	text-decoration: none;
}

/*--- right col ---*/
#mcontainer .rcol{
	float: left;
	width: 810px;
}
.orange{
	color: #CE4D03 !important;
}
.content{
	
}
.content p{
	font-size: 0.75em;
	margin: 4px;
	padding: 5px;
}
h3{
	margin: 8px;
	color: #CE4D03;
	font-weight: normal;
	font-size: 1.1em;
}
.content a{
	color: Black;
}
.obsahova{
}
.obsahova a{
	color: #5BB8B8;
}
.obsahova td{
	font-size: 0.8em;
}
.obsahova h4,
.obsahova h3,
.obsahova h2,
.obsahova h1{
	padding: 0 8px;	margin: 4px 0;
}
.obsahova h1{
	font-size: 1.4em;
	font-weight: normal;
	color: #5BB8B8;
}
.obsahova h2{
	font-size: 1.3em !important;
	background: White !important;
	color: #7D7E69 !important;
	border: 0 !important;
	font-weight: normal;
}
.obsahova h4{
	color: #696969;
}
.obsahova ul{
	font-size: 0.8em;
	margin-bottom: 5px;
	margin-top: 5px;
	list-style: square;
}

.more-btns{
	text-align: right;
	padding: 20px 5px 7px !important;
	width: 800px;
	float: left;
	clear: both;
}
.more-btns a{
	font-size: 1.1em;
	color: #FB540D;
	border: 1px solid #5BB8B8;	
	padding: 5px 10px;
}

.rcol h2{
	font-size: 1.0em;
	background: #D9E6CD;
	color: #7D7E69;
	border-top: 1px solid #C7DACB;
	padding: 0 8px;	margin: 4px 0;
}
.rcol h2.top{
	color: #FFF2EE;
	background: #CE4D03;
	border-top: 1px solid #FB540D;
}
.produkt{
	width: 390px;
	padding: 6px 5px;
	border-bottom: 1px solid #C7DACB;
	float: left;
}
.produkt .foto{
	float: left;
	width: 105px;
	height: 130px;
	text-align: center;

}
.produkt .foto img{
	border: 0;
}
.produkt .nofoto{
	float: left;
	width: 1px;
	height: 130px;
}
.produkt .akcia{
	font-weight: bold;
	color: #DC143C;
	font-size: 0.8em;
	float: right;
	margin: 0 0 5px 5px;
}
.produkt .popis{
	float: left;
	width: 275px;
	padding: 0 5px;
}
.produkt .popis h3{
	margin: 3px 0;
	font-size: 0.8em;
	color: #CE4D03;
}
.produkt .popis h3 a{
	color: #CE4D03;
}
.produkt .popis h3 a:hover{
	color: #7D7E69;
}
.produkt .popis p{
	font-size: 0.75em;
	margin: 3px 0;
	color: #7D7E69;
}
.produkt .cena{
	font-size: 0.75em;
	color: #7D7E69;
}
.produkt .cena strong{
	color: Black;
}
.produkt .cenaeur{
	font-size: 0.7em;
	color: #8A8A8A;
	display: block;
}
.produkt .cenaeur strong{
	font-weight: normal;
	cursor: help;
}

.produkt .vypis_add_form{
	margin: 0;	padding: 0;
}
.produkt .vypis_add_form ul{
	margin: 3px 0;
	padding: 0;
	list-style: none;
	font-size: 0.75em;
}
.produkt .vypis_add_form ul li{
	display: inline;
}
.produkt .vypis_add_form a{
	color: #CE4D03;
	text-decoration: none;
}
.produkt .vypis_add_form .kupit input{
	background: white url(images/ico-kup.png) no-repeat left;
	border: 0;
	cursor: pointer;
	color: #CE4D03;
	font-size: 1em;
	padding: 0 0 0 20px;
	height: 1.3em;
	line-height: 1.3em;
	width: 9.5em;
}
.produkt .vypis_add_form .detail{
	padding: 2px 10px 0 16px;
	background: url(images/ico-detail.png) no-repeat left top;
}
.prod-cont{
	width: 810px;
	float: left;
}
.prod-cont .pr{
	float: right;
}

.float-reset{
	clear: both;
	display: block;
	height: 0;
}

.col-left{
	width: 400px;
	float: left;
}
.col-right{
	width: 400px;
	float: right;
}
.odporucmail{
	font-size: 0.75em;
	color: #CE4D03;
	background: url(images/ico-mail.png) no-repeat left;
	padding-left: 20px;
}
.strany{
	width: 100%;
	float: left;
	list-style: none;
	padding: 3px 0;
	margin: 10px 0;
	font-size: 0.85em;
	background: #E5EEE7;
}
.strany li{
	display: inline;
	margin: 0 4px;
	font-weight: bold;
	color: #CE4D03;
}
.strany a{
	font-weight: normal;
	text-decoration: none;
	color: #324D39;
}
.strany a:hover{
	text-decoration: underline;
}
.tried-box{
	width: 400px;
	float: right;
	margin-bottom: 5px;
}

.tried-box .order{
	margin: 0; padding: 0;
	list-style: none;
	font-size: 0.8em;
	text-align: right;
}
.tried-box .order li{
	display: inline;
	color: Gray;
	padding: 0 3px 0 18px;
	background: url(images/ico-tried.png) no-repeat left;
}
.tried-box .order li.a{
	background: transparent;
}
.tried-box .order li.asc{
	background: url(images/ico-asc.png) no-repeat left;
}
.tried-box .order li.desc{
	background: url(images/ico-desc.png) no-repeat left;
}
.tried-box .order li a{
	color: #5BB8B8;
	text-decoration: none;
}
.tried-box .order li a:hover{
	color: Black;
}

/*--- bottom ---*/
#bottom{
	margin: 20px 0;
	padding: 5px 0;
	border-top: 1px solid #7D7E69;
	font-size: 0.75em;
	color: #7D7E69;
}
.botmenu{
	margin: 0;	padding: 0;
	list-style: none;
	width: 600px;
	float: left;
}
.botmenu li{
	display: inline;
}
#bottom a{
	text-decoration: none;
	color: #7D7E69;
	padding: 0 4px;
}
#bottom a:hover{
	text-decoration: underline;
}
#bottom p{
	float: left;
	width: 390px;
	text-align: right;
	margin: 0;
	line-height: 1.3em;
}
#bottom p a{
	padding: 0;
}

/*--- produkt ---*/
h2.prodh{
	font-size: 1.1em;
	font-weight: normal;
	background: transparent;
	border: 0;
}
.qmenu{
	font-size: 0.7em;
	color: #5BB8B8;
	padding: 1px 4px;
}
.qmenu a{
	color: #5BB8B8;
	text-decoration: none;
}
.qmenu a:hover{
	text-decoration: underline;
	color: #7D7E69;
}
.pimage{
	width: 206px;
	float: left;
	text-align: center;
	margin-bottom: 5px;
}
.pimage img{
	border: 0;
}
.pimage a{
	display: block;
	font-size: 0.75em;
	color: #7D7E69;
}
.mimages{
	width: 194px;
	float: left;
	padding-top: 35px;
}
.mimages h4{
	font-size: 0.75em;
	font-weight: normal;
	margin: 0 0 5px 0;
	color: #CE4D03;
}
.mimages img{
	border: 1px solid #CDDED0;
	margin: 2px;
}
hr.pod{
	width: 100%;
	clear: both;
	display: block;
	border: 0;
	border-top: 1px solid #C7DACB;
	height: 1px;
}
.popisv h3{
	color: #5BB8B8;
	margin: 5px 3px;
	font-size: 1.0em;
	font-weight: bold;
}
.popisv p{
	font-size: 0.75em;
	margin: 5px 0;
}
.ppisbox{
	font-size: 0.75em;
	padding: 0 0 0 10px;
}
.ppisbox p{
	font-size: 1em;
}
.specs-popis{
	font-size: 0.75em;
	margin-top: 8px;
	padding: 0 0 0 10px;
}
.pcena{
	width: 400px;
	float: left;
	background: #EDF3E7;
	border-bottom: 3px solid #E5EEDD;
	clear: both;
}
.pcena .bezdph,
.pcena .sdph{
	width: 175px;
	padding: 15px 0 15px 15px;
	float: left;
	font-size: 0.8em;
	color: #7D7E69;
}
.pcena .bezdph{
	text-align: right;
}
.pcena .bezdph strong,
.pcena .sdph strong{
	display: block;
}
.pcena .sdph strong{
	color: #CE4D03;
	font-size: 1.3em;
	font-weight: normal;
}
.pcena .bezdph .cenadva,
.pcena .sdph .cenadva{
	font-size: 1em;
	font-weight: normal;
	color: #676857;
	cursor: help;
}
.addpform{
	margin: 8px 0;
	padding: 0;
	float: left;
	width: 400px;
}
.addpform fieldset{
	border: 0;
	margin: 0;
	padding: 4px;
	font-size: 0.8em;
}
.addpform legend{
	font-weight: bold;
	color: #7D7E69;
	margin: 5px 0 5px -6px;
}
.addpform label{
	width: 100px;
	display: block;
	float: left;
	padding-top: 2px;
}
.addpform .infieldset{
	border: 1px solid silver; 
	margin: 0 0 7px 0; 
	padding: 5px;
}
.addpform .infieldset legend{
	font-weight: normal;
	font-size: 1em !important;	
	margin: 0;
}
.addpform div{
	margin: 2px 0;
}
.addpform input{
	padding: 0 1px;
}
.addpform .addbtn{
	border: 1px solid #E1E1E1;	
	background: White url(images/ico-kup.png) no-repeat right;
	padding: 3px;
	width: 10em;
	text-align: left;
	font-weight: bold;
	cursor: pointer;
}
.addpform .pocet{
	border: 1px solid #E1E1E1;
	background: #EEEEEE;
	text-align: right;
	font-weight: bold;
}
.kosik-info{
	font-size: 0.9em;
	color: #CE4D03;
}
.kosik-info a{
	color: #FC7B2E;
}
.pstrinfo{
	color: #333333;
	margin: 5px 0;
	padding: 0;
	list-style: none;
	font-size: 0.75em;
}
.pstrinfo strong{
	color: #5BB8B8;
}

/*--- kosik ---*/
.kosik-produkty{
	width: 800px;
	margin: 0 5px;
	border-collapse: collapse;
	font-size: 0.8em;
	
}
.kosik-produkty a{
	color: #CE4D03;
	text-decoration: none;
}
.kosik-produkty img{
	border: 0;
}
.kosik-produkty td{
	padding: 3px;
	vertical-align: top;
	border-bottom: 1px solid #D9E6CD;
}
.kosik-produkty .hlava{
	font-weight: bold;
	color: #5BB8B8 !important;
}
.kosik-produkty .hlava td{
	border-bottom: 1px solid #5BB8B8;
}
.kosik-produkty .nazov{
	width: 25%;
}
.kosik-produkty .nazov span{
	color: #7D7E69;
	font-size: 0.9em;
}
.kosik-produkty .vyber{
	width: 30%;
	font-size: 0.9em;
	color: #7D7E69;
}
.kosik-produkty .hlava .vyber{
	color: #5BB8B8 !important;
}
.kosik-produkty .kusov{
	width: 6%;
	text-align: right;
}
.kosik-produkty .kusov input{
	border: 1px solid #E1E1E1;
	background: #EEEEEE;
	text-align: right;
	font-weight: bold;
}
.kosik-produkty .cenas{
	width: 17%;
	text-align: right;
}
.kosik-produkty .cenadva{
	color: Gray;
	font-size: 0.9em;
}
.buttons{
	margin: 5px;
}
.buttons input{
	background: #E1E1E1;
	border: 1px solid #CCCCCC;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.8em;
	padding: 2px 3px;
	color: #666666;
}
.sumcena{
	border-collapse: collapse;
	font-size: 0.8em;
	width: 800px;
	margin: 5px;
	color: #7D7E69;
	font-weight: bold;
	border: 2px solid #CE4D03;
}
.sumcena td{
	width: 50%;
	border: 2px solid #CE4D03;
	border-top: 0;
	padding: 5px;
	vertical-align: top;
}
.sumcena .cenadva{
	font-weight: normal;
	font-size: 0.9em;
}
td.tright{
	text-align: right;
	border-left: 0;
}
td.nobl{
	border-right: 0;
}
.nobb td{
	border-bottom: 0 !important;
}
.sumcena .vcena{
	font-size: 1.1em;
	text-transform: uppercase;
	color: Black;
}
.sumcena .vcena td{
	padding: 10px 5px;
}
.box-a{
	background: #D9E6CD;
	margin: 4px 5px;
	width: 790px;
	float: left;
}
.box-a h4{
	background: #C7DACB;
	font-size: 0.8em;
	color: #7D7E69;
	margin: 0;
	padding: 3px 5px;
	border-bottom: 1px solid White;
}
.nuform{
	margin: 5px 0;	padding: 0;
	font-size: 0.8em;
}
.box-a textarea,
.nuform h4,
.nuform p{
	font-size: 1em;
}
.nuform a{
	color: #7D7E69;
}
.nuform h3{
	font-size: 1.4em;
}
.box-a fieldset{
	border: 0;
	margin: 0;	padding: 5px;
}
.box-a label{
	width: 170px;
	float: left;
	padding-top: 2px;
}
.box-a div{
	margin: 3px;
	clear: both;
}
.box-a .half{
	clear: none;
	width: 390px;
	margin: 0;
	float: left;
}
.lfull{
	width: auto !important;
	float: none !important;
	padding-left: 5px;
}
.sendorder{
	font-size: 1em !important;
	padding: 5px !important;
}

.objednavky{
	width: 100%;
	margin: 5px;
	border-collapse: collapse;
}
.objednavky td{
	padding: 3px 5px;
	border-bottom: 1px solid white;
	background: #F0F5EB;
}
.objednavky .hlavicka{
	font-weight: bold;

}
.objednavky .hlavicka td{
		background: #D4E3C6;	
}
.objednavky .stavhl{
	text-align: center;
}
.objednavka .stav2,
.objednavka .stav3,
.objednavka .stav4,
.objednavka .stav{
	background: #5BB8B8;
	font-weight: bold;
	color: White;
	text-align: center;
}
.objednavka .stav2{
	background: #CE4D03;
}
.objednavka .stav3{
	background: #9ACD32;
	color: Black;
}
.objednavka .stav4{
	background: Red;
}
.objednavky .hl{
	font-weight: bold;
}
.objednavky .cena,
.objednavky .cena2{
	text-align: right;
}
.objednavky .rabat{
	color: #5BB8B8;
}
.objednavky .cenadva{
	color: #737461;
	font-size: 0.9em;
}
.hl-warning{
	padding: 5px;
	border: 2px solid #FFF19F;
	color: #CE4D03;
	font-weight: bold;
}
.hl-success{
	padding: 5px;
	border: 2px solid #C1E182;
	color: #9ACD32;
	font-weight: bold	
}