@charset "utf-8";
/* 	
	Jiri Soman
	_______________________________________________

	Date of birth: 		20.02.2009, 15:12 p.m.
	Fathers name: 		Vizus
	Identity:			http://www.vizus.cz
*/

/*
	Reset styles - Default styles -----------------
	_______________________________________________
*/

html, body { height: 100%; margin: 0px; padding: 0px;}

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #373535;
	text-align:  center;
	
	background: url(backbody.png) top center repeat-y;
}

body.green, body.blue { background: none;}

body.editor div.spacer
{
	height: 5px;
	width: 500px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	background: url(/res/spacer.png) left top no-repeat;
	clear: both;
}

.img-no-border, a.img-no-border, a:hover.img-no-border, a:visited.img-no-border
{
	border: none;
}

H1, H2, H3, H4, H5, H6 {
	margin: 7px 0px 0px 0px;
	color:#000000;
	font-weight: bold;
}

H1 { font-size: 18px; color: #666666; line-height: 24px; text-transform: uppercase;}
H2 { font-size: 16px; line-height: 20px;}
H3 { font-size: 12px;}
H4 { font-size: 11px;}
H5 { font-size: 11px;}
H6 { font-size: 11px;}

p { margin: 5px 0px 15px 0px;}

a
{
	color: #666666;
	border-bottom: #666666 dashed 1px;
}

a img { border: 0px;}

a:link,
a:visited
{
	text-decoration: none;
}

a:hover
{
	color: #000000;
	border-bottom: #000000 solid 1px; 
}

ul
{
	margin: 0px;
	padding: 0px;
	padding-left: 15px;
}

ul li
{
	margin-bottom: 2px;
	margin-top: 1px;
}

/* tables */
table
{
	margin: 5px 0px 10px 0px;
}

table.standard
{
	border: 1px solid #130500;
	border-right: none;
	border-bottom: none;
}

table.colored
{
	border: 1px solid #130500;
	border-right: none;
	border-bottom: none;
	background: #e0a563;
}

table.standard th
{
	font-weight: bold;
	background: none;
	text-align: left;
}

table.standard th,
table.standard td 
{
	border-right: 1px solid #130500;
	border-bottom: 1px solid #130500;
}

table.colored th,
table.colored td
{
	border-right: 1px solid #130500;
	border-bottom: 1px solid #130500;
}

table.colored th
{
	background-color: #4a0300;
	color: #f4c688;
	font-weight: bold;
}

table.standard th,
table.standard td,
table.colored th,
table.colored td
{
	padding: 5px;
}

/*
	Default classes -------------------------------
	_______________________________________________
*/

.clear
{
	clear: both;
	width: auto;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}

.imgL
{
	float: left;
	margin: 0px 20px 20px 0px;
}

.imgR
{
	float: right;
	margin: 0px 0px 20px 20px;
}

.hidden { display: none;}



/* inputs and labels */

.captcha { width: 270px; padding: 10px 0px;}
.captcha-image { float: left; margin-right: 5px;}
.captcha-number { width: 85px;}



/*
	layout ----------------------------------------
	_______________________________________________
*/

.main
{
	position: relative;
	height: 100%;
	width: 970px;
	
	margin-left: auto;
	margin-right: auto;
	
	text-align: left;
}

.container
{
	position: relative;
	float: left;
	height: auto;
	width: 876px; /* 920px */
	
	padding: 20px 0px 0px 50px; 
	
	border: #019e47 solid 22px;
	border-top: 0px;
}

body.blue .container
{
	border: #4dc4cf solid 22px;
	border-top: 0px;
}

.date-main
{
	position: absolute;
	top: 15px;
	right: 40px;
	height: 45px;
	width: 152px;
}

.logo-small
{
	position: absolute;
	top: 50px;
	left: 125px;
	height: 35px;
	width: 63px;
}


/*  header --------------------------------------- */

.header-en, .header-cs
{
	float: left;
	height: 180px;
	width: 970px;
}

.header-en object, .header-cs object
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

.en .header-en {display: block;}

.en .header-cs {display: none;}

.cs .header-cs {display: block;}

.cs .header-en {display: none;}

/*  content ------------------------------------------ */

/* ruler, flash  */


.ruler
{
	float: left;
	
	bottom: 0px;
	left: 0px;
	
	height: 100%;
	width: 100px;
}


.fix
{
	position: fixed;
	z-index: 5;
	bottom: 0px;
	
	margin: 0px;
}

/* horizontal navigation */
.nav,
.nav ul
{
	float: left;
	height: 30px;
	width: 970px;
}

body.green .nav,
body.blue .nav
{
	width: 870px;
}

.nav ul
{
	overflow: hidden;
	width: 470px;
	list-style-type: none;
	
	margin: 0px;
	padding: 0px;
	margin-left: 274px;
}

body.green .nav ul,
body.blue .nav ul
{
	margin-left: 174px;
}

.nav ul li,
.nav ul li a
{
	position: relative;
	list-style-type: none;
	float: left;
	height: 30px;
	line-height: 30px;
	
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
	color: #000;
	
	padding: 0px;
	margin: 0px;
	
	border: 0px;
}

.nav ul li { margin: 0px 3px;}
.nav ul li a { padding: 0px 10px;}

.nav ul li a span
{
	height: 30px;
	width: 4px;
}

.nav ul li a span.a { position: absolute; top: 0px; left: 0px;}
.nav ul li a span.b { position: absolute; top: 0px; right: 0px;}

.nav ul li a { background: url(menu-border-top.png) top repeat-x; border: 0px;}
.nav ul li a:hover, .nav ul li a.active { background: none;}
.nav ul li a span.a { background: url(menu-border-left.png) top left no-repeat;}
.nav ul li a:hover span.a, .nav ul li a.active span.a { background: none;}
.nav ul li a span.b { background: url(menu-border-right.png) top right no-repeat;}
.nav ul li a:hover span.b, .nav ul li a.active span.b { background: none;}

body.blue .nav ul li a { background: url(menu-border-blue-top.png) top repeat-x;}
body.blue .nav ul li a:hover, body.blue .nav ul li a.active { background: none;}
body.blue .nav ul li a span.a { background: url(menu-border-blue-left.png) top left no-repeat;}
body.blue .nav ul li a:hover span.a, body.blue .nav ul li a.active span.a { background: none;}
body.blue .nav ul li a span.b { background: url(menu-border-blue-right.png) top right no-repeat;}
body.blue .nav ul li a:hover span.b, body.blue .nav ul li a.active span.b { background: none;}

body.green .nav ul li a { background: url(menu-border-green-top.png) top repeat-x;}
body.green .nav ul li a:hover, body.green .nav ul li a.active { background: none;}
body.green .nav ul li a span.a { background: url(menu-border-green-left.png) top left no-repeat;}
body.green .nav ul li a:hover span.a, body.green .nav ul li a.active span.a { background: none;}
body.green .nav ul li a span.b { background: url(menu-border-green-right.png) top right no-repeat;}
body.green .nav ul li a:hover span.b, body.green .nav ul li a.active span.b { background: none;}

/* col left - menu  */
.col-left
{
	float: left;
	height: auto;
	width: 160px;
	
	margin-top: 10px;
}

.langmenu,
.search,
.menu,
.sitemap,
.pixels
{
	float: left;
	height: auto;
	width: 160px;
	
	margin-bottom: 10px;
}

.sitemap { margin: 45px 0px;}

.langmenu
{
	margin-bottom: 0px;
}

.langmenu ul
{
	padding: 0px;
	margin: 12px 0px 0px 0px;

	list-style-type: none;
}

.langmenu ul li a
{
	font-size: 10px;
	font-weight: bold;
	
	text-decoration: none;	
	border: 0;
}

.search
{
	margin-top: 5px;
	margin-bottom: 15px;
}

.search input.text
{
	height: 12px;	/* puvodne 19px - zmena kvuli padding */
	width: 136px;   /* puvodne 160px - zmena kvuli padding */
	
	padding: 4px 20px 4px 4px;
	
	font-size: 9px;
	
	border: 0px;
	background: url(search.png) left no-repeat;
}

body.green .search input.text, body.blue .search input.text { background: url(search2.png) left no-repeat; }

.search input.submit
{
	float: right;
	padding-left: 15px;
	margin-right: 10px;
	
	font-size: 9px;
	font-weight: normal;

	border: 0px;
	background: url(arrow-right-red.png) left no-repeat;
	cursor: pointer;
}

.search input.submit:hover
{
	padding-left: 12px;
}


.menu ul
{
	padding: 0px;
	margin: 0px;
	
	line-height: 16px; /* nemusi fungovat v jinych prohlizecich */
	&line-height: 16px;
	
	list-style-type: none;
}

.menu ul li a
{
	padding: 0px;
	padding-right: 15px;
	margin: 0px;

	font-size: 18px;
	
	font-weight: bold;
	color: #666666;
	
	border: 0px;
	text-decoration: none;
	text-transform: uppercase;
}

.menu ul li a.one
{
	color: #000000;
}

.menu ul li a:hover
{
	border: 0px;
	background: url(arrow-left.png) right no-repeat;
}

.menu ul li a.active
{
	border: 0px;
	background: url(arrow-left.png) right no-repeat;
}

.menu ul li ul
{
	margin: 10px 0px;
}

.menu ul li ul li a
{
	display: block;
	padding: 0px;
	padding-left: 15px;

	font-size: 14px;
}

* html .menu ul li ul li a
{
	height: 15px;
}

.menu ul li ul li a:hover
{
	background: url(arrow-right.png) left 3px no-repeat;
	color: #000000;
}

.menu ul li ul li a.active
{
	background: url(arrow-right.png) left 3px no-repeat;
	color: #000000;
}

.menu ul li ul li ul
{
	margin: 4px 0px 8px 15px;
}

.menu ul li ul li ul li a
{
	font-size: 11px;
	line-height: 11px;
	font-weight: normal;
	
	background: url(dash.png) left 3px no-repeat;
}

.sitemap ul
{
	padding: 0px;
	margin: 0px;
	
	line-height: 11px;

	list-style-type: none;
}

.sitemap ul li a
{
	color: #000000;
	text-decoration: none;
	border: 0;
}

.sitemap ul li a:hover
{
	text-decoration: underline;
	border: 0px;
}

.pixels
{
	margin-top: 20px;
}
.loga
{
	float: left;
	height: auto;
	width: 160px;
	text-align: left;
	
	margin: 10px 0px;
}

.loga a { border: 0px;}

/* col middle */
.col-middle
{
	float: left;
	overflow: hidden;
	height: auto;
	width: 500px;
}

.border-top
{
	float: left;
	height: 8px;
	width: 500px;
	background: url(border-dashed-top.png) top left no-repeat;
}

body.green .border-top { background: url(border-dashed-green-top.png) top left no-repeat;}
body.blue .border-top { background: url(border-dashed-blue-top.png) top left no-repeat;}

.border-content
{
	float: left;
	min-height: 450px;
	width: 460px; /* puvodne 500px */
	
	padding: 0px 20px;
	
	background: url(border-dashed-content.png) top left repeat-y;
}

body.green .border-content { background: url(border-dashed-green-content.png) top left repeat-y;}
body.blue .border-content { background: url(border-dashed-blue-content.png) top left repeat-y;}

* html .border-content
{
	height: 450px;
}

* html .border-content p
{
}

.border-bottom
{
	float: left;
	height: 13px;
	width: 500px;
	background: url(border-dashed-bottom.png) top left no-repeat;
}

body.green .border-bottom { background: url(border-dashed-green-bottom.png) top left no-repeat;}
body.blue .border-bottom { background: url(border-dashed-blue-bottom.png) top left no-repeat;}


.col-middle .spacer 
{
	height: 5px;
	width: 500px;

	padding: 0px;
	margin: 0px 0px 0px -20px;
	
	background: url(spacer.png) left top no-repeat;
}

.col-middle HR 
{
	height: 5px;
	width: 500px;

	padding: 0px;
	margin: 0px 0px 0px -20px;
	
	border: 0px; 
	
	background: #FFFFFF url(spacer.png) left top no-repeat;
}

* html .col-middle .spacer
{
}


.col-middle ul
{
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	list-style-type: none;
}

.col-middle ul li
{
	margin: 0px;
	padding-left: 8px;
	background: url(dot-var-2.png) left 6px no-repeat;
}

.col-middle ul li ul
{
	margin: 3px 0px 5px 0px;
}

.smartnav 
{
	float: left;
	height: auto;
	width: 460px;
	
	margin-bottom: 10px;
	
}

.smartnav ul
{
	text-decoration: none;
	padding: 0px;
	color: #000000;
}

.smartnav ul li
{
	float: left;
	padding: 0px;
	padding-bottom: 1px; /* hack kvuli IE */
	
	background: none;
}

.images
{
	padding-top: 10px;
}

.images img
{
	padding-right:3px;
}
.images p
{
	font-size: 10px;
	color: #666666;
	padding-right:3px;
}

/* novinky */
.item,
.item .perex,
.item .content
{
	float: left;
	height: auto;
	width: 100%;
}

.item span.day-month, .item span.year, .item span.date { color:#000; font-weight: bold; font-size: 12px;}

.item h1.news,
.item h2.news,
.item h3.news,
.item h4.news,
.item h5.news
{
	display: inline;
	font-size: 12px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 14px;
	font-weight: bold;
}

.item .perex img
{
	float: left;
	margin: 8px 5px 5px 0px;
}

.item .content .m0
{
	float: left;
	height: auto;
	width: 100%;
}

.item .content .m0 td.label
{
	width: 120px;
}

.item .content .m0 input
{
	float: left;
}


/* col right */
.col-right
{
	float: right;
	height: auto;
	width: 210px;
	
	margin-top: 25px;
}

.col-right .spacer
{
	height: 5px;
	width: 210px;

	padding: 0px;
	margin: 20px 0px 10px 0px;
	
	background: url(spacer-small.png) left top no-repeat;
}

.box
{
	height: auto;
	width: 150px;
	padding: 0px 40px 0px 20px;
	
	color: #333333;
}

* html .box
{
	width: 150px;
	padding: 0px 30px 0px 20px;
}

.box .label H1,
.box .label H2,
.box .label H3,
.box .label H4,
.box .label H5,
.box .label H5
{
	margin: 0px;
	padding: 0px;
	
	font-size: 18px;
	line-height: 18px;
	text-transform: uppercase;
	
	color: #666666;
}

.box ul
{
	padding: 10px 0px;
	list-style-type: none;
}

.box ul li
{
	margin: 0px;
	padding-left: 5px;
	background: url(dot-var-1.png) left 9px no-repeat;
}

.box ul li.news
{
	margin-bottom: 5px;
}

.box ul li ul
{
	padding: 4px 5px 8px 5px;
	margin: 0px;
}


.small-flash
{
	float: left;
	height: auto;
	width: 210px;
	text-align: left;
	
	margin: 40px 0px 10px 0px;
}

.col-right .loga
{
	float: left;
	height: auto;
	width: 150px;
	text-align: left;
	
	padding: 0px 40px 0px 20px;
	margin: 20px 0px 10px 0px;
}

* html .col-right .loga
{
	width: 150px;
	padding: 0px 30px 0px 20px;
}

.loga a { border: 0px;}


/* sitemap */

/* MMMMMMMMMM Gallery! */
.gallery-item,
.gallery-item .label,
.gallery-item .img,
.photo-item
{
	overflow: hidden;
	float: left;
	height: 82px;
	width: 104px;
}
.glist.gallery-item,
.glist.gallery-item .label
{
	width: 100%;
}
.glist.gallery-item .label
{
	width: 346px;
	float: right;
	margin-top: -5px;	
}

.gallery-item,
.photo-item
{
	margin-right: 11px;
	margin-bottom: 11px;
}

.gallery-item.last,
.photo-item.last
{
	margin: 0px;
}

.gallery-item a,
.photo-item a
{
	 border: 0px;
}


/*  footer ------------------------------------------ */

.footer
{
	float: left;
	height: auto;
	width: 500px;
	padding-top: 5px;
	
	text-align: center; 
}

/*
	all -------------------------------------------
	_______________________________________________
*/

.h10 { height: 10px;}
.h30 { height: 30px;}
.h60 { height: 60px;}
.h75 { height: 75px;}
.h90 { height: 90px;}


/* PETR */

a img
{
	border: 0px !important;
}


a.no-underline, a.link.no-underline, a.hover.no-underline, a.visited.no-underline
{
	text-decoration: none;
	border: 0;
}

div.slide-arr
{
	float: left;
	width: 20px;
}

div.slide-desc
{
	float: right;
	width: 120px;
	overflow: hidden;
}

p.slide-img
{
	height: 105px;
	margin: 0;
}

p.slide-img a,
p.slide-img a.link,
p.slide-img a.hover,
p.slide-img a.visited,
div.gallery a,
div.gallery a.link,
div.gallery a.hover,
div.gallery a.visited
{
	text-decoration: none;
	border: 0;
}


/* fotogalerie vypis */

div.gallery div.item {
	margin-bottom: 20px;
}

* html div.gallery div.item {
	margin-bottom: 0px;
}

div.gallery div.item div.preview-image {
	float: left;
	width: 140px;
}

div.gallery div.item div.preview-image p span {
	width: 140px;
	height: 90px;
	overflow: hidden;
	display: block;
}

div.gallery div.item div.preview-text {
	float: right;
	width: 300px;
}

/* strankovani vypisu fotogalerii */

div.gallery div.paging h3 {
	font-size: 1em;
	font-weight: normal;
	color: #000000;
	float: left;
	margin-right: 5px;
}

div.gallery div.paging ul {
	margin: 0em;
	padding: 0em;
}

div.gallery div.paging ul li {
	list-style-type: none;
	list-style-image: none;
	float: left;
	padding-right: 5px;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}

div.gallery div.paging ul li a, div.gallery div.paging ul li a:link {
	color: #000000;
	text-decoration: none;
}

div.gallery div.paging ul li a:hover {
	font-weight: bold;
	text-decoration: none;
}

/* fotogalerie detail */

div.gallery.detail table td {
	vertical-align: top;
	align: left;
	width: 220px;
}

div.gallery.detail table td p span {
	width: 200px;
	height: 150px;
	overflow: hidden;
	display: block;
	margin-bottom: -14px;
}

/* slideshow */

div.slideshow h2, div.slideshow div.controls h3 {
	position: absolute;
	left: -10000px;
}

div.item div.controls {
	float: left;
	width: 30%;
}

div.item div.controls ul {
	margin: 0em;
	padding: 0em;
}

div.item div.controls ul li {
	list-style-type: none;
	list-style-image: none;
	float: left;
	width: 7px;
	height: 9px;
	overflow: hidden;
	position: relative;
}

div.item div.controls ul li.previous {
	margin-right: 5px;
}

div.item div.controls ul li a span, div.item div.controls ul li a:link span {
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
	width: 7px;
	height: 9px;
}

* html div.item div.controls ul li a span, div.item div.controls ul li a:link span {
	cursor: pointer;
}

div.item div.controls ul li.previous a span, div.item div.controls ul li.previous a:link span {
	background-image: url(arrow-previous.gif);
}

div.item div.controls ul li.next a span, div.item div.controls ul li.next a:link span {
	background-image: url(arrow-next.gif);
}

div.item div.description {
	float: right;
	width: 60%;
	text-align: right;
}

div.item div.description p {
	magin: 0px;
	padding: 0px;
	font-size: 0.8em;
	line-height: 9px;
}

/* skryvaci text */
.collapsable-text .more { 
	font-style: italic;
	cursor: pointer;
}

body.editor .collapsable-inner-text { color: #666666; }

.collapsable-inner-text { display: none; }