/* ----------------------------------------------------------------------------------------------------------
    Projekt: rk-virtualne.CZ  

    Autor: Nový Web s.r.o. [www.upltrading.cz]; e-mail: info@upltrading.cz
    Poslední revize: 6.04.2009 16:50:53 
---------------------------------------------------------------------------------------------------------- */

body {  
  font: 12px Arial;
  color: #000;
  text-align: center;
  margin:0px;
  padding:0px;
  background:#111111 url(../images/bg.gif) repeat-x;
}
.nobr {white-space: nowrap}
.clear {
  clear: both;
}
#objprohlidka{
	float:left;
	margin:0 0 0 -1px;
	width:620px;
	height:400px;
}

fieldset{
	margin:0px;
	padding:0px;
	border:1px solide #CCC;
}
fieldset.border-none{
	border:none;
}
legend{
	padding:0 10px 0 10px;
}
a {
  color: #000	;
  text-decoration:underline;
  
}
a:hover{
	text-decoration:none;
}
  
form {
  margin: 0;
  padding: 0;
}

img {
  border: 0;
}

table {
  font-size: 12px;
}
hr{
	margin:20px 0 20px 0;
	color:#908f8f;
}
 h1,h2,h3{
	color:#fff;
}


h1{
	font-size:21px;
}
h2,h3{
	font-size:14px;
}



.noscreen, .print {
  display: none;
}

.left{
	float:left;
}
.right{
	float:right;
}


#maine {
  margin:0px auto 0 auto;
  width:945px;
  text-align: left;
  padding:0;
}
#content{
	width:945px;
	float:left;
  background:url(../images/bgMaine.gif) repeat-y; 
 
}
#logo {
	float:left;
  display: block;
  position: relative;
  width: 300px;
  height: 96px;
  overflow:hidden;
  float: left;
  margin:0px 0 0 0;
}

#logo span {
  display:block;
  position: absolute;
  top:0; 
  left:0; 
  z-index:1; 
  width:100%; 
  height:100%;
  cursor: pointer;
  background-image: url(../images/logo.gif);
}
.btn{
	float:right;
	margin:20px 20px 0 0;
}
.btn a {
  float:left;
  display: block;
  position: relative;
  width: 186px;
  height: 34px;
  overflow:hidden;
  float: left;
  margin:0px 0 0 0;
}

.btn a span {
  display:block;
  position: absolute;
  top:0; 
  left:0; 
  z-index:1; 
  width:100%; 
  height:100%;
  cursor: pointer;
  background-image: url(../images/btnAdmin.gif);
}
#top{
	width:645px;
	float:left;
	height:96px;
}
#top form {
	margin:15px 0 0 0;
}
#top #login{
	width:300px;
	float:right;
	background-color:#000;
	padding:0 5px 0 5px;
}
#top .right{
	margin:10px 130px 0 0;
}
#top .right a{
	color:#fff;
}
#top #login a{
	color:#fff;
}
#top #login div{
	float:left;
	line-height:30px;
	color:#fff;
}
#top #login div input[type="text"],#moreInfo form input[type="text"],#top #login div input[type="password"]{
	width:121px;
	height:22px;
	line-height:22px;
	padding:0 3px 0 3px;
	color:#858585;
	border:none;
	margin:0 0 0 10px;
	background:url(../images/bgInput.gif) no-repeat;
}
#top #login .btnLogin{
	width:87px;
	height:22px;
	border:none;
	float:left;
	margin:2px 0 0 5px;
	background:url(../images/btnLogin.gif);
	cursor:pointer;
	
}
#moreInfo form .btnRegistrace{
	width:187px;
	height:35px;
	border:none;
	float:left;
	margin:2px 0 0 5px;
	background:url(../images/btnRegistrace.gif);
	cursor:pointer;
	
}
#moreInfo form .btnHeslo{
	width:187px;
	height:35px;
	border:none;
	float:left;
	margin:2px 0 0 5px;
	background:url(../images/btnHeslo.gif);
	cursor:pointer;
	
}
.btnHledej,.btnOdeslat{
	width:77px;
	height:22px;
	border:none;
	margin:2px 0 0 5px;	
	cursor:pointer;
}
.btnHledej{
	background:url(../images/btnHledej.gif);
}
.btnOdeslat{
	background:url(../images/btnOdeslat.gif);
}

#menu{
	width:945px;
	float:left;
	height:39px;
	background:url(../images/bgTopMenu.gif);
}

/*#menu ul{
	list-style:none;
	float:left;
	margin:0 0 0 0;
	padding:0;
	width:945px;
}
#menu ul li{
	float:left;
	position: relative;
}
#menu ul li a{
	display:block;
	background:url(../images/bgMenu.gif) right top;
	text-decoration:none;
	font-size:14px;	
	padding:0 20px 0 20px;
	line-height:39px;
	color:#fff;
}
#menu ul li a:hover{
	background:url(../images/bgMenu.gif) right bottom;
}
#menu ul li ul{
	position: absolute;
	display: block;
	visibility: hidden;
	width:400px;
	margin:0 0 0 0; 
	padding:0;
	background:none;
	
}

#menu ul li ul li{
	clear:both;
	width:200px;
	line-height:39px;
}
#menu ul li ul li a{ 
	background:url(../images/bgMenu.gif) right top;
	color: #fff;
	line-height:39px;
	padding:0 10px 0 10px;
	border-bottom:1px solid #c9c9c9;
	border-top:0px solid #fff;
}
*/

/* menu */


#menu ul{
	height:39px;
	list-style:none;
	margin:0;
	padding:0;
	width:945px;
}
#menu li{
		float:left;
		padding:0px;
}
#menu li a{
		background:#333333 url("../images/bgMenu.gif") top right no-repeat;
		color:#cccccc;
		display:block;
		font-weight:normal;
		line-height:39px;
		margin:0px;
		padding:0px 15px;
		text-align:center;
		text-decoration:none;
}
#menu li a:hover, #menu ul li:hover a{
			background: #2580a2 url("../images/bgMenu.gif") bottom center no-repeat;
			color:#FFFFFF;
			text-decoration:none;
}
#menu li ul{
		background:#333333;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:425px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
}
#menu li:hover ul{
		display:block;
		
}
#menu li li {
		background:url('images/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:425px;
}
#menu li:hover li a{
		background:none;
		
}
#menu li ul a{
		display:block;
		height:39px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
}
#menu li ul a:hover, #menu li ul li:hover a{
			background:#2580a2 url('../images/bgMenu.gif') bottom left no-repeat;
			border:0px;
			color:#ffffff;
			text-decoration:none;
}
		

		

/* menu */



#topBanner{
	float:left;
	width:945px;
	margin:0 0 -3px 0;
	padding:0px;
}
.nadpis{
	height:44px;
	float:left;
	line-height:44px;
	background:url(../images/bgNadpis.gif) left;
	padding:0 0 0 40px;
	color:#fff;
	font-weight:bold;
}
#left .nadpis{
	width:604px;
}
#left .nadpis h1{
	font-size:16px;
	margin:0px;
}
#right .nadpis{
	width:261px;
}
	

#topLista{
	width:925px;
	float:left;
	height:50px;
	line-height:50px;
	color:#fff;
	padding:0 10px 0 10px;
	margin:0;
	background:url(../images/bgTopLista.gif) repeat-x top;
}
#topLista form select{
	width:125px;
}
/*
#topLista span{
	margin:0px 0 0 0;
	padding:0px;
}
#topLista span.customStyleSelectBox{
	width:198px;
	display:block;
	background:url(../images/selectbox.gif) no-repeat;
	border:none;
	margin:10px 0 0 0;
}	
#topLista span.customStyleSelectBoxInner{
	margin:-10px 0 0 0 ;
	height:16px;
}

/*
#topLista span.customStyleSelectBox { 
	width:198px;
	font-size:12px; 
	color:#7c7c7c; 
	padding:0px 0 2px 0px;
	margin:0px 0 0 0;
	height:36px;
	display:block;
 
	background: url(../images/selectbox.gif) no-repeat 0px 10px ;
 }
#topLista span.customStyleSelectBox.changed { 
	background-color: none; 
	margin:0px 0 0 0;
	padding:0px;
}
#topLista .customStyleSelectBoxInner {
	width:198px; 	
	padding:0 0 0 20px;
	color:#9b9b9b;
	font-weight:normal;
 }
#topLista select{
	margin:0px 0 0 10px;
	 width:198px;	 
 }
 #topLista select option{
	 background-color:#000;
	 color:#9b9b9b;
	 border:none;
 }
*/

#topLista span,#left .nadpis span,#right .nadpis span,#moreInfo span.reg{
	color:#f30d0d;
}
#left .content,#right .content{
	float:left;
	padding:10px;
}
.content.facebook{
	margin:0 0 0 15px;
}
.content.facebook .face{
	display:block;
	height:30px;
	width:270px;
}
#right .content form fieldset{
	padding:5px;
}
#right .content form fieldset label{
	width:100px;
	font-weight:bold;
}
#right .content form fieldset label.error { 
float: left;
width:100px;
color: red; 
padding-left: .5em; 
font-size:10px;
vertical-align: top;
z-index:1px;
}

#right .content form fieldset label,#right .content form fieldset input{
	float:left;
}
#right .content form fieldset select{
	width:150px;
}
#left{
	width:644px;
	float:left;
}
#left .content{
	width:630px;
	float:left;
}

#video{
	width:632px;
	height:417px;
	padding:40px 0 0 12px;
	float:left;
	background:#7a0101 url(../images/bgVideo.jpg) top no-repeat;
}
#video .left{
	margin:-27px 0 0 0;
	padding:0 0 0 5px;
	color:#fff;
	line-height:20px;
}
#video .left h1{
	margin:3px;
	color:#fff;
	font-size:12px;
}
#video .right{
	margin:-27px 0 0 0;
	padding:0 15px 0 0 ;
	line-height:20px;
	color:#fff;
}
#video #prohlidka iframe{
	float:left;
	width:620px;
	height:400px;
}
#video #prohlidka{
	text-align:center;
}
#video #prohlidka #playbutton{
	text-align:left;
	float:left;
}
#video #prohlidka img{
	margin:10px 0 0 5px;
	max-height:390px;
	max-width:610px;
		
}
#moreInfo{
	width:624px;
	min-height:200px;
	float:left;
	background:#000 url(../images/bgNextInfo.gif) top no-repeat;
	color:#c9c9c9;
	padding:10px;
}
#moreInfo strong{
	color:#fff;
}
#moreInfo .btn.right{
	width:101px;
	height:22px;
	line-height:22px;
	background:url(../images/btn.gif) no-repeat;
	color:#fff;
	text-align:center;
}
#moreInfo .btn.right a{
	text-decoration:none;
}
#moreInfo ul{
	list-style:none;
	float:left;
	padding:0px;
	margin:0px 0 20px 0;
}
#moreInfo ul li{
	line-height:20px;
	color:#c9c9c9;
}
#moreInfo ul li strong,#moreInfo .popis strong{
	font-size:14px;
	color:#fff;
	font-weight:bold;
}
#moreInfo ul li span{
	background:none;
	font-size:14px;
	color:#ff0000;
	font-weight:bold;
}
#moreInfo .popis{
	width:283px;
	color:#c9c9c9;
	background:none;
	text-align:left;
}
#moreInfo .podInfo{
	width:340px;
	margin:10px 0 0 0;
	padding:0px;
	text-align:left;
}
a.realitka{
	color:#fff;
}
#moreInfo .podInfo ul{
	width:340px;
	float:left;
	margin:0 0 0px 5px;
	padding:0px;
}
#moreInfo .podInfo ul li{
	float:left;
	margin:0 0 0 5px;
}
#moreInfo .podInfo ul li.th{
	width:145px;
	text-align:right;
	font-size:12px;
	color:#fff;
}

#right{
	width:298px;
	float:left;
	margin:0 0 0 0px;
}
#patka{
	width:945px;
	float:left;
	height:100px;
	color:#fff;	
	padding:20px 0 0 0;
}
#patka a{
	color:#fff;
}
#patka .right{
	width:400px;
	line-height:20px;
	text-align:left;
}
#patka .right img{
	margin:0 0 0 10px;
}


#left .polozka{
	width:600px;
	padding:5px;
	margin:15px 0 10px 10px;
	background:#ececec;
	border:solid 1px #c9c9c9;
	float:left;
}
#left .polozka .popis{
	width:375px;
	float:left;
	overflow:hidden;
	margin:0px;
	padding:0;
}
#left .polozka .rating{
	height:16px;
	float:left;
	margin:0 5px 0 0;
}
#left .polozka a{
	text-decoration:none;
}
#left .polozka a img{
	float:left;
	max-width:200px;
	min-width:200px;
	max-height:150px;
	border:solid 3px #c9c9c9;
	margin: 0px 10px 0 0px;
}
#left .polozka h2{
	font-size:12px;
	margin:5px 0 0 10px;
	color:#f30d0d;
}
#left .polozka .rating{
	width:150px;
	height:22px;
	margin:-28px 0 0 456px;
	position:absolute;
	display:block;
	z-index:1;
	background:url(../images/btnProhlidka2.gif);
}

#right .polozka{
	width:301px;
	float:left;
	padding:0px;
	margin:0 0 20px 0;
}
#right .polozka h2{
	width:290px;
	float:left;
	font-size:12px;
	color:#ff0000;
	margin:0px 0 0 0;
}
#right .polozka .popis{
	width:270px;
	float:left;
	text-align:justify;
}
#right .polozka .img{
	width:280px;
	margin:0 30px 0 0;
	float:left;
	padding:0 0 0 3px;
}
#right .polozka .img img{
	width:275px;
}
#right .polozka .prohlidka{
	width:150px;
	height:22px;
	float:right;
	background:url(../images/btnProhlidka.gif);
}

#right a{
	color:#ff0000;
}
#right .polozka .img img{
	
	border:solid 3px #c9c9c9;
}



.play {
	width:160px; 
	margin-top:110px; 
	z-index:1;  
	position:absolute; 
	display: inline; 
	text-align:center;
}
#usual2 ul{
	list-style:none;
	float:left;
	margin:0px;
	padding:0px;
}
#usual2 ul li{
	float:left;
	padding:0 0 0 5px;
}
#usual2 ul li a{
	display:block;
}
#usual2 ul li span{
	width:150px;
	height:36px;
	display:block;
}
#usual2 ul li.tab1 span{
	background:url(../images/ad1.gif);
}

#usual2 ul li.tab2 span{
	background:url(../images/ad2a.gif);
}
#usual2 ul li.tab2.active span{
	background:url(../images/ad2b.gif);
}
#usual2 ul li.tab3 span{
	background:url(../images/ad3a.gif);
}
#usual2 ul li.tab3.active span{
	background:url(../images/ad3b.gif);
}
#usual2 ul li.tab4 span{
	background:url(../images/ad4a.gif);
}
#usual2 ul li.tab4.active span{
	background:url(../images/ad4b.gif);
}
#usual2 ul li.tab5 a span{
	background:url(../images/ad5a.gif);
}
#tabs1{
	float:left;
	padding:5px 0 0 5px;
}
.nextStep{
	display:block;
	width:150px;
	height:36px;
	border:none;
	cursor:pointer;
	background:url(../images/nextStep.gif);
}
.nextStepStop{
	display:block;
	width:150px;
	height:36px;
	border:none;
	cursor:pointer;
	background:url(../images/btnDokoncit.gif);
}
.vlozImg{
	width:170px;
	height:145px;
	float:left;
	padding:0 0 5px 5px;
	margin:0 0 15px 15px;
	background:#e7e9e9;
	border:solid 1px #fff;
	text-align:center;
}
.img2{
	height:115px;
}
.vlozImg img{
	padding:5px;
}
#left .sekce.novinky,#left .sekce.poptavky,#left .sekce.novinky .nadpis,#left .sekce.poptavky .nadpis{
	float:left;
	width:302px;
	
}
#left .sekce h2{
	width:265px;
	color:#000;
}
#left .sekce .text{
	width:265px;
	float:left;
}
#left .sekce.novinky .content{
	padding:45px 0 0 35px;
	background:url(../images/bgNovinky.gif) no-repeat 2px 0px;
}
#left .sekce.poptavky .content{
	font-size:12px;
	padding:45px 0 0 35px;
	background:url(../images/bgPoptavky.gif) no-repeat 2px 0px;
}
#left .sekce.poptavky .content .datum{
	float:left;
	width:260px;
	font-size:12px;
	
}
#left .sekce.poptavky .content fieldset{
	padding:5px;
}
#left .sekce.poptavky .content fieldset legend{
	padding:5px 0 5px 0;
}
#left .sekce.poptavky .content .nazev,#left .sekce.poptavky .content .lokalita,#left .sekce.poptavky .content .cena{
	font-weight:bold;
	line-height:20px;
	
}
#left .sekce.poptavky .content .cena span{
	font-weight:bold;
	color:#F00;
}
#left .sekce.poptavky .content .kontakt,#left .sekce.poptavky .content .kontakt a{
	font-size:10px;
	color:#999;
}
#left .sekce .content{
	float:left;
	width:272px;
	min-height:200px;
	padding:25px 0 0 25px;
}
#left .content img.right{
	max-width:200px;
	max-height:200px;
	padding:15px 5px 5px 5px;
}
.btnNabidka{
	float:left;
	margin:0 0 0 25px;
}



/* slider */
div.sc_menu {
	/* Set it so we could calculate the offsetLeft */
	position: relative;
	height: 145px;
	width: 620px;
	overflow: hidden;
}
ul.sc_menu {
	display: block;
	height: 145px;
	/* max width here, for users without javascript */	
	width: 15000px;	
	padding: 15px 0 0 15px; 
	/* removing default styling */
	margin: 0;
	background: url('navigation.png');		
	list-style: none;
}
.sc_menu li {
	display: block;
	float: left;	
	padding: 0 4px;
}
.sc_menu a {
	display: block;
	text-decoration: none;
}
.sc_menu span {
	display: none;
	margin-top: 3px;
	
	text-align: center;
	font-size: 12px;	
	color: #fff;
}
.sc_menu a:hover span {
	display: block;
}
.sc_menu img {
	border: 3px #fff solid;	
	max-height: 130px;	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.sc_menu a:hover img {
	filter:alpha(opacity=75);	
	opacity: 0.7;
}

/* slider */