html, body, div, span, p, h1, h2, h3, h4, ul, ol, li, q, blockquote, address, table, tr, td, img, form, label, input, textarea { margin: 0; padding: 0; }
html, body { 
color: white;
text-align: center;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12pt;
background: #000;
}

p  { text-indent: 0em; } /* smaž */
h1 { font-size: 130%; }
h2 { font-size: 100%; }
h3 { font-size: 80%; color: #fc0; border-bottom: 1px solid #fc0; }
h4 { font-size: 95%; }

a         { color: #fc0; text-decoration: underline; }
a:visited { color: #fa0; }
a:hover   { color: #fff; text-decoration: none; }

blockquote { font-style: italic; padding-left: 40px;
             background: url('images/dec/uvozovky_up.jpg') no-repeat top left; }
blockquote .blockq-end { padding-right: 40px;
             background: url('images/dec/uvozovky_down.jpg') no-repeat bottom right; }
             
img { border:0px none; }

/* obecne deklarace - konec */

/* obecne třídy  */
.hd { display: none; }
.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }
.mn { margin:  0 ! important;}
.pn {	padding: 0 ! important;}
.mpn{ margin:  0 ! important;
      padding: 0 ! important;}
.tar{	text-align: right ! important; }
.smaller { font-size: 80%;}
/* základní identifikátory */
#stranka {
position: relative; text-align: left; margin: auto;
width: 760px;
background: #790000;
}

#hlavicka {
margin-bottom: 2em;
width: 760px;
background: #790000;
text-align: left;
}

#hlavicka-gr {
width: 760px;
height: 280px;
background: #790000 url('images/sys/head.jpg') no-repeat;
}
/* ................... hlavni menu ................... */
#mainmenu {
padding-left: 0.6em;
font-size: 180%;
font-weight: bold;
background: url('images/sys/nuzky.gif') no-repeat right bottom;
border-color: #922;
border-width: 3px;
border-top-style: none;
border-right-style: none; 
border-bottom-style: dotted;
border-left-style: none;
}
#mainmenu p {	text-indent: 0em; }
#mainmenu a       { padding: 0 0.5em 0 23px; color: #fff; text-decoration: none;      background: url('images/sys/menu-arrow1.gif') no-repeat left;}
#mainmenu a:hover { padding: 0 0.5em 0 23px; color: #fc0; text-decoration: underline; background: url('images/sys/menu-arrow2.gif') no-repeat left;}
/* ................... obsah ................... */
#obsah {
float: right;
width: 640px;
}

.obsmain {
float: right;
width: 600px;
text-align: left;
margin-bottom: 2em;
}
.innerarea {
/*margin: 0 2em;*/
}
.innerarea p {
margin-bottom: 1em;
}
.innerarea h3 {
margin: 3em 0 0.3em 0;
}
.innerarea h3.frst-none {
margin: 0 0 0.3em 0;
}
.innerarea h3.frst-oneem {
margin: 1em 0 0.3em 0;
}
.fullarea {
margin: 0 2em;
}

.halfarea {
width: 250px;
margin: 0 1em;
float: left;
}

.obstit { display: inline;
text-align:left;
}

h2.obstit {  padding: 0.3em 2em; line-height: 450%;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10pt;
 /*font-family: "Times New Roman", Times, serif;
 font-size: 14pt;*/
 /*font-family:'Trebuchet MS', Times, serif;
 font-size: 150%;
 font-style: italic;*/
}

.obsmain img {
	padding-left: 1.5em;
}

.obsmn1 p, .obsmn2 p, .obsmn3 p {
font-size: 80%;
color: #fff;
text-align: left;
/*width:450px;*/
}
/*color: #ffc;.obsmain p, */

.obsmain .zvyraznit {
margin: 1em 0;
font-size: 100%;
padding: 0.5em 3em;
border-color: #790000;
border-width: 3px;
border-top-style: dotted;
border-right-style: none; 
border-bottom-style: dotted;
border-left-style: none;
}

.obsmain p.zvyraznit {
margin: 1em 0;
font-size: 100%;
color: #fa0;
text-align: center;
letter-spacing: 0.5pt;
padding: 0.5em 3em;
}

.obsmain p strong, em { /*font-size: 110%;*/ color: #fc0; /*letter-spacing: 0.3pt;*/ }
/*
ul, li { color: #fff;} 
ul { margin: 1em 4em; padding: 0.5em 2em; background: #b44444 url('images/dec/uvod_money.gif') no-repeat right bottom; border: 1px solid #790000; line-height: 250%; }
li {list-style-image: url('images/sys/star.gif');  line-height: 150%;}
*/
/* -------------------------------------------------------------- asdf asdf asdf asdf  */
/*.obsmain h3, .obsmn1 p, .obsmn2 p, .obsmn3 p { padding: 0.5em 1.5em; }*/
/* -------------------------------------------------------------- asdf asdf asdf asdf  */
.obsmain-end { padding-bottom: 1em; clear: both; }

.obsmainhalf {
margin-left: 35px;
margin-bottom: 30px;
float: left;
width: 250px;
text-align: left;
/*font-size: 80%;*/
}
.obsmainhalf h4 { padding: 0.5em 0; }
.obsmainhalf .fullarea {
	margin: 0 1em;
}
.obsmainthird {
margin-left: 20px;
margin-bottom: 30px;
float: left;
width: 180px;
text-align: left;
font-size: 80%;
}

.obsmainthird p { text-indent: 0; }

/* obsmain = základní okno - barevné rozdělení  */
.obsmn1 { background: #5B0000 url('images/sys/r1-1.gif') no-repeat top left; /* scrollbar-base-color: #400; scrollbar-track-color: #400; scrollbar-face-color: #600; scrollbar-highlight-color: #400; scrollbar-3dlight-color: #400; scrollbar-darkshadow-color: #400; scrollbar-shadow-color: #400; scrollbar-arrow-color: #400; */ }
.obsmn2 { background: #111    url('images/sys/r2-1.gif') no-repeat top left; /* scrollbar-base-color: #222; scrollbar-track-color: #222; scrollbar-face-color: #333; scrollbar-highlight-color: #222; scrollbar-3dlight-color: #222; scrollbar-darkshadow-color: #222; scrollbar-shadow-color: #222; scrollbar-arrow-color: #222; */ }
.obsmn3 { background: #666    url('images/sys/r3-1.gif') no-repeat top left; /* scrollbar-base-color: #666; scrollbar-track-color: #666; scrollbar-face-color: #777; scrollbar-highlight-color: #666; scrollbar-3dlight-color: #666; scrollbar-darkshadow-color: #666; scrollbar-shadow-color: #666; scrollbar-arrow-color: #666; */ }

.obsmn1r { background: url('images/sys/r1-2.gif') no-repeat top right; }
.obsmn2r { background: url('images/sys/r2-2.gif') no-repeat top right; }
.obsmn3r { background: url('images/sys/r2-2.gif') no-repeat top right; }

.obsmn1 .obsmain-end   { background: url('images/sys/r1-4.gif') no-repeat bottom left; } /*#9B2323.obsmain .obsmain-end*/
.obsmn2 .obsmain-end   { background: url('images/sys/r2-4.gif') no-repeat bottom left; }
.obsmn3 .obsmain-end   { background: url('images/sys/r3-4.gif') no-repeat bottom left; }

.obsmn1 .obsmain-endr  { background: url('images/sys/r1-3.gif') no-repeat bottom right; } /*#9B2323.obsmain .obsmain-end*/
.obsmn2 .obsmain-endr  { background: url('images/sys/r2-3.gif') no-repeat bottom right; }
.obsmn3 .obsmain-endr  { background: url('images/sys/r3-3.gif') no-repeat bottom right; }

.obsmn1 .obstit { background: #400 url('images/sys/o1-2.gif') repeat-y right; color: #fc0; } /*#9B2323*/ /*#540000, .obsmain .obstit*/
.obsmn2 .obstit { background: #222 url('images/sys/o2-2.gif') repeat-y right; color: #fc0; }
.obsmn3 .obstit { background: #333 url('images/sys/o3-2.gif') repeat-y right; color: #fc0; }

.obsmn1 .box { border-color: #790000; } /*#AD3A3A;*/
.obsmn2 .box { border-color: #222; }
.obsmn3 .box { border-color: #777; }

.obsmn1 .info { color:#fff; }
.obsmn2 .info { color:#fff; }
.obsmn3 .info { color:#fff; }

.obsmn1 .info span { color:#fc0; }
.obsmn2 .info span { color:#999; }
.obsmn3 .info span { color:#fc0; }

.obsmn1 .nfopopis {
scrollbar-base-color: #400;
scrollbar-track-color: #400;
scrollbar-face-color: #600;
scrollbar-highlight-color: #400;
scrollbar-3dlight-color: #400;
scrollbar-darkshadow-color: #400;
scrollbar-shadow-color: #400;
scrollbar-arrow-color: #400;}
.obsmn2 .nfopopis {
scrollbar-base-color: #222;
scrollbar-track-color: #222;
scrollbar-face-color: #333;
scrollbar-highlight-color: #222;
scrollbar-3dlight-color: #222;
scrollbar-darkshadow-color: #222;
scrollbar-shadow-color: #222;
scrollbar-arrow-color: #222;}
.obsmn3 .nfopopis {
scrollbar-base-color: #666;
scrollbar-track-color: #666;
scrollbar-face-color: #777;
scrollbar-highlight-color: #666;
scrollbar-3dlight-color: #666;
scrollbar-darkshadow-color: #666;
scrollbar-shadow-color: #666;
scrollbar-arrow-color: #666;}
.obsmn1 span.cena { color: yellow; }
.obsmn2 span.cena { color: #fc0; }
.obsmn3 span.cena { color: yellow; }
/* ................... navigace ................... */
#menu {
margin:0;
float:left;
width: 120px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 100%;
}

#menu p {
text-indent: 0em;
margin: 0 0 10px 0;
}

#menu a       { display: block; color: #fc0; text-decoration: none; display: block;}
#menu a:visited { color: #fa0; }
#menu a:hover { color: #fff; text-decoration: underline; }
.menu-1 { background: #5B0000; }
.menu-2 { background: #111; }
.menu-3 { background: #666; }
.menu-a {
padding: 4px;
padding-bottom: 8px;
font-size: 80%;
font-weight: bold;
text-align: center;
}

.menu-b, .menu-c {
padding: 3px 4px 5px 4px;
font-size: 75%;
text-align: left;
}
.menu-1 .menu-b, .menu-1 .menu-c { border-color: #790000; border-width: 2px; border-top-style: dotted; }
.menu-2 .menu-b, .menu-2 .menu-c { border-color: #222; border-width: 2px; border-top-style: dotted; }

.menu-1 .menu-a { background: url('images/sys/r1-2.gif') no-repeat right top; }
.menu-1 .menu-b { }
.menu-1 .menu-c { background: url('images/sys/r1-3.gif') no-repeat right bottom; }
.menu-2 .menu-a { background: url('images/sys/r2-2.gif') no-repeat right top; }
.menu-2 .menu-b { }
.menu-2 .menu-c { background: url('images/sys/r2-3.gif') no-repeat right bottom; }
.menu-3 .menu-a { background: url('images/sys/r3-2.gif') no-repeat right top; }
.menu-3 .menu-b { }
.menu-3 .menu-c { background: url('images/sys/r3-3.gif') no-repeat right bottom; }

/* ................... paticka ................... */
#paticka {
margin-top: 3em;
padding: 0;
width: 760px;
height: 30px;
background: #DFB32D;
text-align: right;
color: #790000;
font-size: 75%;
clear: both;
}
#paticka p {
padding: 0.5em;
}
#paticka a       { color: #790000; text-decoration: none; }
#paticka a:hover { color: #790000; text-decoration: underline; }

/* ---------------------- dekorace & ilustrace ---------------------- */
.img-dec-vitejte {
margin: 0 0; /*0 0.3em;*/
width: 180px;
height: 180px;
float: left;
background: url('images/dec/onas_figurky.jpg') no-repeat left top;
}
.img-dec-uvod-nova-kolekce {
position: relative;
/*right: -6px;*/
margin: 0 0; /*0 0.3em;*/
width: 110px;
height: 210px;
float: right;
background: url('images/dec/pani-1.jpg') no-repeat right top;
}

.img-dec-uvod-novinky {
position: relative;
/*right: -6px;*/
margin: 0 0; /*0 0.3em;*/
width: 91px;
height: 200px;
float: right;
background: url('images/dec/novinky.jpg') no-repeat right top;
}


.img-dec-uvod-mikrouterky {
position: relative;
/*left: -6px;*/
margin: 0 0; /*0 0.3em;*/
margin:0.4em;
margin-right:0;
width: 200px;
height: 100px;
background: url('images/dec/bryle.jpg') no-repeat right top;
}
.img-dec-uvod-otylka {
position: relative;
left: -6px;
margin: 0 0; /*0 0.3em;*/
width: 90px;
height: 150px;
float: left;
background: url('images/dec/uvod_otylka.jpg') no-repeat right top;
}
.img-dec-uvod-otesanek {
position: relative;
left: -6px;
margin: 0 0; /*0 0.3em;*/
width: 100px;
height: 150px;
float: left;
background: url('images/dec/uvod_otesanek.jpg') no-repeat right top;
}
.img-dec-akce-oslava {
margin: 0px 0; /*0 0.3em;*/
width: 200px;
height: 270px;
float: right;
background: url('images/dec/akce_figurky_otylka.jpg') no-repeat bottom;
}
.img-dec-akce-saty {
margin: 0 0 20px 0;
width: 220px;
height: 120px;
border: 0px solid white;
background: url('images/dec/akce_saty.jpg') no-repeat center bottom;
}
.img-dec-akce-slevy {
margin: 0 0 20px 0;
width: 220px;
height: 120px;
border: 0px solid white;
background: url('images/dec/akce_b.jpg') no-repeat center bottom;
}

.img-dec-konkurz-model {
margin: 0 0; /*0 0.3em;*/
width: 200px;
height: 200px;
float: right;
background: url('images/dec/spoluprace_konkurz.jpg') no-repeat right top;
}
.img-dec-spoluprace-prodejci {
position: relative;
left: -6px;
margin: 0 0; /*0 0.3em;*/
width: 120px;
height: 85px;
float: left;
background: url('images/dec/spoluprace_graf.jpg') no-repeat right top;
}
.img-dec-spoluprace-vyrobci {
position: relative;
left: -6px;
margin: 0 0; /*0 0.3em;*/
width: 120px;
height: 85px;
float: left;
background: url('images/dec/spoluprace_dilna.jpg') no-repeat right top;
}
.img-dec-velka-otylka {
margin: 30px 0; /*0 0.3em;*/
width: 200px;
height: 350px;
float: right;
background: url('images/dec/vyroba_figurky_otylka.jpg') no-repeat right top;
}

.img-dec-nabidka-eshop {
margin: 30px 0; /*0 0.3em;*/
width: 250px;
height: 108px;
float: right;
background: url('images/dec/eshop.jpg') no-repeat right top;
}

.img-dec-uvod {
margin: 30px 0; /*0 0.3em;*/
width: 250px;
height: 90px;
float: right;
background: url('images/dec/uvod-jak-se-nosi.jpg') no-repeat right top;
}

.img-dec-darek {
margin: 30px 0; /*0 0.3em;*/
width: 50px;
height: 50px;
float: right;
background: url('images/dec/darek.jpg') no-repeat right top;
}

.img-dec-velky-otesanek {
margin: 10px 0; /*0 0.3em;*/
width: 300px;
height: 360px;
float: right;
background: url('images/dec/vyroba_figurky_otesanek.jpg') no-repeat right top;
}
.img-dec-damske {
margin: 0 0.3em 0 1.5em;
width: 120px;
height: 120px;
float: right;
background: url('images/dec/uvod_damske.gif') no-repeat left;
clear: both;
}
.img-dec-panske {
margin: 0 0.5em 0 1em;
width: 120px;
height: 120px;
float: right;
background: url('images/dec/uvod_panske.gif') no-repeat left;
clear: both;
}
.img-dec-jak-objednat {
position: relative;
left: -6px;
margin: 40px 0; /*0 0.3em;*/
width: 100px;
height: 150px;
float: left;
background: url('images/dec/uvod_otesanek.jpg') no-repeat right top;
}

/* wellstyled.com */
.img-dec-podpis {
      margin:0; padding:0;
      position:relative;
      width:300px; height:50px;
      margin:0; padding:0;
      overflow:hidden;
      }
.img-dec-podpis span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:300px; height:50px;
      margin:0; padding:0;
      background:url('images/dec/podpis.jpg') no-repeat top left;
      }
/*  ---------------------- uvod ------------------------------- */
.uvd ul {
font-size: 110%;
 margin: 10px;
 list-style-type: none;
 /* padding-left: 0px;
border: 1px solid white;*/
}

.uvd li { padding-left: 110px; }

.uvd1, .uvd2, .uvd3 { height:85px; padding-top:15px; /*border: solid 1px white;*/}
.uvd1 { background:url('images/dec/1.jpg') no-repeat left top; }
.uvd2 { background:url('images/dec/2.jpg') no-repeat left top; }
.uvd3 { background:url('images/dec/3.jpg') no-repeat left top; }






/* ---------------------- akcni nabidka ---------------------- */
/*.obsmain {
margin-bottom: 2em;
float: right;
width: 600px;
text-align: left;
}*/
.boxborder {
	padding: 10px;
	border: 1px solid #fc0;
	
}
.slevy {
	padding: 10px 10px 0 10px;
	border: 1px solid #fc0;
}
.slevy ul, slevy li
{ list-style-type: none; }

.slevy ul { font-size: 80%; margin-left:20px; margin-bottom: 20px;}


/* ---------------------- e-shop ---------------------- */
img.balicek {
   margin: 20px 0 0 0;
   padding: 0 0 0 20px;
	width: 560px; }
	
p.fotopopisbalicek {
   padding: 10px;
   margin: 0 20px 20px 20px;
background-color: white;
color: black;
text-align: center;
}
	
.box {
margin: 0;
padding: 10px 0px 10px 0;
float:left;
width: 296px;
border-width: 3px;
border-top-style: none;
border-right-style: dotted; 
border-bottom-style: dotted;
border-left-style: none;
}
.box p { text-indent: 0em; }
.box h3 { padding: 0; } 
.info {
margin: 0;
float: right;
width: 160px;
text-align: left;
}

.info p {
margin: 0;
padding: 0 0 5px 0;
font-size: 80%;
}
.info span {
font-size: 90%;
}


/* - - - - - - - - - objednat ! ! ! ! ! ! ! 
.info p a { display: none; }

- - - - - - - - - - - - - - - - - - - - */

.nfopopis {
margin: 0 10px 5px 0;
width:160px;
height:170px;
overflow: auto;
font-size: 80%;
}

.nfopopis-3 {
margin: 0 10px 5px 0;
width:160px;
height:138px;
overflow: auto;
font-size: 80%;
}

span.cena {
font-weight: bold;
font-size: 160%;
}

.fotky {
margin-left: 7px;
float: left;
width: 100px;
background: white;
}
.fotky img { padding: 0; }
.titmat {
margin-left: 5px;
padding-left: 10px;
font-size: 59%;
color: #aaa;
text-align: left;
background: url('images/sys/sipka.gif') no-repeat left;
}
/* --- kontakt -- */
.adresa ul, .adresa li      { list-style-type: none; }
.adresa address, .adresa ul { font-size: 80%; }

.adresa .side {
float:left;
width: 70px;
}
.adresa address, .adresa li.webmaster {
float: right;
font-style: normal;
width: 170px;
}
.adresa ul.emails {
width:245px;
text-align:right;	
}

.kontform form {
	width: 250px;
}

.kontform input.text, .kontform textarea {
	border: none;
	background: url('images/dec/form-shadow.gif') no-repeat top left;
}
.kontform textarea {
padding: 7px;
width: 235px;
}
.kontform input {
	margin-top:5px;
	margin-left: 5px;
}
.kontform input.button {
	margin-top:10px;

	font-size: 80%;
}
.kontform p.hvezd {
	float:left; width: 15px; font-size:80%; padding-top:10px;
	}
.kontform p.hvezdtext {
float:left; width: 135px; font-size:80%; padding-top:10px;	}

/* - - - - - - - - - - - - - - - - - Tabulka velikosti - - - - - - */

#tabulka-velikosti {
margin-left:20px;
}
#tabulka-velikosti td {
font-size:80%;
text-align:center;
}
#tabulka-velikosti td h3 {
font-size:100%;
text-align:center;
}
/*#tabulka-velikosti td strong {
color:#fc0;
}*/