/* CSS Document */
/*@charset "utf-8";*/


body { margin:0; padding:0; height: auto; font: 11px "Times New Roman", Times, serif; color: #0000FF; background:#ddddd1}
/*POKUS*/
img { border:none}
a { text-decoration:none }
h1{ margin:0px; padding:0px}
p { font: 10px Arial, Helvetica, sans-serif; color:#000000}
.clear { clear:both;}
h1{ color:#FFFFFF; font:24px Arial, Helvetica, sans-serif; position: relative; top:0px; margin:0px; padding:0px}

h1 a{ color:#FFFFFF; position:absolute; height:45px; left:20px; background:url(images/logo.jpg) no-repeat; padding: 28px 0px 0px 80px ; z-index:100 }
h3 { font: 14px Verdana, Arial, Helvetica, sans-serif; margin:7px 0px 5px 0px; color: #000000; text-align: left;  padding:0px 5px 0px 15px; width:100px;}

/*CONTAINER I.*/

#container { position:relative; margin: 0 auto; background:url(images/header.jpg) no-repeat; top:0px; height:315px; width:903px;}
#container a p{ font:13px Verdana, Arial, Helvetica, sans-serif; color:#a5a488; text-align: right; width:800px; padding:43px 0px 0px 0px }
#container a img{ position: absolute; top:0px; left:0px; float:left; height:79px; width:75px;  }
#container a img.two { position: absolute; top:40px; left:80px; height:25px; width:275px; float:left;  }

.rel { position:relative}
#banner { position:absolute; border: solid 1px #a00000; border-top-style: inset;  bottom:-1px; background:url(images/banner.jpg) no-repeat; height:166px; width: 582px}

#banner p { position:absolute; top:20px; left:40px; font:20px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF}
#banner p.clas { position:absolute; top:55px; left:65px; font:16px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF}




#banner2 { position:absolute; bottom:-28px; right:0px; background:url(images/banner2.jpg) no-repeat; border-top: solid 1px #a00000; height:194px; width: 321px}

#banner2 p { position:absolute; top:-120px; left:-170px; font:13px Verdana, Arial, Helvetica, sans-serif; color:#930; z-index:1000}


#menu2 { position: absolute; height: 50px; background:#f5f5f5; width: 903px; top: 75px;  list-style:none; margin:0px;  font: bold 11px Verdana, Arial, Helvetica, sans-serif;; z-index:1000}
#menu2 ul{ margin:0px; padding:0px; margin-left:0px; list-style:none; display:block; float:left; list-style:none }

#spa { position:absolute; background:url(images/spa1.gif) no-repeat left; left:0px; top:0px; height:50px; width:5px }
#spa2 { position:absolute; background:url(images/spa2.gif) no-repeat  right; right:0px; top:0px; height:50px; width:5px }
#menu2 ul li.st  { list-style:none; margin:0px; text-align:justify;  float:left;  padding-top:0px; height:50px; width: auto; cursor:pointer; display:block; background:url(images/menulin.gif) repeat-x}
#menu2 ul li.center  { list-style:none; margin:0px; text-align:justify;  float:left; padding-top:0px;  height:50px; width: auto; cursor:pointer; display:block; background:url(images/menulin.gif) repeat-x}
#menu2 ul li.end  { list-style:none; margin:0px; text-align:justify;  float:left; padding-top:0px;  height:50px; width: auto; cursor:pointer; display:block; background:url(images/menulin.gif) repeat-x}
#menu2 ul li a { font: bold 11px Verdana, Arial, Helvetica, sans-serif}
#menu2 ul li.st a {  list-style:none; margin:0px;   text-align: center;  float:left;  padding:20px 28px 0px 35px ; height:30px; width: auto; color: #FFFFFF; cursor:pointer; display:block}
#menu2 ul li.center a { list-style:none;  margin:0px; text-align: center;  float:left;  padding:20px 28px 0px 27px; height:30px; width: auto; color: #FFFFFF; cursor:pointer; display:block}
#menu2 ul li.end a { list-style:none;  margin:0px; text-align: center;  float:left;  padding:20px 35px 0px 27px; height:30px; width: auto; color: #FFFFFF; cursor:pointer; display:block}

#menu2 ul li.st a:hover {background:url(images/spa1.gif) no-repeat left 0px -10px; padding-top:23px;  height:27px; }
#menu2 ul li.center a:hover {   padding-top:23px;  height:27px; }
#menu2 ul li.end a:hover {  padding-top:23px;  height:27px; }




#contcenter{ position:relative; margin: 0 auto; margin-top:35px; margin-bottom:20px; height: auto; width:903px;  background:#a4a387 url(images/hne.jpg) no-repeat; border: solid 1px #FFFFFF}
.box_in { position:relative; float:left; margin: 0px 10px 15px 15px; height:131px; width:265px; left:10px; background:url(images/hnedlin.gif); border: solid 1px #FFFFFF}
.box_in a{ display:block; float:none; color:#a00000; font-weight:bold; text-decoration: none}
.box_in a:hover { text-decoration:underline }
#contcenter h2{ font: bold 11px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; margin:0px; padding:7px 0px 0px 13px; background:url(images/celin.gif) repeat-x; height:20px; width:252px;}

#contcenter p.main{ font: bold 11px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:left; margin:0px; padding:7px 0px 0px 13px; background:none;  height:20px; width: auto}

#contcenter p{ font: 11px Verdana, Arial, Helvetica, sans-serif; margin-top:10px; margin-left:15px; color: #000000; text-align:right;  padding:5px 15px 0px 90px; background:url(images/cam.jpg) no-repeat 5px 6px; height:90px; width:143px;}
#contcenter p.pco{ font: 11px Verdana, Arial, Helvetica, sans-serif; margin-left:15px; margin-top:0px; color: #000000; text-align:right;  padding:15px 15px 0px 90px; background:url(images/Untitled-1_26.jpg) no-repeat 10px 6px; z-index:10px; height:95px; width:153px;}
#contcenter p.dot{ font: 11px Verdana, Arial, Helvetica, sans-serif; margin-top:10px; margin-left:15px; color: #000000; text-align:right;  padding:5px 15px 0px 90px; background:url(images/Untitled-1_28.gif) no-repeat 15px 0px; height:90px; width:143px;}





#contcenter h3{ font: 14px Verdana, Arial, Helvetica, sans-serif; margin:7px 0px 5px 0px; color: #000000; text-align: left;  padding:0px 5px 0px 15px; width:100px;}

/*CONTAINER II.*/
#container2 { position:relative; margin: 0 auto; height: auto; width:903px; }
#right { position:relative; color:#000000; width:265px; height: auto  ; padding-bottom:15px; margin-left:24px;  float: left}


#even {  width:250px; margin-top:0px; margin-bottom:0px;  margin-left:0px; height:auto} 
#even h3 { height:18px; width:250px; border: solid 1px #FFFFFF;  background:#c0c0aa; font: 14px Verdana, Arial, Helvetica, sans-serif;   padding:7px; padding-left:10px; margin:0px}
#even h3 strong {font: 18px Geneva, Arial, Helvetica, sans-serif; letter-spacing:-1.2px ; color:#0000FF;}
#even p { font: 10px Verdana, Arial, Helvetica, sans-serif;   padding:0px 10px 0px 10px; margin:10px 0px 10px 0px; width: auto;} 
#even p  strong { font:16px Arial, Helvetica, sans-serif; color:#b9b9b9;}
#even p em{ font:14px Arial, Helvetica, sans-serif}

#intro { height: auto;  margin-left:0px; width:267px; padding:0px; margin-top:0px; height:130px; margin-bottom:0px; border: solid 1px #FFFFFF; background:#c0c0aa; display:block; float:left}

#intro img{ height:101px; width:83px; margin:15px; position:absolute; right:5px;  }
#intro p{ font: 16px Verdana, Arial, Helvetica, sans-serif; margin:30px 15px 15px 15px; width:120px; text-align:center; color:#FFFFFF  }

.button { width:103px; height:30px; position:relative; padding:0px 0px 0px 0px; margin:0px 0px 0px 40px; color:#FFFFFF; font: bold 11px Verdana, Arial, Helvetica, sans-serif; background:url(images/button2.gif) no-repeat}
.button a{ width:84px; position: absolute; height:22px; padding:8px 0px 0px 16px; color:#FFFFFF}
.button a:hover{ width:84px; position: absolute; height:22px; padding:11px 0px 0px 16px; color:#FFFFFF}

.button2 { position:absolute; top:105px; right:15px; width:271px; height:33px; padding:0px; margin:0px 0px 0px 40px; color:#FFFFFF; font: bold 11px Verdana, Arial, Helvetica, sans-serif; background:url(images/button.gif) no-repeat}

.button2 a{width:250px; position: absolute; height:24px; padding:9px 0px 0px 22px; color:#FFFFFF}
.button2 a:hover{width:250px; position: absolute; height:24px; padding:12px 0px 0px 22px; color:#FFFFFF}


#left { position:relative; padding-right:15px; height:auto; width:569px; padding-top:5px; color:#000000; border:solid 1px #FFFFFF; padding-bottom:25px; background:#c0c0aa; margin:0px; height: auto;  float: left}

#left h2 { font: 14px Verdana, Arial, Helvetica, sans-serif; margin:7px 0px 5px 0px; color: #000000; text-align: left;  padding:0px 5px 0px 15px; width: auto}
#left h4 { font: bold 11px Verdana, Arial, Helvetica, sans-serif; margin:7px 0px 5px 0px; color: #000000; text-align: left;  padding:0px 5px 0px 15px; width:350px;} 



#left p { margin-left:0px; margin-top:0px; margin-right:20px; float:left;  display:block; width:auto; padding-left:20px; padding-bottom:5px; color:#3b3b3b; margin-bottom:15px; font: 14px Arial, Helvetica, sans-serif;}

.sp { position: relative; width: auto; margin:15px 0px 15px 15px; padding:10px 0px 10px 10px; background:#e8e8d0; text-align: left; border: solid 1px #FFFFFF; height:auto; display:block}
.sp a img {  height:98px; width:78px; float:left; text-align:left; margin-right:10px; display:block; border: solid 1px #FFFFFF }
.sp h2{ width: auto; margin:15px; background:#e8e8d0; text-align: left;  height:auto; display:block}
.sp h4{ width: auto; margin:15px; background:#e8e8d0; text-align: left; font: bold 14px Verdana, Arial, Helvetica, sans-serif;  height:auto; display:block}
.sp a {font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#a00000; height:auto; text-align:right; background:#e8e8d0; float:left; display: block; text-decoration:none}
.sp ul li{ width: auto; margin:15px; background:#e8e8d0; font:11px Verdana, Arial, Helvetica, sans-serif ; text-align: left;  height:auto; display:block}


.sp a.dim { margin:0px 15px 0px 15px; font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#a00000; text-align:right; background:#e8e8d0; float: right; display: inline; text-decoration:none}
.sp a:hover { text-decoration:underline }
.sp p{ position: absolute; margin:0px 0px 0px 0px; left: 80px; padding: 0px 10px 0px 0px; text-align: justify; font:11px Verdana, Arial, Helvetica, sans-serif; display: block;}
.sp p strong{ display: block; float: left }

#left input { width:278px; height:19px; background:url(images/input.gif) no-repeat;  padding-left:10px; padding-top:5px; border:0px }
#left input.small { width:107px; height:19px; background:url(images/imputss.gif) no-repeat;  padding-left:7px; padding-top:5px; border:0px }
#left textarea { width:386px; height:175px; background: #e8e8d0 url(images/textarea.gif) no-repeat ; overflow:hidden;   padding-left:13px; padding-top:6px; border:0px }
#left input.clic { width:120px; height:40px; background: #ddddd1 url(images/logs.gif) no-repeat 3px 3px; color: #000000; margin-left:150px; font: bold 15px Verdana, Arial, Helvetica, sans-serif;  padding:3px 0px 3px 30px; border: solid 1px #FFFFFF; margin-top:10px; cursor:pointer }

table { margin:0px 10px 0px 20px; font: bold 11px Verdana, Arial, Helvetica, sans-serif}





/*CONTAINER III.*/

#container3 {  position:relative; margin: 0 auto; top:0px; padding:0px;  height:80px; width:903px; background: url(images/footer.gif) no-repeat }

.text  { position:absolute; margin-top:0px; padding-top:53px; padding-right:10px; left:20px; top:1px; height:20px; width:auto; text-align: left; color:#000000; background: url(images/startfooter.gif) right no-repeat; }
.text a  { text-decoration:none; color: #000000  }
.text a:hover { text-decoration:underline; color:#FF0000  }

.text1 { position:absolute; margin-top:0px; padding-top:53px; padding-right:10px; left:550px; top:1px; height:20px; width:auto; text-align: left; color:#000000; vertical-align:middle; text-decoration:none; list-style:none; }


.text1 a { font: bold 10px Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none }
.text1 a:hover { text-decoration:underline}