@media Screen    
{
BODY {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	padding-bottom: 50px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	TEXT-ALIGN: center;
	background: Black url(bg_page.jpg) no-repeat top;
}
BODY, TD {
	FONT: 74% "Verdana CE", Verdana, "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif;
}
BODY, TD, LI SPAN {
	COLOR: #131313;
}
em {
	font-style: normal;
}
FORM {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DIV {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}


H1 {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 30px;
	MARGIN: 0px;
	MARGIN-TOP: 0px;
	font-weight: lighter;
	font-size: 120%;
	letter-spacing: 0px;
	text-align: left;
	text-transform: uppercase;
	color: #015387;
}
H2 {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 2px;
	PADDING-TOP: 0px;
	MARGIN-TOP: 46px;
	MARGIN-BOTTOM: 10px;
	color: #0180cd;
	font-size: 90%;
	text-transform: uppercase;
	text-align: left;
	letter-spacing: 0px; 
	width: auto;
	line-height: 150%;
}
H3 {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	MARGIN: 0px;
	MARGIN-TOP: 0px;
	MARGIN-BOTTOM: .5em;
	font-size: 100%;
}
H4 {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	MARGIN: 0px;
	FONT-SIZE:100%;
	text-align: justify;
}
H5 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-SIZE: 110%; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
H6 {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	FONT-SIZE: 80%;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
UL {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 7px;
	PADDING-TOP: 0px;
	MARGIN: 0px;
	MARGIN-LEFT: 15px;
	list-style-position: outside;
	list-style-type: square;
}
LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
}
UL.highlight LI:hover, 
UL.highlight LI.hover {
	background-color: #FAF3E5;
}
P {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	MARGIN: 0px;
	MARGIN-BOTTOM: 10px;
	text-align: justify;
}
IMG {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none
}
.sup {
	vertical-align: super;
	font-size: 70%;
	font-weight: bold;
}
SUP {
		font-size: 60%;
	}
.clear {
	CLEAR: both; FONT-SIZE: 1px
}
.clearL {
	CLEAR: left; FONT-SIZE: 1px
}
.clearR {
	CLEAR: right; FONT-SIZE: 1px
}
.center, .c {
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.R {
	float: right;
}
.L {
	float: left;
}
A {
	COLOR: #0180cd;
	TEXT-DECORATION: underline;
}
A:hover {
	COLOR: #fe0e17;
	TEXT-DECORATION: underline;
}


#area {
	MARGIN: 0px auto;
	WIDTH: 960px;
	TEXT-ALIGN: left;
	padding-bottom: 0px;
	margin-bottom: 0px;
	height: auto;
	position: relative;
	border: 0px solid green;
}
TD, TH {
	FONT-FAMILY: "Verdana CE", Verdana, "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif;
	FONT-SIZE: 100%;
	padding: 0px;
	font-weight: bold;
	padding-left: 6px;
	padding-right: 6px;
	text-align: left;
	vertical-align: top;
}

TD {
	font-weight: normal;
}

A.ext {	
	color: Black !important;
	text-decoration: none;
}
A.ext:hover {	
	COLOR: #fe0e17 !important;
	text-decoration: underline;
}


/*** HEADER **/
#headerPrint {
	display: none;
}
#header {
	position: relative;
	width: 960px;
	height: 353px;
}
#header img#logo {
	position: absolute;
	left:15px;
	top:35px;
	border: 0px solid Black;
	z-index: 100;
	visibility: hidden;
}
#header img#head_1,
#header img#head_2,
#header img#head_3 {
	position: relative;
	border: 0px solid Black;
	float: left;
}
#header #head_4 {
	clear: both;
	width: 960px;
	height: 20px;
	background-image: url(head-4.gif);
}
#foot_1 {
	clear: both;
	width: 960px;
	height: 20px;
	background-image: url(foot.gif);
}
#header H2#titul {
	position: absolute;
	top: 20px;
	left: 20px;
	text-transform: none;
	letter-spacing: 0px;
	font-size: 100%;
	font-weight: lighter;
	letter-spacing: 10px;
}
#header H2#titul A {
	color: #FDF6F0;
	text-decoration: none;
}
#header H2#menu_top {
	position: absolute;
	top: 4px;
	left: 315px;
	text-transform: none;
	letter-spacing: 0px;
	font-size: 11px;
	color: #986A32;
}
#header H2#menu_top A {
	color: #986A32;
}
#header #menu {
	position: absolute;
	top: 181px;
	left: 15px;
	text-transform: uppercase;
	letter-spacing: 0px;
	font-size: 9px;
	color: #DDB55E;
	font-weight: normal;
}
#header #menu A {
	font-weight: normal;
	letter-spacing: 1px;
}
#header #rezervace {
	position: absolute;
	top: 179px;
	left: 725px;
	font-weight: bold;
	text-transform: lowercase;
	letter-spacing: 0px;
	font-size: 11px;
	color: #ac987f;
}
#header #rezervace A {
	color: #D5A972;
}
#header #rezervace A:hover {
	COLOR: #B22222;
}

/** #BODY **/
#body{
	WIDTH: 960px;
	TOP: 0px;
	margin-top: 0px;
	padding-bottom: 50px;
	position: relative;
	border: 0px solid green;
	/*background: #0180cd url(bg_body.jpg) no-repeat top;*/
	background: White url(bg_body2.jpg) repeat-x top;
}
#col1{
	WIDTH: 200px;
	position: relative;
	top: 10px;
	border: 0px solid green;
	float: left;
	border: 0px solid silver;
}

#col2{
	WIDTH: 550px;
	position: relative;
	border: 0px solid red;
	float: left;
}

#col3{
	WIDTH: 200px;
	position: relative;
	border: 0px solid blue;
	float: left;
}
#col2obj{
	WIDTH: 720px;
	position: relative;
	border: 0px solid red;
	float: left;
}

#col3obj{
	WIDTH: 30px;
	position: relative;
	border: 0px solid blue;
	float: left;
	background: #FFFFFF;
}


#body #obsah{
	margin-top: 0px;
	border: 0px solid Fuchsia;
}
#body #obsah.kontakt{
	padding-right: 0px;
}
#body #obsah.kontakt IMG{
	padding-right: 0px;
	margin-right: 0px;
}
#body #obsah.kontakt TD#galerie {
	padding-right: 0px;
	margin-right: 0px;
}


/** LISTA **/
#lista {
	WIDTH: 850px;
	HEIGHT: 21px;
	TOP: 0px;
	margin-top: 0px;
	border: 0px dashed Fuchsia;
	margin-left: 0px;
	position: relative;
	background: #370000;
}
#lista #left {
	WIDTH: 0px;
	HEIGHT: 21px;
	background-image: url(s_lista_left.gif);
	TOP: 0px;
	float:left;
}
#lista #right {
	WIDTH: 0px;
	HEIGHT: 21px;
	background-image: url(s_lista_right.gif);
	TOP: 0px;
	float:right;
}
#lista #text {
	WIDTH: 810px;
	HEIGHT: 21px;
	float:left;
	padding-left: 10px;
	position: relative;
	left: 0px;
	top: 3px;
}
#lista H2 {
	display: inline;
	color: #986A32;
	letter-spacing: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: none;
	padding: 5px;
	width: auto;
}



/*** FOOT ***/
#foot {
	display: block;
	width: 960px;
	height: 20px;
	margin-bottom: 0px;
	text-align: right;
	vertical-align: middle;
	position: relative;
}
#footContent {
	color: #01558B;
	display: block;
	font-size: 9px;
	height: 13px;
	margin-top: 3px;
	margin-right: 15px;
	margin-bottom: 0px;
	font-family: "Verdana CE", Verdana, Arial, sans-serif;
	float: right;	
	position: relative;
	top:0px;
	left: 0px;
}
#footContent A,
#footContent SPAN  {
	color: #01558B;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: normal;
	text-decoration: none;
}
#footContent A:hover,
#footContent SPAN:hover,
#footContent SPAN.hover {
	color: Silver;
	text-decoration: none;
}
#foot #oteviracka {
	position: absolute;
	left: 10px;
	top: 16px;
	text-align: left;
}
#foot #oteviracka H3 {
	display: inline;
}
#foot #oteviracka,
#foot #oteviracka H3 {
	font-size: 11px;
	color: #AB853D;
}


#uvod_texty{
	WIDTH: 850px;
	TOP: 0px;
	margin-top: 0px;
	position: relative;
	border: 0px dashed Fuchsia;
	background: #FFFFF url(s_bg_s.jpg) no-repeat top;
}
#uvod_texty H2 {
	letter-spacing: 0px;
	font-weight: normal;
	font-size: 13px;
	padding: 0px;
	padding-top: 35px;
	padding-bottom: 0px;
	width: auto;
}




/**** OBECNE ***/
ul.links{
	margin: 50px;
	list-style-image: url(arrow_blue.gif);
}
.sto{
	width: 100%;
}
.red{
	color: #E60000;
	font-weight: bold;
}
.b{
	font-weight: bold;
}

.imgL, .imgR, .img {
	border: 1px solid #7C4730;
}
.imgL, .imgLNoBorder {
	FLOAT: left;
	margin-right: 13px;
	margin-bottom: 10px;
}
.imgR, .imgRNoBorder {
	FLOAT: right;
	margin-left: 13px;
	margin-bottom: 10px;
}
.img {
	FLOAT: none;
}

p.L {
	FLOAT: left;
	position: relative;
}
p.R {
	FLOAT: right;	
	position: relative;
}

/** cenik **/
#obsah H2 {
	margin-top: 20px;
	padding-bottom: 15px;
	padding-left: 0px;
	text-align: left;
}
#cenik H3 {
	margin-top: 15px;
	margin-bottom: 5px;
	COLOR: #D09473;
	letter-spacing: 1px;
	font-weight: normal;
	font-size: 14px;
}
#cenik H3.prvni {
	margin-top: 0px;
}
#cenik TABLE {
	margin: 0px;
	border-right: 0px solid #F5F5F5;
}
#cenik TABLE TD {
	padding: 0px;
	border-top: 0px solid #F5F5F5;
	padding-top: 2px;
	padding-right: 4px;
}
#cenik TD.cena,
#cenik TD.cas {
	width: 80px;
	white-space: nowrap;
	text-align: right;
	margin-right: 10px
}
#cenik TABLE TR TD TABLE {
	border: 0px solid #FCEFDE;
	width: 70%;
	margin-left: 100px;
}
#cenik TABLE TR TD TABLE TD {
	white-space: nowrap;
}
.foto {
	float: left;
}
FORM .field {
	font-family: "ArialCE",Arial, "HelveticaCE", Helvetica, sans-serif;
	font-size: 13px;
	color: #CD947F;
	background-color: #150C08;
	padding: 3px;
	border: 3px solid #7C4730;
}
#kontakt FORM .field {
	width: 380px;
}
#kontakt IMG {	
	margin-right: 0px;
}
#kontakt H2.form {	
	margin-bottom: 10px;
}
#kontakt TD.ls P {	
	text-align: left;
}
#kontakt #podpis {	
	text-align: right;
}
#rezervace FORM TEXTAREA.field {
	width: 100%;
}
FORM INPUT.field {
	margin-bottom: 7px;
}
FORM TEXTAREA.field {
	margin-bottom: 0px;
	SCROLLBAR-FACE-COLOR: #7C4730;
	SCROLLBAR-HIGHLIGHT-COLOR: #CD947F;
	SCROLLBAR-SHADOW-COLOR: #7C4730;
	SCROLLBAR-3DLIGHT-COLOR: #7C4730;
	SCROLLBAR-ARROW-COLOR: #150C08;
	SCROLLBAR-TRACK-COLOR: #150C08;
	SCROLLBAR-DARKSHADOW-COLOR: #100501;
}

/* FOTOGELERIE */
#galerie IMG {	
	background-color: #4D2C1D;
	border: 3px solid #7C4730;
	margin: 3px;
}

H2 {	
	position: relative;
}

/* CERATIO menu (top) menu1 menu2*/
UL#menu {	
	position: relative;
	margin-left: -2px;
	top: 0px;
}
UL#menu LI A {	
	display: block;
	float: left;
	background: url(dot-head.jpg) no-repeat 0px 0px;
	padding-left: 27px;
	padding-right: 5px;
	padding-top: 5px;
	height: 22px;
}
#menu LI A {	
	text-decoration: none;
	color: Gray;
}
#menu LI A:hover {	
	color: White;
}
#menu1 {	
	position: relative;
	margin-left: 0px;
	margin-bottom: 100px;
	top: 85px;
	left:-10px;
}
#menu2 {	
	position: relative;
	margin-left: 20px;
	margin-top: 0px;
	top: 70px;
	visibility: hidden;
}
#menu1 LI, #menu2 LI {	
	list-style: none;	
	font-weight: normal;
	font-size: 100%;
	letter-spacing: 0px;
	text-align: left;
	padding-left: 30px;
	padding-top: 4px;
	display: block;
	height: 23px;
}
#menu2 LI {	
	font-size: 90%;
	list-style: square;	
}
#menu1 LI A {	
	color: Gray;
	text-decoration: none;
	text-transform: uppercase;
}
#menu1 LI A:hover {	
	color: Black;
	text-decoration: underline;
}
#menu1 LI A.active {	
	color: Black;
}
#menu2 LI {	
	margin-bottom: 2px;
	background-color: Silver;
}
#menu2 LI A {	
	color: #171717;
	text-decoration: none;
}
#menu2 LI A:hover {	
	color: Black;
	text-decoration: underline;
}
#menu2 LI A.active {	
	/*color: Gray;*/
	color: White;
}
#menu2 H3 A {	
	color: Gray;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 84%;
	margin-left: 3px;
	margin-bottom: 10px;
	display: block;
}
H1 A {	
	color: Black;
}

#col3 #kontejner {	
	margin-left: 10px;
	margin-right: 0px;
	font-size: 90%;
}
#col3 #frame {	
	padding: 7px;
	padding-top: 15px;
	border: 1px solid #DCDCDC;
	margin-top: 20px;
	background-color: White;
}
#col3 #frame.prvni {	
	margin-top: 105px;
	/*margin-top: 35px;*/
}
#col3 H3 {	
	text-transform: uppercase;
}
#col3 P {	
	margin-top: 15px;
	text-align: left;
}
#col3 A {	
	color: Gray;
	text-decoration: underline;
}
#col3 A.prvni {	
	margin-top: 30px;
}
#col3 A IMG {	
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#col3 A P {	
	margin-top: 0px;
}
#col3 A span {	
	display: none;
}
#col3 DIV#col3tn {	
	width: 173px;
	height: 95px;
	overflow: hidden;
	position: relative;
}
#col3 DIV#col3tn IMG {	
	position: relative;
	left:-20px;
	top:-5px;
}
#col3 DIV#col3tn IMG#spicky {	
	width: 173px;
	height: auto;
	left:0px;
	top:-5px;
}
#col3 BIG {	
	padding-top: 7px;
	padding-bottom: 0px;
	display: block;
	font-size: 150%;
}



#uvod .box {	
	width: 264px;
	line-height: 165%;
	text-align: justify;
}
#uvod P {	
	line-height: 130%;
}
#col1 #ruka {	
	position: relative;
	top: 40px;
	left: 60px;
}



/**** objednavka ****/
TABLE.objednavka {	
	width: 100%;
	border: 0px solid Gray;
	margin-top: 20px;
	font-size: 90%;
}
TABLE.objednavka TBODY {	
	border: 0px solid Gray;
}
TABLE.objednavka TR {	
	background-color: #FCEEE2;
	border: 0px solid White;
}
TABLE.objednavka TR#gray,
TABLE.objednavka TR#terminy {	
	background-color: #F5F5F5;
	color: Gray;
}
TABLE.objednavka TR#terminy TD {	
	color: Gray;
}
TABLE.objednavka TR#terminy TD P SPAN.b {	
	color: Black;
}
TABLE.objednavka TR#terminy TD P.red SPAN.b {	
	color: Red;
	color: #E60000;
}

TABLE.objednavka TH {	
	color: White;
	background-color: #E67817;
	height: 2em;
	border: 0px solid White;
	border-bottom: 0px solid White;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
}
TABLE.objednavka TD#kod {	
	background-color: White;
}
TABLE.objednavka SPAN#kod {
	color: #A5A5A5;
	font-size: 95%;
}
TABLE.objednavka TD {	
	height: 3em;
	border: 0px solid White;
	border-bottom: 1px solid White;
	margin: 0px;
	padding: 2px 10px 5px 10px;
}
TABLE.objednavka TH#cena {	
	text-align: center;
	text-transform: uppercase;
}
TABLE.objednavka TD#cena {	
	white-space: nowrap;
	text-align: right;
	font-weight: bold;
}
TABLE.objednavka TD#cena {	
	white-space: nowrap;
	text-align: right;
	font-weight: bold;
}
TABLE.objednavka TD#cena I {	
	font-size:80%;
	font-weight: normal;
	display: inline-block;
	width: 75px;
	padding-left: 5px;
	text-align: left;
}
TABLE.objednavka TD#posta {	
	white-space: nowrap;
}
TABLE.objednavka TD#input {	
	white-space: nowrap;
}
TABLE.objednavka TD.vyprodej {	
	color: Gray;
}
TABLE.objednavka TR#vyprodej {	
	color: Gray;
}
TABLE.objednavka TR#vyprodej TD {	
	color: Gray;
}
TABLE.objednavka TD INPUT#objednat {	
	float: right;
	padding:7px;
	padding-left:20px;
	padding-right:20px;
}
SPAN.error, SPAN.ok  {
	margin-top: 30px;
	margin-bottom: 10px;
	display: block;
	color: green;
}
SPAN.error {
	font-size:200%;
	margin-top: 30px;
	margin-bottom: 10px;
	display: block;
}

H3#message {
	font-size:100%;
	margin: 100px;
	margin-top: 0px;
	margin-bottom: 10px;
	color: #E60000;
	line-height: 140%;
}
#katalog, #katalog TD {
	color: #5A5A5A;
}
#katalog {
	padding-left: 10px;
	margin-left: 10px;
}
#katalog H3 {
	margin-top: 70px;
}
#katalog H3#prvni {
	margin-top: 40px;
}
#katalog #cenovka,
#produkt #cenovka {
	background-color: Silver;
	color: White;
	padding: 5px;
	padding-left: 20px;
	margin-right: 30px;
	width: 70px;
	float: left;
	font-weight: bold;
}
#katalog #cenovka {
	margin-left: 25px;
}

#produkt {
	margin-top: 30px;
}
#produkt H1 {
	margin-bottom: 30px;
	font-weight: bold;
}
#produkt P {
	text-align: left;
}





#odkazy {	
	display: block;
	padding-top: 100px;
	padding-bottom: 100px;
}
#odkazy P {	
	display: inline;
}





/* Objednavka nozu */
.nadpis {	
	font-weight: bold;
	color: Black;
}
#toplist {	
	display: none;
}
}