* {margin:0; padding:0; border: none; }
body {
	font-family:Arial, Helvetica, sans-serif; 
	background: url(body.gif) repeat-x #F0F0F0 0% 0%;
}
#mainBody {
	width:752px;
	margin: 0 auto;
	padding:0 10px ;
	background:url("Shadow.gif") 4px 0px repeat-y ;
}
#header h1, h2 {
	color:#FFF;
	text-transform:uppercase;
	font-size:14px;
	background:url("HeaderH1.gif") repeat-x top #8a141a;
	display:block;
	padding:6px 0 6px 20px;
	text-shadow: 1px 1px 2px #000;
}
.container {
	min-height: 330px;
	font-size:12px;
	padding: 25px 25px 25px 432px;
	background-repeat: no-repeat;
	background-color:#F0F0F0;
	border-bottom: solid 1px #F00;
}
#news {position: absolute; top:0px; left: 50%; width: 344px; height: 106px; padding:16px; font-size: 12px; background: url(transp.png);  overflow: hidden; }
#news a {margin-top: 11px; display: block; text-align:right; color: #900; font-weight: bold;}
#news a:hover {color:#f00;}
#mail.container {padding: 25px;}
#menu {position: fixed;  margin: 25px 0 0 25px; top: 141px; overflow: hidden;}
#menu li {list-style-type: none; margin: 3px 0; padding:0; position: relative;}
#menu li a {
	display:block;
	width:106px;
	background-repeat:no-repeat;
	background-color:#8e1c24;
	background-image:url(nav.jpg);
	color: #FFF;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	text-align: right;
	padding:23px 272px 23px 0px;
	text-shadow: 1px 1px 2px #000;
}
#menu li ul {position: absolute; left: 118px; top:0; height:62px; width:260px;}
#menu li li a, #menu li li a:hover{width: 130px; padding: 2px 0; line-height: 16px; margin:0; text-align:center; text-transform: none; background:transparent; }
#menu li li a:hover {}
#menu li li {width: 130px; position: absolute; top:0;}
#menu li li.odd {left: 0px;}
#menu li li.even {left: 130px;}
#menu li li.row_1 {top:-2px;}
#menu li li.row_2 {top: 18px;}
#menu li li.row_3 {top: 38px;}
#menu li li#cnav1:hover, #menu li li#cnav1.current {background: url(nav.jpg) -498px -280px;}
#menu li li#cnav2:hover, #menu li li#cnav2.current {background: url(nav.jpg) -628px -280px;}
#menu li li#cnav3:hover, #menu li li#cnav3.current {background: url(nav.jpg) -498px -300px;}
#menu li li#cnav4:hover, #menu li li#cnav4.current {background: url(nav.jpg) -628px -300px;}
#menu li li#cnav5:hover, #menu li li#cnav5.current {background: url(nav.jpg) -498px -320px;}
#menu li li#cnav6:hover, #menu li li#cnav6.current {background: url(nav.jpg) -628px -320px;}

#menu li a:hover { text-align: left; padding: 23px 262px 23px 10px;}
#page1 {	background-image: url(trion.gif); background-position: 105% 140% ;} /* ZA NAS */
#page2 {	background-image: url(chuk.gif); background-position: 50% 120% ;} /*PRODUKTI*/
#page3 {	background-image: url(daski.gif); background-position: 106% 0% ;} /*MATERIALI*/
#page4 {	background-image: url(vint.gif); background-position: 0% 100% ;} /*FOTOGALERIA*/
#page5 {	background-image: url(trion.gif); background-position: 105% 300% ;} /*ZA KONTAKTI*/
#menu li a#nav0 {} /* ZA NAS */
#menu li a#nav1 {background-position: 0 -70px;} /* ZA NAS */
#menu li a#nav2 {background-position: 0 -140px;} /*PRODUKTI*/
#menu li a#nav3 {background-position: 0 -210px;} /*MATERIALI*/
#menu li a#nav4 {background-position: 0 -280px;} /*FOTOGALERIA*/
#menu li a#nav5 {background-position: 0 -350px;} /*ZA KONTAKTI*/
#menu li a#nav1:hover, #menu li a#nav1.current {background-position: -380px -70px;}
#menu li a#nav2:hover, #menu li a#nav2.current {background-position: -380px -140px;}
#menu li a#nav3:hover, #menu li a#nav3.current {background-position: -380px -210px;}
#menu li a#nav4:hover, #menu li a#nav4.current {background-position: -380px -280px;}
#menu li a#nav5:hover, #menu li a#nav5.current {background-position: -380px -350px;}

.container p, .MailNav {
	display:block;
	background-image: url('transp.png');
	padding: 10px;
	text-align:justify;
	text-indent: 15px;
	text-shadow: 1px 1px 1px #fff;
}
#ShadowStart, #ShadowEnd {margin-left:-6px; position:absolute;}
#ShadowStart {top:0;}
#footer {font-size: 10px; margin: 30px auto 0 auto; width: 570px; color:#000}
#footer a {color: #F00;}

h3 {color: #B01; font-size: 14px; margin: 8px; clear: both; text-shadow: 1px 1px 2px #fff;}
#page4 a { display: block; float: left; width: 135px; height:135px; }
#page4 a:hover {background-color: #ac0408;}	
#page4 br, #page5 br {clear: left; }
#page4 div { margin-top: 15px; margin-left: 3px; overflow: auto; }
#page4 img {width: 100%;}

#page5 div {float: left;  width: 50%;  text-align: center;}
#page5 dl, #page5 form {background-image: url("transp.png"); font-size:12pt; padding:10px; overflow: hidden;}
#page5 dt, #page5 dd {float: left; display: block; color:#000; width: 180px; }
#page5 dt {color: #B01; clear: both; width: 85px; text-align: right; margin-right: 5px;}
#page5 a {color:#888; border-bottom:solid 1px #F00; font-weight:bold; text-decoration:none; display:block; float:left;}
#page5 a:hover {border-bottom:none; margin-bottom:1px; color: #000;}
input, textarea, select { margin-bottom:5px; /**background: url("input.gif") #c71116 0 0 repeat-y; color: #FFF; /**/width: 200px; float: left; padding:1px 5px; border: solid 1px #ccc;}
textarea  {width:630px;}
label {width: 100px; text-align: right; margin-right: 10px; float: left; line-height: 22px; padding:1px 0;}
form br {clear: both;}
form.login {width: 340px; margin:0 auto; overflow: auto; padding: 2em 0;}
.small {width: auto; background: none; border: none; color: #000; padding:3px;}
.button {background-image: url("HeaderH1.gif"); color: #fff;}
.MailNav {list-style-type:none; overflow: hidden; text-indent: 0;}
.MailNav li {display: block; float: left; width:25%; text-align: center;}
td {border-bottom: dotted 1px #ccc;}
td.lbld {padding-left:10px;}
th {padding:3px 0; background-image: url("HeaderH1.gif"); color: #fff; text-align: left; }
th.lbld {text-align: right; padding-right:10px;}
tr .small { margin: 2px 0 0 2px;}
.Read td {background-color: #fff;}
.notRead td {background-color: #fbb;}
.alternative td {background-color: #ffb;}

#page4 a#Gpic1001, #page4 a#Gpic1002, #page4 a#Gpic1003, #page4 a#Gpic1004, #page4 a#Gpic1005, #page4 a#Gpic1006 {background-color: transparent;}

#lightbox{ background-color:#ddd; padding: 10px; border: solid 2px #eee; border-bottom-color: #666; border-right-color: #666;}
#lightboxDetails{font-size: 0.8em; padding-top: 0.4em; }
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }
#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }
#overlay{ background-image: url(overlay.png); }

/* TESTS 
#menu  {width: 117px; }
.container {padding: 25px 25px 25px 163px;}
/* TESTS */