/*
TODO: neco provest s patickou
*/ 
.refEdit{display: block; float: right; margin-top: 3px; padding: 5px; background: #954545; color: white; text-decoration: none; }
.refContent{display: table; _height: 180px; _position: relative; }
.refText {width: 400px; margin-left: 20px; _margin-left: 0; float: right; overflow: hidden; }
.noRefImg .refText{width: auto; float: none; overflow: visible; margin: 0}
.noRefImg{_height: auto !important}
.refNadFoto{display: table-cell; _position: absolute; _top: 50%; &float: left; _float: none;  width: 100px; overflow: visible !important; vertical-align: middle;text-align: left;}
.refPodFoto {position: relative; _left: 0; _top: -50%; width: 200px; overflow: hidden}
.refClear{clear: both; margin-top: 15px; border-bottom: dotted 1px #AAA}
.refSmImg{padding: 5px}



h3{color: #954545 }

h2.txt{padding: 0 0 0 20px; margin: 0; font-size: 1.5em; font-weight: normal}
.o-nas, .reference, .typove-projekty, .prodej-materialu, .poptavka, .hledate-praci, .kontakty{display: block; text-align: left; width: 500px; height: 25px; margin: 0 0 10px 20px !important; background: no-repeat 0% 100%; _background-image: none !important}
#obsah .txt span {position: relative; bottom: 50px;}

.o-nas {background-image: url('/etc/images/headers/o-nas.png');  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='/etc/images/headers/o-nas.png');}
.reference {background-image: url('/etc/images/headers/reference.png');  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='/etc/images/headers/reference.png');}
.typove-projekty{background-image: url('/etc/images/headers/typove-projekty.png');  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='/etc/images/headers/typove-projekty.png');}
.prodej-materialu{background-image: url('/etc/images/headers/prodej-materialu.png');  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='/etc/images/headers/prodej-materialu.png');}
.poptavka{background-image: url('/etc/images/headers/poptavka.png');  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='/etc/images/headers/poptavka.png');}
.hledate-praci{background-image: url('/etc/images/headers/hledate-praci.png');  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='/etc/images/headers/hledate-praci.png');}
.kontakty{background-image: url('/etc/images/headers/kontakt.png');  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='/etc/images/headers/kontakt.png');}
/*
/*h2{padding: 0 0 0 15px; margin: 0px 0 15px !important; border-bottom: 1px dashed #595858}

*/
/*
.box h2{padding: 0 0 20px 8px; margin: 0px 0 0 -10px; font-size: 38px; text-transform: uppercase; font-family: Palatino; font-weight: normal; letter-spacing: 1px}
h2 a{color: #891d1d; text-decoration: none; font-family: Verdana; text-transform: uppercase; }
*/
/*

.o-nas span{background: no-repeat url('/etc/images/headers/t_o-nas.gif')}
.reference span{background: no-repeat url('/etc/images/headers/t_reference.gif')}
.typove-projekty span{background: no-repeat url('/etc/images/headers/t_typove-projekty.gif')}
.prodej-materialu span{background: no-repeat url('/etc/images/headers/t_prodej-materialu.gif')}
.poptavka span{background: no-repeat url('/etc/images/headers/t_poptavka.gif')}
.hledate-praci span{background: no-repeat url('/etc/images/headers/t_hledate-praci.gif')}
.kontakty span{background: no-repeat url('/etc/images/headers/t_kontakty.gif')}

.o-nas, .reference, .typove-projekty, .prodej-materialu, .poptavka, .hledate-praci, .kontakty{position: relative}

#obsah .txt span {
	position: absolute; z-index: 2;
	width: 500px; height: 50px;
	background-repeat: no-repeat;
	background-position: left top;
}
*/



/* todo: hodit jinak - poradne pres .txt! */

/* upload */
.icon-comment, .icon-access, .icon-user, .icon-pc, .icon-edit, .icon-rename, 
.icon-rename-gray, .icon-delete, .icon-delete-gray
{
	padding-left: 20px;
	background-image: url();
	background-position: 1px 1px; /*1px zleva a zezhora*/
	background-repeat: no-repeat;
}
.icon-comment {background-image: url(/etc/upload//icons/comment.gif);}
.icon-access {background-image: url(/etc/upload//icons/access.gif);}
.icon-user {background-image: url(/etc/upload//icons/user.gif);}
.icon-pc {background-image: url(/etc/upload//icons/pc.gif);}
.icon-edit {background-image: url(/etc/upload//icons/edit.gif);}
.icon-rename {background-image: url(/etc/upload//icons/rename.gif);}
.icon-rename-gray {background-image: url(/etc/upload//icons/rename-gray.gif);}
.icon-delete {background-image: url(/etc/upload//icons/delete.gif);}
.icon-delete-gray {background-image: url(/etc/upload//icons/delete-gray.gif);}

/* ============konec uploadu */

body,td,th,input,select,textarea {font-family: Verdana, Tahoma, Arial, lucida, sans-serif;}
#textarea {margin: 0 20px; font-size: 100% !important;}
#refTextarea{font-size: 90%}

table {border-collapse: collapse;}
td,th {padding: 0.1em 0.2em; border: 1px #aaa solid; line-height: 1.4;}
th, thead td {background-color: #ACE;}
img {vertical-align: bottom;}


hr {border:0; border-bottom: 2px #3678cf solid;}

/*odkazy*/
a {color: #081220; text-decoration: underline;}
a:hover {color: black;}
a img {
  border: 0px white solid;
  /*border-bottom: 1px blue solid;*/
  text-decoration: none;
}
a:hover img {
  /*border-bottom: 1px black solid;*/
  text-decoration: none;
}
div a.as-text {
  color: black;
  text-decoration: none;
}
div a.as-text:hover {
  color: black;
  text-decoration: underline;
}
.like-a {
  color: blue;
  text-decoration: underline;
  cursor: pointer;
}
.like-a:hover {color: black;}

a img.smilie {text-decoration: underline; border: 0;}


/*formulare*/
form {
  margin: 0;
  padding: 0;
  margin-top: 1em;
}
form fieldset {
  border: 1px gray solid;
  padding: 0.5em;
  margin-top: 0.3em;
}
form legend {
  color: black;
  font-weight: bold;
}
form .label,.labelset label {
  display: block;
  width: 6em;
  float: left;
}
form p {
margin: 0.7em auto;
line-height: 1.2em;
text-indent: 0;
}

/*nadpisy*/
h1,h3,h4,h5 {
  font-family: Arial, sans-serif;
  margin: 1em auto 0.2em auto;
}
h1 {font-size: 200%; margin-top: 0;}
h3 {font-size: 145%;}
h4 {font-size: 130%;}
h5 {font-size: 110%;}

/*seznamy*/
#obsah ol, #obsah ul{
/*	margin: 0.1em auto 0.7em auto;
*/
}
#obsah li {margin-top: 0.3em;}

/*tridy*/
.hidden {display: none;}
.red {color: red;}
.fleft {float: left;}
.fright {float: right;}
.aright {text-align: right;}
.acenter {text-align: center;}
.aleft {text-align: left;}
.clear {clear: both;}
.border {border: 1px black solid;}

.chyba{background-color: #FDB;}
.zprava{
	font-size: 130%;
  color: red;
  margin: 1em 0.5em;
  padding: 0.5em;
  background-color: #FDB;
}
#obsah .title {
  border-bottom: 1px dashed #aaa;
  cursor: help;
}








html, body{height: 100%; margin: 0; padding: 0;}
body {  
  background: #364245 url(images/bckg-pattern.gif) repeat top center;
  color: #eee;
  line-height: 1.4;
  font-size: 80%;
  text-align: center;
}





#hlavni {position: relative; width: 960px; height: 100%;/*193px;*/ text-align: left; margin: 0 auto;background: no-repeat left 30px;}
.hlavni-1 {background-image: url(images/decoration1.gif) !important;}

.hlavni-2 {background-image: url(images/decoration2.gif) !important;}
.hlavni-3 {background-image: url(images/decoration3.gif) !important;}
.hlavni-4 {background-image: url(images/decoration4.gif) !important;}
.hlavni-5 {background-image: url(images/decoration5.gif) !important;}
.hlavni-6 {background-image: url(images/decoration6.gif) !important;}
.hlavni-7 {background-image: url(images/decoration7.gif) !important;}



#zahlavi {position: relative; width: 700px; height: 113px; margin-left: 260px; padding-top: 20px}
	#zahlavi h1{margin: /*5*/0px 20px 25px 80px;font-size: 50px;padding: 0;text-align: center;background: #8c8c8c;color: #f6f6f6;font-family: Times New Roman;letter-spacing: 5px}
	#zahlavi h1 span{color: #891D1D }
	#zahlavi .rollover {display: block; position: absolute; top: 20px; left: 0; width: 100%; height: 105px; background: url(images/header.png) no-repeat left top; _background: url(images/header.gif) no-repeat left top; cursor: hand;}


a.skipmenu {position:absolute; left: 70px; top: -50px;padding:0.2em 0.5em;z-index:0;color: #000;}
a.skipmenu:focus, a.skipmenu:active {top: 20px !important;background: #aaaaaa;z-index:2;color: #000;background: #f00;}


/****** TOPMENU */
#tm .box {position: relative; z-index: 50; height: 38px;}
	#tm ul {margin: 0;padding: 0;list-style-type: none; }
	#tm li.first {float: left;height: 38px;width: 100px;line-height: 90%; font-size: 18px;_font-size: 15px;font-weight:bold;}
	#tm li .mbase {display: table;	&display: block;&position: relative;height: 38px;width: 100px; cursor: hand;background: url(images/menu.gif) no-repeat left top;font-variant: small-caps;font-family: Palatino, 'palation linotype', serif;text-decoration: none;text-align: center;}
	#tm li .mbase span{display: table-cell; 	&display: block; &position: absolute; &top: 50%; vertical-align: middle;}
	#tm li .mbase span b{display: block; &position: relative; &top: -50%; &left: -50%}
	#tm li .mbase:hover, #tm li a.mbase:focus {color: gray !important;/*background-position: left center;*/}
	#tm .active a{background-position: left bottom; color: #fff}
	#tm ul li{position: relative; }
	#tm ul ul{position: absolute; border-top: solid 5px #595858}
	#tm ul ul ul{ border-top: 0px}
	#tm ul ul li{background: #BBB !important; width: 100px; &margin: 0 0 -4px 0; _margin-bottom: -3px 0;}
	#tm ul ul li:hover{background: #b47171 !important}
	#tm ul ul a{display: block; background: none !important; font-size: 12px; font-weight: normal; &padding: 5px 0; height: auto !important; border-bottom: solid 1px #595858; text-align: center; text-decoration: none}
	#tm ul ul .active{background-color: #801515 !important}
	#tm ul ul ul{left: 100px; top: 0; background: none !important;}
	.menuon ul{visibility: visible }
	.menuoff ul{visibility: hidden }

#leftcol{position: absolute; top: 389px /* 250 + 169*/; bottom: 190px;/*220px;*/ left: 0; width: 260px; _height: expression(document.body.clientHeight-590 + "px" ); background: url('images/kontakty-main.png') repeat-y; _background-image: none; }
#LCMain{_position: absolute; _top: 0; _left: 0; _width: 260px; _height: expression(document.body.clientHeight-590 + "px" ); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='/etc/images/kontakty-main.png', sizingMethod='scale'); }
#LCHeader{_position: absolute; _top: -169px; margin-top: -169px; _margin-top: 0;width: 260px; height: 169px; background: url('images/kontakty-header.png') no-repeat; _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='/etc/images/kontakty-header.png', sizingMethod='scale');}
#LCFooter{position: absolute; bottom: -168px; width: 260px; height: 168px; background: url('images/kontakty-footer.png') no-repeat; _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='/etc/images/kontakty-footer.png');}
#adminBody #leftcol{_top: 220px; bottom: auto; _background: url('images/submenuBkg.png'); _padding: 20px 0}
#adminBody #LCMain, #adminBody #LCHeader{_display: none}
#adminBody #LCFooter{display: none}


#kontakt{position: absolute; top: -150px; bottom: -150px; width: 260px;  _height: expression(document.body.clientHeight-320 + "px" ); background: url('images/kontakty-napis.png') no-repeat 50% 0; _background-image: none; }
#kontakty-nadpis{width: 260px; height: 58px; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='/etc/images/kontakty-napis.png');}
#kontakty-content{position: absolute; top: 30px; bottom: 10px; _top: 40%; _left: 7px; width: 260px; _width: 247px; _height: 121px; background: url('images/kontakty-info.png') 50% 50% no-repeat;_background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='/etc/images/kontakty-info.png')}
#adminMenu {position: relative; z-index: 100; bottom: 100px; _bottom: 0 }
#adminMenu a{color: white}


/* submenu - pouziva se snad jen v administraci */

/*document.body.clientHeight > 621 ? 
#leftcol {position: relative; float: left; margin-top: 55px;}
	#submenuHeader{width: 260px; height: 78px; margin-top: 20px; background: url(images/submenuHeader.png) no-repeat left top}
	#submenuBkg{width: 260px; background: url(images/submenuBkg.png) repeat-y}
		#submenu #submenuContent{position: relative; bottom: 25px; margin-top: 0px; padding-left: 10px}
		#submenu ul{padding-left: 20px ; margin: 0}
		#submenu a{color: white; text-decoration: none}
		#submenu a:hover{text-decoration: underline}

/**
#kontakt {margin: 15px 10px 10px; padding: 0 10px 8px 10px; background: #891D1D}
#kontakt h2 {margin-top: 10px !important; }
#kontakt .rollover {position: absolute; left: 0;width: 260px;height: 289px;background: url(images/kontakty.png) no-repeat left top;}
#kontakt p{margin: 0}


idea:
dva bloky zcela oddelne (positon: aboslute} - jeden pro pozadi, druhy pro text
 */ 

#cBkg{position: absolute; width: 700px; min-height: 357px; _height: expression(document.body.clientHeight > 621 ? document.body.clientHeight-255 + "px" : "357px"); top: 153px; bottom: 98px; left: 260px; padding:0; background: #fff url(images/obsah-repeat.gif) repeat-y right top; color: #000;}
#cBkgHeader{width: 100%; height: 117px; background: url(images/obsah-top.gif) no-repeat;}
#cBkgFooter{position: absolute; bottom: -88px; width: 100%; height: 88px; background: url(images/obsah-bottom.png); _background: url(images/obsah-bottom.gif); }

#obsah{position: absolute; z-index: 10;width: 640px; overflow-y: auto; min-height: 357px; _height: expression(document.body.clientHeight > 621 ? document.body.clientHeight-255 + "px" : "357px");  top: 173px; bottom: 50px; left: 260px; padding: 10px 30px 30px; background: inherit; color: #000;}
#obsah p{margin: 0}
#adminBody #obsah{bottom: auto; height: auto; overflow: visible; background: #fff url(images/obsah-repeat.gif) repeat-y right top; }

/*  no-repeat 0 100%;
url(images/obsah-bottom.gif)
*/
#counter{position: absolute; z-index: 90; bottom: 1px; left: 30px; font-size: 70%;color: #333;}
#patka {position: absolute; z-index: 90; bottom: 1px; right: 30px; font-size: 70%;color: #333;}
#adminBody #patka{display: none}
#link2admin{font-weight: bold; padding-left: 20px}
#patka a {text-decoration: none;color: #333;}
#patka a:hover {text-decoration: underline;}

/*
#patka{display: none}*/