/* ----------------------------------------------------------------------------------------------------------
    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;
}

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);
}
#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 #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;
}
#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;
}
#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 .right{
	width:400px;
	line-height:20px;
	text-align:left;
}
#patka .right img{
	margin:0 0 0 10px;
}


#left .polozka{
	width:270px;
	height:300px;
	padding:5px;
	margin:0 0 25px 25px;
	background:#ececec;
	border:solid 1px #c9c9c9;
	float:left;
}
#left .polozka .popis{
	height:90px;
	overflow:hidden;
	margin:0px;
	padding:0;
}
#left .polozka .rating{
	height:16px;
	margin:0 5px 0 0;
}
#left .polozka a img{
	max-width:250px;
	border:solid 1px #c9c9c9;
	margin: 0px 0 0 10px;
}
#left .polozka h2{
	font-size:12px;
	margin:5px 0 0 10px;
	color:#f30d0d;
}

#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;
}
#right .polozka .popis{
	width:270px;
	float:left;
	text-align:justify;
}
#right .polozka .img{
	
	float:left;
	padding:0 0 0 3px;
}
#right a{
	color:#ff0000;
}
#right .polozka .img img{
	
	border:solid 3px #c9c9c9;
}


/* Gallery Styles */
#sipkaLevo{
width:13px;
height:22px;
float:left;
background: url(../images/sipkaLeft.gif) no-repeat ;
margin:40px 5px 0 0;
}
#sipkaPravo{
width:13px;
height:22px;
float:right;
background: url(../images/sipkaRight.gif) no-repeat ;
margin:40px 0 0 5px;
}
#motioncontainer {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width:585px; /* Set to gallery width, in px or percentage */
height: 135px; /* Set to gallery height */
float:left;
}
.img{
padding:10px;
display:inline;
}
#motioncontainer a img {
border:solid 3px #f2f5f7;
padding:0px 0px 0px 0px; /* Set image border color */
}

#motioncontainer a:hover img {
border:solid 3px #f2f5f7; /* Set image border hover color */
}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding:5px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}


/* End Gallery Styles */
.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;
}