/* ================================= */
/* == CSS for oooox ================ */
/* == created:eReS - Radim Socha === */
/* == date:31.03.2008 ============== */
/* ================================= */
/* == update:10.04.2008 ============ */
/* ================================= */
body {
	margin:0;
	padding:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10px;
}
#vcBody {
/*	width:1200px;*/
	width:920px;
/*	height:900px;*/
	margin:0 auto;
	padding:10px 20px;
/*	background-color:#99CCCC*/
}
a {
	color:#000000;
	text-decoration:underline;
}
a:hover {
	color:#CC0000;
	text-decoration:underline;
}
a img  {
	border:none;
}
ul, li {
	margin:0px;
	padding:0px;
}
h1, h2, h3, h4 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
}
h1 {
	margin:0;
}
h1 span {
	font-size:20px;
	padding:2px 20px;
	font-weight:normal;
	line-height:18px;
	height:21px;
	display:block;
	width:253px;
	background-color:#000000;
	border:#000000 1px solid;
	color:#FFFFFF;
/*	height:37px;*/
	float:left;
}
h2 {
	font-size:20px;
	margin:10px 20px 5px 20px;
	line-height:130%;
	padding:0;
}
h3 {
	font-size:14px;
	font-weight:bold;
}
p {
	/*line-height:12px;*/
	margin:0 20px;
}
p.novinka {
	line-height:130%;
}
p.novinka strong {
	width:50px;
	float:left;
}
p.novinka span {
	width:508px;
	float:left;
	margin-bottom:5px;
}


.cleaner {
	clear:both;
	height:0px;
	overflow:hidden;
	visibility:hidden;
}

/* ===-----------------=== */
/* === main definitions === */
/* ===-----------------=== */
#vcTop {
}

#mainArea {
	padding:10px 0 0;
}
#leftContent {
	width:604px;
	float:left;
/*	border:#000000 1px solid;*/
	position:relative;
}
.box {
	float:left;
	clear:both;
}
#leftContent .box {
	border:#000000 1px solid;
	width:602px;
	padding-bottom:15px;
}
#langBox {
	position:absolute;
	top:1px;
/*	left:520px;*/
	right:0;
	border:#000000 1px solid;
}
#langBox a {
	width:38px;
	height:21px;
	text-align:center;
	display:block;
	float:left;
	text-decoration:none;
	font-size:20px;
	padding:2px 0;
/*	color:#000000;*/
	line-height:18px;
}
#langBox a:hover {
/*	color:#CC0000;*/
	color:#FFFFFF;
	background-color:#CC0000;
	
}
#langBox a.selected {
	background-color:#000000;
	color:#FFFFFF;
}
#langBox a:hover.selected {
	color:#FFFFFF;
	background-color:#000000;
}

.thumbnailBox {
	margin:0 20px;
	width:564px;
/*	padding-top:5px;*/
}
.thumbnail {
	border:#000000 solid 1px;
	text-transform:uppercase;
/*	height:50px;*/
	float:left;
	line-height:12px;
	margin-right:4px;
	margin-bottom:5px;
	font-size:9px;
}
.thumbnail a {
	text-decoration:none;
	display:block;
}
.thumbnail a:hover {
	color:#FFFFFF;
	background-color:#000000;
	text-decoration:none;
}
.thumbnail .text {
	padding-left:3px;
	padding-right:3px;
}
.new {
	background-color:#CC0000;
	color:#FFFFFF;
}
.thumbnail.new a {
	color:#FFFFFF;
}
/*.thumbnail.new a:hover {
	color:#CC0000;
	background-color:#FFFFFF;
}*/

#rightContent {
	width:293px;
	float:left;
	margin-left:20px;
/*	border:#000000 1px solid;*/
}
#rightContent h1 {

}
#rightContent h2 {
	margin-top:20px;
	margin-left:0;
}
.vizualizace {
/*	float:left;*/
	clear:both;
}
.vizualizace .leftbox,
.kontakt .leftbox {
	float:left;
/*	width:280px;*/
/*	background-color:#00CC66*/
}
.vizualizace .rightbox,
.kontakt .rightbox {
	float:right;
	width:215px;
/*	background-color:#00CC66*/
}
.vizualizace .rightbox .thumbnail {
	clear:both;
	margin-bottom:6px;
}
.vizualizace .rightbox .thumbnail.last {
	margin-bottom:0px;
}
/*.vizualizace .rightbox .separator {
	height:6px;
	margin-bottom:5px;
}*/
.vizualizace .leftbox img {
	border:#000000 1px solid;
}
.kontakt {
	/*width:380px;*/
	margin-left:0;
}
.kontakt .box {
	float:none;
/*	border:#000000 1px solid;*/
}
.kontakt .box img {
	margin-right:15px;
	margin-left:0;
	padding-left:0;
}
.kontakt .separator {
	height:0;
	margin-bottom:5px;
	clear:both;
	overflow:hidden;
	visibility:hidden;
}
.kontakt a,
.kontakt a:hover {
	text-decoration:none;
/*	line-height:11px;*/
	font-size:10px;
	font-weight:bold;
}
.kontakt .box p {
	margin-top:3px;
	line-height:13px;
}
.kontakt p.mail {
	/*margin-top:5px;*/
}
strong.jmeno {
	font-size:12px;
	text-transform:uppercase;
}
.kontakt .dalsi {
	margin-top:10px;
}
.kontakt .dalsi p,
.kontakt .dalsi a,
.kontakt .dalsi a:hover {
	line-height:16px;
	margin:0;
	padding:0;
	font-size:10px;
}
.kontakt .dalsi span {
	float:left;
	display:block;
	width:125px;
/*	_width:117px;*/
	margin:0;
	padding:0;
/*	background-color:#00CCCC*/
}
.kontakt .dalsi a {
	float:left;
	display:block;
/*	width:125px;*/
	margin:0;
	padding:0;
/*	text-align:left;*/
}
.kontakt .adresa {
	margin:25px 0 0;
}
.kontakt .adresa p {
	margin:10px 0;
}
.kontakt .adresa h3 {
	margin-bottom:10px;
	padding-top:20px;
}
.sluzby {
/*	width:280px;*/
	margin-left:0;
}
.kontakt .rightbox p,
.sluzby p {
	margin:0;
	padding:0 0 1em 0;
}