<!--
 
* { padding: 0; outline: 0; margin: 0; border: 0; }

body { background-color:black; width:100% }
body, form, button { font-family: Tahoma, Arial, Helvetica, sans-serif; text-align: center; color: #F0F0F0; font-size: 62.5%; }
label { font-size:150%}

h1 { font-size:2em }
h2 { font-size:1.7em }
h3 { font-size:1.5em }
h1,h2,h3,h4,h5,h6 { font-family: Geneva, Arial, Helvetica, sans-serif; margin: 10px 0 3px 10px;}

table, p {font-family: Arial, Helvetica, sans-serif; margin:0px 10px 10px 10px;}

#back { background: url(img/bg-only3.gif) center top no-repeat; }
#backi { background: url(img/bg-rep.gif) center top repeat-y; }
#backx { background: black; }

ul.kon {list-style-position:outside; margin:2px 10px 6px 18px; padding:6px; padding-left: 6px; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:15px;}
ul.kon li { list-style:circle; padding:2px 10px 1px 6px;}

#mainContent p {text-indent:30px; text-align:justify }
.c {text-align:center !important}


a, a:visited { color:#66CC00; position:relative;}
a:hover { text-decoration:none; }
a img { border:none; }

.spacer{clear:both; height:1px; font-size:1px; zoom:1%;}
/* ----------- My Form ----------- */
.myform{
margin:0 auto;
width:400px;
}

.myform h4 {
font-size:16px;
font-weight:bold;
margin-bottom:8px;
}
.myform p{
font-size:1.2em;
color: #333333;
margin-bottom:20px;
border-bottom:solid 1px #333333;
padding-bottom:10px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
}
.myform label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
font-size:1.3em;
}
.myform .small{
color:#333333;
display:block;
font-size:1.1em;
font-weight:normal;
text-align:right;
width:140px;
}
.myform input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 2px #CCCCCC;
width:200px;
margin:2px 0 20px 10px;
background-color: #999999;
color:#333333;
}
.myform button{
clear:both;
margin-left:150px;
background: #333333;
text-align:center;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
border: 3px solid #66CC00;
padding:7px;
}
.myform button:hover { border-color:#990000; } 
.oneColFixCtr p {font-family: Geneva, Arial, Helvetica, sans-serif; font-size:15px;}
.oneColFixCtr #container {
	width: 734px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

.oneColFixCtr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

#logo {
	margin: 0px auto 55px auto;
	padding-top: 10px;
	width:344px;
}
#logo a.lo {
	text-indent: -5000px;
	display:block;
	width:344px;
	height:72px;
	background:url(img/logo.gif) no-repeat;
}

#menu {   
display:block;  
height:50px;  
font-size:13px;
font-family:Arial,Verdana,Helvitica,sans-serif;  
text-transform:uppercase;
margin: 0px auto;
width: 734px;
overflow:hidden;
}

#menu ul {  
margin:0px;  
padding:0;  
list-style-type:none;
padding-left:121px;    
}

#menu ul li {
	display:block;
	float:left;
}

#menu ul li a,#menu ul li a:visited{  
display:block;
font-weight:bold; 
float:left;   
padding:11px;
}
#menu ul li a:hover {
color:#2f9834;
}

.box h2 {font-size:22px;padding:20px 5px 0px 90px;margin:0px; font-family:"Times New Roman", Times, serif;}
.box h2 a,.box h2 a:visited {color: #003300;text-decoration:underline;padding:0px; position:relative}
.box h2 a:hover {color: #006600;text-decoration:none;padding:0px;}

.box {width:473px; margin:0px auto 5px auto; color:#FFFFFF;}
.box .top { background: url(img/box_t.png) no-repeat top; height:90px;}
.box .top .wrap {position:relative;}
.box .middle { background: url(img/box_m.gif) #000000 repeat-y;}
.box .middle .wrap { padding:9px;}
.box .bottom { background: url(img/box_b.png) no-repeat; height:11px;}
.box .i { position:absolute; top:7px; left:7px; width: 81px; height:83px;}
.box .mf { position:absolute; left:6px; top:6px; background:url(img/mf.png) no-repeat; width:22px; height:27px; z-index:5; }
.i1 { background-image:url(img/1.png);}
.i2 { background-image:url(img/2.png);}
.i3 { background-image:url(img/3.png);}
.i4 { background-image:url(img/4.png);}
.i5 { background-image:url(img/5.png);}
.i6 { background-image:url(img/6.png);}
.box .praca-s {padding:5px 35px 0px 85px;}
.box .praca-s .lavy {float:left;}
.box .praca-s .pravy {float:right;}
.box .praca-s .green, .box .praca-s .red { font-weight:bold; font-family: Arial, Helvetica, sans-serif; font-size:14px; letter-spacing:1px}
.box ul { list-style-type:none; margin:0px; padding:0px; }
.box ul li  { font-size:12px; color: #CCCCCC; }
.red { color:#d73737 }
.green { color:#3cd84a }
.gren {color:#66CC00 } /* in TEXT  */
.plus { font-size:14px; color: #E8E8E8; padding:0px 6px;}
p.plus { text-indent:35px; text-align:justify;}
.noi {text-indent:0px !important; padding-top:6px}


.box dt { margin:0px 0px 7px 0px; display:block; }

#footer { background: url(img/bg-foot.gif) top center no-repeat; width:769 margin-top:15px; height:100%; margin: 0px auto;}
#footer p { padding:15px 0; font-size:12px; color:#333333}

.hid {visibility:hidden; height:1px; line-height:1px; font-size:1px;}

#kontaktna { font-size:14px; font-weight:bold; background: none;}
#kontaktna input, #kontaktna textarea { width:180px; font-weight:bold; border: 2px solid #333333; color: #CCCCCC; padding:3px; float:left; background:url(img/bg-rep.gif) top center; }
#kontaktna textarea { height: 130px; }
#kontaktna #btn {margin-left:45px; background:url(/img/bg-btn.gif) repeat-x; color:#FFFFFF; }

.h img {margin:2px 2px 2px 2px;}
.result { display: none; }
.result span { text-align:center; display: block; margin:auto; font-size:14px; font-weight:bold; padding:5px; margin: 3px; }
.result .cerv { border:2px solid #FF0000; background-color: #660000; color:#FF0000; margin:}
.result .zele { border:2px solid #66CC00; background-color: #003300; color:#66CC00;}

.blok {border:1px solid #0C0C0C; border-left: 5px solid #ff7c0b; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/trans.png',sizingMethod='scale'); width: 100%;
}
.blok img {padding-right:5px}
.blok[class] { background:url(img/trans.png) repeat; }
.blok ul.kon li { list-style-type:none ; }

-->