@media screen,projection{

/*ZAKLADNI FORMATOVANI*/
body, html		{ font-family: arial, helvetica, sans-serif; font-size: 100%; color:#000000; /*color: #666666;*/ text-align: center; margin: 0; padding: 0; height: 100%; line-height: 120%; background: #ffffff url(../img/layout/background.jpg) top repeat-x;}
body { font-size: 95%;}

h1,h2,h3,h4	{ line-height:120%;}
h1		{ color: #d70029; font-size: 122%;}
h2		{ color: #a1cb11;  font-size: 117%;}
h3		{ color: #f48f33; font-size: 110%;margin-top:1.5em;margin-bottom: 0em;}
h4		{ font-size: 105%;}
h1 a		{ color: #d70029; }
h2 a		{ color: #a1cb11; }
h3 a		{ color: #f48f33; }

ul li span { /*color:#666666;*/ color: #000000;} /*metadata, descriptions*/

ul, ol		{ margin: 0 0 1em 0; padding:0;}
li		{ margin: 0 0 0 1.5em; padding: 0.2em 0 0 0.5em; list-style-type: none;}

li.typ		{list-style-type: circle; color: #a1cb11;}
li.typ span	{color: #000000;}
li.typ-2	{list-style-type: circle; color: #f48f33; margin-left:1em; padding-left:0.2em;}
li.typ-2 h3	{margin:0;}
ol li		{list-style-type: decimal;} /*zapnutí číslovaných odrážek u ol*//**/

dt			{ font-weight: bold;}
.seznam dd	{ display: list-item; list-style: circle;}

a {text-decoration:underline;color: #87a429;}
a:link, a:visited{text-decoration:underline;}
a:hover, #menu .submenu li a:hover {text-decoration:none;}
/*.zen-frg-file { } *//*odkaz na stažení souboru - zatím jako normální odkaz s obr. ze zenu*//**/

/*ROZVRZENI*/
#main		{ width:770px; text-align: center; margin:0 auto; padding:0;}
#main-right	{ background:url(../img/layout/stinright.png) top right repeat-y; padding: 0 8px 0 0;}
#main-left		{ background: url(../img/layout/stinleft.png) top left repeat-y ; padding: 0 0 0 8px;}
#main-box	{ width:100%;text-align: left; position: relative; background: white url(../img/layout/pozadi.png) right top repeat-y;}

/*HEADER*/ /*odstranit potom barvy pozadí*//**/
.home #header {background: #9ACD32 url(../img/layout/uvod-header-dal.jpg) left top repeat-x;height:158px;} /*první stránka*//**/
.home #h-pict {background: url(../img/layout/uvod-header.jpg) right top no-repeat;height:158px;}

#header {height:133px;background:#9ACD32 url(../img/layout/header-dal.gif) left top repeat-x;} /*ostatní stránky*//**/
#h-pict {width:100%; height:133px;top:0; right:0; position:absolute; background: url(../img/layout/header.gif) right top no-repeat;}
#h-pict a {z-index:1;position:absolute;height:70px;top:0;left:0;width:200px;display:block;text-decoration:none;background:url(../img/layout/logo-cdr.gif) top left no-repeat;}
#h-pict-link  {cursor:pointer;}
#header h2 {width:100%;margin:0;padding:0;position:absolute;top:0; right:0;background-image:none;border:none;}
/*#header {visibility:hidden;} /*Pomocny radek*/

/*CONTENT*/
.home #c-block {margin-top:55px; background-image:none; clear:both; padding-top:5px;}
.home #kontakt {background-image:none;}

#content {float:left; width:480px;margin-top:1px;min-height:600px;}
#kontakt {float:right; width: 247px;padding:0;margin:0 6px 0 0;background: #f9f9f9 url(../img/layout/header-spodek-b.gif) top -2px no-repeat;}
#c-block {background: url(../img/layout/header-spodek.gif) right top no-repeat;}
#content div {padding:0 10px; }

/*styl stránky kontaktu*//**/
/*#kontakt address {display:none;} - vypnuto v ZEN*/
#content-contact {width:98%; background:transparent /*url(../img/layout/pulkruh1.gif) bottom right no-repeat*/; margin-bottom:11px; padding:5px 0px 0 10px;}
#content-contact div {padding:0;margin:0;clear:both;}

/*ADDRESS - pravý panel (kontakt)*/
#address {font-style:normal;}
#ul-kontextmenu {margin-top:2em;margin-right:0.5em; width:220px;}
#ul-kontextmenu a, #ul-kontextmenu strong {white-space:nowrap;}
#ul-kontextmenu ul li {list-style-type: circle;color:#87a429; width:180px; }
#ul-kontextmenu li strong, #address strong, #address h2 {font-style:italic;}
#kontakt #address {margin:5px 0 20px 5px;padding:0;width:220px;float:right;color:#000000;font-size: 95%;}
#kontakt #address strong {font-size: 110%;}
#kontakt a, #kontakt h2 {margin-left: 27px;}
#address a, #kontakt li a {margin-left: 0px;}
#ul-kontextmenu li strong {color:#000000; font-style:italic;}
#kontakt h2 {color: #f48f33;margin-top:1.5em;}


/*MENU*/
/*Poznámka - menu nesmí mít padding a margin (u výšky) v relativních hodnotách - pak utíka *//**/
#menu li span {color: #ffffff;} /*ruší barvu pro metadada a descriptions *//**/
#menu .submenu li span {color: #000000;}
#menu ul, #menu ol, #menu li {margin:0;padding:0;list-style-type:none;display:block;float:left;} /*zrušení default nastavení*//**/
#menu h2 {display:none;}

.home #menu, .home #ul-menu, .home #ul-menu.multilevel { top:158px;}

#menu, #ul-menu {width:754px;height:77px;margin:0;padding:0;border:none;font-weight:600;text-align:left;}
#menu { position:absolute; top:59px; left:0;}

#ul-menu { background: #9ACD32 url(../img/layout/menu-775x77.gif) top right no-repeat;}
#ul-menu.multilevel { background: #9ACD32 url(../img/layout/multilevel-775x77.gif) top right no-repeat;} /*musí se jmenovat -> #ul-menu.multilevel, pokud je jen .multilevel, tak se nic neprovede*//**/
.home #ul-menu.multilevel {background: #9ACD32 url(../img/layout/home-multilevel-775x62.gif) top right no-repeat;}

.home #menu, .home #ul-menu {height:62px;}
.home #menu .aktivni .m-i, .home #ul-menu li.sub-aktivni .m-i {padding:5px 5px 7px 5px;height:25px;}
.home #menu li {padding:5px 5px 5px 5px;}

#menu li {height:36px;overflow:hidden; width:99px;}
#ul-menu li {height:36px;}
#ul-menu li.aktivni {height:36px;}
#ul-menu li.ancestor {overflow: visible !important;}
#menu li.ancestor {height:50px;}/*,musí být výška (kvůli Opeře*//**/
.home #menu li.ancestor.aktivni {height:38px;}

#menu li.aktivni, #ul-menu li.sub-aktivni {display:block;background:  url(../img/layout/stinek-stred.png) top right no-repeat;padding:0;margin:0;border:none;}
.home #menu li.aktivni {display:block;background: url(../img/layout/stinek-home.png) top right no-repeat;padding:0;margin:0;border:none;width:100px;}/*stin-stred na str.home*/

#menu .aktivni .m-i, #ul-menu li.sub-aktivni .m-i {background: url(../img/layout/stinek-levy.jpg) top left no-repeat;height:28px;display:block;padding:15px 5px 8px 5px; }
.home #menu .aktivni .m-i, .home #ul-menu li.sub-aktivni .m-i {background: url(../img/layout/stinek-levy-home.jpg) top left no-repeat; }

#menu .submenu .m-i {padding:0;margin:0 0 5px 0;}
#menu .submenu li .m-i, .multilevel .aktivni .submenu li .m-i {padding:0; margin:0; background:transparent none; width:auto;} /*transparent být musí - podmenu má jinak pozadí aktivního menu (stínek-levý)*//**/

#menu .ancestor.aktivni .submenu .m-i {background-image:none;height:18px; margin:0; padding:0;}

.home #menu li {background: url(../img/layout/home-li.jpg) top right no-repeat;}
#menu li {display:block;float:left;color:#ffffff;padding:15px 5px 8px 5px; text-align:center;background: url(../img/layout/li.jpg) top right no-repeat;}

#menu li a {padding:0;color: #ffffff;text-decoration:none;}
#menu li.aktivni.last {background:  url(../img/layout/stinek-stred.png) top right no-repeat;}
#menu li.last {border:none; background-image:none;}

.home #menu .submenu {top:38px;}
#menu .submenu .m-i {height:18px;}
#menu .submenu { position:absolute; top:49px; right:1px; width:754px;height:18px; text-align:center; background: transparent; }
#menu .submenu li { margin:0; padding:0 0 1px 0; color:#000000; font-weight:normal; letter-spacing:0; font-size:90%; background-image: none; width: auto;}
#menu .submenu li a { color: #000000; padding: 0 5px; margin:0;border-right:1px solid #000000; text-decoration: underline;}
#menu .submenu li.aktivni { background:transparent none;} /*transparent být musí - podmenu má jinak pozadí aktivního menu (stínek-stred) *//**/
#menu .submenu li.aktivni strong { border-right:1px solid; padding:0 5px;}
#menu .submenu li.last a, #menu .submenu li.last strong { border:none;}
#menu .submenu li.last.aktivni { width:auto;}

#menu .submenu li strong { font-size: 95%;}
span .m-i .ancestor.sub-aktivni {background-image:none;}

#menu .highlight strong, #menu .highlight a {color: #D70029!important; font-weight: 600;}
/*NAVIGACE*/
#navigace { margin-top: 1em; font-size: 80%}

/*  SITEMAP */
#sitemap {width:460px;}
#content-sitemap h1 {margin-top:0;padding-top:0.5em;}
#content-sitemap {padding:0 0 0 10px;width:460px;}
#sitemap li {list-style-type:  circle; color: #87a429;}
#sitemap  ul li {margin-top:8px;padding-left:0.2em;}
#sitemap  ul li ul li {margin-top:0px;padding-left:0;padding-top:0.2em;}
#sitemap a {border:none;}

/* FOOTER */
#footer { clear:both; background: url(../img/layout/stinrohright1500.png) top right no-repeat; margin-left: 29px; }
#footer-inner { background:url(../img/layout/stinrohleft.png) top left no-repeat; padding-top: 1.5em; text-align: center; margin-left: -29px; }

/*POMOCNE FUNKCE*/
.cistic { clear:both;}
.invisible { position: absolute; left: -1000em; background: #ffffff; padding: 5em;}
.noborder {border:none !important;}
.hide-descriptions .description {display: none;}
#page-url { visibility: hidden;}
.img-thumb {cursor:pointer; border:1px solid #dcedbc; padding:0.1em;}


/*SPANY*/
/*obrazek kruhu*//**/
span#obr {position: absolute; bottom:20px; right:-79px;background:url(../img/layout/obr.png) top right no-repeat;width:170px; height:155px;}

/*logo VCT*/
.home span#logo {position: absolute;top:0; left:0;background:url(../img/layout/logo-cdr.gif) top left no-repeat;width:200px; height:56px;padding:0;}
#logo-text {position: absolute;top:0; left:0; color:#ffffff; background:none;width:100%;}

/*slogan VCT*/
.home span#slogan 	{position: absolute;top:100px; right:3%; font-size: 160%;letter-spacing:0.3em;}
span#slogan 		{position: absolute;top:25px; right:16%;color: #bade64; font-size: 150%;font-weight:600;font-variant:small-caps;letter-spacing:0.1em;}
.amp			{color: #c8f038; font-size: 70%;}
.velke { font-size:160%;}

/*Lang*/
.lang 		{position: absolute;top:5px; right:10px;font-size: 85%;/*visibility:hidden;*/}
span.lang-ver a, span.lang-ver a:visited, span.lang-ver a:active { color: #a1cb11;}

#jazyk { background: transparent url(../img/layout/stin.jpg) bottom left repeat-x; margin: 0.5em 0.4em 0.5em 0.3em; padding: 0.5em 0.5em 0.4em 0.5em; border: 1px solid #e6e6e6; color: #000000; font-style: italic;}

/*#jazyk span {visibility: hidden;}*/

.lul { margin:8px 0; padding:0; display: inline;}
.lang .cs, .lang .de { text-align: center; float: left; display:block; width:20px; height:13px; margin: 2px;padding:0;position:relative;overflow:hidden;}
.lang .cs a, .lang .de a { display: block; width:20px; height:13px;padding:0;font-size:95%;line-height:105%;margin:0; font-weight:600; color:black; vertical-align:top;}

/*.lang .lul .cs a {background: white url(../img/layout/langs/cz.gif) 0 0 no-repeat;}*/
.lang .lul .cs a {background: transparent url(../img/layout/langs/cz-m.gif) 0 0 no-repeat;}
.lang .lul .cs a:hover, .lang .lul .cs a.active {background: transparent url(../img/layout/langs/cz-m.gif) 0 bottom no-repeat; color:black; margin-top:-1px;padding:0 0 1px 0;}

/*.lang .lul .de a {background: white url(../img/layout/langs/de.gif) 0 0 no-repeat;}*/
.lang .lul .de a {background: transparent url(../img/layout/langs/de-m.gif) 0 0 no-repeat;}
.lang .lul .de a:hover, .lang .lul .de a.active {background:transparent url(../img/layout/langs/de-m.gif) 0 bottom no-repeat; color:black; margin-top:-1px;padding:0 0 1px 0;}

.lang .lul .de span {background: transparent url(../img/layout/langs/de-m.gif)  0 bottom  no-repeat;display:block; width:20px; height:13px; overflow:hidden; position:absolute; top:0; right:0;}
.lang .lul .cs span {background: transparent url(../img/layout/langs/cz-m.gif)  0 bottom  no-repeat;display:block; width:20px; height:13px; overflow:hidden; position:absolute; top:0; right:0;}


/*FORMULARE*/
fieldset { border:solid 1px #dcedbc;}
#form fieldset {padding:0 0.5em 0.2em 0; width:90%; } /*#formular-kontakt */
#questionsFRM textarea {width:330px; height: 170px;}
#contactFRM textarea {width:330px; height: 170px;} /*sirka kvuli prohlizeci Opera*/
legend {font-size:120%; font-weight:600; color:#a1cb11;}
fieldset th {text-align:left;}

#formular table tr { height:2em; margin:10px 0; color:#4c4c4c;}
#formular table th { width:100px; padding-left: 0;}
#formular .submit { margin-bottom:8px; margin-left: 95px;}

/*TABULKY*/
table {font-size:100%;border:none;}
td, th {vertical-align:top; }

table.with 				{ border-collapse: collapse; border:1px solid #dcedbc; margin-bottom: 1em; width:460px;}
table.with td, table.with th	{ border-bottom: solid #dcedbc 1px; margin: 0; padding: 0.1em 0.5em;}
table.with th			{ text-align: center; background: #cfcfcf;}
table.with tbody>tr:hover>td, table.with>tr:hover>th { background: #dcedbc;}

/*TABULKY - bez hover*/
.kontakt table {border-top: 1px solid #cfcfcf;padding:5px;width:460px;}
.kontakt .address table { border-top: none;}
/*.kontakt td {width: 270px;}*/
.kontakt th {background:transparent;} /*kvůli IE 5.0*//**/
thead {font-style:italic;text-align: left;}
.kontakt .em { white-space:nowrap;}

/* TABULKA DUVODY*/
.okolo { width: 100%; margin: 0 !important; padding: 0!important; }
.okolo h2 { margin-left: 0; padding-left: 0;}
.okolo1 { width: 50%; float: left; margin: 0 !important; padding: 0!important;}
.okolo2 { width: 45%; float: right; margin: 0; padding: 0; }

.duvody, .news_panel { border: 1px solid #f48f33; background-color: #FFF5E8; /*margin-top: 5em;*/}
.duvody h3, .news_panel h3 { margin:0.5em 0; }
.duvody li, .news_panel li { padding-left:0;}
.duvody li.typ-2, .news_panel li.typ-2  { padding-left:0.5em;}
.news_panel {margin-left: 10px;}
.news_panel .news-item {margin-bottom:10px;}

#formular th {background:transparent;} /*kvůli IE 5.0*//**/

}

.error {
	color: #ff0000;
}

/* kalkulacni formular VCT-CZ styly */
#calc .error {
	color: #ff0000;
	text-align: center;
}
#calc .dateSelects .error {
	margin: 1em 0;
}
.calcNote {
	color: #ff0000;
	text-align: center;
	font-weight: bold;
	font-size: 1.5em;
	margin: 1em 0;
}

table.form-kalkulace {
	font-size: 80%;
}

.kalkul{
	width: 100%;
	padding-left: 10px;
}

.kalkul textarea {
	width: 300px;
	height: 130px;	
}

.kalkul .idle {
	background-color: #f2f2f2
}

/*.kalkul td.padding {
	padding-top: 10px;	
}
*/
input.disabled {
	background-color: #cfcfcf;
}

@media print{

#menu, #text-head-2, #windowopener, #f-menu, #left, #narrowbox, #seq-navigace, #navigace, #footer div.fleft, #footer, #zacatek, #page-url, #ul-kontextmenu { display: none;}

/*#page-url { visibility: visible; display: block; clear: both; font-size: small; margin-top: 10pt;}*/

#content, #main { width: auto; margin: 0; position: static;}

a, h2, h3, h4 { color: #01529e;}

}