html  {
}
 div.center {
  text-align: center;
}
body {
	font-family: "Verdana";
	font-size: 13px;
	background-color: #000000;
	color: #eeeeee;
	background-image: url(img/design/page.gif);
	}
img {	/*max-width: 500px;*/
	border: solid;
	border-width: 1px;
	border-color: #040404;

}
	/*Obsah vedle menu*/

.flash {
text-align : center;
}
.predokno {
/*ohrasa ramecku nad obsahem  
 background-image: url(img/design/predobsah.gif);
margin-left: 5px;
height:25px;	
	margin-right: 5px;*/

	}
	.downhead{
	 background-image: url(img/design/bg_downhead2.jpg);
	 background-repeat: no-repeat; 
	 
	/*background-repeat:no-repeat;*/
		height:20px;
		padding-top: 2px;
		vertical-align: middle;
		text-align: right;
	margin-bottom: 0px;
	padding-right: 0px;
		font-size:12px;

/*		 background: url(./img/design/bg_hledej.gif)  tohle je po celym*/
	}
/*  tohle by po přidíní id="downheadmenu" do downmenu házelo obrázky
	a#downheadmenu{
color: #313131;
padding-top: 6px;
text-align: center;
	margin-right:15px;
	_margin-right:8px;
	margin-top:0px;
	float:right;
	width:110px;
	height:24px;
	background-image:url(../img/mapa_a.jpg);	
}
a#downheadmenu:hover{
color: White;
	background-image:url(../img/mapa.jpg);
}
*/	

	
.okno1 {
background: #050505;  
/* background-image: url(img/design/ob.gif);*/
font-family: Verdana; 
	FONT-SIZE : 15px;
	text-align : left;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 12px;
	width:542px;
	margin-left: 5px;
	margin-right: 5px;
	border: solid;
	border-width: thin;
	border-color: #444444;
}	
.okno_sirsi {
background: #050505;  
font-family: Verdana; 
	FONT-SIZE : 15px;
	text-align : left;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 12px;
	width:620px;
	margin-left: 5px;
	margin-right: 5px;
	border: solid;
	border-width: 1px;
	border-color: #444444;
}
.podokno {
	text-align:center;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url(img/design/zaobsah.png);
/*background: #050505; */ 
	FONT-SIZE : 12px;
	text-align : center;
	padding-bottom: 6px;
	padding-top: 3px;
	margin-left: 5px;
/*	width:540px;
	
	border: solid;
	border-width: thin;
	border-color: #222;*/
}	
.clanek2 {
	width:530px;
}
/*.zaokno {
okrasa ramecku pod obsahem  
background-position: 50%;
 background-image: url(img/design/zaobsah.gif);
 background-repeat: no-repeat;
margin-left: 5px;
height:25px;	
	margin-right: 5px;

	}

*/


.grey_bg2 {background-image: url(./img/design/bg_topmenu4.jpg)  ;
	background-repeat: no-repeat; 
	width: 960px;
	margin-bottom: 10px;
	padding: 0px;
}
.produkty_table {
width:550px;

	}
.produkt {
	font-family: "Verdana";
   	text-decoration:none; 
	/*margin-left: 20px;
	*/
}
.trough {
	font-family: "Verdana";
   	text-decoration:line-through;  
	/*margin-left: 20px;
	*/}
.datum {font-size: 8px;
  text-align: left;	
}

	
.nazev {
	font-family: "Verdana";
   text-decoration: underline;
	font-weight: bold; 
	font-size: 16px;
}
.novinky {
   padding: 25px;
	text-align: left;
}
.novinky img{max-width: 500px;

}
.novinky a img {max-width: 500px;
 
}




	a {
	text-decoration:none;
	font-weight: 500;
	color: #aaaaaa;
}

	a:hover {
	text-decoration:underline;
	font-weight: 500;
	color: #bbbbbb;
}

/*green je na registrace a na zkusit znovu   */
a.small  { font-size: smaller;
}
a.green  {
font-weight: bold; 
	color: #32CD32;
	padding: 3px;
	text-align: right; font-size:11px;
}
a.green:hover {
font-weight: bold; 
color: #00D900;
}
/*Odkazy pod a nad velym vberem   */
a.odkazyvyber {
	font-weight: bold; 
	padding: 3px;
}
a.odkazyvyber:hover {
	color: #666666;
}
a.red {
	font-size:smaller;
}
a.red:hover {
	color: red;
}
a.blue:hover {
	color: Aqua;
}
/*Obrázek na tlačítko Vyhledávání */
.obrhledat {
  background: url(./img/design/bg_hledej.gif) 0 0 no-repeat;
  width: 45px;
  height: 20px;
  border: 0;
  cursor: pointer;
}
/*Obrázek na tlačítko Prihlasit
.obrprihlasit {
 background: url(./img/design/l.png) 0 0 no-repeat;
  width: 58px;
  height: 20px;
  border: 0;
 }*/

/*MENU						MENU					MENU						MENU			MENU			*/

/*
.menuBox_bghledani
{background-image: url(img/design/bg_podmenu.jpg);
padding-left: 5px;
padding-right: 5px;
background-color: #666666;
 height: 65px;
}
*/
.menuBox {
padding-left: 7px;
padding-right: 7px;
padding-top: 15px;
padding-bottom: 1px;
margin : 0px;
background-color: #000000;
/*background-image: url(img/design/bg_podmenu.jpg);*/
background-repeat: no-repeat;
width: 200px;
border: solid;
	border-width: 1px;
	border-color: #666666;

 /*background: url(./img/design/bg_podmenu.gif)repeat;*/
}
.menuBox_podmenu
{
height: 2px;
/*background-image: url(img/design/bg_podmenu.jpg);*/
background-repeat: no-repeat;
width: 211px;
 /*background: url(./img/design/bg_podmenu.gif)repeat;*/
}

/*Nastavovani vysky radku a global pro menu*/
.menuBox a {
margin-top : 10px;
padding-top : 0px;
text-decoration : none;
text-align: left;
display : block;
color : #656565;
font : bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;

}.menuBox a:hover {
font : bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #222222;
text-decoration : none;

}


.menuBox a img    {
/*filter: grey ;*/
border-width: 0px;
margin-bottom: -4px;
margin-top: -4px; 
 }

.menuBox a:hover img    {
/*filter: gray ;*/
border-width: 0px;
}

/*Protože je obrázek v IE ohraničenej hnusně modře tak změnim všechnu obrazkoy odkazy na bez ramečku*/
a img    { 
border-width: 1px; 
border-color: #444444;
}
a:hover img    {
 /*filter: grey; neni validni ale v IE to udělá černobílej náhled při najetí myši */
border: solid;
	border-width: 1px;
	border-color: #eeeeee;
}



/*zaklad*/
a.menu1 {margin-top: -8px;margin-bottom: 0px;color: #D3D3D3;	 width: 170px;	 border: 1px solid Gray;	background-color: #202020; cursor: pointer; text-align: left;  padding: 5px; padding-left: 6px;}
/*nad cim je mys*/
a.menu1:hover{border:1px solid #ccd6dc; background-color: #dddddd; color: black;border-right: 4px solid #0099FF; }
a.menu1:active    {color: #0099FF;
}

/*to co je zrovna rozbaleno*/
a.menu1_on {
 margin-top: -8px;
 margin-bottom: 0px;
 width: 174px;
 padding: 5px;
 background-color: Silver; 
color: black;
border: 1px solid Gray;
padding-left: 6px;
border-right: 4px solid #009999;}

a.menu1_on:hover { 
 color: black;
}

a.menu2 { 
margin-top: -15px; 
margin-left: 25px; 
margin-bottom: 12px;
/*border-bottom:1px solid #cccccc;*/
width: 153px;background: #333333; 
cursor: pointer; text-align: left;
color: #cccccc;
border: 1px solid Gray;

}

a.menu2:active    {color: #0099FF;
}
 
a.menu2:hover {color: #333333;
background-color: #dddddd;
border: 1px solid Gray;
border-right: 4px solid #0099ff;
}
a.menu2_on { color: Black; 
background: #dddddd; 
 margin-top: -15px; 
 margin-left: 25px; 
 margin-bottom: 12px;
 width: 159px;
 border: 1px solid Gray;
 border-right: 4px solid #009999;
 }


.napravo_border {

padding: 5px;
	border: solid;
	border-width: 1px;
	border-color: #777777;
	background-color: #050505;
	font-size:13px;
}
.napravo_border a img    {
	border: solid;
	border-width: 1px;
	border-color: #bbbbbb;
	}
.napravo_border a:hover img    {
	border: solid;
	border-width: 1px;
	border-color: #444444;
	}

.clanky {
width:550px;
text-align: left;
}
.clanky img {
float: left;
max-width: 350px;
}
.clanky a img    {
	border: solid;
	border-width: 1px;
	border-color: #ffffff;
	}
	
	.clanky a:hover img    {
	border: solid;
	border-width: 1px;
	border-color: #777777;
	}

.novinky a img    {
	border-width: 1px;
	border-color: #444444;
	}
	
	.novinky a:hover img    {
	border: solid;
	border-width: 1px;
	border-color: #aaaaaa;
	}

	
	
.odkazy {
text-align: left;
width: 100%;
}

.velobrmenu_border {
	border: solid;
	border-width: 1px;
	border-color: #c6cbce;
}
.velobrmenu_border img {
		max-width: 400px;
}

.variable_border {
	width: 163px;
	margin: 5px;
	margin-bottom: 10px;
	padding: 5px;
	border-bottom: solid;
	border-bottom-width: 2px;
	border-left: solid;
	border-left-width: 1px;
	border-right: solid;
	border-right-width: 4px;
	border-top: none;
	border-color: #c6cbce;
	text-align: justify; 	 
}


p, td {
	margin-top: 10px;
	font-family: "Verdana";
   	text-decoration:none; 
}

td.hlavicka2 {
border: solid;
	border-width: 1px;
	border-color: #cccccc;
	margin-top: 10px;
	font-family: "Verdana";
   	text-decoration:none; 
   	text-align: right;
	width: 340px;
	height: 100px;
}



h1 {
	font-family: "Verdana";
	 text-decoration:none; 
	 vertical-align: middle;
	 font-size: 17px;
}
h1 a {
		 text-decoration:underline; 
	 font-size: 16px; font-weight:bold;
}
h1 a:hover {
		 text-decoration:underline; 
	 font-size: 16px; font-weight:bold;
	 color:#eee;
}
h2 {
	font-family: "Verdana";
	 text-decoration:none; 
	 vertical-align: middle;
	 font-size: 15px;
}
h3 {
	font-family: "Verdana";
	 text-decoration:none; 
	 font-size: 14px;
}

input {
	font-family: Tahoma, Verdana, sans-serif, Arial;
	border-style: solid;
	border-width : thin;
}



li.small {
	font-size: smaller;
}
#mailform {
	width: 96%;
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
	font-size: small;
	color: #dddddd;
}

#mailform form {
	margin: 0px;
	padding: 0px;
}

#mailform fieldset {
	border: 1px solid #1F1F1F;
	padding: 0px;
}

#mailform legend {
	color: #666666;
	font-size: small;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

#mailform label {
	display: block;
	margin: 15px 0px 0px 10px;

}

#mailform input, #mailform textarea {
	display: block;
	margin: 2px 0px 0px 10px;
	padding: 2px;
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
	font-size: medium;
	color: #eeeeee;
	border: 1px solid Gray;
	background-color: #010101;	
}
#mailform input {
		width: 120px;
}
#mailform textarea {
	width: 380px;
	height: 100px;
}

#mailform #odeslat {
	width: 80px;
	margin: 10px 0px 10px 10px;
		border: 1px solid #aaaaaa;
}

#mailform #kod {
	width: 30px;
}


#mailform #odkaz, #mailform #format {
	text-align: center;
	font-size: x-small;
	margin-top: 2px;
}

#mailform #odkaz a, #mailform #format a {
	
	text-decoration: underline;
}

#mailform #odkaz a:hover, #mailform #format a:hover {
	text-decoration: none;
	color: #878787;
}

/*komentáře *//*komentáře *//*komentáře *//*komentáře *//*komentáře *//*komentáře */
/* $TopStyle:URL=http://www.firelovers.cz/kom/styl.css$ */



#komentare img {
	border-width: 0px;
}

#komentare h1 {
color: Gray;
	font-size: large;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

#komentare h1 a {
	text-decoration: none;
}

#komentare h2 {

color: #8B8B8B;
font-size: smaller;
	font-weight: bold;
	margin: 0px;
	padding-left: 20px;
}

#komentare a:hover, .komentar a:hover {
	color: #878787;
	text-decoration: none;
}

#komentare #zobraz {
	text-align: center;
	font-style: italic;
}

#komentare #odkaz {
	text-align: center;
}

#komentare #info {
	font-size: x-small;
	margin-left: 15px;
}

#komentare .small {
	font-size: x-small;
}

#komentare form {

	margin: 0px;
	padding: 0px;
}

#komentare fieldset {
	border: 1px solid #868686;
	padding: 5px 30px 5px 25px;

	margin: 0px;
	width: 90%;
	
}

#komentare legend {
	padding: 0px 15px;
	margin : 0px;
	font-weight: bold;
}

#komentare input, #komentare textarea, #komentare select {
	width: 200px;
	height: 20px;
	border: 1px solid #8C8C8C;
	color: #eeeeee;
	background-color: #080808;	
	margin: 0px 0px 6px 15px;
	padding: 0px;
	font-size: larger;
}

/*tohle je pro gbook */
input, textarea, select {
	border: 1px solid #8C8C8C;
	color: #eeeeee;
	background-color: #080808;	
}
.button {
	font-size: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight : bold;
	border-style: solid;
	border-width : thick;
	border-color : #7F7F7F;
}
.hlavicka, .paticka {
	padding: 3px 0px 3px 5px;
	background-color: #060606;
}

.zprava {
	margin: 10px 0px 20px 0px;
	border: solid 1px #666666;
}


/*tohle bylo pro gbook */
#komentare textarea {

	width: 100%;
	height: 80px;
}

#komentare .tlacitko {
font-size: smaller;
	width: 80px;
	margin-top: 10px;
	border: 1px;
	border-color:#096;
}

#komentare #smajlici {
	margin: 0px 15px 10px 15px;
}

#komentare #chyba {
	margin: 10px 0px 10px 15px;
}

#komentare #cislo {
	width: 30px;
	text-align: center;
}

.komentar p {
	width: 99%;
	display: block;
	padding: 3px 0px 3px 5px;
	margin: 0px;
	text-align: justify;
	border-top: solid 1px #666666;
	border-bottom: solid 1px #666666;
	line-height: 1.3em;
}

.komentar {
	width: 100%;
	margin: 10px 0px 20px 0px;
	border: 1px solid #353535;
}

.kom_hlavicka {
	padding: 3px 0px 3px 5px;
	border: 1px solid #999999;
	background-color: #080808;	
}
.kom_paticka {
	padding: 3px 0px 3px 5px;
color:#555555;
}

/*TOHLE JE PRO Obchod*/
.produkt {
	font-family: "Verdana";
   	text-decoration:none; 
	/*margin-left: 20px;
	*/}
	
	.produkt img {
	max-width: 250px;
	
}
.trough {
	font-family: "Verdana";
   	text-decoration:line-through;  
	/*margin-left: 20px;
	*/
}
.sleva {
	font-family: "Verdana";
	 	color: red;
   /*	text-decoration:bold; nevalidni
 
	/*margin-left: 20px;
	*/
}

a.kosik{
padding-top:55px;
padding-bottom:2px;
padding-left: 44px;
padding-right:0px;
color: #333;
font-size:11px;
		background: url(./img/design/dokosiku.png) no-repeat;
	/*	background-color: #dE0404;
    width: 60px; /*kvuli exploreru*/
	height: 70px;/*	kvuli exploreru*/
  /*	cursor: pointer;
	border: solid;
	border-width: 1px;
	border-left: solid;
	border-left-width: 1px;
	border-right: solid;
	border-right-width: 1px;
	border-top: 1px;
	*/
	width: 120px;
	background-position:left;
	
 
	border-color: #bbbbbb;
}


a.kosik:hover {
padding-top:55px;
padding-bottom:2px;
padding-left: 44px;
padding-right:0px;
color: #FFFAF0;
		background: url(./img/design/dokosikui.png) no-repeat;
height: 70px;/*	kvuli exploreru*/
    width: 120px; /*kvuli exploreru*/
  	cursor: pointer;
	border-top: 1px;
	background-position:left;
	border-color: #bbbbbb;
	
	}

a.pokladna{
padding: 4px;
padding-left: 24px;
color: #FFFAF0;
background-color: #dE0404;
width: 60px; /*kvuli exploreru*/
	height: 20px;	/*kvuli exploreru*/
  	cursor: pointer;
	border: solid;
	border-width: 1px;
	/*border-left: solid;
	border-left-width: 1px;
	border-right: solid;
	border-right-width: 1px;
	border-top: 1px;
	*/
	border-color: #bbbbbb;
}


a.pokladna:hover {
		border-color: #444444;
}	
	
.nazev {
	font-family: "Verdana";
   text-decoration: underline;
	font-weight: bold; 
	font-size: 14px;
}

/*TOHLE JE PRO LIGHTBOX KTEREJ ZOBRAZUJE FOTKY*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #000; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #000; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #aaa; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/*TOHLE JE PRO LIGHTBOX KTEREJ ZOBRAZUJE FOTKY*/







/* Vkladani datumu pomoci rozbalenyho kalendare */
.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #333;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
} /* This hover code won't work for IE */
/* END Vkladani datumu pomoci rozbalenyho kalendare */


