@charset "UTF-8";

/* -----------------------------------------------------------------------------
* Zakladni css
------------------------------------------------------------------------------ */

* {
	border: none;
	margin: 0;
	padding: 0;
}

html, body {
	font-family: "Arial CE", Arial, "Geneva CE", Verdana, "Helvetica CE", sans-serif;
	font-size: 12px;
	background-color: #FFF;
	margin: 0;
	padding: 0;
	color: #000;
	height: 100%;
	min-height:100%;
	color: black;
	font-weight: normal;
	font-style: normal;
	line-height: 1.5em;
	text-align: center;
	background: url(../images/line.gif) repeat-x;
	background-color: #FFFED5;
}

h3 {
	font-size: 1.2em;
}

p {
	line-height: 150%;
}

a {
	color: #000;
}

input {
	height: 19px;
	width: 98%;
}

textarea {
	background: #FFF;
	width: 98%;
}

select {
	height: 25px;
	width: 100%;
}

input, select, textarea {
	margin: 3px 0;
	padding: 3px 0px 0px 5px;
	border: 1px solid #CBCBCB;
	font-family: "Arial CE", Arial, "Geneva CE", Verdana, "Helvetica CE", sans-serif;
	font-size: 1em;
}

textarea {
	overflow: auto;
}

input.nowidth {
	width: 19px;
	height: 19px;
	margin-bottom: 3px;
	padding: 0;
	vertical-align: middle;
}

label {
	font-weight: bold;
}

table {
	border: 1px solid #CCC;
	background-color: #FFC;
	width: 100%;
}

td {
	padding: 10px;
	vertical-align: top;
	width: 33%;
}

a:active {
	outline: none;
}

a:focus {
	-moz-outline-style: none;
}

a:hover {
	color: #333;
}

h2, h3 {
	margin: 1ex 0;
}

/*-----------------------------------------------------------------------------
* Hlavni struktura stranky
------------------------------------------------------------------------------ */

#wrapper {
	height: auto !important;
	height: 100%;
	min-height:100%;
	margin: 0 auto -100px; /* stejna hodnota jako footer */
	width: 900px; /* sirka stranky */
	text-align: left;
}

#header {
	height: 60px;
	background-color: #FFF;
}

#footer, #push {
	height: 100px;
}

#footer a {
	color:#999;
}

#footer img {
	margin: 0 7px;
}

#footer p {
	color:#999;
	padding-top: 70px;
}

#content .leftbar {
	float:left;
	width: 320px;
}

#content .middlebar {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 340px;
	margin-right: 230px;
}

#content .rightbar {
	float:right;
	width: 200px;
}

#content .rightbar p {
	margin-bottom: 7px;
}

#content .cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0;
	padding:0;
	background:transparent;
}

#content .seminar, #content .seminar_noline {
	margin-bottom: 7px;
	padding-bottom: 7px;
	padding-left: 80px;
	position: relative;
	list-style: none;
}

#content .seminar {
	border-bottom: 1px dotted #CCC;
}

#semi a {
	color: #000;
}

#semi div {
	max-width: 550px; /* maximalni delka nazvu */
}

#content .seminar span.day, #content .seminar_noline span.day {
	/* left: 0px; */
	width: 70px;
	margin-left: -80px;
	text-align: right;
	position: absolute;
}

#content .seminar span.vkraji, #content .seminar_noline span.vkraji {
	left: 700px;
	position: absolute;
}

.redbox {
	
	position: relative;
}


/* ---- Novinky ---- */

div#content .novinka {
	position: relative;
}

.novinka h2 {
	font-size: 20px;
	background: url( ../images/news.gif) 0 0 no-repeat;
	padding-left: 25px;
	height: 25px;
}

.novinka h2 span {
	margin-right: 10px;
	padding: 3px 10px;
	background-color: #666;
	color: #FFF;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
}

.novinka ul {
	margin-left: 30px;
}


/*
#mainfoto {
	background: url(../images/test.gif) 0 0 no-repeat;
	height: 200px;
	width: 100%;
	display: block;
}
*/

#mainfoto {
	background: url(../images/test5.jpg) 0 0 no-repeat;
	height: 119px;
	width: 100%;
	display: block;
}

.title {
	margin-bottom: 10px;
}

label.error {
	font-style: normal;
	color: #000;
	font-weight: normal;
	/* background: url(../images/arrow.gif) 0 0 no-repeat; */
}

div#messageBox {
	padding: 5px 12px 10px 12px;
	background-color: #ff9999;
	margin-bottom: 5px;
	display: none;
	border: 1px solid lightgrey;
}

ul.podminky {
	margin-left: 25px;
	list-style-type: none;
}

ul.podminky li {
	position: relative;
}

ul.podminky li span {
	left: -15px;
	top: -1px;
	position: absolute;
}

.button {
	height: 30px;
	padding: 0;
	margin-top: 20px;
	border: none;
	width: 92px;
	margin-left:auto; /* center na stred bloku */
	margin-right:auto;
	display:block;
}

.buttonreg {
	height: 31px;
	padding: 0;
	margin-top: 20px;
	border: none;
	width: 106px;
	margin-left:auto; /* center na stred bloku */
	margin-right:auto;
	display:block;
}

.button_hlasovat {
	height: 31px;
	padding: 0;
	margin-top: 20px;
	border: none;
	width: 93px;
	margin-left:auto; /* center na stred bloku */
	margin-right:auto;
	display:block;
}

.beginline {
	border-bottom: 3px solid #AA1E22;
	color: #000;
	margin-bottom: 5px;
	height: 20px;
	font-weight: bold;
	font-size: 1.1em;
	position: relative;
}

.beginline span.temaseminare {
	position: absolute;
	left: 80px;
	top: 0px;
}

.beginline span.vkraji {
	position: absolute;
	left: 700px;
	top: 0px;
}

.beginline span.date {
	padding-left: 10px;
}

#select {
	position: relative;
	height: 30px;
	margin: 10px 0;
}

#select .date {
	position: absolute;
	left: 0px;
	width: 75px;
}

#select .tema {
	position:absolute;
	left: 80px;
	width: 615px;
}

#select .kraj {
	position: absolute;
	left:700px;
	width: 150px;
}

#select .abutton {
	position: absolute;
	left:855px;
	height: 26px;
	width: 42px;
	padding: 0;
	border: none;
	display:block;
}

#azpromo {
	padding-top: 15px;
}

img#azpromo {
	
	margin-left: auto;
	margin-right: auto;
}

.radio fieldset {
	border-top: 1px solid #CBCBCB;
	margin-top: 10px;
	padding-top: 10px;
}

.radio input {
	width: 20px;
	border: none;
	height: 12px;
	float: left;
	clear: both;
}

.radio label {
	font-weight: normal;
	font-style: italic;
	float: left;
	margin-left: 5px;
	width: 250px;
	margin-bottom: 5px;
}

.warning {
	background: url(../images/title_zmena.gif) 0 0 no-repeat;
	width: 76px;
	height: 18px;
}

.warningFull {
	background: url(../images/title_obsazeno.gif) 0 0 no-repeat;
	width: 95px;
	height: 18px;
}


img.newsimg {
	
	margin-right: 3px;
}

.imgright {
	float: right;
}

.imgleft {
	float: left;
}

/*-----------------------------------------------------------------------------
* Co nabizime – advertisement
------------------------------------------------------------------------------ */

#advertisement {
	background-color: #666;
	width: 100%;
	height: 130px;
	display: block;
	margin-bottom: 10px;
	/*	background: url(../images/advertisement_bg.gif) 0 0;
*/	padding: 10px 0;
	position: relative;
}

#advertisement p {
	position: absolute;
	text-align: justify;
	display: block;
	padding: 10px;
	left: 350px;
	width: 520px;
	top: 0;
	color: #CCC;
	line-height: 1.2em;/*	border-bottom: 1px dotted; */
}

#advertisement .item1 {
	width: 210px;
	margin-left: 15px;
	background: url(../images/titleb_odbornesem.gif) no-repeat;
}

#advertisement .item2 {
	width: 300px;
	margin-left: 15px;
	background: url(../images/titleb_prakticke.gif) no-repeat;
}

#advertisement .item3 {
	width: 295px;
	margin-left: 15px;
	background: url(../images/titleb_komunikace.gif) no-repeat;
}

#advertisement .item4 {
	width: 95px;
	margin-left: 15px;
	background: url(../images/titleb_firemni.gif) no-repeat;
}

#advertisement .uvod {
	width: 175px;
	height: 35px;
	margin-left: 15px;
	margin-top: 5px;
	display: block;
	position: relative;
	background: url(../images/titleb_organizace.gif) no-repeat;
}

#advertisement .item5 {
	position: absolute;
	top: 12px;
	left: 0px;
	width: 110px;
	background: url(../images/titleb_otevreny.gif) no-repeat;
}

#advertisement .item6 {
	position: absolute;
	top: 12px;
	left: 130px;
	width: 95px;
	background: url(../images/titleb_firemnik.gif) no-repeat;
}

#advertisement .mdash {
	width: 11px;
	height: 2px;
	top: 24px;
	left: 112px;
	display: block;
	position: absolute;
	background: url(../images/mdash.gif) no-repeat;
}

#advertisement span {
	display: none;
}

#advertisement a {
	height: 18px;
	display: block;
}

#advertisement a:hover, #advertisement #selected {
	background-position: bottom left;
}

/*-----------------------------------------------------------------------------
* Hlavni menu stranky
------------------------------------------------------------------------------ */

ul#menu {
	position: absolute;
	top: 13px;
	list-style: none;
	height: 36px;
	width: 575px;
	
	left: 50%;
	margin-left: -10px;
/*	border: 1px solid;*/
}

ul#menu li {
	float: left;
	display: inline;
	height: 36px;
	margin: 0 1px;
}

ul#menu li a {
	display: block;
	height: 36px;
	text-indent: -999em; /* skryti textu */
	padding: 0;
}

ul#menu li span {
	top: 20px;
	display: block;
	text-align: center;
	color: #666;
	visibility: hidden;
}

ul#menu li.uvod a {
	background: url(../images/mn_home.gif) 0 0 no-repeat;
}

ul#menu li.uvod a, ul#menu li.uvod span {
	width: 63px;
}

ul#menu li.ospolecnosti a {
	background: url(../images/mn_ospolecnosti.gif) 0 0 no-repeat;
}

ul#menu li.ospolecnosti a, ul#menu li.ospolecnosti span {
	width: 128px;
}

ul#menu li.nabidka a {
	background: url(../images/mn_seminare.gif) 0 0 no-repeat;
}

ul#menu li.nabidka a, ul#menu li.nabidka span {
	width: 91px;
}

ul#menu li.zeseminaru a {
	background: url(../images/mn_reference.gif) 0 0 no-repeat;
}

ul#menu li.zeseminaru a, ul#menu li.zeseminaru span {
	width: 99px;
}

ul#menu li.novinky a {
	background: url(../images/mn_aktuality.gif) 0 0 no-repeat;
	width: 95px;
}

ul#menu li.kontakt a {
	background: url(../images/mn_kontakt.gif) 0 0 no-repeat;
	width: 84px;
}

ul#menu li.partneri a {
	background: url(../images/mn_partneri.gif) 0 0 no-repeat;
	width: 86px;
}

ul#menu li.uvod a:hover, ul#menu li.ospolecnosti a:hover, ul#menu li.nabidka a:hover, ul#menu li.zeseminaru a:hover, ul#menu li.kontakt a:hover, ul#menu li.novinky a:hover, ul#menu li.partneri a:hover  {
	background-position: bottom left;
}

ul#menu li#selected a { /* aktualne vybrana stranka */
	background-position: bottom left;
}

ul#menu li#selected span {
	visibility: visible;
	color:#000;
}

/*-----------------------------------------------------------------------------
* Fotoalbum
------------------------------------------------------------------------------ */

#fotoalbum {
	position: relative;
	font-size: 90%;
	margin-left: 15px;
	height: 100%;
}

#fotoalbum  div.foto {
	padding-top: 7px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 30px;
	background-color: #FFF;
	border: solid 1px #AAA;
	width: 120px;
	height:120px;
	position: relative;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-top: 10px;
	float: left;	
}

#fotoalbum .foto p {
	position:absolute;
	top:130px;
	left: 7px;
}

#fotoalbum a {
	cursor: pointer;
}

/*-----------------------------------------------------------------------------
* Welcome banner
------------------------------------------------------------------------------ */

div#welcomebanner {
	
	display: block;
	width: 100%;
	height: 130px;
	position: relative;
	background-color: #7B7B7B;
	margin-bottom: 10px;
}

#welcomebanner p {
	padding: 15px;
	text-align: justify;
	color: #FFF;
	line-height: 1.1em;
}

/*-----------------------------------------------------------------------------
* Logos styles
------------------------------------------------------------------------------ */


ul#logoSec li {
	
	display: block;	
	text-align: left;
	list-style:none;
	padding-top: 2px;
/* 	border: 1px solid green; */
}

ul#logoSec li a {
	
	font-weight: bold;
}

#tzbinfoLogo, #estavLogo, #drevostavLogo, #jagaLogo, #eraLogo, #stavebniserverLogo {

	display:  block;
	width: 100px;
	float: left;
	margin-right: 20px;
	text-indent: -99999px; 
	overflow: hidden
}

li#tzbinfo { height: 73px; }
#tzbinfoLogo {

	height: 36px;
	background: url(../images/partneri/tzbinfo.gif) 0 0 no-repeat;
}

li#stavebniserver { height: 70px; }
#stavebniserver {

	height: 16px;
	background: url(../images/partneri/stavebniserver.gif) 0 0 no-repeat;
}

li#estav { height: 60px; }
#estavLogo {

	height: 27px;
	background: url(../images/partneri/estav.gif) 0 0 no-repeat;
}

li#drevostav { height: 153px; }
#drevostavLogo {

	height: 97px;
	background: url(../images/partneri/drevostav.gif) 0 0 no-repeat;
}

li#jaga { height: 134px; }
#jagaLogo {
	
	height: 96px;
	background: url(../images/partneri/jaga.gif) 0 0 no-repeat;
}

li#era { height: 88px; }
#eraLogo {
	
	height: 48px;
	background: url(../images/partneri/era.gif) 0 0 no-repeat;
}

li#atemi {

	height: 78px;
 	padding-left: 120px;
}

li#mise {

	height: 78px;
	padding-left: 120px;
}

li#knauf {

	padding-left: 180px;
	height: 153px;
	background: url(../images/knauf_small.gif) 0 0 no-repeat;

}

/*-----------------------------------------------------------------------------
* Miscelaneous styles
------------------------------------------------------------------------------ */

.hidden {
	visibility: hidden;
}

#doprava_z {
	visibility: hidden;
}

span.varSymbol {
	font-size: 1.5em;
	padding: 0 3px;
	background-color: #000;
	color: #FFF;
}

p.klienti {
	float: left;
	width: 300px;
}

.clear {
	clear: both;
}

div.video {
	padding-top: 7px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 30px;
	background-color: #FFF;
	border: solid 1px #AAA;
	width: 400px;
	height: 320px;
	margin: 10px;
	float: none;	
}

.right {
	
	position: absolute;
	right: 0px;
	top: 0px;
}

ul.classic {
	padding-left: 30px;
	margin: 5px;
}

ul.classic li {
	
	text-align: left;
	list-style-type: square;
}

ul.classic li a {
	
	font-weight: bold;
}