/* -- GLOBAL -- */
body {
	font-family: Verdana, 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
	font-size: 75%;
	color: #fff;
	text-align:center;
	background-color:#006699;
}
* { margin: 0; padding: 0; }
img { border: none; }
a {color:#FFFF00;}
a:hover {text-decoration:none;}
h1, h2 { background:url(square.gif) center left no-repeat; padding-left:20px; margin: 15px 0 20px 0; font-size: 180%;}
h2 {font-size: 150%;}
h3 { margin: 1em 0 .5em 0; font-size: 120%;}
p {margin: 1em 0 1em 0;}
abbr {cursor:help;}
form { display:inline;}

.display-none, hr, .no-display { display: none; }

/* -- PAGE -- */
#page { margin: 0 auto; width: 910px; text-align:left; }
#site { top:0; left:0;
	margin: 0 auto; 
	position: relative;
	width: 907px;
	border:#000000 1px solid;
}
.clear, .cleaner { clear:both;}

/* -- HEAD -- */
#head { background: no-repeat url("head_bgr.jpg"); height:176px; position:relative;}

#logo{	position: absolute; right:0px; bottom: 47px; color:#FFFF00; font-size:24px; margin: 0 10px 5px 0; font-weight:bold;}
#logo a {text-decoration:none; color:#FFFF00;}

#slogan { color:#FFFF00; text-align:right; padding:5px 5px 0;}

#search{
  position: absolute;
	top: 50px; left: 700px;
	z-index:3000;
 	padding: 5px 10px 0 10px;
	color: #999;
	height: 45px; width: 220px; ;

}



#slogan p { font-size: 1.1em; line-height: 130%; }
#accesslink { position: absolute; z-index: -1; top: 100%; width: 1px; height: 1px; margin: 0; overflow: hidden; }

/* -- MENU -- */
#menu { width:907px; z-index: 10;}
#menu #ie-fix{position: absolute; top: 131px;	left: 0px;}
#menu li { float: left; list-style-type: none;}

/* menu spolecne */
#piskovani-skla a span, #darky-ze-skla a span, #nabidka a span, #jak-objednat a span, #kontakty a span{ background-image: url("/design/menu_bgr1.jpg");}

#piskovani-skla, #darky-ze-skla, #leceni, #nabidka, #jak-objednat, #kontakty { position: relative; top:0; left:0; }

#piskovani-skla a span, #piskovani-skla a:hover span, #piskovani-skla strong span,
#darky-ze-skla a span, #darky-ze-skla a:hover span, #darky-ze-skla strong span,
#nabidka a span, #nabidka a:hover span, #nabidka strong span,
#jak-objednat a span, #jak-objednat a:hover span, #jak-objednat strong span,
#kontakty a span, #kontakty a:hover span, #kontakty strong span { position: absolute; top: 0; left: 0; }

/* menu jednotlive */
#darky-ze-skla, #darky-ze-skla a, #darky-ze-skla strong, #darky-ze-skla a span, #darky-ze-skla a:hover span, #darky-ze-skla strong span
{ height: 47px; display: block; overflow: hidden; width: 204px; background-image: url("/design/menu_bgr1.jpg"); background-position: 0px 0px;}

#piskovani-skla, #piskovani-skla a, #piskovani-skla strong, #piskovani-skla a span, #piskovani-skla a:hover span, #piskovani-skla strong span
{ height: 47px; display: block; overflow: hidden; width: 186px; background-image: url("/design/menu_bgr1.jpg"); background-position: -204px 0;}

#nabidka, #nabidka a, #nabidka strong, #nabidka a span, #nabidka a:hover span, #nabidka strong span
{ height: 47px; display: block; overflow: hidden; width: 172px; background-image: url("/design/menu_bgr1.jpg"); background-position: -390px 0px;}
#jak-objednat, #jak-objednat a, #jak-objednat strong, #jak-objednat a span, #jak-objednat a:hover span, #jak-objednat strong span
{ height: 47px; display: block; overflow: hidden; width: 206px; background-image: url("/design/menu_bgr1.jpg"); background-position: -562px 0px;}
#kontakty, #kontakty a, #kontakty strong, #kontakty a span, #kontakty a:hover span, #kontakty strong span
{ height: 47px; display: block; overflow: hidden; width: 139px; background-image: url("/design/menu_bgr1.jpg"); background-position: -770px 0px;}

/* menu spolecne hover */
#piskovani-skla a:hover span, #piskovani-skla strong span, #piskovani-skla .aktiv span,
#darky-ze-skla a:hover span, #darky-ze-skla strong span, #darky-ze-skla .aktiv span,
#nabidka a:hover span, #nabidka strong span, #nabidka .aktiv span,
#jak-objednat a:hover span, #jak-objednat strong span, #jak-objednat .aktiv span, 
#kontakty a:hover span, #kontakty strong span, #kontakty .aktiv span{ background-image: url("/design/menu_bgr3.jpg"); }


/* -- BODY -- */
#content { background:#183D6A;}

#navigation { padding: 5px; background-color:#006699; color:#fff; font-size: .8em; border-bottom:#000000 1px solid; border-top:#000000 1px solid;}
#navigation a {color:#FFFF00;}


#box-a { float: left; width: 700px; overflow:hidden; margin: 0px; }
#box-b { width: 206px; float: right; background: #006699; overflow:hidden; margin:0px; border-left:#000000 1px solid; }
 
.inside {padding: 15px; background-color:#183D6A;}
.inside ul {padding-left: 20px; list-style-type:square;}

#login-form { margin-bottom: 1em; padding: 5px; padding-top: 0; }
#login-form .linka, .formline { clear: both; padding-top: 7px; }
#login-form .linka label.typ-pole, .login-form .linka span.typ-pole{ float: left; width: 150px; margin-right: 5px; text-align: right; }
#login-form .linka span.pole { float: left; text-align: left; }
#login-form .tlacitko { margin-left: 156px; }

address { font-style:normal; line-height:20px;}
address em { width:15em; float:left; display:block;}

.formline label { float: left; width: 150px; margin-right: 5px; }
.error { font-weight:bold; color:#FF0000;}

.ilus-foto {border:#FFFFFF 2px solid; float:left; margin: 0 8px 8px 0;}
.illustration { float:right; border:2px solid #FFFFFF; margin: 0 0 10px 10px; clear:right;}
.illustration2 { margin: 5px auto 5px auto; border:2px solid #FFFFFF; display:block; }
.center {text-align:center;}
.fright {float:right;}
.fleft {float:left;}

.info { border: 1px solid #ffffff;
		margin: 20px;
		color: #FFFF00;
		padding: 10px;
		font-size: 120%;}
/* -- ESHOP -- */
.category-ilustration { border:#666666 3px solid; float:left; margin: 0 10px 10px 0;}
#items { background:url(items_bgr.gif) repeat-y; padding:0px;}
.item {float:left; width:220px; border-top:#006699 1px dashed; padding: 10px 0 5px 0;}
.first {border:none;}
.item p { padding: 0 8px 0 8px;}
.item h2 { text-align:center; font-size:120%; height: 2.6em; margin:0px; padding:0px;}
.item h2 a { color:#FFFF80;}
.item-photo {text-align:center; margin-bottom: 8px;}
.item-photo img { border:#FFFF80 1px solid; }
#item-detail img { border:#999999 3px solid; }
form.dokose { float:right; margin-right: 8px;}

#item-detail img { float:right; margin: 0 10px 10px; }
#item-detail p{ padding: 10px 0 10px 0;}

table.tabulka, table.objednavky{border-collapse:collapse;text-align:center;clear:both;font-size: .9em;margin-top:1em;}
.tabulka tr th, .objednavky tr th {background:#666666 ;text-align:center;}
.tabulka tr th,.tabulka tr td, .objednavky tr th,.objednavky tr td {border: 1px solid #F2DD92; padding:.3em 1em}

.cena { font-weight:bold;}
.dop_cena {text-decoration:line-through;}
input.pocet_kusu { width:2em;}
input.kos { background:url(kosik20h.gif) no-repeat; width:40px; border:none; cursor:pointer;}
td.td-fixed { white-space: nowrap; text-align:center;}
caption { font-size: 120%; text-align:left; margin:1em 0 .5em 0; font-weight:bold;}
.tip {padding:1em; border:#FFFFFF 1px dashed;  color:#fff; margin:1em;}
.ramecek { background:#006699; border:#999999 1px solid; padding:5px;}
.ramecek p { margin:0px;}

/* --  KOSIK -- */

.krok {border:#FFFFFF 1px solid; padding: 8px; background-color:#ed6900; color:#000000;}
#prvni, #druhy, #treti, #ctvrty {padding-left: 28px; background:url(krokno.gif) no-repeat left center; height:24px; display:block; float:left; line-height:24px; margin-right: 2em;}
#prvni.aktualni, #druhy.aktualni, #treti.aktualni, #ctvrty.aktualni {background:url(krokakt.gif) no-repeat;}
#prvni.hotovo, #druhy.hotovo, #treti.hotovo, #ctvrty.hotovo {background:url(krokok.gif) no-repeat;}
table.objednavky { margin-bottom: 2em;}
table.objednavky a { font-weight:bold;}

td {text-align:left;}
td.tabcenter {text-align:center;}
td.tabnumber {text-align:right;}
.tlacitko {	background: #fefefe; border: 1px solid #CCC; color: #696969; padding-left: 2em; padding-right:2em; cursor:pointer; margin: 5px 5px 5px 0;}

/* --  SIDE  -- */
.categories { border-bottom:#000 1px solid; padding-top: 10px;  }
.categories h3 { text-align:center; margin: 0 10px 10px 10px; }

.categories ul { list-style-type:none; padding: 0px;}
.categories li { padding: 0px; border-top:#000 1px solid; list-style-type:none; display:block; }
.categories li a, .categories li strong{ text-decoration:none; letter-spacing: 1px; padding: .5em 0 .5em 15px; display:block; color:#FFFF00;  line-height:1.5em; }
.categories li li a, .categories li li strong{ padding: .5em 0 .5em 30px; color:#FFFF00;}
.categories li li li a, .categories li li li strong{ padding: .5em 0 .5em 40px; }
.categories li strong, .categories li li strong { background-color:#183D6A; }
.categories li a:hover, .categories a:hover { background-color:#183D6A; }
.categories li strong, .categories li li strong {color:#FFFFFF;}

img.cara {	border: 7px solid white; clear:left; float: left; margin: 0 10px 10px 0;}


/* -- BOTTOM -- */
#footer { padding: 5px 10px; text-align: center; font-size: .9em;	color:#CCCCCC;	background: #006699; border-top:#000000 1px solid; }
#footer a { color:#FFFF97; }
#sub-footer { text-align: right; padding: 5px 0 5px 10px; font-size: .9em; color: #000; }
#sub-footer a { color: #000; }
.reklama {text-align:center;}