/*-------------------------- HLAVNI LAYOUT -------------------------*/

html {
padding: 10px 0 10px 0;
}
 
body {
 	margin-top: 0 0 0 0;
 	text-align: center; /* vycentrováno pro Internet Explorer */
 	font: 11px tahoma, verdana, sans-serif;
 	line-height: 1.5;
 	background-color: #585858;
 }

 #main {
 	width: 980px;   /* celková šířka */
 	margin-left: auto;
 	margin-right: auto;
 	text-align: left;
 	background-color: #eaeff3;
 }
 
 #menu-top {
 	background-image: url(../images-layout/menu-top.jpg);
 	width: 174px;
 	height: 10px;
 	margin-left: 15px;
 }
 
  #menu-down {
 	background-image: url(../images-layout/menu-down.jpg);
 	width: 174px;
 	height: 10px;
 	margin-left: 15px;
 }

 #hlavicka {
 	width: 980px;
 	height: 150px;
 	background-image: url(../images-layout/header.jpg);
 }
 
  #vlevo {
 	width: 200px;
 	float: left;
	padding: 40px 0 20px 0;
 }
 
  #stred {
    width: 630px;
 	float: left;
	padding-top: 0px;
 }

 #vpravo {
 	width: 139px;
 	float: left;
    
    padding-left: 10px;
 }
 
 #paticka-null {
 	clear: both;
 	width: 100%;
 	font-size: 11px;
 	line-height: normal;
 }
 
 #paticka {
 	width: 980px;
 	height: 239px;
 	background-image: url(../images-layout/footer.jpg);
 }
 
.paticka-upozorneni {padding: 140px 150px 0 150px; color: #fff; color: #eaeff3;}
.paticka-dole {padding-top: 30px; padding-left: 130px; color: #fff;}

 .noscreen {
 	display: none
 }
 
 .cleaner { clear: both; overflow: hidden;}
 
 .logo {float: left;}
 .a-logo {border: 0px solid black;}
 .menu-nahore {}

 /*-------------------------- HLAVNI MENU VLEVO ----------------------*/
.glossymenu{
padding: 0 10px 0 15px;
width: 174px; /*width of menu*/
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background-position: left;
border-bottom: 1px solid #a7c3da;
font: 12px Verdana Regular, Helvetica, sans-serif, "Lucida Grande", "Trebuchet MS";
display: block;
width: auto;
height: 15px;
color: #fff;
font-weight: bold;
padding: 4px 0px 4px 20px;
text-decoration: none;
background-color: #4282b5;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
text-decoration: none;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
color: black;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: #fff;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #e0e0e0;
padding: 1px;
}

.glossymenu div.submenu ul li a{
background-position: left;
background-repeat: no-repeat;
display: block;
font: 12px Verdana Regular, Helvetica, sans-serif, "Lucida Grande", "Trebuchet MS";
color: #5c5e5f;
text-decoration: none;
padding:  0 0 0 20px;
height: 15px;
}

.glossymenu div.submenu ul li a:hover{
background-position: left;
background-repeat: no-repeat;
color: #000;
}

/* -------------------------- PRIHLASENI ---------------------------- */
#prihlaseni {
	width: 220px;
	height: 70px;
	float: right;
	margin: 25px 20px 0 0;
	padding-left: 10px;
	font-weight: bold;
	color: #025597;
}

#prihlaseni a {
	color: #025597;
}

.prihlaseni-popisek {
	width: 50px;
	height: 20px;
	margin: 5px 0 0 0px;
	float: left;
	color: #fff;
}

.prihlaseni-input {
	width: 90px;
	height: 20px;
	margin: 5px 0 0 0;
	float: left;
}

.hledej-input input{
	width: 118px;
	height: 12px;
	margin: 5px 0 5px 0;
	float: left;
  border: 1px solid grey;
  -webkit-border-radius: .3em;
  -moz-border-radius: .3em;
  border-radius: .3em;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
  -moz-box-shadow: 0px 1px 2px rgba(0,0,0,.3);
  box-shadow: 0 1px 2px rgba(0,0,0,.3);	
}

.prihlaseni-input input{
	width: 80px;
	height: 12px;
	font-size: 10px;
}

.prihlaseni-button {
	width: 50px;
	height: 20px;
	float: left;
	margin: 6px 0 0 5px;
}

.hledej-button {
	width: 50px;
	height: 30px;
	float: left;
}

.hledej-popisek {font-weight: bold; color: #025597; font-size: 11px;}

.prihlasit {
	width: 50px;
	height: 16px;	
	border: 0px;
	font: 11px Verdana Regular, Helvetica, sans-serif, "Lucida Grande", "Trebuchet MS";
	color: #fff;
	background-color: #025597;	
}

.hledat {
	cursor: pointer;
  width: 120px;
	height: 16px;	
	border: 1px solid #025597;
	font: 11px Verdana Regular, Helvetica, sans-serif, "Lucida Grande", "Trebuchet MS";
	color: #fff;
	background-color: #025597;
	-webkit-border-radius: .4em;
  -moz-border-radius: .4em;
  border-radius: .4em;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
  -moz-box-shadow: 0px 1px 2px rgba(0,0,0,.3);
  box-shadow: 0 1px 2px rgba(0,0,0,.3);	      	
}

.blue {
  color: #FFFFFF;
  border: solid 1px #0076a3;
  background: #025597;
  background: -webkit-gradient(linear, left top, left bottom, from(#00ADEE), to(#025597));
	background: -moz-linear-gradient(top,  #00ADEE,  #025597);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ADEE', endColorstr='#025597');     
}
.blue:hover {
  background: #007ead;
  background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');    
}

.blue:active {
  color: #FFFFFF;
  background: -webkit-gradient(linear, left top, left bottom, from(#025597), to(#00ADEE));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#025597', endColorstr='#00ADEE');
}

.zaregistrovat {
	cursor: pointer;
  width: 200px;
	height: 16px;	
	border: 1px solid #025597;
	font: 11px Verdana Regular, Helvetica, sans-serif, "Lucida Grande", "Trebuchet MS";
	color: #fff;
	background-color: #025597;
  -webkit-border-radius: .4em;
  -moz-border-radius: .4em;
  border-radius: .4em;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
  -moz-box-shadow: 0px 1px 2px rgba(0,0,0,.3);
  box-shadow: 0 1px 2px rgba(0,0,0,.3);	
}

.odeslat {
  cursor: pointer;
  width: 75px;
  height: 16px
  border: 1px solid #025597;
  font: 11px Verdana Regular, Helvetica, sans-serif, "Lucida Grande", "Trebuchet MS";
  color: #fff;
  background-color: #025597;
  -webkit-border-radius: .4em;
  -moz-border-radius: .4em;
  border-radius: .4em;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
  -moz-box-shadow: 0px 1px 2px rgba(0,0,0,.3);
  box-shadow: 0 1px 2px rgba(0,0,0,.3);
}

.zpet-vyhledavani {
	margin-left: 10px;
	width: 130px;
	height: 16px;	
	border: 0px;
	font: 11px Verdana Regular, Helvetica, sans-serif, "Lucida Grande", "Trebuchet MS";
	color: #fff;
	background-color: #025597;	
}



/*-------------------------- HLAVNI MENU NAHORE ----------------------*/
.menu2 {margin:0; list-style:none; height:25px; position:relative; z-index:500; font-family:arial, verdana, sans-serif; padding: 5px 0 0 0 ; font-weight: bold;}
.menu2 li.top {display:block; float:right;}
.menu2 li a.top_link {display:block; float:left; height:25px; line-height:20px; color:#fff; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 0px; cursor:pointer;}
.menu2 li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:25px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:25px;}
.menu2 li a.top_link:hover {color:blue;}
.menu2 li:hover > a.top_link {color:#fff; text-decoration: underline;}
.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible; position:relative; z-index:200;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:0; top:20px; padding:3px; white-space:nowrap; width:180px; height:auto; z-index:300;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:120px; font-weight:normal; padding-left: 5px;}
.menu2 :hover ul.sub li a {display:block; font-size:11px; height:20px; width:120px; line-height:20px; text-indent:5px; color:#000000; text-decoration:none;}

.menu2 :hover ul.sub li a:hover {color:#000000; text-decoration: underline;}

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:90px; z-index:400; height:auto;}

/* ---------------------------  DROBECKOVA NAVIGACE --------------------- */
#navcontainer {padding: 5px 0 0 10px;}
#navlist {list-style: none; font-size: 11px; padding: 0 0 0 0; margin: 0;}
#navlist li { display: inline; padding: 0; margin: 0;}
#navlist li:before { content: "";}
#navlist li:first-child:before {content: "";}
#navlist a {text-decoration: none; color: #8A8A95;}
/* css pro IE */
* html #navlist li {
background-repeat: no-repeat;
background-position: 0 50%;
padding: 0 0.5em 0 1em;
margin: 0 0em 0 -1em;
}
* html #navlist{height: 1%;}
* html #navlist li {display: block; float: left;}
* html #navlist li:first-child {background-image: none;} 

/* ----------------------  AKTUALNE Z NASI FIRMY  ------------------------------ */
#aktuality-hp {margin: 0px 20px 0 15px; background-color: #4282b5; width: 174px; padding-bottom: 10px;}
#aktuality-hp p {padding: 0; margin: 0;}

#aktuality-hp-sekce { 
	background-position: left; 
	background-repeat: no-repeat; 
	margin: 0px 20px 0 15px;
	color: #dc900d;
	width: 159px; 
	background-color: #4282b5;
	padding-top: 15px;
	padding-left: 15px;
}

#aktuality-hp-sekce a{
	text-decoration: none;
	padding-left: 5px;
	color: #dc900d;
	font-size: 20px;
	font-weight: bold;
}

#aktuality-nazev { 
	background-position: left; 
	background-repeat: no-repeat; 
	padding: 15px 0 0 20px;
	font: bold 12px Verdana Regular, Helvetica, sans-serif, "Lucida Grande", "Trebuchet MS";
	color: #dc900d;
	background-color: #4282b5;
}

#aktuality-nazev a{
	color: #dc900d;
}

#aktuality-text {
	color: #fff;	
	padding: 0 15px 0 20px;
	font: 11px Verdana Regular, Helvetica, sans-serif, "Lucida Grande", "Trebuchet MS";
}

#aktuality-datum {
	font: bold 11px Verdana Regular, Helvetica, sans-serif, "Lucida Grande", "Trebuchet MS";
	color: #000;
}


 /* ----------------------  KONKRÉTNí STYLY  ------------------------------ */
h1 {font-size: large; font-weight: bold; color: #4282b5; padding-left: 10px;}
h1.detail_prodeje {font: bold 16px Verdana Regular, Helvetica, sans-serif, "Lucida Grande", "Trebuchet MS"; color: #dc900d; padding: 0 0 15px 0; margin: 0;}
h2 {font-size: 14px; font-weight: bold; color: #dc900d; padding-left: 10px;}
h2.inzeraty-tucne {padding: 0; margin: 0; font-size: 11px;}
h2.inzeraty-normal {padding: 0; margin: 0; font-size: 11px; font-weight: normal;}
h2.detail_prodeje {font-size: 14px; font-weight: bold; color: #dc900d; padding: 0 0 15px 0; margin: 0;}
h3 {font-size: small; color: #4282b5; padding-left: 10px;}


.clear { clear: both; overflow: hidden;}
.break { height: 1px;}

p {padding: 0px 30px 0px 30px;}
p.vpravo {float: right;}
p.nazev_clanku a {font-size: 14px; font-weight: bold; color: #0d5fe7;}
p.popisek_clanku {font-size: large; font-weight: bold; color: #4282b5; padding-left: 10px;}
.autor_datum {font: 11px Verdana Regular, Helvetica, sans-serif, "Lucida Grande", "Trebuchet MS"; color: #4282b5;}
hr {margin-left: 10px; margin-right: 10px;}

#content {padding: 0px 10px 0 0px; color: #0c5996;}
#content p {padding-left: 10px;}

.prefix {padding-left: 0px; padding-right: 10px; height: auto; border-bottom: 1px dashed #4282b5;}

a {color: #025597; text-decoration: none;}
a:hover {color: #025597; text-decoration: underline;}
a.paticka {color: #fff;}

p.registrace-text {font-size: 11px;}
.regfield {width: 570px;}

.center {text-align: center;}
.vlevo {text-align: left;}

.logo {border: 0px solid black; text-decoration: none;}
.padding-foto {padding: 0 0px 0 10px;}
.odsazeni {padding: 0 0 0 20px;}

.button {background-color: #add8e6;
	background-position: left; 
	background-repeat: no-repeat; 
	border: 0px;
	padding: 0 0 0 0px;
	font: bold 15px Verdana Regular, Helvetica, sans-serif, "Lucida Grande", "Trebuchet MS";
	color: #fff;
}

[disabled]{
    background-color:#d3d3d3;
}

.strankovani{color: black; text-align: center; font-size: 10px; padding-bottom: 8px; text-shadow: 1px 1px 2px rgba(0,0,0,.3);}

.fotogalerie-center {width: 146px; height: 158px; float: left; text-align: center;  margin: 0 6px 5px 0; background-image: url(../images-layout/top_prodej.jpg); overflow: hidden;}

div.image {
	width: 10px;
	height: 155px;
	text-align: center;
	position:relative;
	display: table-cell;
	vertical-align: middle;

}
img.foto {
	border: 2px solid #fff;
	display: block;
	position:relative;
	left: 0;
	margin: 0 auto;
	opacity:1; filter:alpha(opacity=100);
}

img:hover.foto {
	border: 2px solid #fff;
	display: block;
	position:relative;
	left: 0;
	margin: 0 auto;
	opacity:0.8; filter:alpha(opacity=80);
}

div p {
	padding: 0 0px;
}

 .jmeno-kniha-navstev {
 	font-size: 12px;
 	color: #80939a;
 }

 .kniha-navstev{
 	padding-left: 50px;
 	padding-right: 70px;
 }

 .kniha-navstev-text{
 	font-size: 12px;
 }
 
 .border-0{
 	border: 0px solid white;
 	padding: 0 10px 0 0;
 }
 
form { margin: 25px 0 0 10px; width: 520px; padding-bottom: 10px; font-size: 12px; line-height: 14px; }
form.login { margin: 25px 0 0 10px; width: 520px; padding-bottom: 10px; font-size: 12px; line-height: 14px; }
form.hedej { margin: 0; width: 200px;}
fieldset { margin: 0 0 22px 0; border: 1px dashed #9ebed5; padding: 5px 17px 15px; font-size: 12px;}
fieldset.posledni { margin: 0 0 1px 0; border: 1px dashed #9ebed5; padding: 12px 17px; font-size: 12px; width: 570px;}
legend { font-size: 1.1em; background-color: #095D92; color: #FFFFFF; font-weight: bold; padding: 2px 4px;}

.label { display: block; float: left; width: 130px; text-align: right; margin-right: 10px; }
.form-row { padding: 5px 0; clear: both; width: 575px; }

label.error { width: 200px; display: block; float: left; color: red; background: url(../images-layout/false.gif); padding-left: 20px; background-repeat: no-repeat; font-style: italic; font-size: 11px;}
label.valid {
background: url(../images-layout/true.gif)  no-repeat;
		display: block;
		width: 16px;
		height: 16px;}
		
.poznamka-firma {font-size: 11px;}

input, textarea {
  width: 170px;
  float: left;
  margin-right: 10px;
  height: 13px; 
  font-size: 11px;
  border: 1px solid grey;
  -webkit-border-radius: .3em;
  -moz-border-radius: .3em;
  border-radius: .3em;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
  -moz-box-shadow: 0px 1px 2px rgba(0,0,0,.3);
  box-shadow: 0 1px 2px rgba(0,0,0,.3);
                
}
select {width: 175px; float: left; margin-right: 10px; font-size: 11px;}
textarea { height: 150px; width: 410px; font-size: 11px;}
input.checkbox {width: auto;}

/* PRODEJE */

/* The syntax for this in Firefox is: this.style.opacity=1 and the syntax in IE is: this.filters.alpha.opacity=100. */

.prodeje {width: 610px; height: 90px ; margin-left: 10px; margin-top: 10px; border-bottom: 1px dashed blue;}
.prodeje-zvyhodneni {width: 610px; height: 90px; margin-left: 10px; margin-top: 10px; border-bottom: 1px dashed blue; background-color: #d3dfe9;}
.prodeje-zvyhodneni img {border: 2px solid white; margin: 5px; opacity:1; filter:alpha(opacity=100)}
.prodeje-zvyhodneni img:hover {border: 2px solid white; margin: 5px; opacity:0.8; filter:alpha(opacity=80)}

.prodeje-thumb {width: 90px; float: left;} 
.prodeje-inner {width: 440px; float: left; padding: 5px 10px 0 10px;} 
.prodeje img {border: 2px solid white; margin: 5px; opacity:1; filter:alpha(opacity=100)}
.prodeje img:hover {border: 2px solid white; margin: 5px; opacity:0.8; filter:alpha(opacity=80)}
.prodeje-nazev-zvyhodneni1 {font-weight: bold;}
.prodeje-info {color: #4282b5; padding-top: 10px;}
.zvyhodneni1 {color: red; text-decoration: none; margin-left: 10px; font-size: 15px; font-weight: normal;}
.prodeje-text {color: #1271c3;}

.prodeje-top {width: 610px; height: 160px; margin-left: 10px;}

/* DETAIL PRODEJE */
#detail-left {width: 150px; height: auto; float: left; margin: 0 0 0 10px;}
#detail-left img {border: 2px solid white; margin: 5px; opacity:1; filter:alpha(opacity=100)}
#detail-left img:hover {border: 2px solid white; margin-bottom: 5px; opacity:0.8; filter:alpha(opacity=80)}
#detail-right {width: 450px; height: auto; float: left; font: bold 11px Verdana Regular, Helvetica, sans-serif, "Lucida Grande", "Trebuchet MS";}

#detail-right-inner {width: 430px; height: auto; margin: 0 10px 0 10px;}
#detail-popisek {font: bold 16px Verdana Regular, Helvetica, sans-serif, "Lucida Grande", "Trebuchet MS"; color: #dc900d;}
.detail-polozky {color: #025597;}
.detail-polozky-db {color: #1271c3; font-weight: normal;}
#detail-text {padding: 10px 0 20px 0; font-weight: normal;}

/* POSLEDNI INZERATY */
#posledni-inzeraty {width: 602px; height: 233px; margin: 0px 0 0 10px; background-image: url(../images-layout/posledni-inzeraty.jpg); background-repeat: no-repeat;}
#posledni-inzeraty-inner {padding: 5px 0px 0px 15px;}
.posledni-inzeraty-inner-content {margin: 5px 0 10px 0; color: #025597; font-size: 11px;}
.posledni-inzeraty-predmet {font-weight: bold;}
#posledni-inzeraty a {font-weight: bold; color: #025597;}

/* HOME PAGE */
.zvyhodneni2 {width: 610px; margin: 0 0 0 10px;}
.zvyhodneni2-in {background-image: url(../images-layout/zvyhodneni.jpg); width: 299px; height: 87px; float: left; padding: 0 5px 5px 0; background-repeat: no-repeat;}

.zvyhodneni2-in-left {width: 80px; height: 72px; float: left; margin: 5px;}
.zvyhodneni2-in-right {width: 195px; height: 72px; float: left; margin: 5px;}

.zvyhodneni2-in-right-nazev {font-weight: bold;}
.zvyhodneni2-in-right-text {color: #1271c3;}
.zvyhodneni2-in-right-detail {text-align: right; padding: 5px 0 0 0; color: #87a8c2;}

.hledej {width: 124px; height: 70px; margin: 10px 0 10px 0;}
.hledej-popis {font-weight: bold;}

.zadne-vysledky {margin-left: 10px;}
.tipy {margin-left: 10px; font-size: 14px; font-weight: bold;}

.hodnoceni {width: 610px; height: auto; padding-left: 10px; border-bottom: 0px dashed blue; padding-bottom: 5px;}

.titulek-hodnoceni {cursor: pointer; cursor: pointer; text-decoration: underline;}
.prodejce-hodnoceni {float: left;}
.kupujici-hodnoceni {float: left;}

.skryvany {display: none; padding-bottom: 5px; border-bottom: 1px dashed blue;}

#podminky {text-decoration: underline; font-weight: bold; margin-right: auto; margin-left: auto;}