/* =GENERAL */

#wrapper { float: right; margin: 20px auto; padding: 0 10px; width: 275px;}


/* =PHOTOS */
.photos { padding-left: 5px;} 
.photos ul {list-style: none; margin: 0; padding: 0; border: 0; outline: 0;}
.photos li { border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; float: left; height: 208px; margin: 0 20px 30px 0; padding-bottom: 5px; position: relative; width: 280px; list-style: none;}

.photos li h2 { background-color: #67980B; bottom: 10px; display: none; font-size: 11px; left: 0; line-height: 15px; position: absolute; text-transform: uppercase; text-align: right; width: 100%; z-index: 2; }
.photos li h2 a { color: #FFF; display: block; padding: 8px; text-decoration: none; border: 0;}
.photos li h2 a:hover { color: #FFF; text-decoration: none; }
.photos img { position: absolute; padding: 5px 0; left: 5px; width: 270px; }

/* Eric Meyer's CSS Reset v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead {
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}





/* =MOJE STYLY */
body {
	background-color: #FFFFFF;
	background-image:url("img/bg.png");
	background-repeat:repeat-x;
	background-attachment: fixed;
	margin:0px;
}
.tab {
	width: 943px !important;
        border:0px;
	font-family: Verdana, Arial;
	font-size:10pt;
}
.top {
	width: 943px;
	height:215px;
	background-image:url("img/top.jpg");
	background-repeat:no-repeat;
        text-align:right;
        vertical-align:bottom;
        padding-bottom: 17px;
        padding-right: 25px;
}
.top a {
	font-family: Verdana, Arial;
	font-size:9pt;
	color:gray;
	text-decoration:none;
        border-right: 1px solid gray;
	padding-right: 10px;
	padding-left: 5px;
}
.top a:hover, .top a:focus {
	text-decoration:underline;
}
a.produkt_info {
	font-family: Verdana, Arial;
	font-size:9pt;
	color:#AE5417;
	text-decoration:none;
}
.vlavo {
        vertical-align:top;
	width: 220px !important;
	background-image:url("img/pozadie_left.png");
	background-repeat:repeat-y;
}
.text {
	width: 723px;
        padding-left:30px;
        padding-right:20px;        
        vertical-align:top;
	background-image:url("img/pozadie_main.png");
	background-repeat:repeat-y;
        text-align: justify;
	background-color:#FFFFFF;
	font-family: Verdana, Arial;
	font-size:10pt;
}
.text_obr{
	float: left;
        margin-right:15px;
        margin-top:0px;
        border: 1px solid gray;
}
p.kurziva{font-style:italic;}

div.produkt {
  display: block;
  padding-top:17px;
  width:131px;
  height:210px;
  float:left;
  background-image:url("img/bg_produkt.png");
  background-repeat:no-repeat;
  color: #D56009;
  text-decoration:none;
  text-align: center;
}
.ff {
  display: block;
  width:131px;
  height:20px;
  float:left;
  text-decoration:none;
}
div.produkt img {
  border: 1px solid gray;
}
h1 {
    font-family: Verdana, Arial;
    font-size:10pt;
    color:#D56009;
    font-weight:bold;
    text-align:center;
}
h1.uvodna {visibility:hidden;}

.kontakt {
  width:400px;
  padding:10px;
  background-image:url("img/kontakt_bg.jpg");
  background-repeat:no-repeat;
}
.kontakt_vseob {
  width:400px;
  padding:10px;
  background-image:url("img/kontakt_vseob_bg.jpg");
  background-repeat:no-repeat;
}
.vpravo {
	width: 200px !important;
        padding-top: 25px;
        vertical-align:top;
	background-color:#FFFFFF;
	background-image:url("img/right_bg.jpg");
	background-repeat:no-repeat;
        text-align:center;
}
.dole {
	font-family: Verdana, Arial;
	font-size:8pt;
	width: 943px;
	height:80px;
	background-image:url("img/bottom.png");
	background-repeat:no-repeat;
        color:grey;
        text-align:right;
        vertical-align:bottom;
        padding-bottom: 20px;
        padding-right: 20px;
}
.reklamna_lista {
	font-family: Verdana, Arial;
	font-size:8pt;
	width: 943px;
	height:120px;
	background-image:url("img/reklama_bg.png");
	background-repeat:repeat;
  color:grey;
  text-align:center;

}
.reklamna_lista a {
  display:block;
  width: auto;
  float: left;
  margin:10px;
  margin-left:15px;
  margin-right:0px;
}
.dole a {
	font-family: Verdana, Arial;
	font-size:8pt;
  color:grey;
  text-decoration:none;
}
.vlavo a.odkaz {
  display:block;
  width: auto;
  padding-left:40px;
  padding-top:6px;
  padding-bottom:8px;
  background-image:url("img/leftmenu_off.png");
  background-repeat:no-repeat;
  color:white;
  font-family: Arial, Verdana;
  font-size:9pt;
  text-decoration:none;
}
.vlavo a.odkaz:hover {
	background-image:url("img/leftmenu_on.png");
	background-repeat:no-repeat;
        color:#660000;
}
.kosik{
  width: 150px;
  margin-left:27px;
  margin-top:20px;
  padding:5px;
  text-align:left;
  font-family:Arial, Verdana;
}
.kosik_nazov {
  color:#FFF;
  font-family:Arial, Verdana;
  font-size:15px;
  font-weight:bold;
  margin-bottom:-7px;
}
.kosik div.vnutro{
  width: 140px;
  height:80px;
  background-image:url('img/kosik.png');
  background-repeat:no-repeat;
  margin-left:0px;
  padding:5px;
  font-family:Arial, Verdana;
  font-size:8pt;
}