
.main { padding: 10px 30px; margin: 10px 0 0; background:#F4F4F4;}

.cleaner {clear:both; height:1px; line-height:1px;}
.cleanerl {clear:left; height:1px; line-height:1px;}

p.navigace { background:#F4F4F4; padding: 8px 3px 8px 30px; color:#666666; font-size: 11px;}
.navigace a {color:#666666; text-decoration:none; padding: 2px 3px;}
.navigace a.sel { background-color:#FFFF00;}
.navigace a:hover {color:#666666; text-decoration:underline;}


.main h1 {background:url(../images/ikonky1.gif) no-repeat;
background-position:0px -100px;
font-size: 20px; font-weight:bold;
color:#666666;
padding: 8px 0 2px 30px;
margin-top: 0px;
width: 660px;
}

.main h1 a {color:#666666;text-decoration:none;}
.main h1 a:hover {color:#666666;text-decoration:underline;}

.main .cena  {float: right; width: 200px; margin: 4px 0 5px 0;}
.main .cena a {display: block; padding:0; text-align:center;color: #686868;font-size: 13px; font-weight:bold;text-decoration: none;height: 25px;line-height: 25px;background:url(../images/spc_dot.gif) no-repeat 0 0;}
.main .cena a:hover { text-decoration:underline;}


.rightmenu {float: right;width: 200px; font-size: 11px; font-weight:normal;}
.rightmenu a {display: block; margin: 0;color:#666666; text-decoration: none;
padding:4px 2px 4px 30px;
background:url(../images/right_menu.gif) no-repeat 0 0;
margin: 1px 0 0 0;
}

.rightmenu strong {display: block; margin: 1px 0 0 0;color:#666666; font-weight:normal;padding: 4px 2px 4px 30px;
background:url(../images/right_menu.gif) no-repeat 0 -200px;}
.rightmenu a:hover {color:#666666; text-decoration: underline; background-position: 0 -100px;}
.rightmenu h4 {padding: 9px 0 1px 5px; font-size: 12px; font-weight:bold;}

.rightmenu a.spc {background: #D7DBDD url(../images/spc_dot.gif) no-repeat 0 0;color:#FFF; font-weight:bold; padding:4px 0; text-align:center;}



.obsah {width: 650px; margin-left:30px;
font-size: 11px;
color:#666666;
}




.obsah h2 {background:url(../images/ikonky2.gif) no-repeat;
background-position:0px -100px;
font-size: 14px; font-weight:bold;
color:#666666;
padding: 4px 0 2px 30px;
margin-top:8px;
position:relative;
left:-30px;
}

.obsah h3 {
color:#FF6600;
font-size: 12px; font-weight:bold;
padding: 5px 0 2px 0px;
}

.obsah h4 {
color:#FF6600;
font-size: 12px; font-weight:bold;
padding: 5px 0 2px 0px;
}

.obsah h5 {
color:#FF6600;
font-size: 11px; font-weight:bold;
padding: 5px 0 2px 0px;
}

.obsah p {
font-size: 11px;
color:#666666;
padding: 2px 0 2px 0px;
}

.obsah hr {
background-color:#666666;
height: 1px;
margin: 2px 0;
}

.obsah hr.big {
margin: 17px 0;
}

.obsah a {
color:#000000;
text-decoration:underline;
}

.obsah ul,.obsah ol {
margin: 3px 0 5px 20px;}


.main .hr {display:block;height: 16px; line-height:1px; background:url(../images/linka.gif) no-repeat top right;
border:0px;
background-color:#FF6600; }

/*BAREVNOSTI*/
h2 a, h3 a, h4 a, h5 a { color:#FF6600;; text-decoration:none;}
.obsah a:hover { color:#FF6600;; text-decoration:underline;}

.tiler h1, .tiler h2 { background-position:0px 0px;}
.tiler h3 a,.tiler h4 a,.tiler h5 a { color:#33CCFF; text-decoration:none;}
.tiler h3, .tiler h4, .tiler h5 { color:#33CCFF;}
.tiler .obsah a:hover,.obsah .tiler a:hover{ color:#33CCFF; text-decoration:underline;}
.tiler .hr, .tiler .cena a, .tiler .rightmenu a.spc  { background-color:#33CCFF; color:#FFFFFF;}
img.tiler{ border-color: #33CCFF;}

.kuchyn h1, .kuchyn h2 { background-position:0px -100px;}
.kuchyn h3 a,.kuchyn h4 a,.kuchyn h5 a { color:#FF9900; text-decoration:none;}
.kuchyn h3, .kuchyn h4, .kuchyn h5 {color:#FF9900;}
.kuchyn .obsah a:hover,.obsah .kuchyn a:hover {color:#FF9900; text-decoration:underline;}
.kuchyn .hr, .kuchyn .cena a, .kuchyn .rightmenu a.spc{ background-color:#FF9900; color:#FFFFFF;}
img.kuchyn { border-color:#FF9900;}

.famada h1, .famada h2 { background-position:0px -200px;}
.famada h3 a,.famada h4 a,.famada h5 a { color:#0A50FF; text-decoration:none;}
.famada h3, .famada h4, .famada h5 {color:#0A50FF;}
.famada .obsah a:hover, .obsah .famada a:hover {color:#0A50FF; text-decoration:underline;}
.famada .hr, .famada .cena a, .famada .rightmenu a.spc{ background-color:#0A50FF; color:#FFFFFF;}
img.famada { border-color:#0A50FF;}

.caminus h1, .caminus h2 { background-position:0px -300px;}
.caminus h3 a,.caminus h4 a,.caminus h5 a { color:#AA2024; text-decoration:none;}
.caminus h3, .caminus h4, .caminus h5 {color:#AA2024;}
.caminus .obsah a:hover, .obsah .caminus a:hover {color:#AA2024; text-decoration:underline;}
.caminus .hr, .caminus .cena a, .caminus .rightmenu a.spc { background-color:#AA2024; color:#FFFFFF;}
img.caminus { border-color:#AA2024;}

.cabinet h1, .cabinet h2 { background-position:0px -400px;}
.cabinet h3 a,.cabinet h4 a,.cabinet h5 a { color:#01AD4E; text-decoration:none;}
.cabinet h3, .cabinet h4, .cabinet h5 {color:#01AD4E;}
.cabinet .obsah a:hover, .obsah .cabinet a:hover {color:#01AD4E; text-decoration:underline;}
.cabinet .hr, .cabinet .cena a, .cabinet .rightmenu a.spc { background-color:#01AD4E; color:#FFFFFF;}
img.cabinet { border-color:#01AD4E;}


.main .st1 {color: #33CCFF;} 
.main .st2 {color: #FF9900;}
.main .st3 {color: #0A50FF;}
.main .st4 {color: #AA2024;}
.main .st5 {color: #01AD4E;}




.main .predchozi { float: left; }
.main .predchozi a { display: block;background: url(../images/prev.gif) no-repeat 0 0;padding-left: 17px;}
.main .dalsi { float: right; }
.main .dalsi a { display: block;background: url(../images/next.gif) no-repeat top right;padding-right: 17px;}
.main a.vice {float:left;display:block;background: url(../images/next.gif) no-repeat 0 0;padding-left: 17px;}
.main a.zpet {float:left;display:block;background: url(../images/prev.gif) no-repeat 0 0;padding-left: 17px; position:relative; left:-16px;}


/*T-edit*/
.imglft {float: left; margin: 0px 10px 5px 0px; border: none;}
.imglft IMG {margin: 0px;border: 0px;}

.imgrght {float: right; margin: 0px 0px 5px 10px; border: none;}
.imgrght IMG {margin: 0px;border: 0px;}

.fileico {
	vertical-align: middle;
	margin: 1px 5px 2px 3px;
	height: 16px;
	width: 16px;
	border: none;
}

.icodoc, .icoxls, .icoppt, .icopdf, .icozip, .icoimage, .icofile {	padding: 0px 0px 4px 20px ;	background: no-repeat 0px 0px;	width: 1em;	vertical-align: middle;	line-height: 20px;	margin: 3px 20px 3px 0px;}

.icodoc {background-image: url(images/_doc.gif)}
.icoxls {background-image: url(images/_xls.gif)}
.icoppt {background-image: url(images/_ppt.gif)}
.icopdf {background-image: url(images/_pdf.gif)}
.icozip {background-image: url(images/_zip.gif)}
.icoimage {background-image: url(images/_image.gif)}
.icofile {background-image: url(images/_file.gif)}







/*CENIK*/
table.cenik {
width: 100%;
border-collapse:collapse;
margin-bottom: 10px;
}

table.cenik tr {
}

table.cenik tr.head {
background:#666666;
}


table.cenik th {
background:#666666;
padding: 2px 5px;
color:#FFFFFF;
font-weight:bold;
text-align:left;
font-size: 11px;
}

table.cenik td {
padding: 3px 5px;
border-bottom: 1px solid #CCCCCC;
font-size: 11px;
}

table.cenik td.popis,table.cenik th.popis { text-align:left; font-weight:bold;}
table.cenik span.poznamka {font-size:10px; font-weight:normal;}
table.cenik th.ceny { width: 100px; text-align:center;}
table.cenik td.ceny { width: 100px; text-align:right; font-weight:bold;font-size:12px;}
table.cenik th.pocet { width: 50px; text-align:center;}
table.cenik td.pocet { width: 50px; text-align:center; font-weight:bold;font-size:12px;}

table.cenik strong { color:#FF0000;}

table.cenik td.objednat { width: 70px; text-align:right;}

/*objednavka*/
input.pocet {border: 1px solid #000000; width: 20px; padding:0px 3px; text-align:right;
font-size: 11px; font-weight:bold;}

input.objcena {border: none; width: 100px; padding:0px; text-align:right;
font-size: 12px; font-weight:bold; color:#666666;}

tr.cenadoprava td { border: 0px; border-top: 2px solid #CCCCCC; padding: 5px 5px; text-align:right;}

tr.celkcenatop td { border: 0px; border-top: 2px solid #CCCCCC; padding: 3px 5px 0; text-align:right;}
tr.celkcena td { border: 0px; padding: 0 5px; text-align:right;}
tr.koncova td { border: 0px;}
textarea.prvek, input.prvek {border: 1px solid #333333; width: 170px; padding: 0px 4px; font-size:11px;}
select.prvek {border: 1px solid #333333; width: auto; padding: 0px 0px; font-size:11px;}

td.objpol {vertical-align:top; line-height: 14px;}

/*SOUBORY*/

P.souborpopis{
margin-top:0px;
padding-top:0px;
}

.rimg {float:right; margin: 0px 0 5px 10px; border: 1px solid #000000;}



/*GALERY*/
#galerie {
width: 648px;
}

#galerie td {
width: 25%;
font-size: 11px;
text-align: center;
vertical-align: top;
padding: 10px 0;
}

#galerie td img{
border:1px solid #333333;
margin-bottom: 2px;
}

#galerie td img.tiler{ border-color: #33CCFF;}
#galerie td img.kuchyn { border-color:#FF9900;}
#galerie td img.famada { border-color:#0A50FF;}
#galerie td img.caminus { border-color:#AA2024;}
#galerie td img.cabinet { border-color:#01AD4E;}



#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; width: 100%; }
#keyboardMsg{ float: right; color:#666666; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(/images/lightbox/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(/images/lightbox/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/lightbox/overlay.png", sizingMethod="scale");
	}



/*uvodni obrazek*/
.mainimg {float:left; margin: 3px 10px 3px 0;}
.mainimg img{ border-width: 1px; border-style:solid;}

table.gal { margin:5px auto;}
table.gal td{ padding: 5px 10px; vertical-align:top; border:none}

