body {
	font-family:Verdana, Arial, Tahoma,  Helvetica; margin:0; padding:0 0; background:#F0F0F0;
}

#page{
	width:1000px; height:100%; position:relative; display:block; padding:0 0; margin:0 auto;
  display:block; background: url(../imgs/pozadi13.gif) repeat-y ;
}

/*    ---------------  H E A D E R    ------------------- */

#header {
	width:1000px; height:192px; position:relative; padding:0 0; margin:0px; 
}



#header_17letx {
	width:160px; height:500px; position:absolute; top:228px; left:840px; padding:8px 0px 0px 0px; margin:0px;
	font-family:Arial, Tahoma; font-size:15px; color:BLACK; text-decoration:none;
}

#header_17letz {
	display:block; width:160px; height:410px; padding: 0px 0px; margin:0px; text-decoration:none;
}
#header_17letz a { display:block; width:160px; height:400px; text-decoration:none;
background:url(../imgs/Denisa9b.jpg) no-repeat left top;  border-bottom:10px solid #D8D8D8;}

#header_17letz a:hover { background:url(../imgs/Denisa9b.jpg) no-repeat right top;  border-bottom:10px solid #D8D8D8; }


.headernav0 { width:110px; height:17px; padding:8px 10px 8px 40px;
           font-family:Arial, Tahoma; font-size:15px; color:BLACK; }

#head_bann {
	width:610px; height:128px; position:absolute; top:63px; left:215px; border: dashed; border-width: 1px; border-color:#C0C0C0;
}
#head_img {
	width:610px; height:128px; position:absolute; top:72px; left:200px; 
}
#head_img a { display:block; width:610px; height:128px; text-decoration:none; }



#euro-logo {
  width:1000px; height:49px; background:#E15615 url(../imgs/header1h.gif) no-repeat left top;}

#euro-logo a { display:block; width:1000px; height:49px; text-decoration:none;	}



#text-header2 {
  width:610px; height:49px; position:absolute; top:4px; left:220px; font-family:Arial, Tahoma;
  font-size:16px; line-height:21px; font-weight:bold; color:white; text-align:center;}

#text-header2 a {text-decoration:none; color:white; }

#text-header2 a:hover { text-decoration:underline;}


#text-header21 {
  width:610px; height:28px; position:absolute; top:25px; left:220px; font-family:Arial, Tahoma;
  font-size:14px; line-height:21px; font-weight:bold; color:#CDCDEC; text-align:center;}

#text-header21 a {text-decoration:none; color:#CDCDEC; }
#text-header21 a:hover { text-decoration:underline;}

#text-header3 {
  width:180px; height:49px; position:absolute; top:4px; left:810px; font-family:Arial, Tahoma; 
  font-size:13px; line-height:19px; color:white; text-align:center;}
#text-header3 a {text-decoration:none; color:white; }
  
#text-header4 {
  width:200px; height:120px; position:absolute; top:56px; left:0px; padding:0px 0px; background: url(../imgs/info3pp.gif) no-repeat left top;}
  
#text-header4t { font-family:Arial, Tahoma; font-size:13px; line-height:16px;
  width:70px; height:36px; position:absolute; top:152px; left:118px; padding:2px 2px; background-color:#F0F0F0;}
#text-header4t a { display:block; color:WHITE; text-decoration:none; background-color:#CF311F; padding:2px 3px; }
#text-header4t a:hover { background-color:#B83529; }

#text-header3t { font-family:Arial, Tahoma; font-size:15px; line-height:16px; color:WHITE;
  width:30px; height:16px; position:absolute; top:164px; left:100px; }


#text-header5 {
  width:160px; height:160px; position:absolute; top:80px; left:848px; padding:0px 0px;
  font-size:20px; line-height:22px; font-family:Verdana, Tahoma, Arial; font-weight:bold; font-style:italic; color:#38B4C4; text-align:left;  
}



/*  --------------------------  T O P N A V    ------------------  */
#topnav { width:1000px; height:35px; position:relative; display:block; background:#303030 url(../imgs/header2e.gif) no-repeat left top;}

#topnav1 { width:200px; float:left; height:35px; }
#topnav1 a { display:block; width:200px; height:35px; text-decoration:none;	}


#topnavx2 { width:580px; float:right; height:24px; 
           color:WHITE; font-weight:bold; font-family:Arial, Tahoma; font-size:14px; text-decoration:none; padding-top:11px; } 
#topnavx2 a {color:WHITE; text-decoration:none; }
#topnavx2 a:hover { text-decoration:underline;}

#topnav_hl { width:220px; height:35px; position:absolute; top:0px; left:215px; padding-top:5px;
           color:WHITE; font-weight:bold; font-family:Arial, Tahoma; font-size:14px; text-decoration:none; } 
#topnav_hl a {color:WHITE; text-decoration:none; }
#topnav_hl a:hover { text-decoration:underline;}

input.imgButton	{
	border: none;
	background: none;
	margin: 0 0 -6px 0 !important;
}



#main {
	width:840px; position:relative;
}


/*    --------------------------    S I D E N A V    ----------------------- */
#sidenav { width:200px; display:block; height:600px; position:absolute;
           font-size:10px; top:0px; left:0px; padding:0px 0px; margin:0px; }

.sidenav0 { width:160px; height:17px; padding:16px 0px 8px 40px;
           font-family:Arial, Tahoma; font-size:14px; color:BLACK; }

.sidenav2 { width:104px; padding:10px 48px; }
.sidenav2 a { display:block; background-color:#D8D8D8; width:104px; text-decoration:none; text-align:center; }
.sidenav2 a:hover { background-color:#F0F0F0; color:WHITE }

.sidenavx { width:200px; height:14px; display:block; margin:0px; padding:0px 0px; background:#CF311F url(../imgs/vrch2.gif) no-repeat left top;}
.sidenavy { width:200px; height:14px; display:block; margin:0px; padding:0px 0px; background:#CF311F url(../imgs/spodek2.gif) no-repeat left bottom; }

.sidenav1 { width:180px; padding:0px 10px; background-color:#CF311F; }
.sidenav1 ul { margin:0; padding:0; background-color:#CF311F; font-weight:normal; }
.sidenav1 li { margin:0; padding:0; list-style-type:none; display:block; }
.sidenav1 a { display:block; background-color:#CF311F; width:160px; text-align:left; padding:4px 10px; 
               font-family:Arial, Tahoma; color:WHITE; font-size:13px; text-decoration:none; }
.sidenav1 a:hover { background-color:#B83529; color:WHITE; }


.sidenavcx { width:200px; height:14px; display:block; margin:0px; padding:0px 0px; background:#101010 url(../imgs/vrch_c.gif) no-repeat left top;}
.sidenavcy { width:200px; height:14px; display:block; margin:0px; padding:0px 0px; background:#101010 url(../imgs/spodek_c.gif) no-repeat left bottom; }

.sidenavc { width:180px; padding:0px 10px; background-color:#101010; }
.sidenavc ul { margin:0; padding:0; background-color:#101010; font-weight:normal; }
.sidenavc li { margin:0; padding:0; list-style-type:none; display:block; }
.sidenavc a { display:block; background-color:#101010; color:WHITE; font-family:Arial, Tahoma;
 font-size:13px; padding:4px 10px; width:160px; text-decoration:none; text-align:left; }
.sidenavc a:hover { background-color:#505050; color:WHITE; }


.sidenavsx { width:200px; height:14px; display:block; margin:0px; padding:0px 0px; background:#101010 url(../imgs/vrch_ss.gif) no-repeat left top;}
.sidenavsy { width:200px; height:14px; display:block; margin:0px; padding:0px 0px; background:#101010 url(../imgs/spodek_ss.gif) no-repeat left bottom; }

.sidenavs { width:180px; padding:0px 10px; background-color:#D8D8D8; }
.sidenavs ul { margin:0; padding:0; background-color:#D8D8D8; font-weight:normal; }
.sidenavs li { margin:0; padding:0; list-style-type:none; display:block; }
.sidenavs a { display:block; background-color:#D8D8D8; color:#080808; font-family:Arial, Tahoma;
 font-size:12px; padding:4px 10px; width:160px; text-decoration:none; text-align:left; }
.sidenavs a:hover { background-color:#505050; color:WHITE; }



/*  ----------------------------    F O O T E R    ---------------------------*/

#footer { width:640px;  height:22px; position:relative; top:0px; left:200px;  text-align:center; padding:5px 0px;
         color:BLACK; font-size:11px; background-color:#F0F0F0;}

/*   --------------------------     O B S A H     ------------------------------- */


#content { width:600px; position:relative; top:0px; left:200px; font-size:12px; 
           min-height:600px; height:auto !important; height:600px; display:block;  padding:1px 20px; }
content a { font-size:12px; color:#003399; font-weight:bold;}

.tabulka table {border-collapse: collapse; background-color:#FFFFFF;}
.tabulka td {padding: 4px; }
.tabulka th {padding: 4px; background-color:#CC0000; text-align:center;
        font-weight:bold; color:#FFFFFF}    
.tabulka td, .tabulka table  { border: 1px solid #aaaaaa; }

h1 { font-family:"Trebuchet MS", Arial, Tahoma; font-size:18px; line-height:20px; margin:18px 0; color:#4E5C6B; padding-bottom:6px; border-bottom:3px solid #4E5C6B;}
#content h2, #content h2 a { color:#003399; margin:0 0 8px 0; font-family:"Trebuchet MS", Tahoma, Arial; font-size:16px;}
#content h2 a { display:inline; line-height:18px;}
h3 {}

#content a, #content .posta { color:#003399; font-weight:bold; text-decoration:underline; cursor:pointer;}
#content a:hover,  #content .posta:hover { text-decoration:none;}

p.par1 { border-left:11px solid #CB4C32; padding-left:8px;}

#pozor { color:#139A34; font-weight:bold; font-size:13px; line-height:21px; padding:0 0; margin:0;}
#pozor a { font-size:13px; color:#139A34; font-weight:bold; }

#siemens a { background:WHITE url(../imgs/simlogo.gif) no-repeat left top; font-size:18px; text-decoration:none; padding:0 0; cursor:pointer;}
#siemens a:hover { background:url(../imgs/simlogo_mouseover.gif) no-repeat left top; }

#euroster a { background:WHITE url(../imgs/eulogo.gif) no-repeat left top; font-size:18px; text-decoration:none; padding:0 0;}
#euroster a:hover { background:url(../imgs/eulogo_mouseover.gif) no-repeat left top; }

.vod-odkazy a { margin:0 5px;}

p.kontakt { margin:20px 25px; padding:0px 0 4px 20px; background:url(../imgs/li-dot3.gif) no-repeat left top; line-height:16px;}
p.adresa { margin:20px 40px; padding:12px; background-color:#DFE4EE; color:#344361; line-height:22px;}

/* ----- grid layout ---- */

.row { margin-bottom:22px; background:url(../imgs/grid-vert-line.gif) repeat-y center top;}
.row .left { width:47%; float:left; }
.row .right { width:47%; float:right; }
#content .row h2 a {text-decoration:none;}
#content .row h2 a:hover { text-decoration:underline;}

.errmess { color:#F00; border-left:10px solid #F00; padding-left:6px;}
/* ----- clear  ------- */

.clear:after {content: "."; height:0; visibility:hidden; display:block; clear:both;}
.clear { display:inline-block;}
* html .clear { height:1%;}
.clear { display:block;}


/*  testovací  */

ul.obch-podminky span { color:#CC3333; font-weight:bold;}
.ospolecnosti span { color:#000000; font-weight:bold;}

/*#content ul.in li {list-style-type:none; background:none; padding-left:0;}
#content ul.circle li {list-style-type:circle;}

#content ul { margin:0; padding:0 0 0 0px;}
background:url(../imgs/li-dot3.gif) no-repeat left top;
background:url(../imgs/li-dot3.gif) no-repeat left top;
list-style-type:square;


*/
#content ul { margin:0; padding:0px 0 0px 18px; list-style-image: url(../imgs/li-dot3.gif); }
#content ul li { margin:0; padding:0px 0 2px 0px; }

/* --------------  K A T E G O R I E    P R O D U K T U  ------------------- */

.grid-kategorie { margin-bottom:15px; background:url(../imgs/grid-vert-line.gif) repeat-y center top;}

.grid-kategorie .left { width:47%; float:left;}
.grid-kategorie .right { width:47%; float:right;}
.grid-kategorie h2 { margin:0 0 0 0; font-family:"Trebuchet MS", Tahoma, Arial; font-size:17px; color:#3869C2;}
.grid-kategorie a.obr-maly { display:block; width:150px; height:149px; margin:0 auto 12px auto; }
#content a.obr-maly { color:#AAA; font-weight:normal; text-decoration:none;}
.grid-kategorie a.obr-maly img { display:block; width:150px; height:149px; border:none;}
/*.grid-kategorie */.bar { width:100%; clear:both; height:16px; background:#FFF url(../imgs/grid-horiz-line.gif) repeat-x left bottom; }

/*   -------   K O Š Í K   B A R   -------   */

.produkt-bar { max-width:300px; width:auto !important; width:300px; }
.kosik-bar1 { width:86px; height:24px; float:right; text-align:left; }
#content .kosik-bar1 a { height:12px; line-height:14px; color:#B32713;}
/*.cena .koncova .suma { text-decoration:line-through; }*/
.cena td { padding:1px 5px 1px 0; color:#999999; font-weight:bold;}
.cena .vase td { color:#333;}
.cena .vase td.suma { color:#CC3333;}
.cena .vase span { font-weight:normal; color:#666; font-size:11px;}
.dostupnost {color:#33CC33;}

/* ----------  K O Š Í K  ------------- */
.kosik input.kusu { width:22px; text-align:right; padding:0 2px;}
.kosik table { border-collapse:collapse; width:100%; }
.kosik td, .kosik th{ padding:3px 4px; border:1px solid #FFF; text-align:left;}
.kosik th { background-color:#006699; color:#FFF;}
.kosik td { background-color:#CAD7DB; color:#304145;}
.kosik tr#celkem td { background-color:#BDC0CA; color:#363943; line-height:20px; font-weight:bold;}
.kosik td { text-align:right;}
.kosik td.center { text-align:center;}
#kosik-info { position:absolute; width:195px; top:75px; left:205px; padding:5px 16px; border:3px solid #6A8DB5; background-color:#A6C8EA; font-weight:bold;}
#kosik-info span { display:block; width:52px; height:22px; margin:0 0 0 auto; background:url(../imgs/btn-close.gif) no-repeat left top;}
#kosik-info a { display:block; width:52px; height:22px; }
#kosik-info p { margin:10px 0; color:#304761;}
#kosik-info p.produkt {color:#000;}

.btn-odebrat { display:block; width:18px; height:18px; background:#F00 url(../imgs/btn-odebrat.gif) no-repeat left top;}
.btn-odebrat a { display:block; width:18px; height:18px; }

.btn-info { display:block; width:18px; height:18px; background:#BBB url(../imgs/btn-info.gif) no-repeat left top;}
.btn-info a { display:block; width:18px; height:18px; }

/*  --------------  K A R T A    P R O D U K T U   ---------------------  */
img.obr-velky { display:block; width:480px; height:240px; margin:0 auto; border:none; background-color:#E2E6EB;}
.zpet { margin-top:40px; text-align:center;}


/* ------------ F O R M U L Á Ř E   ------------------ */

.form { background-color:#E6E4EF; border:1px solid #C7C5DE;}
.form p { margin:12px 0;}
.form h3 { margin:0 26px 15px 0; font-family:"Trebuchet MS", Tahoma, Arial; font-size:17px; padding-bottom:3px; border-bottom:2px solid #837AAD; color:#7065A0;}
.form fieldset { padding:0 5px 0 12px; margin:20px 0; border:2px solid #93A2C6; display:block;}
.form legend {font-family:"Trebuchet MS", Tahoma, Arial; font-size:15px;  color:#7065A0; font-weight:bold; }
.form label { display:block; float:left; padding-top:3px; }
.form span { padding:1px 3px 0 3px; font-weight:bold; font-size:16px;}
.form input { height:17px; }
.form .submit { display:block; float:none; clear:both; height:26px; padding-bottom:2px; width:80px; margin:12px 16px 0 auto;}

.prihlaseni { width:310px; padding:10px 7px 10px 27px; margin:25px 0 0 0; }
.prihlaseni label { width:140px; }
.prihlaseni input { width:140px; }

.zapomenute-heslo { width:310px; padding:10px 7px 10px 27px; margin:25px 0 0 0; }
.zapomenute-heslo label { width:140px; }
.zapomenute-heslo input { width:140px; }

.reg-uzivatele { width:510px; padding:20px 30px 20px 30px; margin:25px auto 0 auto; }
.reg-uzivatele label { width:200px; }
.reg-uzivatele input { width:230px; }
.reg-uzivatele h3 { margin-right:auto;}

.edit-produkty { width:520px; padding:10px 17px 10px 27px; margin:25px 0 0 0;}
.edit-produkty label { width:100px; font-weight:bold;}
.edit-produkty .textarea label { float:none; height:30px; line-height:30px;}
.edit-produkty input { width:320px;}
.edit-produkty textarea { display:block; width:500px;}
.edit-produkty #nazev_dlouhy { height:100px;}
.edit-produkty #popis { height:300px;}
.edit-produkty #popis_dlouhy { height:500px;}

.doplnit-obj {margin:30px auto; }
.doplnit-obj fieldset { border:3px solid #BBB; padding:0; position:relative;}
.doplnit-obj h4 { margin:0; position:absolute; top:-10px; left:16px; font-size:13px; background-color:#FFF; padding:0 6px; color:#5F4421; }
#content .doplnit-obj ul { margin:12px 6px; padding:0; text-align:center;}
#content .doplnit-obj ul li { margin:0 7px; padding:3px 7px; list-style-type:none; display:inline; background:none; }
.doplnit-obj  input { margin:0 20px;}
.doplnit-obj fieldset input { display:inline; margin:0;}
.doplnit-obj label { display:inline; margin:0;}
.doplnit-obj p { text-align:center;}

.volba-platby fieldset { border:3px solid #BBB; padding:0; position:relative; margin-bottom:15px;}
.volba-platby h4 { margin:0; position:absolute; top:-10px; left:16px; font-size:13px; background-color:#FFF; padding:0 6px; color:#5F4421; }
#content .volba-platby ul { margin:18px 6px 18px 22px; padding:0;}
#content .volba-platby ul li { margin:0 7px; padding:3px 7px; list-style-type:none; background:none; }
.volba-platby p  input { margin:0 20px;}
.volba-platby p { text-align:center;}
#err-box p { text-align:left;}
.volba-platby .poznamka { padding:0 25px 17px 25px;}
.volba-platby .poznamka label { display:block; margin-top:7px; padding:8px 0;}
.volba-platby .poznamka textarea { display:block; height:90px; width:100%;}


/*  --------------   O B J E D N Á V K A   ------------------  */

.obj-wrapp { padding:6px; border:3px solid #BBB; width:572px;}
.obj-wrapp h3 { text-align:center; margin:0; padding:10px 0; color:#574215; background-color:#EDDBB6; font-family:Geneva, Arial, Helvetica; font-size:24px;}
.info { width:265px; position:relative; border:3px solid #EBE2CF; padding:8px 5px 5px 5px; margin:14px 0 8px 0; min-height:155px; height:auto !important; height:155px;}
.info h4 { margin:0; font-size:13px; color:#5F4421; position:absolute; top:-15px; left:12px; background-color:#FFF; padding:5px; }
.obj-wrapp .klient { float:left;}
.obj-wrapp .obj { float:right;}
table.obj-tab { width:100%; clear:both; }
.obj-tab th { background-color:#EDDBB6; color:#554115; padding:5px 4px; border-right:1px solid #FFF;}
.obj-tab td { padding:3px 12px 2px 12px; text-align:right; border-top:1px solid #BF8F00;}
.obj-tab .first td { border-top:none;}
.obj-tab .popis {border-top:none; text-align:left; font-size:12px; color:#999999; padding-bottom:6px;}
.obj-tab #celkem td { font-weight:bold; background-color:#EDDBB6; border-top:none; height:24px; line-height:24px; border-right:1px solid #FFF; }
.obj-tab #celkem .celkem { text-align:center;}
.obj-tab #celkem .last { background-color:#D2A84F; border-right:none;}

/*   ----------------  POTVRZENÍ REGISTRACE  --------------------  */

.potvrdit-reg { border:3px solid #CFD5DA; padding:6px;}
.potvrdit-reg h3 { font-family:"Trebuchet MS", Tahoma, Arial; font-size:19px; color:#333366; margin:0 0 15px 0; padding-bottom:5px; border-bottom:3px solid #CFD5DA;}
.potvrdit-reg .skupina { border:3px solid #CCCC99; padding:6px; position:relative; margin:15px 0;}
.potvrdit-reg .skupina h4 { position:absolute; top:-10px; left:16px; margin:0; padding:0 3px; font-size:13px; color:#838341; background-color:#FFF;}
.potvrdit-reg td { padding:2px 12px 1px 3px;}
form.potvrzeni-reg p { text-align:center; margin:30px 0; }
form.potvrzeni-reg input { margin:0 20px;}


#err-box p, p#err-box  { margin:15px 0 0 0; border-left:10px solid #F00; color:#F00; padding-left:10px;}
.err-prihlaseni { width:310px; }
.bld { font-weight:bold;}

.vstup-zakazan {width:100%; height:230px; background:url(../imgs/vstup-zakazan.gif) no-repeat center center;}



table.uzivatelsky-profil td { padding:6px 12px 5px 12px; background-color:#DADCE7;}

/*  B U T T O N S  ---- */
.btn-pridat-do-kosiku { float:right; margin:12px 0 0 0;}
#content .btn-pridat-do-kosiku a { font-size:16px; color:#4966DA;}

/* Rozsirene vyhledavani */
.klir {
	margin:0px;
	padding:0px;
	clear:both;
}
.labelselect {
	font-weight: bold;
	margin: 0px 5px 0px 5px;
}

.input-selection {
	width: 160px;
}
.input-text {
	width: 154px;
}
div#kategoriediv,div#vyrobcediv,div#cenadiv,div#submitdiv {
	width: 160px;
	float:left;
	text-align: left;
	margin-right: 5px;
	padding:0px;
}

div#submitdiv {
	float:left;
	width: 160px;
	padding-top: 14px;
}

div#textinputdiv {
	width: 160px;
	float:left;
	text-align: left;
	margin-right: 5px;
	padding:0px;
}

div#searchdiv {
		width: 100%;
		clear:both;
		text-align: left;
		border-bottom:3px solid #4E5C6B;
		margin-bottom: 10px;
		padding-bottom: 5px;
}