/** vytvoril vít nevrela / www.vitnevrela.com **/

* {
padding:0;
margin:0;
}
#main{
margin-top:50px;
height:700px;
margin-bottom:80px;
background: #D9F3F2;
padding-top: 50px;
}
#window{
height:650px;
width:1000px;
background: #ffffff url(../imgs/bg-window.gif) no-repeat;
text-align:center;
margin: 0 auto;
}
#header{
	height:165px;
	width:920px;
	padding-left:40px;
	padding-top: 50px;
	text-align:left;
}
h1 a{
	width:278px;
	height:48px;
	margin-bottom:32px;
	display:block;
	position: relative;
    text-indent: -9998px;
    background: url(../imgs/logo.gif) no-repeat;
	float:left;
}
h1 span{
  position: absolute;
  top: 0;
  left: 0;
  width: 278px;
  height: 38px;
}
ul.nav,
.nav ul{
	cursor: default;
	list-style-type: none;
	display: block;
	font-family: Arial, Helvetica, sans-serif; 
	clear: both;
}
ul.nav{
	display: table;
	width:592px;
}
ul.nav>li{
	display: table-cell;
	position: relative;
	padding: 9px 15px;
	float:left;
	background: url(../imgs/bg-menu.gif) repeat-x;
}
ul.nav li>ul{
	display: none;
	position: absolute;
	left:15px;
	top:24px;
	width: 154px;
	margin-left: -16px;
	margin-top: 9px;
	text-align:center;

}

ul.nav li:hover>ul{
	display : block;
}
.nav ul li a{
	display: block;
	padding: 2px 10px;
}
ul.nav{
	background: url(../imgs/bg-menu.gif) repeat-x;
	color: #FFFFFF;
	font-size: 12px;
	font-weight:bold;
}
.nav li ul li a{
	color: #777777;
	padding: 8px 1px;
	border-bottom: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif; 
}
.nav li a {
	color: #FFFFFF;
}
ul.nav li:hover{
	background: #46B5B5;
	color: #fff;
}
ul.nav{
	border-top: 1px solid #CEEDF0;
	border-left: 1px solid #CEEDF0;
	border-bottom: 1px solid #6FA8A7;
}
.nav li ul{
	border-top: 1px solid #6FA8A7;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	background-color:#FFFFFF;
}
.nav ul li a:hover{
	color: #444444;
	background-color:#FFFFFF;
}
.nav a{
	text-decoration: none;
}
ul.nav li{
	border-right: 1px solid #CEEDF0;
}
ul.nav ul li{
	border-right:none;
}
#left-column{
width: 655px;
float:left;
margin-bottom:50px;
padding-top:15px;
}
#right-column{
width: 280px;
position:static;
float:left;
height:246px;
margin-left: 25px;
vertical-align:middle;
padding-top: 10px;
}
#thumbnails{
width: 220px;
float:left;
height:50px;
margin-left: 55px;
vertical-align:middle;
text-align:center;
}
#footer{
clear:both;
margin-left: 40px;
text-align:left;
}

/**text**/
.path{
font-family: Arial, Helvetica, sans-serif; 
font-size:10px;
color: #999999;
}
.path a{
text-decoration:none;
color: #BBBBBB;
}
.path a:hover{
text-decoration:none;
color: #999999;
}
h2.nadpis{
font-family: Arial, Helvetica, sans-serif; 
font-size: 18px;
font-weight: bold;
padding:0 0 12px 48px;
color: #666666;
text-align:left;
}
h3{
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px;
font-weight: bold;
padding:0 0 0px 0;
color: #000000;
letter-spacing:-0.03em;
font-variant:small-caps;
letter-spacing:1px;
}
p {
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px;
color: #000000;
text-align:justify;
line-height:20px;
padding: 2px 0 2px 0;
}

.card-next{
color:#000000;
font-size:12px;
margin-bottom:10px;
display:block;
clear:both;
}
.card-fn{
color:#000000;
font-size:12px;
margin-bottom:30px;
display:block;
clear:both;
}
.name-card-fn{
float: left;
width:150px;
color:#000000;
font-weight:bold;
}
.name-nadpis{
float: left;
width:150px;
color:#000000;
font-weight:bold;
}
.name-cenik{
float: left;
width:180px;
color:#666666;
font-weight:bold;
}
.name-info{
float: left;
width:150px;
color:#666666;
font-weight:bold;
}
.material-card-fn{
float:left;
color:#999999;
text-decoration:none;
font-weight:bold;
}
.material-card-fn a {
float:left;
color:#999999;
text-decoration:none;
font-weight:bold;
}
.material-card-fn a:hover {
float:left;
color: #666666;
text-decoration:none;
font-weight:bold;
}
.items-card-fn{
float:left;
color:#000000;
margin-left: 35px;
font-weight:bold;
}
.info-card-fn{
clear:both;
color:#000000;
margin-left: 150px;
}
.info-card-fn a{
clear:both;
color:#000000;
text-decoration:none;

}
.info-card-fn a:hover{
clear:both;
color:#000000;
text-decoration:none;
border-bottom:none;
}
.odstavec-napravo{
float:left;
color:#000000;
}
.odstavec-napravo a{
clear:both;
color:#000000;
text-decoration:underline;

}
.odstavec-napravo a:hover{
clear:both;
color:#000000;
text-decoration:none
}
.odstavec-napravo-pod-cenik{
clear:both;
color:#000000;
margin-left: 180px; !important 
}
.odstavec-napravo-pod{
clear:both;
color:#000000;
margin-left: 150px; !important
}
.odstavec-napravo-pod-kontakty{
clear:both;
color:#000000;
margin-left: 150px; !important
}
.odstavec-napravo-pod a{
clear:both;
color:#000000;
text-decoration:none;

}
.odstavec-napravo-pod a:hover{
clear:both;
color:#000000;
text-decoration:none
}
span.typ{
width:80px;
display:table-cell;
float:left;
}
span.cenik-polozka{
width:250px;
display:table-cell;
float:left;
}
span.vlastnosti{
width:70px;
display:table-cell;
float:left;
}
span.indikace{
float:left;
}
/**scrolldiv**/
	#dhtmlgoodies_scrolldiv{
		/* The total width of the scrolling div including scrollbar */
		width:615px;
		height:260px;
		margin-left: 40px;
		font-family:Arial, Helvetica, sans-serif; 
		text-align:left;
		float:left;	/* The height of the scrolling div */
		
	}
	#scrolldiv_parentContainer{
		height:100%;
		overflow:hidden;
		float:left;
		position:relative;
		
	}
	
	/*
	CSS for the scrolling content 
	*/
	#scrolldiv_content{
		padding: 0px 20px 0px 10px;
		position:relative;
		font-size: 1.0em;
		line-height:130%;
		color: #ffffff;
	}

	
	/*
	The scrollbar slider 
	*/
	#scrolldiv_slider{
		width:15px;
		margin-left:2px;
		height:260px;
		float:left;
	}
	
	/*
	The scrollbar (The bar between the up and down arrow )
	*/
	#scrolldiv_scrollbar{
		width:15px;
		height:460px;	/* Total height - 40 pixels */
		border:1px solid #ffffff;
		position:relative;
		
	}
	/*
	The scrollbar handle
	*/
	#scrolldiv_theScroll{
		margin:1px;
		width:8px;
		height:16px;
		background-color: #ffffff;
		border:1px solid #CCCCCC;
		position:absolute;	
		top:0px;
		left:0px;
		cursor:pointer;
	}
	/*
	Scroll buttons(The up and down arrows)
	*/
	#scrolldiv_scrollUp{
		width:15px;
		height:16px;
		background-image:url(../imgs/up.gif);
		text-align:center;
		line-height:16px;
		cursor:pointer;
	}
	#scrolldiv_scrollUp:hover{
		width:15px;
		height:16px;
		background-image:url(../imgs/up_h.gif);
		text-align:center;
		line-height:16px;
		cursor:pointer;
	}
		#scrolldiv_scrollDown{
		width:15px;
		height:16px;
		background-image:url(../imgs/down.gif);
		text-align:center;
		line-height:16px;
		cursor:pointer;
	}
			#scrolldiv_scrollDown:hover{
		width:15px;
		height:16px;
		background-image:url(../imgs/down_h.gif);
		text-align:center;
		line-height:16px;
		cursor:pointer;
	}
	#scrolldiv_scrollUp{
		margin-bottom:2px;
	}
	#scrolldiv_scrollDown{
		margin-top:2px;
	}
	#scrolldiv_scrollDown span,#scrolldiv_scrollUp span{
		font-family: Symbol;
	}
	/**end scrolldiv**/


div#wn	{ 
    position:relative; 
    width:190px; height:50px; 
    overflow:hidden;	
	float:left;
	}
div#wn a img	{ 
margin-right: 8px;
border:0;
	}
.left-arrow{
width:10px;
height:50px;
background-image:url(../imgs/left.gif);
float:left;
text-decoration:none;
display:block;
margin-right:4px;
}
.left-arrow a{
width:10px;
height:50px;
background-image:url(../imgs/left.gif);
float:left;
text-decoration:none;
display:block;
}
.left-arrow a:hover{
width:10px;
height:50px;
background-image:url(../imgs/left_h.gif);
}

.right-arrow{

width:10px;
height:50px;
background-image:url(../imgs/right.gif);
float:left;
text-decoration:none;
display:block;
margin-left:5px;
}
.right-arrow a{
width:10px;
height:50px;
background-image:url(../imgs/right.gif);
float:left;
text-decoration:none;
display:block;
}
.right-arrow a:hover{
width:10px;
height:50px;
background-image:url(../imgs/right_h.gif);
}
.languages{
float:left;
margin-left:245px;
color: #C5C5C5;
}
.languages a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #C5C5C5;
font-weight:bold;
text-decoration:none;
}
.languages a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #666666;
font-weight:bold;
text-decoration:none;
}
#fotka-velka{
border:none;
width: 240px;
height:240px;
overflow: hidden;
background-color: transparent;
color: #ffffff;
}
#fotka-velka-bigger{
border:none;
width: 240px;
height:310px;
overflow: hidden;
padding:0;
}
.zobrazit-mapu{
position:absolute; 
left:340px; 
top: 4px; 
width:100px; 
height:30px;
}
.zobrazit-mapu a img{
border: 1px #CCCCCC solid;
}
.zobrazit-mapu a:hover img{
border: 1px #999999 solid;
}

p.nadpis-cenik-kde{
margin-bottom: 10px;
color: #000000;
}
p.info-cenik{
margin-bottom: 10px;
color: #000000;
margin-bottom:5px;
}
p.info-cenik a{
margin-bottom: 10px;
color: #000000;
text-decoration:underline;
}
p.info-cenik a:hover{
margin-bottom: 10px;
color: #000000;
text-decoration:none;
}
p.clanek{
margin-bottom: 10px;

}