/* fixers */
body{margin:0;padding:0;}
div{margin:0;padding:0;}
img{margin:0;padding:0;border:0;}
p{margin:0;padding:0;}
h1{margin:0;padding:0;font-weight:normal;}
h2{margin:0;padding:0;font-weight:normal;}
h3{margin:0;padding:0;font-weight:normal;}
h4{margin:0;padding:0;font-weight:normal;}
h5{margin:0;padding:0;font-weight:normal;}
ul{list-style:none;margin:0;padding:0;}
li{display:inline-block;margin:0;padding:0;}
form{margin:0;padding:0;}
table{margin:0;padding:0;}
tr{margin:0;padding:0;}
td{margin:0;padding:0;}
a{text-decoration:none;margin:0;padding:0;}
.float_wrap{clear:both;}
.bold{font-weight:bold;}
.italic{font-style:italic;}
.underline{text-decoration:underline;}
em{font-weight:bold;font-style:normal;display:inline;}

/* debugging 

#content{height:700px;}

/* wrap */

.wrap{width:700px;margin:0px auto;}
.swrap{width:310px;margin:0px auto;}

/* 404 */

.not-found {background-color:#262626;}
.not-found .layer{width:518px;margin:135px auto 0px auto;background:transparent url("../images/top-bg.png") no-repeat;}
.not-found #header .main #navigation {width:309px;margin-top:28px;}
.not-found #header .main #navigation .wrap{width:293px;padding:0;}
.not-found #header{padding:0px 40px 0px 40px;margin:0px;border:0;height:auto;background:0;}
.not-found #header .wrap{width:438px;}
.not-found #header .main {margin:0;padding:8px 0px 0px 0px;}
.not-found #header .main .filler{width:269px;height:29px;margin:0px 0px 0px 189px;}
.not-found .text {background:transparent url("../images/mid-bg.png") repeat-y;padding:20px 60px 0px 60px;}
.not-found .text h1{font-family:Verdana,Bitstream Vera Sans;font-size:22px;color:#333;position:relative;}
.not-found .text p{font-family:Verdana,Bitstream Vera Sans;font-size:11px;color:#666;width:280px;padding:5px 0px 25px 0px;}
.not-found .text a{font-weight:bold;background-color:#EAEAEA;color:#666;}
.not-found .text a:hover{text-decoration:underline;}
.not-found .text .fourofourimg{background:transparent url("../images/404.jpg") 0px 20px no-repeat;;float:right;width:100px;height:67px;}
.not-found .h_center h1{font-family:Verdana,Bitstream Vera Sans;font-size:18px;line-height:28px;}
.not-found .h_center h1 a{color:#FFF;background:transparent;font-weight:normal;}
.not-found .h_center h1 a:hover{text-decoration:underline;}
.not-found .h_left{height:31px;float:left;background:transparent url("../images/transp-sprite.png") no-repeat left -62px;width:9px;}
.not-found .h_center{height:31px;float:left;background:transparent url("../images/grey-center.png") repeat-x;padding:0px 2px;}
.not-found .h_right{height:31px;float:left;background:transparent url("../images/transp-sprite.png") no-repeat left -93px;width:9px;}
.not-found .left{width:190px;float:left;}
.not-found .right{width:190px;float:left;}
.not-found .left ul, .not-found .right ul{padding:10px 0px 10px 9px;}
.not-found .left ul li, .not-found .right ul li{display:list-item;}
.not-found .left ul li a, .not-found .right ul li a{display:inline;font-family:Verdana,Bitstream Vera Sans;font-size:13px;color:#333;font-weight:normal;}
.not-found .left ul li a:hover, .not-found .right ul li a:hover{text-decoration:underline;}
.not-found .foot{background:transparent url("../images/btm-bg.png") no-repeat;height:48px;}

/* header */
#header{height:113px;background:transparent url("../images/h-pattern.jpg") repeat-x;padding:20px 0px 0px 0px;}
#header .where{font-family:Verdana,Bitstream Vera Sans;font-size:12px;color:#333333;display:block;width:81px;height:31px;line-height:29px;padding:0px 0px 0px 50px;background:url("../images/transp-sprite.png") no-repeat top left;margin:0px 0px 0px 544px;}
#header a.where:hover{background:url("../images/transp-sprite.png") no-repeat left -31px;}
#header .main{padding:15px 0px 0px 0px;}
#header .swrap .main{padding:47px 0px 0px 0px}
#header .logo{float:left;}
#header .logo .left{height:67px;width:16px;background:transparent url("../images/p-navi-logo-left.png");float:left;}
#header .logo .center{float:left;height:55px;background:#FFF;padding:12px 8px 0px 0px;}
#header .logo .center a{position:relative;left:-4px;}
#navigation{margin:24px 0px 0px 0px;float:left;height:43px;background:transparent url("../images/p-navi-right.png") no-repeat bottom right;width:571px;}
.swrap #navigation{width:180px;}
#navigation .wrap{background:transparent url("../images/navi-stripe.png") repeat-x bottom left;width:555px;height:43px;margin:0;}
#navigation .swrap{background:transparent url("../images/navi-stripe.png") repeat-x bottom left;width:164px;height:43px;margin:0;}
#navigation ul{}
#navigation li{display:block;float:left;height:43px;}
#navigation li a.leftmost{margin-left:15px;display:inline;}
#navigation li a{float:left;font-family:Verdana,Bitstream Vera Sans,Bitstream Vera Sans;font-size:18px;display:block;height:43px;margin:0px 1px 0px 0px;cursor:pointer;}
#navigation li a .left{width:9px;height:43px;float:left;}
#navigation li a .center{height:39px;padding:4px 9px 0px 9px;color:#FFF;line-height:38px;text-align:center;float:left;}
#navigation li a .right{width:9px;height:43px;float:left;}
#navigation li a.active .left{background:transparent url("../images/p-navi-sprite.png") no-repeat -18px top;}
#navigation li a.active .center{background:#FFF;color:#BF2330;}
#navigation li a.active .right{background:transparent url("../images/p-navi-sprite.png") no-repeat -27px top;}
#navigation li a.inactive:hover .left{background: transparent url("../images/p-navi-sprite.png") no-repeat left top;height:42px;}
#navigation li a.inactive:hover .center{background:#DEDEDE;color:#BF2330;height:38px;}
#navigation li a.inactive:hover .right{background:transparent url("../images/p-navi-sprite.png") no-repeat -9px top;height:42px;}

*html #navigation li a.inactive:hover .left{background:0;height:42px;}
*html #navigation li a.inactive:hover .center{color:#BF2330;height:38px;}
*html #navigation li a.inactive:hover .right{background:0;height:42px;}

/* content */

#content {padding:0px 0px 20px 0px;background:transparent url("../images/p-grad.jpg") repeat-x top left;}
#content .wrap, #content .swrap{background:#FFF;}
#content .main {padding:20px 15px;width:430px;float:left;}
#content .swrap .main{width:270px;}
#content .main h1{color:#333333;font-size:22px;font-family:Verdana,Bitstream Vera Sans;padding:0px 0px 0px 0px;}
#content .main h1.spaced{margin-top:38px;}
#content .main h2{color:#777;font-size:11px;font-family:Verdana,Bitstream Vera Sans;line-height:15px;}
#content .main h2 em{font-weight:bold;font-style:normal;}
#content .main h2.reference{color:#666;padding:0px 0px 15px 0px;}
#content .main h3 {font-size:14px;font-family:Verdana,Bitstream Vera Sans;color:#333;font-weight:bold;margin:20px 0px 0px 0px;}
#content .main h4 {font-size:14px;font-family:Verdana,Bitstream Vera Sans;color:#333;font-weight:bold;}
#content .main h4 span {font-weight:normal;}
#content .main h5 {font-family:Verdana,Bitstream Vera Sans;font-size:11px;color:#666;margin:10px 0px;}
#content .main .where{height:16px;width:100px;line-height:14px;font-family:Verdana,Bitstream Vera Sans;font-size:12px;color:#333;font-weight:bold;background:transparent url("../images/marker.gif") no-repeat;padding:0px 0px 0px 20px;margin:15px 0px 0px 0px;display:block;}
#content .main .where:hover{text-decoration:underline;}
#content .main p{display:inline;display:block;color:#333333;font-size:12px;font-family:Verdana,Bitstream Vera Sans;line-height:18px;padding:0px 0px 18px 0px;}
#content .main .first{margin-top:18px;}
#content .side{float:left;padding:15px 0px 30px 0px;width:240px;}

#content .main p a{text-decoration:underline;color:#369;}
#content .main p a:hover{background:#DDD;color:#369;}
#content .main a img{float:left;margin:15px 5px 15px 5px;border:1px solid #2F5984;}
#content .main img {float:left;}
#content .main .contact{}

#content .main .single-reference {padding:0px 0px 0px 0px;}
#content .main .single-reference h3{font-family:Verdana,Bitstream Vera Sans;font-size:14px;color:#333;}
#content .main .single-reference h3.inactive span.clicker{font-size:14px;}
#content .main .single-reference h3.inactive span.clicker:hover{color:#369;}
#content .main .single-reference h3.inactive span.info{display:none;font-weight:bold;font-size:11px;color:#666;}
#content .main .single-reference h3.active span.clicker{font-size:14px;font-weight:bold;}
#content .main .single-reference h3.active span.info{font-weight:bold;font-size:11px;color:#666;}
#content .main .single-reference img {float:left;margin:0px 0px 0px 30px;}
#content .main .single-reference p {color:#666;font-family:Verdana,Bitstream Vera Sans;font-size:11px;width:210px;padding:10px 0px 5px 5px;float:left;}
#content .main .single-reference ul {margin:0;padding:0;clear:both;}
#content .main .single-reference ul li {display:list-item;margin:0;padding:0px 0px 0px 5px;}
#content .main .single-reference ul li a{font-family:Verdana,Bitstream Vera Sans;font-size:12px;color:#666;margin:0;padding:0px 0px 0px 10px;background:transparent url("../images/temp-img.gif") no-repeat 0px 5px;}
#content .main .single-reference ul li a:hover{color:#369;background:transparent url("../images/temp-img2.gif") no-repeat 0px 5px;}

/* infobox */

.infobox{margin:10px 0px 20px 0px;width:225px;padding:105px 0px 0px 0px;position:relative;}
.infobox .logo{position:absolute;top:0px;background:transparent url("../images/20-god.png") no-repeat;height:190px;width:225px;z-index:999;}
.infobox .header{height:10px;background:transparent url("../images/transp-sprite.png") no-repeat  0px -253px;}
.infobox .content{background:#EFEFEF;padding:50px 15px 15px 15px;}
.infobox .content p{color:#333;font-family:Verdana,Bitstream Vera Sans;font-size:12px;line-height:18px;}
.infobox .content p a{text-decoration:underline;color:#333;}
.infobox .footer{height:10px;background:transparent url("../images/transp-sprite.png") no-repeat  0px -263px;}


/* sidemenu page independant css */

.sidemenu{width:225px;}
.sidemenu .header {height:31px;}
.sidemenu .header .left{width:10px;height:31px;float:left;background:transparent url("../images/transp-sprite.png") no-repeat 0px -191px;}
.sidemenu .header .center{height:31px;float:left;background:transparent url("../images/red-center.png") repeat-x;}
.sidemenu .header .center h1{font-family:Verdana,Bitstream Vera Sans;font-size:18px;color:#FFF;line-height:31px;}
.sidemenu .header .right{float:left;width:10px;height:31px;background:transparent url("../images/transp-sprite.png") no-repeat 0px -222px;}
.sidemenu .s-wrap{float:left;width:215px;background:#EFEFEF;}
.sidemenu .content{background:#EFEFEF;padding:15px 0px 5px 15px;}
.sidemenu .content h2{color:#666;font-family:Verdana,Bitstream Vera Sans;font-size:11px;line-height:15px;}
.sidemenu .content ul {margin:5px 0px 0px 0px;}
.sidemenu .content ul li{display:list-item;padding:2px 0px}
.sidemenu .content ul li a{color:#333;font-family:Verdana,Bitstream Vera Sans;font-size:14px;font-weight:bold;}
.sidemenu .content ul li a.active{color:#369}
.sidemenu .content ul li a:hover{color:#369;text-decoration:underline;}
.sidemenu .content ul li .floater{}
.sidemenu .content ul li ul {margin:0;}
.sidemenu .content ul li ul li{display:list-item;padding:0;}
.sidemenu .content ul li ul li a{color:#666;font-family:Verdana,Bitstream Vera Sans;font-size:12px;font-weight:normal;background:transparent url("../images/arrow.gif") no-repeat 0px -15px;padding:0px 0px 0px 16px;}
.sidemenu .content ul li ul li a:hover{background:transparent url("../images/arrow.gif") no-repeat 0px 0px;text-decoration:underline;color:#666;}
.sidemenu .content ul li ul li a.active{color:#369;font-weight:bold;background:transparent;}
.sidemenu .footer{background:transparent url("../images/transp-sprite.png") no-repeat  0px -263px;height:10px;}

/* sidemenu contact us */

.contact .left{width:10px;height:31px;float:left;background:transparent url("../images/transp-sprite.png") no-repeat 0px -273px;}
.contact .center{height:31px;float:left;background:transparent url("../images/blue-center.png") repeat-x;padding:0px 5px;}
.contact .center a{font-family:Verdana,Bitstream Vera Sans;font-size:18px;line-height:31px;color:#FFF;}
.contact .right{width:10px;height:31px;float:left;background:transparent url("../images/transp-sprite.png") no-repeat 0px -304px;}

/* products */

.product {padding:0px 0px 10px 0px;}
.product h1 {font-family:Verdana,Bitstream Vera Sans;font-size:22px;color:#333;margin:0px 0px 15px 0px;}
.product ul{padding:0px 0px 10px 0px;width:200px;float:left;display:block;}
.product ul li {display:list-item;}
.product ul li a{font-family:Verdana,Bitstream Vera Sans;font-size:12px;color:#666;}
.product ul li a:hover{text-decoration:underline;}
.product img {float:left;margin:0px 30px 0px 0px;}
.product p{font-family:Verdana,Bitstream Vera Sans;font-size:12px;line-height:15px;color:#666;}

/* other-products */

#content .main .other-product{float:left;width:210px;padding:0px 0px 20px 0px;}
#content .main .other-product h2{}
#content .main .other-product h2 a{font-family:Verdana,Bitstream Vera Sans;font-size:14px;color:#333;font-weight:bold;line-height:20px;border-bottom:1px solid #CDCDCD;}
#content .main .other-product h2 a:hover{color:#369;border-bottom:1px solid #369;}
#content .main .other-product p{font-family:Verdana,Bitstream Vera Sans;font-size:11px;color:#666;padding:5px 0px 0px 0px;}

/* contact us */
.main .contact-us span{font-family:Verdana,Bitstream Vera Sans;font-size:13px;color:#333;line-height:18px;}
.main .contact-us .name{font-size:14px;margin-top:15px;display:block;}
.main .contact-us .desc{color:#333;font-size:11px;}
.main .contact-us .tel_img{float:left;background:transparent url("../images/transp-sprite.png") no-repeat left -158px;height:10px;width:9px;margin:6px 5px 0px 2px;}
.main .contact-us .telfax{color:#346799;margin-right:20px;}
.main .contact-us .email{clear:both;color:#346799;margin-right:22px;}
.main .contact-us a.mail{color:#333;font-size:13px;font-family:Verdana,Bitstream Vera Sans;}
.main .contact-us p {margin:20px 0px 0px 0px;}
.main .contact-us .contact-form .row{padding:0px 0px 20px 0px;}
.main .contact-us .contact-form .row .left{float:left;width:100px;text-align:right;font-family:Verdana,Bitstream Vera Sans;font-size:12px;color:#333;line-height:24px;}
.main .contact-us .contact-form .row .right{float:left;width:290px;padding:0px 0px;padding:0px 0px 0px 10px;}
.main .contact-us .contact-form .row .right span{font-family:Verdana,Bitstream Vera Sans;font-size:10px;color:#443;}
.main .contact-us .contact-form .row .right input{width:252px;padding:3px 5px;line-height:24px;font-family:Verdana,Bitstream Vera Sans;font-size:13px;color:#000;border:1px solid #717171;height:18px;background-color:#F5F5F5;}
.main .contact-us .contact-form .row .right input:hover{background-color:#D8EBFF;}
.main .contact-us .contact-form .row .right textarea{width:252px;padding:3px 5px;height:164px;font-family:Verdana,Bitstream Vera Sans;font-size:13px;color:#000;border:1px solid #717171;background-color:#F5F5F5;}
.main .contact-us .contact-form .row .right textarea:hover{background-color:#D8EBFF;}
.main .contact-us .contact-form .row .contact{margin:0px 0px 0px 200px;width:100px;}
.main .contact-us .contact-form .row .contact .left{width:10px;}
.main .contact-us .contact-form .row .contact .right{width:10px;padding:0;}
.main .contact-us .contact-form .row .contact .center{display:inline;width:70px;float:left;}
.main .contact-us .contact-form .row .contact input{position:relative;border:0;font-family:Verdana,Bitstream Vera Sans;font-size:18px;color:#FFF;width:64px;background:transparent url("../images/blue-center.png") repeat-x;padding:3px 0px 2px 0px;}

/* zahvala */

.main .zahvala_head{background:transparent url("../images/head.png");width:449px;height:195px;margin-left:-10px;}
.contact-us .left{float:left;width:200px;}
.contact-us .right{float:left;width:200px;padding-top:20px;}

/* sitemap */

.toplevel{font-size:14px;color:#333;font-family:Verdana,Bitstream Vera Sans;font-weight:bold;display:block;margin-top:10px;}
.toplevel:hover{color:#369;text-decoration:underline;}
.nextlevel{font-size:14px;color:#333;font-family:Verdana,Bitstream Vera Sans;font-weight:bold;margin:10px 0px 0px 15px;display:block;}
.nextlevel:hover{color:#369;text-decoration:underline;}
.swrap .main ul {margin:0px 0px 0px 30px;}
.swrap .main ul li{display:list-item;padding:0;}
.swrap .main ul li a{color:#666;font-family:Verdana,Bitstream Vera Sans;font-size:12px;font-weight:normal;background:transparent url("../images/arrow.gif") no-repeat 0px -15px;padding:0px 0px 0px 16px;}
.swrap .main ul li a:hover{background:transparent url("../images/arrow.gif") no-repeat 0px 0px;text-decoration:underline;color:#666;}
.swrap .main ul li a.active{color:#369;font-weight:bold;background:transparent;}


/* footer */
#footer{clear:both;border-top:1px #333 solid;height:254px;background:transparent url("../images/f-pattern.jpg") repeat-x;padding:8px 6px 0px 6px;}
#footer .wrap{position:relative;}
#footer .hover{position:absolute;left:439px;top:-40px;width:211px;height:56px;background:transparent url("../images/aka-klik.png") no-repeat top left;}
#footer .hover a{display:block;width:118px;height:56px;margin:0px 0px 0px 75px;}
#footer h1{font-family:Verdana,Bitstream Vera Sans;font-size:18px;line-height:28px;}
#footer h1 a{color:#FFF;}
#footer h1 a:hover{text-decoration:underline;}
#footer .left{float:left;width:214px;}
#footer .center{float:left;width:220px;}
#footer .right{float:left;width:224px;padding:26px 0px 0px 30px;}
#footer ul{padding:2px 0px 10px 9px;}
#footer ul li{display:list-item;}
#footer ul li a{display:inline;font-family:Verdana,Bitstream Vera Sans;font-size:13px;color:#CCCCCC;border-bottom:1px solid #666;}
#footer ul li a:hover{color:#FFF;border-bottom:1px solid #FFF;}
#footer .h_left{height:31px;float:left;background:transparent url("../images/transp-sprite.png") no-repeat left -62px;width:9px;}
#footer .h_center{height:31px;float:left;background:transparent url("../images/grey-center.png") repeat-x;padding:0px 2px;}
#footer .h_right{height:31px;float:left;background:transparent url("../images/transp-sprite.png") no-repeat left -93px;width:9px;}
#footer .right span{font-family:Verdana,Bitstream Vera Sans;font-size:13px;color:#FFF;line-height:18px;}
#footer .right .name{font-size:14px;}
#footer .right .desc{color:#CCC;font-size:11px;}
#footer .right .tel_img{float:left;background:transparent url("../images/transp-sprite.png") no-repeat left -158px;height:10px;width:9px;margin:6px 5px 0px 2px;}
#footer .right .telfax{color:#999;margin-right:20px;}
#footer .right .email{clear:both;color:#999;margin-right:22px;}
#footer .right a.mail{color:#FFF;font-size:13px;font-family:Verdana,Bitstream Vera Sans;}
#footer .right .contact{display:block;height:24px;width:81px;font-family:Verdana,Bitstream Vera Sans;color:#333333;font-size:14px;margin:12px 0px 0px 0px;line-height:22px;text-align:center;background:transparent url("../images/transp-sprite.png") no-repeat left -124px;}
#footer .right .contact:hover{text-decoration:underline;}
#footer .right .gap{width:1px;height:14px;}
#footer .right .fix{margin-right:17px;}