* { margin: 0; padding: 0; }
html { height: 100%; }
/*---------------------------- ZÁKLADNÍ PRVKY --------------------------------*/
body {
    font-family: Tahoma, Arial, Sans-serif, "Trebuchet MS";
    font-size: 0.8em;
    color: #404040;
    text-align: center;
    background: #BFBFBF url('../_images/bodyBack.png') top repeat-x;
    height: 100%;
    margin-bottom:20px;
}
h1,h2,h3,h4,h5 {color:#B20000; background-color:transparent; font-weight: bold;}
h1 {font-size: 160%; margin: 40px 0 5px 0; padding: 2px 0 10px 0;}
h2 {font-size: 140%; margin: 30px 0px 10px 0px;}
h3 {font-size: 120%; margin: 30px 0px 10px 0px;}
h4 {font-size: 110%; margin: 0px 0px 5px 0px;}
h5 {font-size: 100%; margin: 0px 0px 5px 0px;}
h2 a, h3 a{font-weight: bold;}
h1 a, h2 a, h3 a {color: #B20000; text-decoration: underline;}
h1 a:hover, h2 a:hover, h3 a:hover {color: #800000; text-decoration: underline;}

p {	margin: 0 0 15px 0;
    line-height: 1.4em;
    text-align: justify;
}
small {font-size: 0.85em;}
a {color: #840000; text-decoration: underline; font-weight: bold;}
a:hover {color: #800000;}
/*a:visited {}*/
img {margin: 0; border: none;}
ul {margin: 0 0 15px 40px;}
ul li {list-style: square; margin: 0 0 8px 0;}
strong {font-weight: bold;}

/*tabulky*/
table { font-size: 0.9em; /*border-color: #5C80E5;*/ margin: 0px 0px 15px 0; border-collapse: collapse;}
table caption, h2.caption { font-weight: bold; color: #7f1100; margin: 0px auto;}


i {font-weight: bold; font-style: italic; font-size: 1.2em;}
hr {border: 1px solid #698eac; margin: 10px;}

address {font-style: normal; }

sup{font-size:10px;vertical-align:top;}

/*--------------------------- OBECNÉ PRVKY -----------------------------------*/
.center {text-align: center;}
.cleaner {clear: both; margin: 0px; padding: 0px; font-size:0px}
.clright {clear: right;}
.clleft{clear: left;}
.right {float: right;}
.left {float: left;}
.fnone {float: none;}
.text-right {text-align: right;}
.text-left {text-align: left;}
.red {color: red;}
.darkred {color: #d71d1d;} .darkred strong {color: #833636;}
.normal {font-size: 1em;}
.dnone {display: none;}
.noborder, .noborder td, .noborder tr {border: none; margin: 0; padding: 3px 4px;}
img.noborder {vertical-align: middle;}
.light {color: #b1b1b1;}
.bigger {font-size: 1.2em;}
img.right, img.left {border: none;}
img.right {margin: 0 0 0 20px;}
img.left {margin: 0 20px 0 0;}

.error {color:red; font-weight:bold;background-color:#FFFFBB; padding:7px 30px;margin-left:0px}

/* DUMP */
.dump {
    color: #333;
    background-color: #FFFBCC;
    text-align: left;
    border:1px solid #C16549;
    margin:2px 0;
}
.dump span {
    color: #C16549;
}

/*-------------------------------- LAYOUT ------------------------------------*/
#container {
    position: relative;
    text-align: left;
    background: #ffffff url('../_images/container.png') top right repeat-y;
    width: 1006px;
    margin: 0 auto;
}

/*--------------- HEADER -----------------*/
#header {
    background: #ffffff url('../_images/header.jpg') top left no-repeat;
    width: 100%;
    height: 177px;
}

#content {
    float: right;
    width: 687px;
    margin: 0 1px 0 0;
    padding: 0 30px 10px 20px;
}

#leftColumn {width: 253px;color:#fff; background: #840000 url('../_images/container.png') top left repeat-y;}

/*------- menu ----------*/

ul.menu {
    background: #fff url('../_images/menuBack.png') top left repeat-y;
    margin: 0; padding: 0 0 4px 0;
}
ul.menu li {
    list-style: none;
    margin: 0 0 0 18px; padding:0;
    padding: 0px 0;
    _padding: 0px 0;
    _height:34px;
}

ul.menu li a {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    margin: 0 0 4px 0;
    padding: 4px 0 0 15px;
    background: #7b0000 url('../_images/menuItem.png') top left no-repeat;
    display:block;
    height:26px;
    _height:30px;
}

ul.subMenu {
    margin: 0 0 3px 5px;
    padding: 0;
}
ul.subMenu li {padding-bottom: 0px;_height:27px;}
ul.subMenu li a {
    display:block;
    font-size: 12px;
    color:#363636;
    padding-top: 3px;
    background: transparent url('../_images/menuSubItem.png') top left no-repeat;
    height:24px;
}
ul.menu li a:hover {color: black;}

.menuTop {
    height:15px; width:100%;font-size: 1px;
    background: #ffffff url('../_images/menuTop.png') top left no-repeat;
}
.menuBottom {
    height:16px; width:100%;font-size: 1px;
    background: #ffffff url('../_images/menuBottom.png') top left no-repeat;
}

/*------------- logo ----------*/
#logo {
    position: relative;
    top: 7px;
    left: 3px;
}

#logo, #logo a, #logo a span {
    width: 348px;
    height: 169px;
}
/*#header #logo {}*/
#logo a {
    position: relative;
    display: block;
    text-decoration: none;
    color: #383838;
    font-size: 10px;
}
#logo a span {
    position: absolute;top:0;left:0;
    display: block;
    cursor: pointer;
}
#logo img {border:none}

/*---- RKontakt pod menu -----*/
.rkontakt, .rkontakt h3, .rkontakt a, .rkontakt strong, .rmapa h4 {color:#fff;}
.rkontakt h3 {margin:20px 0 10px 20px;font-size: 130%}
.rkText {margin-left: 35px}

.rmapa {border:none}
.rmapa h4 {margin:20px 0 0 35px;font-size: 110%; text-decoration: underline}
.rmapa img {border:none; margin: 10px 0 10px 17px}

/*---------- Homepage ---------*/

#fblok-f { /*fake fblok*/
  float: right;
  width: 189px; 
  height: 350px;
}
#fblok {
    position: absolute;
    top:385px;right:0;
    width:219px;
    background: #9d0000 url('../_images/floatBlock.png') top left no-repeat;
    color:#fff;
    font-size: 100%;
}
/*#fblok p {text-align:left;}*/
#fblok,#fblok a,#fblok h4,#fblok h3,#fblok strong {color:#fff;}
#fblok h3 {margin:15px 2px 0 7px; text-align: center }
#fblok h3 a {text-decoration: none}
.fblokText {margin:15px 19px 0 20px}
.fblokBottom {
    height:33px;
    background: #9d0000 url('../_images/floatBlockBottom.png') top left no-repeat;
}

/*----------- paticka ---------*/
#footer {
    clear: both;
    color: #ffffff;
    text-align: center;
    font-size: 0.9em;
    background: #fff url('../_images/footer.png') top left repeat-y;
    height: 21px;
    padding-top: 5px;
}
#footer a {color: #ffffff; text-decoration: none;}

/*--------- drobecek -----------*/
.drobecek {
    clear: both;
    position: absolute;
    top: 190px;
    left: 280px;
    color: #666;
    font-size: 0.9em;
    width: 720px;
    height: 25px;
    z-index: 10;
}
.drobecek a, .naviBack a {
    color: #333;
    font-weight: bold;
    text-decoration: none;
}
.naviBack {margin: 40px 0 10px 0; clear:both}

.nahled {
    text-align: center;
    width: 152px;
    margin: 0 5px;
}
.nahled .popisek {
    font-size: 0.8em;
}
.horizontal {margin: 0 0 0 10px; text-align: center;}
.horizontal .nahled {
    float: left;
    /**display: inline;
    *float: none;
    /*height: 170px;*/
    margin: 0 5px 10px 0;
}

ul.subcats li {width: 45%; float: left;} 

/*---------- kontakt -------*/
#content address {
    float: left;
    width: 300px;
}
#mapa-right {
    float: right;
    text-align: center;
    width: 370px;
}
#mapa {
    border:1px solid #000000;
    width:370px;
    height:340px;
    padding: 0;
}

/*---------- ostatni -------*/
.hlaska {
    display: block;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    background: #e57543 url('../_images/hlaska-back.gif') top left repeat-x;
    border: 2px solid #d4621c;
    margin: 0 0 12px 0;
    padding: 8px 0;
}

.hlaska ol {text-align: left; margin: 0 0 0 35px;}
.text img {margin: 0 15px 15px 15px;}

/*--------- formulare ----------*/

fieldset {
    background: #fff3e6 url('../_images/fieldset-back.gif') top right repeat-y;
    border: 1px solid #ff8d47;
    padding: 10px;

}
input {margin: 0 0 4px 0;}
fieldset legend {color: #000000; font-weight: bold;}
input.text {width: 350px; margin: 0 0 4px 0;}
.right-box input.text{width: 150px;}
label {float: left; clear: left;  width: 150px; margin: 0 0 4px 0;}
label.normal {float: none; width: 90px;}
input.button {margin: 0px 0px 0px 150px;}
input.short {width: 100px;}
input.normal {width: 250px; margin: 0 0 4px 0;}
select {margin: 0 0 4px 0;}
input.submit {
    color: #ffffff;
    font-weight: normal;
    background: #ff8d47;
    border: 1px solid #ffffff;
    height: 20px;
    _height: 22px;
    margin: 5px 0 0 150px;
    _margin: 2px 0 0 150px;
    padding: 0 0 2px 0;
}
#login-form-header input.submit, .center input.submit {
    margin: 5px auto 0 auto;
    _margin: 2px auto 0 auto;
}
.right-box select {width: 150px; margin: 0 0 4px 0;}

fieldset p.popis {
    font-size: 0.85em;
}


/* ----- Kategorie -------*/
.prodInKat {
    width:668px; height:123px;
    background: #fff url('../_images/prodInKat.png') top left no-repeat;

}
.prodInKat .textpik {width:555px; float:left;}
.prodInKat img {width:89px; height:89px; float:left; margin-top:18px; margin-left: 1px; border:none}
.prodInKat h3 { margin:10px 0 10px 20px;}
.prodInKat h3 a { color:#fff; text-decoration: none;}
.prodInKat h3 a:hover { color:black; text-decoration: none;}
.prodInKat .popispik { margin-left:25px;margin-right:40px; height:50px}
.prodInKat .cenapik { margin-left:25px; float:left; width:350px; font-weight: bold}
.prodInKat .vicepik { margin-left:25px; float:left; width:70px;}

.prodSleva {color:green}

/* ------ Produkt -------- */
.produktFotos {
    padding: 10px 0;
    border-top:1px solid #DFDFDF; border-bottom:1px solid #DFDFDF;
    background: transparent url('../_images/produktImg.png') repeat-y right;
}
.prodFoto {
	width:150px;float:left;margin-left:7px;color:#aaa;text-align:center;
}
.varianta,.perexMiddle {
    margin:0;padding:0;
    background: transparent url('../_images/variantaBack.png') left repeat-y;
}
.variantaTop,.perexTop {
    height:12px; font-size:1px;
    background: transparent url('../_images/variantaTop.png') left top no-repeat;
}
.variantaBottom,.perexBottom {
    clear: both; padding:0;
    height:12px; font-size:1px;
    background: transparent url('../_images/variantaBottom.png') left bottom no-repeat;
}
.varianta h3, .perexList h3 {
    padding:0 0 5px 15px;
    margin-top:0px;
    margin-left:10px;
    margin-right:20px;
    background: white url('../_images/variantaHeadBack.png') left bottom no-repeat;
}
.varianta .fotovari {
    padding:1px;
    margin:0 15px;
    width:80px; height:80px;
    float:left;
    border:1px solid #ccc;
}
.varianta .textvari {
    float:left;
    width:530px;
}
.varianta .cenavari {
    float:left;
    width:380px;
}

/* ----- Objednavka ------ */
#content fieldset {background: transparent; border:none}
#content fieldset label {color:#BE0000; text-align: right; margin-right:10px}
#content p img {margin:0 7px 20px 7px;}
.inputObal {
    width:400px;
    height:29px;
    background: transparent url('../_images/inputLeft.png') left top no-repeat;
    float:left;
}
.inputObal input {
    font-size: 16px;
    width:384px;
    margin: 4px 0 0 7px;
    border:none;
}
#objednavka .kratky {width:100px}
#objednavka .kratky input {width:84px}
#objednavka .jednotka {
    font-size:16px;padding-top: 15px;
}
.inputObalEnd {
    height:29px;width:7px;
    background: transparent url('../_images/inputRight.png') right top no-repeat;
    float:left;
}
#objednavka .button {
    width:131px;height:39px;
    background: transparent url('../_images/buttonObjednatObjednavka.png') right top no-repeat;
    border:none;
    font-size: 0px;
    color:#ddd;
}
#objednavka table tr td,#objednavka table tr th {height:32px; vertical-align: middle;}

.hlaskaOdeslano {
    margin:50px 0 0 0;
    font-size: 120%;
}

/* --- clanky ----- */
.perexList h3 a {
	text-decoration:none;background-color:transparent;
}
.perexList img {
	padding:1px;
	margin:0 15px 10px 0px;
	width:100px;float:left;
	border:1px solid #ccc;
}
.perexMiddle {padding:0 30px 0 20px;margin:0}
.perexMiddle p {padding-bottom:0;margin-bottom:0}
.perexHeight {min-height:110px; _height:100px}
.perexBottom {font-size:1em;padding:0 35px 13px 0}


.pageFota {
	clear:both;
	margin-top:30px;
}
.pageFoto {
	text-align:center;
	width:160px;
}
.pageDefaultFoto {
	float:right;
	margin:0 0 15px 20px;
}
.pageFoto img {
	padding:1px;
	border:1px solid #ddd;
}


ul.soubory li {List-style-type:none}
ul.soubory li img {text-decoration:none}