body, input, select, textarea, button, table { font-family: "Geneva CE", Arial, "Luxi Sans", Helvetica, sans-serif; }
body {color: #000000; font-size: 76%; margin: 0; padding: 0;}



/*a {color: #0099CC;}*/
a {color: #6E778E;}
a:hover {}
a img { border: none; }

/* .clear {float:none; clear:both; height:1px; overflow:hidden; font-size: 1px;} */
.clear {clear:both; height:0px; line-height:0px; font-size:0px;}
.clear_left {float:none; clear:left; height:1px; overflow:hidden; font-size: 1px;}

#page {}
#table {height: 100%; vertical-align: top; font-size: 12px; width: 100%; }

/*hompage*/
.product-window {width: 217px; height: 170px; float: left; margin-right: 1em; margin-bottom: 2em;}
.product-window h2 {background: #B3C2D9; font-size: 120%; color: #FFFFFF; padding: 0.3em 0.2em 0.2em 0.4em; margin: 0px 0px 0px 0px;}
.product-window h2 a {color: #FFFFFF; text-decoration: underline;}
.product-window ul a:hover, .product-window h2 a:hover {color: #FF7A1C;}
.product-window ul {margin-top: 1.5em; _margin-left: 2em;}
.product-window ul li {margin-bottom: 0.3em; padding:0;}
.pw1 {background: url("../img/hlavni-hodiny.jpg") no-repeat 0px 20px;}
.pw2 {background: url("../img/interierove-hodiny.jpg") no-repeat 0px 20px;}
.pw3 {background: url("../img/exterierove-hodiny.jpg") no-repeat 0px 20px;}
.pw4 {background: url("../img/kontrolni-hodiny.jpg") no-repeat 0px 20px;}
.pw5 {background: url("../img/sportovni-tabule.jpg") no-repeat 0px 20px;}
.pw6 {background: url("../img/prislusenstvi.jpg") no-repeat 0px 20px;}




#left {background: #B3C2D9; height: 100%;}
#right{background: #FFFFFF; }

/*#left {width: 226px; background: #B3C2D9; height: 100%; margin: 0; float: left;}
#right{width: 100%; background: #FFFFFF; margin: 0;}*/

	#mobatime {text-align: center; margin-bottom: 3em; margin-top: 1em; background: url("/img/linebg.gif") repeat-x 0px 24px;}
	#mobatime img {background: #B3C2D9; margin-top: 0em;}
	#dot {margin-top: 0em;}
	#stats img {margin-top: 0em;}
	#left a {color: #073971; text-decoration: none;} 
	#left a:hover {color: #FFFFFF; text-decoration: underline;}
	#left h5 {margin: 0px 0.4em 0.4em 0.5em; font-size: 12px; background: url("../img/menu-li.gif") 2px 50% no-repeat; padding-left: 20px;}
	#left h4 {margin: 0px 0.4em 0.4em 2em; font-size: 11px;; background: url("../img/menu-li.gif") 2px 50% no-repeat; padding-left: 20px;}
	#left h3 {margin: 0px 0.4em 0.4em 4em; font-size: 11px;; background: url("../img/menu-li.gif") no-repeat 2px 2px; padding-left: 20px; font-weight: normal;}
	#stats {margin-left: 1em; margin-top: 2em;}
		#stats a {text-decoration: none;}
	
/*šířky*/
.w50 {width: 50%;}
.w45 {width: 45%;}
.w40 {width: 40%;}
.nomargin {margin: 0;}

#hp-col-right {float: right; width: 45%;}
#hp-col-left {float: left; width: 45%;}
#introduction {width: 100%; margin-bottom: 2em; }
#introduction h1 {padding: 0; margin: 5px 0px 0px 8px; color: #DC2B19;}
/*#introduction #introhead {background: url('/img/hp-box-head.gif') no-repeat; width: 100%; float: left; margin: 0px; padding: 0px; height: 31px;}
#introduction h1 {padding: 0; margin: 5px 0px 0px 8px; color: #DC2B19;}
*/

#introduction div.introtext {background: #FEF7EC url('../img/hp-box-bg.gif') repeat-x; width: 100%; float: left; margin: 0; padding-bottom: 0em;}
.introtext p {margin: 8px 8px 8px 8px;}
.introtext img {overflow: hidden;}
#introduction h3 {margin: 0px; font-weight: normal; font-size: 12px; margin-left: 8px;}

.products {background: #E6E6E6; padding-top: 5px; padding-bottom: 5px; margin-bottom: 1em;}
.products h3 {margin: 0px; font-weight: normal; font-size: 12px; margin-left: 8px;}
.products p {margin: 8px 8px 8px 8px;}


#aktualne {}
#aktualne p {margin-bottom: 1em;}
#aktualne p.bg {padding: 8px 8px 8px 8px; background: #E6E6E6; }
#aktualne h2 {margin-left: 8px; margin-top: 4px;}


#photos {text-align: center;}
#photos img {/*border: 1px solid #D0C7B8; */margin-right: 0px; margin-bottom: 8px;}

.novinka h3 {color: #073971; font-size: 13px; border-bottom: 4px solid #073971; padding-bottom: 4px; margin-bottom: 0;}
.novinka img {float: right; margin: 0px 0px 1em 2em;}
.novinka {margin-bottom: 0em;}

.products h2 {margin-left: 8px; margin-top: 4px;}

#head {background: url("../img/linebg.gif") repeat-x 0px 36px; height: 41px; margin-bottom: 1em; }
#navigation {margin: 0 0 2em 2em;}
#navigation strong {font-weight: normal;}
.elekon {color: #073971; font-size: 130%; position: relative; left: 5px; top: 7px;}

	#RightContent {margin: 2em 2em 2em 2em;}
		.submenu {float: left; width: 100%; margin: 0; padding: 0; background: url('../img/submenu-bg.gif') repeat-x 0px 19px;}
		.submenu li.margin {width: 1.5em; border: none; background: transparent; margin-left: 0em;}
		.submenu li {float: left; width: 100px; list-style: none; margin: 0px; text-align: center; font-size: 9px; height: 21px;}
		.submenu li.aktiv {background: url('../img/aktiv.gif') no-repeat;}
		.submenu li.pasiv {background: url('../img/pasiv.gif') no-repeat;}
		.submenu a {text-decoration: none; color: #073971; display: block; padding: 5px 0 2px 0; width: 100%;}
		.submenu a:hover {text-decoration: none; cursor: pointer;}				
		#RightContent h1,h2 {color: #073971;}
		#RightContent h1 {font-size: 160%;}
		#RightContent h2 {font-size: 130%; margin-bottom: 0em;}
		#RightContent>h2 {margin-top: 2em; /*clear: both;*/}
		 .h3 {color: #073971; font-size: 100%; margin-top: 2em; font-weight: bold; margin-bottom: 0.5em;}
		 .h4 {color: #073971; font-size: 100%; margin-top: 1em; font-weight: bold; margin-bottom: 0.2em;}
		ul {margin-top: 0.0em;}		
		ul.double li {margin-bottom: 0.5em;}
		
		#RightContent table {font-size: 12px; border-color: #000000;}
		#RightContent p {margin-top: 0.5em;}
		#RightContent p {margin-top: 0.5em; margin-bottom: 0em;}
		#RightContent .col-right {float: right;}
		/*#RightContent table td {border: 1px solid #000000;}*/
		.desc {background: #E6E6E6; padding: 1em 1em 1em 1em;}
		img {margin-top: 2em;}
		#RightContent table img {margin: 0em;}
		#RightContent .LineTable {border-top: 2px solid #003A73;}
		#RightContent .LineTable td {padding: 4px 0 4px 0;}
		.left {float: left; margin: 1em 4em 1em 0em;}
		.right {float: right; margin: 1em 0em 1em 4em;}		
		.fleft {float: left;}
		.fright {float: right;}
		
		
		.ref_item {float: left; width: 325px; margin: 0 2em 1em 0em; border: 1px solid #C4C4C4; background: #EAEAEA; min-height: 170px; _height: 170px; }		
		.ref_item .h3 {margin: 1em 1em 1em 1em; _margin: 0em 0em 1em 0.5em; float: left;}
		.ref_item p {margin: 0em 1em 1em 1em; }
		.ref_item img {float: left; margin: 0 1em 1em 0em; border: 3px solid #FFFFFF;}
		.ref_item .actions {float: right; margin: 0.5em 1em 1em 1em; width: auto;	}
		.ref_item ul {margin-top: 0em;}
		
			
		.contact {margin-bottom: 1em;}
		.contact td {vertical-align: top;}
		.contact .name {width: 300px;}
		.contact .phone {width: 200px;}
		.contact .mail {width: 200px;}
		hr {height: 1px; border: 0px; color: #073971; background: #073971; font-size: 0;}
				 
#foot {position: relative; bottom: 0px; width: 100%; border-top: 5px solid #003A73; display: none;}
#foot .copy {float: left; margin-left: 1em; margin-top: 0.5em;}
#foot .prog {float: right; margin-right: 1em; margin-top: 0.5em;}


/*ADMINISTRACE*/
#login {position: relative; left: 50%; margin-left: -90px; width: 180px; border: 1px solid #B3C2D9; top: 40px;}

#admin {background: #FFFFFF; height: 100%; padding: 2em 2em 0 2em; margin: 0 0 0 0;}
#admin h1,h2 {color: #073971;}
#admin h1 {font-size: 160%;}
#admin h2 {font-size: 130%;}
#admin ul li {margin-bottom: 0.4em;}
#admin .h3 {color: #073971; font-size: 100%; margin-top: 1em; font-weight: bold;}

#admin .ref_delete {color: #FF0000; text-decoration: none;}

#adm{ 
	display:none;
	position: absolute;	
	width: 500px;	
	top:1000px;
	left:200px;
	border:solid 1px black;
	background:#B3C2D9;		
}


#admin .new_pic, #admin .submit, #admin .close {float: left; margin-right: 2em; display: block;}

input.nazev {width: 345px;}
#admin textarea {width: 345px; height: 300px; font-family: "Geneva CE", Arial, "Luxi Sans", Helvetica, sans-serif; font-size: 12px;}

#admin .hand{
	cursor:pointer;
	_cursor:hand;
	color:#0099CC;;
}




/*PUVODNI STYLY*/
/*srovnávací tabulka */
td.prvni	{ font-size: 11px; color: #000000; background-color: #FFFFFF;
			border-bottom: 1px #000000 solid;
			padding-left: 2px; padding-right: 2px; padding-top: 4px; padding-bottom: 4px; 
			vertical-align: text-top }

td.suda		{ font-size: 11px; color: #000000; background-color: #D2E1F5;
			border-bottom: 1px #000000 solid;
			padding-left: 2px; padding-right: 2px; padding-top: 4px; padding-bottom: 4px; 
			vertical-align: text-top }

td.licha	{ font-size: 11px; color: #000000; background-color: #B3C2D9;
			border-bottom: 1px #000000 solid;
			padding-left: 2px; padding-right: 2px; padding-top: 4px; padding-bottom: 4px; 
			vertical-align: text-top }

.small		{ font-size: 9px; vertical-align: text-top }

.hodiny	{ font-size: 11px; background: transparent url('../img/hodiny.gif') no-repeat left; float: right; width: 104px; height: 44px; margin-top: 15px; margin-right: 10px; overflow: hidden;}
.hodiny img {float: left; margin-top: 10px;}
.hodiny .first {margin-left: 10px;}
th.ftTH {text-align: left; padding-top: 20px;}
td.nazev {font-weight: bold; vertical-align: top;}
td.line {height: 2px; font-size: 1px; padding-bottom: 5px; padding-top: 0px;}

.wtd {margin-bottom: 2em;}
.wtd td {vertical-align: top; text-align: left;}
.wtd td .h3 {margin-top: 0em;}