@charset "utf-8";
/* CSS Document */
body, html {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:20px;
text-align: left;
height:100%;
color: #222222;
background:url(../grafika/bg-top.jpg) repeat-x top;
background-color:#f3f3f3;
}

a:active    {color: #e30513;}
a:hover {color:#e30513;}

a{
text-decoration:none;
color:#083D8D;
}

.clearer, .clear {clear:both; }
#top, #top-w {
	width:100%;
	min-height: 100%;
	_height: 100%; /* IE */
	position: relative;
	height:auto;
	z-index:1;
	background:url(../grafika/top-light.jpg) no-repeat center top;
}
#top-w {
	background-position:-90px top;
}
#bg-point  {
	top:213px;
	width:100%;
	position:absolute;
	bottom:0;
	z-index:-1;
	background:url(../grafika/bg-point.gif);
}


#bg-paticka, #bg-paticka-w  {
	width:100%;
	position:absolute;
	z-index:-1;
	background:url(../grafika/bg-bottom.jpg) repeat-x top;
	height:100px;
	bottom:0px;
}
#bg-paticka-w {
	height:8px;
}
#pozadi {
	top:132px;
	width:995px;
	position:absolute;
	bottom:100px;
	z-index:0;
	background:url(../grafika/page-middle.png) repeat-y;
}
#pozadi-w {
	top:162px;
	width:100%;
	position:absolute;
	bottom:8px;
	z-index:0;
	background:url(../grafika/page-middle-w.png) repeat-y;
}
#pozadi-right-w {
	top:162px;
	width:100%;
	position:absolute;
	bottom:8px;
	z-index:0;
	background:url(../grafika/page-middle.png) right repeat-y;
}
#pozadi-top-w {	
	top:150px;
	width:100%;
	position:absolute;
	bottom:8px;
	z-index:0;
	background:url(../grafika/page-top-w.png) repeat-x top;
}
#page {
	width: 995px;
	margin: 0 auto;
}
#page-w {
	width: 100%;
	margin: 0 auto;
}
#top-hlavicka { height:120px;}
#logo {  width:392px; height:110px; float:left;}
#top-hlavicka-right { float:right; height:140px; width:580px; text-align:right; color:#268db9;}
#slogan { padding-top:90px; padding-right:10px; font-size:14px; display:block; font-weight:bold;}

#content {
position:relative;
margin-top:100px;
width:995px;
z-index:6;
/*padding-bottom:182px;*/
bottom:100px;
background:url(../grafika/page-top.png) no-repeat top left;
}
#content-w {
position:relative;
margin-top:8px;

width:100%;
z-index:6;
/*padding-bottom:182px;*/
bottom:8px;
background:url(../grafika/right-colum-w.png) no-repeat top right;
}

#left-colum {width:179px;  float:left; padding:12px 0px 0px 11px;  }
#left-colum-w {width:179px;  float:left; position:absolute; padding:12px 0px 0px 11px; background:url(../grafika/left-colum-w.png) -1px top no-repeat;  }
#main { padding:20px 35px 2px 30px; float:right; width:740px;}
#main-w { padding:8px 15px 2px 30px; float:right; margin:12px 20px 0px 191px; background-color:#fff;}


#paticka_matrjoska, #paticka_matrjoska-w
{
position: absolute;
bottom: 0px;
padding:0px;
height: 100px;
width:995px;
z-index:3;
color:#c5c5c5;
}
#paticka_matrjoska-w {width:100%; height:20px;}
#paticka_matrjoska h4, #paticka_matrjoska-w h4 {font-size:1.1em}
#paticka_matrjoska table, #paticka_matrjoska-w table {
	height:74px;
	line-height:1.1em;
	font-size:0.8em;
	border-collapse:collapse;
	margin-top:8px;
}
#paticka_matrjoska td, #paticka_matrjoska-w td {
	border-right:1px dotted #666;
	padding:0px 30px 0px 30px;
}
#paticka-text-right {
float:right;
padding-right:38px;
height:10px;
}
#paticka-kontakt {
	width:122px;
	height:42px;
	line-height:42px;
	background:url(../grafika/bg-paticka-kontakt.png) repeat-x;
	color:#fff;
}
#paticka-kontakt a, #paticka_matrjoska-w a {color:#fff;}

#paticka-text-left {

float:left;
padding:10px 5px 3px 5px;
margin-left:8px;

}
#paticka_matrjoska a { color:#c5c5c5;}
#katalogy { color:#7b7b7b; padding-top:10px;}
#katalogy a {color:#7b7b7b;}

.ram-foto {float:left;}

.ram-foto ul,  .ram-foto a{
list-style-type: none;
text-decoration:none;
color: #000;
margin:0 auto;
padding:0;
font-size:10px;
}

.ram-foto li {
list-style-type: none;
text-decoration:none;
padding:0px;
margin:0px 10px 10px 0px;
width:160px;
float:left;
height:142px;
text-align:center;
background-color:#fff;
border:1px solid #e5e5e5;
}
.ram-foto a {
display:block;

}
.ram-foto li a:hover {
background:#e5e5e5;
display:block;
height:142px;
} 
.ram-foto span {display:block; line-height:12px;}
.ram-foto img {margin-top:19px; margin-bottom:5px;}