* {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62,5%;
	text-align: center;
	margin: 0;
	border: none;
	padding-top: 30px;
	background-color: #FFFFFF;
	background-image: url('../img/bg-pattern.gif');
}

/* -----  PF --- */
#pf2009 { position: absolute; left:0; top:0; width: 100%; height: 100%; z-index: 100; background-color:#000000;
opacity:0.8; filter: alpha(opacity=80); }
#pfMovie { position: absolute; z-index: 110; width: 100%; left:0; height: 345px; text-align: center; top: 60px;  }


#page {
  	position: relative;
	margin-top: -568px;	
	width: 903px;
	height: 568px;
	margin-left: auto;
	margin-right: auto;
  	text-align: left;
	color: #666666;
	z-index: 2;
}

#page_bg { 	
	background-image: url('../img/bg.png');
	background-repeat: no-repeat; 
	width: 903px;
	height: 568px;
	z-index: 1;	
	position: relative;
	margin: auto;
}

h1#logo { width: 100px; height: 40px;  position: relative; overflow: hidden; top: 50px; left: 770px; }
h1#logo img { border:none; }

h2 { color: #999999; text-transform: uppercase; font-size: 8pt; font-weight: bold; }

h3{ font-size: 8pt; font-weight: bold; text-transform: uppercase; margin-bottom: 10px; }

h4{ font-size: 8pt; font-weight: bold; padding-bottom: 5px; }

h5 { font-size: 8pt; padding-top: 10px; padding-bottom: 5px; }

a:link { color: #005193; text-decoration: underline; } 
a:visited { color: #005193; }

a[href^="http:"] { background-image: url('../img/ext_link.gif'); background-repeat: no-repeat; background-position: right center; padding-right: 14px; }

a[href^="http://www.keramikapraha.cz"] { background-image: none; padding-right: 0px;}

p { padding-bottom: 9px; }
ul { margin-left: 20px; margin-bottom: 5px; }
img { border: none; }

.fl {float: left;}
.fr {float:right;}

fieldset { background-color: #f8f8f8; border: 1px solid #CCCCCC; margin: 10px 0;padding: 10px; position: relative; line-height: 1.5;}

 fieldset legend { font-weight: bold; color: #666666; line-height: 1.3;  /* note this line-height value */}
 
 /* IE6 fix */
 * html fieldset#fixed legend {
 float: left; position: 
 relative; margin-top: -18px 
 /* equals actual line-height minus 0.35em */;}
 
 * html p.comp {
 margin-bottom: 18px;}

 /* IE7 fix */ 
 *:first-child+html fieldset#fixed legend {
 float: left; position: relative; 
 margin-top: -18px; 
 /* equals actual line-height minus 0.35em */;}
 
 *:first-child+html p.comp {
 margin-bottom: 18px;}

label { display: block; }
#jmeno, #firma, #email { width: 200px; }
input:focus, textarea:focus { background-color: #f7fbff; }
input.radio, input.checkbox, input.submit { width: auto; }
input[type="text"], textarea { border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc }

.active1 { text-decoration: underline !important; color: #999999 !important; }
.active2 { text-decoration: underline !important; color: #FFFFFF !important; }
.active3 { text-decoration: underline !important; }


#content {
	width: 848px;
	margin-left: 20px;
	margin-right: 35px;
	margin-top: 76px;
	border-top: 1px dotted #666666;
}

#menu1 {
	width: 6em;
	max-width: 160px;
	float: left;
	padding-top: 5px;
	z-index: 100;
	position: relative;
}


#menu1 ul {	list-style-type: none; margin: 0px; position: relative; }

#menu1 li a:link, #menu1 li a:visited {
	font-size: 6pt;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 2.6em;
	position: relative;
}

#menu1 li a:hover, #menu1 li a:focus, #menu1 li a:active {
	text-decoration: underline;
	color: #999999;
}

#menu2 {
	width: 10em;
	padding-top: 90px;
	float: left;
	z-index: 100;
}

#menu2 ul {
	list-style-type: none;
}


#menu2 li a:link, #menu2 li a:visited {
	font-size: 6pt;
	font-weight: bold;
	text-transform: uppercase;
	/*letter-spacing: 0.8px;*/
	color: #999999;
	text-decoration: none;
	line-height: 2.6em;
}

#menu2 li a:hover, #menu2 li a:focus, #menu2 li a:active {
	text-decoration: underline;
	color: #FFFFFF;
}

#menu3 { width: 200px; }

#menu3 ul {
	position: absolute;
	top: 140px;
	left: 730px;
	width: 200px;
	color: #FFFFFF;
	list-style-type: none;
}

#menu3 ul li {
	font-size: 6pt;
	font-weight: bold;
	text-transform: uppercase;
	/*letter-spacing: 0.8px;*/
	color: #999999;
	text-decoration: none;
	line-height: 1.8em;
}

#menu3 li a:link, #menu3 li a:visited {
	font-size: 6pt;
	font-weight: bold;
	text-transform: uppercase;
	/*letter-spacing: 0.8px;*/
	color: #999999;
	text-decoration: none;
}

#menu3 li a:hover, #menu3 li a:focus, #menu3 li a:active {
	text-decoration: underline;

}



#main_kontakt {
	position: absolute; bottom: 20px; left: 20px;
		
	color: #CCCCCC;	font-size: 6pt;	font-weight: bold; }

#panelObsah-obalka {
	float: right;
	width: 590px;
	height: 405px;
	padding: 0;
	border: 0;
	
	
}

#panelObsah {
	width: auto;
	height: 100%;
	background-color: #FFFFFF;
	margin-top: 10px;
	padding: 10px;
	font-size: 11px;
	line-height: 14px;
}

#logo_uvod { width: 260px; height: 163px; float: left; margin-top: 80px; margin-left: 20px; background-image: url('../img/logo-uvod.png'); background-repeat: no-repeat; z-index: 1 }

div#obsahLevy { float: left; height: 405px; padding-right: 10px; margin-right: 10px; border-right: 1px dotted #666666; }
div#obsahPravy {  width: auto;}

div#obsahPravy p { padding-bottom: 12pt; }


/* ==== novinky slider ==== */

#featured{
	width: 570px;	
	position:relative;
	height: 100%;
}
#featured ul.ui-tabs-nav{
	position:absolute;
	top:0; right:0px;
	list-style:none;
	padding:0; margin:0;
	width:140px;
}
#featured ul.ui-tabs-nav li{
	padding-bottom: 10px;
	color: #999999;
}
#featured ul.ui-tabs-nav li span{

}


#featured .ui-tabs-panel{
	width:410px; height: 100%;
	position:relative;
    overflow:hidden;
}
#featured .ui-tabs-hide{
	display:none;
}


#featured li.ui-tabs-nav-item a{/*On Hover Style*/
	font-size: 6pt;
	font-weight: bold;
	text-transform: uppercase;
	/*letter-spacing: 0.8px;*/
	color: #999999;
	text-decoration: none;
	line-height: 1.8em;
}
#featured li.ui-tabs-nav-item a:hover{
	text-decoration: underline;

}
#featured li.ui-tabs-selected{ /*Selected tab style*/
	text-decoration: underline;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{

}


/* ======================== */


/* ====  detail produktu  ==== */

div#vybrana_polozka { width: 410px; height: 405px; position: relative;}
div#vybrana_polozka img { width: 410px; height: 280px; top: 0px; left: 0px; }
div#vybrana_polozka h2 { position: absolute; top: 296px; }
div#vybrana_polozka p {  }

/* =========================== */


div#novinky_img { float: right; width: 170px; height: 405px; border-left: 1px dotted #666666; }
div#novinky_text { width: 390px; }
div#novinky_text h4 { margin-bottom: 10px; }
div#novinky_text table { margin-bottom: 12px; }
div#novinky_text table td { padding: 0 12px 2px 0; }
#aktual { float: right; }



#mapa ul { list-style-type: none; }

#mapka { position: absolute; right: 45px; bottom: 25px; }

#oteviraci_doba { float: right; width: 155px; margin: 0px 0px 50px 50px; border-left: 1px solid #CCCCCC; padding: 0px 0px 50px 20px; }
#oteviraci_doba table { border: none; margin-bottom: 10px; }
#oteviraci_doba table td { padding-right: 10px; }

.povinne { color: #FF0000; }


div#created { position: absolute; right: 30px; bottom: -25px; width: 110px; height: 24px; }
div#created span { background: url('../img/logo_webtovarna.gif') 50% 50% no-repeat; position: absolute; width: 100%; height: 100%; cursor: pointer; cursor: hand; }
div#created a:link, div#created a:visited { color: #999999; text-decoration: underline; background-image: none; padding-right: 0px; }


.cistic {
   clear: both;
   height: 1px;
   border: none;
   margin: 0 0 0 0;
   visibility: hidden;
}