body{
background-color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 70%;
color: #636363;/*#7d7d7d;*/
padding: 0px; margin: 0px;
}

/* HEADING */

h1, h2, h3, h4, h5, h6{
color: #004494;
margin: 0px; padding: 0px;
}

h1{
font-size: 140%;
line-height: normal;
}

h2{
font-size: 125%;
line-height: normal; font-weight: normal;
margin: 0px 0px 15px 0px;
}

h3{
font-size: 120%;
line-height: normal; font-weight: normal;
margin: 0px 0px 15px 0px;
clear: both;
}

div.boxContent h3 { font-weight: bold; }

h4{
font-size: 105%;
line-height: normal;
margin: 0px 0px 15px 0px;
}

h5{
font-size: 100%;
line-height: normal;
margin: 0px 0px 15px 0px;
}

h6{
font-size: 100%;
line-height: normal;
margin: 0px 0px 15px 0px;
}

/* LIST */

ul{ margin: 0px 0px 10px 5px; padding: 0 0 0 0px; line-height: 180%; }
ul ul{ margin: 0px 0px 0px 0px; }

* HTML BODY  ul ul{ margin: 0px 0px 0px 13px; }
*+HTML BODY  ul ul{ margin: 0px 0px 0px 13px; }

ol{ margin: 0px 0px 10px 7px;  padding: 0px; line-height: 180%; }
ol ol{ margin: 0px 0px 0px 25px; }

ul li { list-style-type: none; list-style-position: inside;}
ol li { list-style-position: inside;}
ul li, ol ul li{  background: url(../images/css/arrow-orange.gif) 0px 5px no-repeat; margin: 0px; padding: 0px 0px 0px 20px; }

* HTML BODY ul li { padding: 0px 0px 0px 5px; }
*+HTML BODY ul li { padding: 0px 0px 0px 5px; }
* HTML BODY ol ul li { padding: 0px 0px 0px 5px; }
*+HTML BODY ol ul li { padding: 0px 0px 0px 5px; }

ol li, ul ol li{ margin: 0px; padding: 0px; background: none; }
ul ol li{  list-style-type: decimal; padding: 0px;}
ol ul{ margin: 0px 0px 0px 15px; }
ul ol{ margin: 0px 0px 0px 0px;}

* HTML BODY ul ol{ margin: 0px 0px 0px 10px;}
*+HTML BODY ul ol{ margin: 0px 0px 0px 10px;}

/* ANCHOR */

a{ color: #034ea2; text-decoration: none; }
a:hover{ text-decoration: underline;}
a:focus { outline: none;}

/* IMG */

img{ margin: 0px; padding: 0px; border: 0px; }

/* PARAGRAF */

p{ margin: 0px 0px 15px 0px; padding: 0px; text-align: justify; }

/* HORIZONTAL RULE */

hr{
/*background-color: #e5e5e5;*/
background: url(../images/css/bg-dotted.gif) left bottom repeat-x;
border: 0px;
height: 1px;
}

/* TABLE */
* HTML BODY table{
font-size: 100%;
}

table td{
vertical-align: top;
text-align: left;
line-height: normal;
}

table.tabulkaRamik {
border: 1px solid #e5edf6;
border-collapse: collapse;
}

table.tabulkaRamik td {
border: 1px solid #e5edf6;
padding: 3px 6px;
}

tr.hlavickaTabulky td {
background-color: #e5edf6;
font-size: 12px;
font-weight: bold;
}

/* FORM */

form, fieldset{
margin: 0px; padding: 0px; border: 0px;
}

form fieldset p{
margin: 0px; padding: 0px 0px 5px 0px; border: 0px;
}

label{
float: left;
cursor: pointer;
margin: 0px; padding: 3px 0px 0px 0px; border: 0px;
font-weight: bold; color: #23aadd;
}

label.popisokKratky{
width: 100px;
}

label.popisokDlhy{
width: 160px;
}

input{
margin: 0px; padding: 2px 0px 0px 4px; border: 1px solid #004494;
height: 17px;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
color: #959595;

}

select{
margin: 0px; padding: 0px; border: 1px solid #004494;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
color: #959595;
}

textarea{
margin: 0px; padding: 0px 0px 0px 3px; border: 1px solid #004494;
width: 226px; height: 67px;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
color: #959595;
}

.poleKratke{
width: 77px;
}

.poleStredne{
background: url(../images/css/input-stredne.gif) left top no-repeat;
width: 125px;
}

.poleDlhe{
background: url(../images/css/input-dlhe.gif) left top no-repeat;
width: 196px;
}

.textareaNormal{
background: url(../images/css/textarea-normal.gif) left top no-repeat;
width: 297px;
}
input.poleSaerch{
float: left;
width: 150px;
border: 0px none;
}

input.submitSearch{
background: url(../images/css/input-submit-search.png) left top no-repeat;
width: 20px; height: 20px;
margin: 0px 0px 0px 8px; padding: 0px; border: 0px none;
cursor: pointer;
}

* HTML BODY input.submitSearch{
float: left;
}

input.submit{
background: url(../images/css/input-submit.gif) 0px 4px no-repeat;
margin: 0px; padding: 0px 10px 0px 15px; border: 0px none;
color: #004494; font-weight: bold;
cursor: pointer;
}

* HTML BODY input.submit{
padding: 0px 10px 0px 5px;
}

*+HTML BODY input.submit{
padding: 0px 10px 0px 5px;
}

input.reset{
background: url(../images/css/input-reset.gif) 0px 4px no-repeat;
margin: 0px; padding: 0px 10px 0px 15px; border: 0px none;
color: #f29526; font-weight: bold;
cursor: pointer;
}

* HTML BODY input.reset{
padding: 0px 10px 0px 5px;
}

*+HTML BODY input.reset{
padding: 0px 10px 0px 5px;
}

/* SPECIAL */

div.clearer{
padding: 0px;
margin: 0px;
border: 0px;
height: 0px;
line-height: 0px;
font-size: 0%;
clear: both;
}

div.clearerW{
padding: 0px;
margin: 0px;
border: 0px;
height: 15px;
line-height: 0px;
font-size: 0px;
clear: both;
}

div.left{
float: left;
}

div.right{
float: right;
}


.vlavo {
text-align: left !important;
}

.vpravo {
text-align: right !important;
}

.obrazokVlavo{
float: left;
padding: 0px 10px 10px 0px;
}

.obrazokVpravo{
float: right;
padding: 0px 0px 10px 10px;
}

div.noBorder input{
border: 0px;
}

div.displayNone{
display: none;
}

.soNadpis { }

/* PAGE */

div.page{
width: 960px;
margin: 0px auto 0px auto; padding: 0px;
}

/** HTML BODY div.page{
width: 960px;
margin: 0px auto 0px -480px; padding: 0px;
position: relative; 
left: 50%;
}*/

/* HEADER */

div.boxHeader{
clear: both;
margin: 0px;
}

div.boxHeader .top{
width: 960px; height: 60px;
clear: both; float: left; position: relative;
/* background: url(../images/new_phone.png) 550px 0px no-repeat; */
}

div.boxHeader .top .logo{
margin: 7px 0px 0px 0px;
position: absolute;
z-index: 100;
}

div.boxHeader .top form#topSearchForm{
float: right; clear: both;
padding: 0px; margin: 18px 0px 0px 0px;
}

div.boxHeader .top form div{
background: url(../images/css/input-search.gif) left top no-repeat;
padding: 5px 3px 0px 3px;
width: 184px;
}

div.boxHeader .navigation{
width: 960px;
clear: both; float: left;
border-top: 5px solid #0C4DA2;
margin: 0px; padding: 20px 0px 4px 0px;
/* background: url(../images/iway_phone.gif) 410px 21px no-repeat; */
}

div.boxHeader ul#nav{
margin: 0px; padding: 0px;
clear: both;
}

div.boxHeader ul#nav li{
background: none;
display: block; float: left;
margin: 0px; padding: 0px;
}

div.boxHeader ul#nav li a{
background: url(../images/css/arrow-dotted-orange.gif) left center no-repeat;
margin: 0px; padding: 0px 10px 0px 15px;
color: #707070; font-weight: bold;
text-decoration: none;
}

div.boxHeader ul#nav li a:hover{
text-decoration: underline;
}

/* BANNER */

div.boxBanner{
clear: both; float: left;
margin: 0px 0px 10px 0px;
position: relative;
height: 110px;
}

/*div.boxBanner div.boxLoad{
background: url(../images/top_banner-text-1.png) left top no-repeat;
z-index: 1000;
}*/

/* SPECIAL MENU */

div.boxSpecialMenu{

/*background: url(../images/css/bg-special-menu.gif) 0px 29px no-repeat;*/
padding: 0px; margin: 0px;
}

div.boxSpecialMenuBottom{
background: url(../images/css/bg-special-menu-bottom.gif) left top no-repeat;
width: 960px; height: 17px;
}

div.boxSpecialMenu .menu1{
background:  url(../images/css/bg-special-menu-top-1.gif)  0px 0px no-repeat;
width: 240px;
float: left;
}

div.boxSpecialMenu .menu2{
background: url(../images/css/bg-special-menu-top-2.gif) 0px 0px no-repeat;
width: 240px;
float: left;
}

* HTML BODY div.boxSpecialMenu .menu1
* HTML BODY div.boxSpecialMenu .menu2
* HTML BODY div.boxSpecialMenu .last{
width: 239px;
}

div.boxSpecialMenu .menuContent{
float: left; clear: both;
min-height: 184px;
border-left: 1px solid #cddcec;
}

* HTML BODY div.boxSpecialMenu .menuContent{
height: 160px;
}

/**+HTML BODY div.boxSpecialMenu .menuContent{
height: 145px;
}*/

div.boxSpecialMenu h3{
font-size: 100%;
font-weight: bold;
}
div.boxSpecialMenu h3 a{
float: left;
padding: 0px 0px 0px 20px; margin: 15px 0px 0px 30px;
color: #f29526;
font-size: 100%;
}

div.boxSpecialMenu ul{
width: 218px;
padding: 0px; margin: 10px;
}

div.boxSpecialMenu .last .menuContent{
width: 238px;
border-right: 1px solid #cddcec;
}

div.boxSpecialMenu ul li{
background: url(../images/css/bg-dotted.gif) left bottom no-repeat;
width: 218px;
padding: 0px; margin: 0px;
line-height: normal;
font-weight: normal;
}

div.boxSpecialMenu ul li.group59,
div.boxSpecialMenu ul li.group35,
div.boxSpecialMenu ul li.group45,
div.boxSpecialMenu ul li.group122,
div.boxSpecialMenu ul li.group642,
div.boxSpecialMenu ul li.group647,
div.boxSpecialMenu ul li.group649,
div.boxSpecialMenu ul li.group653 {
display: none;
}

div.boxSpecialMenu ul li a{
background: url(../images/css/icon-ok-blue.gif) 0px 6px no-repeat;
padding: 4px 0px 7px 15px; margin: 0px;
display: block;
line-height: normal;
width: 218px;
}

* HTML BODY div.boxSpecialMenu ul li a{
width: 203px;
}

div.boxSpecialMenu ul li a:hover{
color: #f29526;
}

#menu1 h3 a{
background: url(../images/css/arrow-orange-full.gif) 0px 3px no-repeat;
color: #f29526;
}

#menu2 h3 a{
background: url(../images/css/arrow-green-full.gif) 0px 3px no-repeat;
color: #85ac0d;
}

#menu3 h3 a{
background: url(../images/css/arrow-red-full.gif) 0px 3px no-repeat;
color: #ff0000;
}

#menu4 h3 a{
background: url(../images/css/arrow-blue-full.gif) 0px 3px no-repeat;
color: #0099cc;
}

#menu1 ul li a:hover{
background: url(../images/css/icon-ok-orange.gif) 0px 6px no-repeat;
color: #f29526;
}

#menu2 ul li a:hover{
background: url(../images/css/icon-ok-green.gif) 0px 6px no-repeat;
color: #85ac0d;
}

#menu3 ul li a:hover{
background: url(../images/css/icon-ok-red.gif) 0px 6px no-repeat;
color: #ff0000;
}

#menu4 ul li a:hover{
background: url(../images/css/icon-ok-blue1.gif) 0px 6px no-repeat;
color: #0099cc;
}

span.titulok{
display: none;
}

div.tooltip{
width: 219px; height: 189px;
padding: 0px 10px 0px 10px;
position: absolute; top: 229px;
display: none;
color: #7d7d7d;
text-decoration: none !important;
}

* HTML BODY div.tooltip{
top: 226px;
}

#menu1 div.tooltip, #menu3 div.tooltip{
background: #fff url(../images/css/bg-special-menu-top-1.gif) 0px 0px no-repeat;
}

#menu2 div.tooltip, #menu4 div.tooltip{
background: #fff url(../images/css/bg-special-menu-top-2.gif) 0px 0px no-repeat;
}

div.tooltip .text{
position: absolute;
text-align: justify;
width: 218px;
text-decoration: none;
}

* HTML BODY #menu1 div.tooltip, * HTML BODY #menu3 div.tooltip{
background: #fff url(../images/css/bg-special-menu-top-2.gif) 0px 3px no-repeat;
}

* HTML BODY #menu2 div.tooltip, * HTML BODY #menu4 div.tooltip{
background: #fff url(../images/css/bg-special-menu-top-1.gif) 0px 3px no-repeat;
}

/* MENU */

div.boxMenu{
width: 960px;
clear: both;
margin: 0px 0px 10px 0px; 
}

* HTML BODY div.boxMenu{
width: 960px;
}

div.boxMenu .menu ul{
width: 100%;
float: left;
border-bottom: 5px solid #f29526;
margin: 0px; padding: 0px;
}

* HTML BODY div.boxMenu .menu ul{
width: 960px;
}

div.boxMenu .menu ul li{
background: none;
float: left;
margin: 0px; padding: 2px 0px 0px 0px;
text-align: center;
width: 142px; height: 17px;
}

div.boxMenu .menu ul li a{
background: url(../images/css/arrow-orange-full.gif) left center no-repeat;
margin: 0px auto; padding: 0px 0px 0px 15px;
width: auto;
text-align: center; color: #004494; font-weight: bold; text-transform: uppercase;
}

div.boxMenu .menu ul li a:hover{
text-decoration: underline;
}

div.boxMenu .menu ul li.open{
background: url(../images/css/tabs-orange.gif) 0px 1px no-repeat;
}

div.boxMenu .menu ul li.open a{
background: url(../images/css/arrow-white-full.gif) left center no-repeat;
color: #fff;
}

div.boxMenu div.navbar{
background: url(../images/css/bg-dotted-2.gif) left bottom no-repeat;
margin: 0px; padding: 5px 0px 5px 10px;
clear: both; float: left;
width: 100%;
}

/* CENTER SUBPAGE */

div.boxCenter{
width: 960px;
clear: both;
margin: 0px 0px 10px 0px; 
line-height: 150%;
}

div.boxCenter a.more{
float: right; display: block;
background: url(../images/css/arrow-orange.gif) left center no-repeat;
margin: 5px 0px 0px 0px; padding: 0px 0px 0px 17px;
text-align: center; 
color: #f29526;
}

div.description a.more{
float: right; display: block;
background: url(../images/css/arrow-orange.gif) left center no-repeat;
margin: 0px 5px 0px 0px; padding: 0px 0px 0px 17px;
text-align: center; 
color: #f29526;
}

div.boxBorder{
float: left;
width: 100%;
border: 1px solid #e5edf6;
margin: 0px 0px 5px 0px; 
}

div.boxBorder h3{
clear: both; 
background: #e5edf6 url(../images/css/arrow-orange-full.gif) 10px 7px no-repeat;
margin: 0px; padding: 3px 0px 3px 29px;
font-weight: bold; font-size: 100%;
line-height: 150%;
}

div.submenu{
padding: 0px; margin: 0px 5px 0px 5px;
}

div.submenu ul{
padding: 0px; margin: 0px;
}

div.submenu ul ul{
padding: 0px; margin: 0px;
background-color: #f2f5fa;
}

div.submenu ul li{
background: url(../images/css/bg-dotted.gif) left bottom no-repeat;
padding: 0px; margin: 0px;
}

div.submenu ul li.last{
background: none;
padding: 0px; margin: 0px;
}

div.submenu ul li.open a{
background:  url(../images/css/icon-ok-orange.gif) 4px 7px no-repeat;
width: 153px; min-height: 20px;
display: block;
color: #F29526;
text-decoration: none;
}

div.submenu ul li a{
background: url(../images/css/icon-ok-blue.gif) 4px 7px no-repeat;
padding: 2px 0px 2px 25px; margin: 0px;
display: block;
width: 153px; min-height: 20px;
}

div.submenu ul li li a{
background: url(../images/css/arrow-dotted-orange.gif) 25px 8px no-repeat !important;
padding: 2px 0px 2px 45px; margin: 0px;
display: block;
width: 135px !important; min-height: 20px;
color: #004494 !important;
}


div.submenu ul li a:hover{
background: #004494 url(../images/css/icon-ok-white.gif) 4px 7px no-repeat;
width: 153px; min-height: 20px;
display: block;
color: #fff;
text-decoration: none;
}

div.submenu ul li li a:hover{
background: #004494 url(../images/css/arrow-dotted-white_new.gif) 25px 8px no-repeat !important;
min-height: 20px;
display: block;
/*color: #004494;*/
color: #FFFFFF !important;
text-decoration: none;
}

div.submenu ul li li.open{
background: #ccdaea url(../images/css/bg-dotted.gif) left bottom no-repeat;
}

* HTML BODY div.submenu ul li a, * HTML BODY div.submenu ul li a:hover{
height: 20px;
}

/* box left */

div.boxCenter .boxLeft{
float: left;
width: 190px;
padding: 0px; 
}

/* box right */

div.boxCenter .boxRight{
float: right;
width: 210px; 
}

div.boxCenter .logaCenter{
text-align: left;
height: 75px;
border: 0px solid #fff;
overflow: hidden;
}

body .logaCenter2{
text-align: center;
width: 190px;
}

div.boxCenter .logaCenter a{
margin: 0px 0px 0px 0px;
border: 5px solid #fff;
display: block;
}

div.boxCenter .boxRight dl{
padding: 5px 5px 5px 5px; margin: 0px;
}

div.boxCenter .boxRight dt{
clear: both;
margin: 0px; padding: 0px 0px 0px 25px;
background: url(../images/css/arrow-dotted-blue.gif) 7px 6px no-repeat;
color: #F29526; font-weight: bold;
}

div.boxCenter .boxRight dt a{
color: #f29526;
}

div.boxCenter .boxRight dd{
background: url(../images/css/bg-dotted.gif) left bottom no-repeat;
clear: both;
margin: 0px; padding: 0px 0px 5px 25px;
}

div.boxCenter .boxRight dd.last{
background: none;
clear: both;
margin: 0px; padding: 0px 0px 5px 25px;
}

div.boxBorder a.more{
clear: both; float: left;
width: 180px;
background: #e5edf6 url(../images/css/arrow-dotted-blue.gif) 11px 8px no-repeat;
margin: 0px; padding: 3px 0px 3px 30px;
line-height: 150%;
color: #7d7d7d;
text-align: left;
}

/* box content */

div.boxCenter .boxContent h1{
font-size: 140%;
line-height: normal;
margin: 0px 0px 15px 0px; padding: 3px 0px 4px 0px;
background: url(../images/css/bg-dotted.gif) left bottom repeat-x;
display: none;
}

div.boxCenter .boxContent h1.permalink{
display: block;
}

div.boxCenter .content{ float: right; width: 760px;}

div.boxCenter .boxContent{
float: left;
padding: 0px 0px 10px 0px; margin: 0px 10px 10px 0px; 
width: 540px;
}

* HTML BODY  div.boxCenter .boxContent{
width: 536px;
}

div.boxCenter .bezPravehoMenu { float: right; width: 760px !important; margin: 0px 0px 10px 10px !important;}

* HTML BODY div.boxCenter .bezPravehoMenu {
width: 756px !important;}

/* \*/
* html div.boxCenter .boxContent { overflow: hidden; o\verflow: visible; he\ight: 1%; }
/* */
	  
/* CENTER HOMEPAGE */

div.boxCenterHomepage{
width: 960px;
clear: both;
margin: 0px 0px 20px 0px;
}

/* HOMEPAGE news */

div.boxCenterHomepage .newsBox{
width: 475px; min-height: 160px;
padding: 0px 0px 10px 0px;
background: url(../images/css/bg-news-bottom.gif) left bottom no-repeat;
}

* HTML BODY div.boxCenterHomepage .newsBox{
height: 160px;
}
#slideshow1 div, #slideshow2 div { background-color: #ffffff;}

div.boxCenterHomepage .newsBottom{
clear: both;
width: 100%; height: 7px;
background: url(../images/css/bg-news-bottom-full.gif) left top no-repeat;
margin: 0px; padding: 0px;
}
 
div.boxCenterHomepage .newsBox div.nav{
float: right;
margin: 3px 0px 0px 0px; padding: 0px;
}

div.boxCenterHomepage .newsBox div.nav a{
float: left; display: block;
background: url(../images/css/bg-paging.gif) 0px 1px no-repeat;
width: 16px;
margin: 0px 0px 0px 0px; padding: 1px 0px 3px 4px;
}

* HTML BODY div.boxCenterHomepage .newsBox div.nav a{
margin: 0px 4px 0px 0px;
}

div.boxCenterHomepage .newsBox div.nav a:hover, div.boxCenterHomepage .newsBox div.nav a.activeSlide{
color: #f29526;
text-decoration: none;
}

div.boxCenterHomepage .newsBox a.more{
float: right; display: block;
background: url(../images/css/arrow-orange.gif) left center no-repeat;
margin: 5px 10px 0px 0px; padding: 0px 0px 0px 17px;
text-align: center; 
color: #f29526;
}

div.boxCenterHomepage .newsBox div.newsTop{
background-color: #e5edf6;
margin: 0px 0px 10px 0px; padding: 0px;
height: 23px;
}

div.boxCenterHomepage .newsBox div.newsTop h3{
float: left; clear: both;
background: url(../images/css/arrow-orange-full.gif) left center no-repeat;
margin: 5px 0px 0px 5px; padding: 0px 0px 0px 15px;
font-weight: normal; font-size: 100%;
}

div.boxCenterHomepage .newsBox .newsImage{
float: left;
width: 230px; height: 80px;
overflow: hidden;
border: 5px solid #d4e8ff;
margin: 0px 10px 0px 0px; padding: 0px;
}

div.boxCenterHomepage .newsBox img{
float: left;
margin: 0px 0px 0px 0px; padding: 0px;
}

div.boxCenterHomepage .newsBox h2{
float: left;
background: url(../images/css/arrow-dotted-blue.gif) 0px 4px no-repeat;
margin: 0px 0px 5px 0px; padding: 0px 0px 0px 12px;
font-size: 100%;
line-height: normal;
width: 200px;
}

div.boxCenterHomepage .newsBox span{
float: right;
background: url(../images/css/icon-time.gif) left center no-repeat;
margin: 0px 10px 5px 0px; padding: 0px 0px 0px 12px;
font-size: 100%; color: #004494;
line-height: normal;
}

div.boxCenterHomepage .newsBox .newsText{
float: left;
width: 215px;
text-align: justify;
line-height: normal;
}

/* PARTNERI */

div.boxLoga{
width: 960px;
clear: both;
margin: 0px 0px 10px 0px; 
}

#source{
/*visibility: hidden;*/
}

div.boxLoga .partneri h4, div.boxLoga .klienti h4{
margin: 0px; padding: 0px 5px 0px 5px;
position: absolute; top: -10px; left: 8px;
background-color: #fff;
font-weight: normal; font-size: 100%;
}

div.boxLoga .partneri{
width: 670px; height: 84px;
float: left; position: relative;
border: 1px solid #cddcec;
padding: 10px;
}

div.boxLoga .partneri ul{
margin: 0px;
}

div.boxLoga .partneri ul li{
background: none;
float: left;
/*padding: 0px 30px 0px 25px;*/
padding: 0px 11px 0px 5px;
list-style-position: outside;
}

/* INDEX klienti*/

div.boxLoga .klienti{
width: 240px; height: 84px;
float: right; position: relative;
border: 1px solid #cddcec;
padding: 10px;
}

div.boxLoga .klienti div.klient{
width: 180px; height: 45px;
margin: 17px 0px 0px 0px; padding: 0px;
float: left;
}

div.boxLoga .klienti div.klient img{
padding: 0px 30px 0px 30px;
}

div.boxLoga .klienti div.nav3{
float: left;
width: 30px; 
}

div.boxLoga .klienti div.nav3 a.next{
display: block; float: right;
position: relative; top: 25px;
width: 26px; height: 34px;
background: transparent url(../images/css/jcarousel-next-horizontal.gif) no-repeat 0 0;
}

div.boxLoga .klienti div.nav3 a.prev{
display: block;
position: relative; top: 25px;
width: 26px; height: 34px;
background: transparent url(../images/css/jcarousel-prev-horizontal.gif) no-repeat 0 0;
}

/* SUBPAGE klienti*/

div.logaCenter div.klient{
width: 148px; height: 45px;
margin: 17px 0px 0px 0px; padding: 0px;
float: left;
}

* HTML BODY div.logaCenter div.klient{
width: 136px;
}

*+HTML BODY div.logaCenter div.klient{
width: 144px;
}

div.logaCenter div.klient img{
padding: 0px 10px 0px 14px;
}

* HTML BODY div.logaCenter div.klient img{
padding: 0px 13px 0px 8px;
}

div.logaCenter div.nav3{
float: left;
width: 30px;
}


div.logaCenter div.nav3 a.next{
display: block; float: right;
position: relative; top: 15px;
width: 26px; height: 34px;
background: transparent url(../images/css/jcarousel-next-horizontal.gif) no-repeat 0 0;
}

div.logaCenter div.nav3 a.prev{
display: block;
position: relative; top: 15px;
width: 26px; height: 34px;
background: transparent url(../images/css/jcarousel-prev-horizontal.gif) no-repeat 0 0;
}

/* FOOTER */

div.boxFooter{
background: url(../images/css/bg-footer-bottom.gif) left bottom no-repeat;
width: 960px;
clear: both;
margin: 0px 0px 10px 0px;  padding: 10px 0px 15px 0px; border-top: 5px solid #d2d2d2;
color: #bfbfbf;
}

div.boxFooter .right {
text-align: right;
}

div.boxFooter ul{
margin: 0px; padding: 0px;
float: left;
}

div.boxFooter ul li{
background: none;
margin: 0px 3px 0px 0px; padding: 0px;
float: left;
}

div.boxFooter /* ul li */ a{
margin: 0px 3px 0px 0px;
text-decoration: none;
color: #bfbfbf;
}

div.boxFooter /* ul li */ a:hover{
text-decoration: underline;
color: #004494;
}

/* COMPONENTS */

/* News */

body .odsadenie{
clear: both;
margin: 0px 0px 15px 0px;;
}

div.boxContent div.paging{
clear: both;
background-color: #e5edf6;
margin: 0px 0px 10px 0px; padding: 0px;
height: 23px;
}

div.boxContent div.paging h3{
float: left; clear: both;
background: url(../images/css/arrow-orange-full.gif) left center no-repeat;
margin: 4px 0px 0px 5px; padding: 0px 0px 0px 15px;
font-weight: normal; font-size: 100%;
}

/*div.boxContent div.paging{
float: right;
margin: 3px 0px 0px 0px; padding: 0px;
}*/

div.boxContent div.paging span{
float: left; display: block;
background: url(../images/css/bg-paging-big.gif) 0px 1px no-repeat;
width: 21px;
margin: 3px 4px 0px 0px; padding: 0px 0px 2px 0px;
color: #f29526;
text-align: center;
}

div.boxContent div.paging a{
float: left; display: block;
background: url(../images/css/bg-paging-big.gif) 0px 1px no-repeat;
width: 21px;
margin: 3px 4px 0px 0px; padding: 0px 0px 2px 0px;
text-align: center;
}

div.boxContent div.paging a:hover, div.boxContent div.paging a.activeSlide{
color: #f29526;
text-decoration: none;
}

/* NEW REFERENCIE */

div.newRefTable{
clear: both;
text-align: justify;
margin: 0px 0px 10px 0px;
}

div.newRefTable .newsImage{
float: left;
width: 230px; height: 80px;
overflow: hidden;
border: 5px solid #d4e8ff;
margin: 0px 10px 0px 0px; padding: 0px;
}

div.newRefTable .description{
float: right;
width: 286px;
}

div.newRefTable a.more{
float: left;
background: url(../images/css/arrow-orange.gif) left center no-repeat;
margin: 0px 0px 0px 0px; padding: 0px 0px 0px 15px;
color: #f29526;
line-height: normal;
}


/* PRODUKT */

div.produkt{
clear: both;
text-align: justify;
margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px;
background: url(../images/css/bg-dotted.gif) left bottom repeat-x;
}

div.produkt h3 {
margin-bottom: 2px;
padding-bottom: 0px;
}

div.produkt a{
font-weight: bold;
}

div.produkt .newsImage{
float: left;
width: 230px; height: 80px;
overflow: hidden;
border: 5px solid #d4e8ff;
margin: 0px 10px 0px 0px; padding: 0px;
}

div.produkt .description{
float: right;
width: 286px;
}

div.produkt a.more{
float: left;
background: url(../images/css/arrow-orange.gif) left center no-repeat;
margin: 0px 0px 0px 0px; padding: 0px 0px 0px 15px;
color: #f29526;
line-height: normal;
}

/** HTML BODY div.newRefTable a.more{
left: 240px;
}*/

/* REFERENCIE */

div.referencie{
clear: both; width: 100%;
background: url(../images/css/bg-dotted.gif) left bottom repeat-x;
margin: 0px 0px 10px 0px;
}

div.referencie .description{
clear: both; float: left;
width: 100%;
margin: 10px 0px;
}

div.book .description{
float: left; clear: none;
width: 390px;
margin: 10px 0px;
}

* HTML BODY div.book .description{
float: left; clear: none;
width: 370px;
margin: 0px 0px;
}

div.referencie .description span{
color: #004493;
font-weight: bold;
}

div.referencie h4 a{
font-size: 100%;
margin: 0px 0px 4px 0px; padding: 0px;
font-weight: bold;
}

div.book h4 a{
font-size: 100%;
margin: 0px 0px 4px 0px; padding: 0px;
font-weight: bold;
float: left;
}

div.referencie .newsImage{
float: left;
width: 230px; height: 80px;
overflow: hidden;
border: 5px solid #d4e8ff;
margin: 0px 10px 0px 0px; padding: 0px;
}

div.book .newsImage{
float: left;
width: 130px; height: 167px;
overflow: hidden;
border: 5px solid #d4e8ff;
margin: 0px 10px 10px 0px; padding: 0px;
}

div.referencie dl{
margin: 0px; padding: 0px;
}

div.book dl{
float:	left; width: 370px;
margin: 0px 0px 15px 0px; padding: 0px;
}

div.referencie dt{
float:left; display: block;
width:78px;
font-weight: bold;
}

div.referencie dd{
float: left; display: block; width: 210px;
margin: 0px 0px 3px 0px; padding: 0px;
}

div.book dd{
width: 280px;
}

div.referencie dd.title{
color: #f29526;
}

/* referecie stranka */

div.referencieStr {
clear: both; width: 100%;
margin: 0px 0px 0px 0px;
}

div.bookStr {
clear: none; width: 100%;
margin: 0px 0px 0px 0px;
}

div.referencieStr .description{
clear: both; float: left;
width: 100%;
margin: 10px 0px;
}

div.bookStr .description{
clear: none; float: left;
width: 100%;
margin: 10px 0px;
}

div.referencieStr .description span{
color: #004493;
font-weight: bold;
}

div.referencieStr .newsImage{
float: left;
width: 230px; height: 80px;
overflow: hidden;
border: 5px solid #d4e8ff;
margin: 0px 10px 0px 0px; padding: 0px;
}

div.bookStr .newsImage{
float: left;
width: 130px; height: 167px;
overflow: hidden;
border: 5px solid #d4e8ff;
margin: 0px 10px 0px 0px; padding: 0px;
}

div.referencieStr dl{
margin: 0px; padding: 0px;
}

div.bookStr dl{
margin: 0px 0px 15px 0px; padding: 0px;
float: left;
width: 370px;
overflow: hidden;
}

div.referencieStr dt{
float:left; display: block;
width:80px;
font-weight: bold;
}

div.referencieStr dd{
float: left; display: block; width: 180px;
margin: 0px 0px 3px 0px; padding: 0px;
}

div.bookStr dd{
float: left; display: block; width: 280px;
margin: 0px 0px 3px 0px; padding: 0px;
}

div.referencieStr dd.title{
color: #f29526;
}

div.boxContent div.referencieStr h1{
font-size: 140%;
line-height: normal;
margin: 0px 0px 15px 0px !important; padding: 3px 0px 4px 0px;
background: url(../images/css/bg-dotted.gif) left bottom repeat-x; }

/* verzie */

table.verzie{
width: 100%;
margin-bottom:20px;
}

table.verzie th{
text-align: left;
vertical-align: top;
background: url(../images/css/bg-dotted.gif) left bottom no-repeat;
}

table.verzie th em{
font-weight: normal;
}

table.verzie td{
background: url(../images/css/bg-dotted.gif) left bottom no-repeat;
padding: 6px 0px 6px 0px;
}

table.verzie td span{
cursor: help;
}

table#verzie span.odd {
color:#8DBC1D;
}

/* verzia 2 */
table.verzie2 {
width: 100%;
margin-bottom:20px;
}

table.verzie2 th{
text-align: left;
vertical-align: top;
background: url(../images/css/bg-dotted.gif) left bottom repeat-x;
}

table.verzie2 th em{
font-weight: normal;
}

table.verzie2 td{
background: url(../images/css/bg-dotted.gif) left bottom repeat-x;
padding: 6px 0px 6px 0px;
}

table.verzie2 td span{
cursor: help;
}

table#verzie2 span.odd {
color:#8DBC1D;
}

div.vTooltip{
width: 230px;
display: none;
padding: 0px 0px 20px 0px;
position: absolute;
color: #7d7d7d;
background: url(../images/css/tooltip-bottom.gif) left bottom no-repeat;
}

div.vTooltip .text{
width: 210px;
clear: both;
padding: 10px 10px 5px 10px;
text-align: justify;
background-color: #e5edf6;
}

h3.soNadpis {margin: 0px 0px 5px 0px; padding: 0px 0px 6px 0px; font-weight: bold; background: url(../images/css/bg-dotted.gif) left bottom repeat-x; color: #F29526;}
a.suvisiaceOdkazy {
display: block;
background: url(../images/css/arrow-orange.gif) left center no-repeat;
margin: 0px; padding: 0px 0px 0px 17px;
color: #034ea2;/*color: #f29526;*/
}

table.download img{
float: left;
}

table.download tr{
background: url(../images/css/bg-dotted.gif) left bottom repeat-x;
}

table.download td{
padding: 0px 0px 10px 0px;
}

table.download td h2{
padding: 10px 0px 0px 0px;
}

a.download{
background:url(../images/css/download.png) left center no-repeat;
width: 81px; height: 14px;
padding: 6px 0px 6px 6px; margin: 5px 5px 0px 0px;
display: block; float: right;
}

a.download:hover{
background:url(../images/css/download_hover.png) left center no-repeat;
text-decoration: none;
}

/* eventy */

div.news_text h4{
font-size: 100%;
margin: 0px 0px 5px 0px; padding: 0px;
}

div.news_text {
margin: 0px 0px 5px 0px; padding: 0px;
}

div.news_text h4 span {
display: block;
float: right;
color: #636363;
margin: 0px; padding: 0px;
}

div.news_text a.more{
/*float: right; display: block;*/
float: none; display: inline;
background: url(../images/css/arrow-orange.gif) 0px 3px no-repeat;
margin:0px 0px 0px 5px; padding: 0px 0px 0px 17px;
color: #f29526;
text-align: inherit;
}

div.hr{
background: url(../images/css/bg-dotted.gif) left bottom repeat-x;
border: 0px; margin: 0px 0px 10px 0px; padding: 0px;
height: 1px; font-size: 1px;
}

ul.jqGalScroll li{
background-image: none;
}

ul.language {
padding:0px; margin: 0px;
list-style: none;
float: right;
background-image: none;
font-weight: bold;
}

ul.language li {
padding: 0px; margin: 0px;
float:left;
background-image: none;
}

ul.language li a{
padding: 0px 2px; margin: 0px;
}

ul.language li a.active {
color: #F29526;
}


/* boxRef news */

div.ref .newsBox{
width: 540px; min-height: 150px;
margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px;
background: url(../images/css/bg-dotted.gif) left bottom repeat-x;
}


* HTML BODY div.ref .newsBox{
width: 530px;
height: 150px;
}

div.ref .newsBottom{
clear: both;
width: 100%; height: 7px;
background: url(../images/css/bg-news-bottom-full.gif) left top no-repeat;
margin: 0px; padding: 0px;
}
 
div.ref .newsBox div.nav{
float: right;
margin: 3px 0px 0px 0px; padding: 0px;
}

div.ref .newsBox div.nav a{
float: left; display: block;
background: url(../images/css/bg-paging.gif) 0px 1px no-repeat;
width: 16px;
margin: 0px 0px 0px 0px; padding: 0px 0px 3px 4px;
}

* HTML BODY div.ref .newsBox div.nav a{
margin: 0px 4px 0px 0px;
}

div.ref .newsBox div.nav a:hover, div.ref .newsBox div.nav a.activeSlide{
color: #f29526;
text-decoration: none;
}

div.ref .newsBox a.more{
float: right; display: block;
background: url(../images/css/arrow-orange.gif) left center no-repeat;
margin: 4px 10px 0px 0px; padding: 0px 0px 0px 17px;
text-align: center; 
color: #f29526;
}

div.ref .newsBox div.newsTop{
background-color: #e5edf6;
margin: 0px 0px 10px 0px; padding: 0px;
height: 23px;
}

div.ref .newsBox div.newsTop h3{
float: left; clear: both;
background: url(../images/css/arrow-orange-full.gif) left center no-repeat;
margin: 5px 0px 0px 5px; padding: 0px 0px 0px 15px;
font-weight: normal; font-size: 100%;
}

div.ref .newsBox .newsImage{
float: left;
width: 230px; height: 80px;
overflow: hidden;
border: 5px solid #d4e8ff;
margin: 0px 10px 0px 0px; padding: 0px;
}

div.ref .newsBox img{
float: left;
margin: 0px 0px 0px 0px; padding: 0px;
}

div.ref .newsBox h2{
float: left;
background: url(../images/css/arrow-dotted-blue.gif) 0px 4px no-repeat;
margin: 0px 0px 5px 0px; padding: 0px 0px 0px 12px;
font-size: 100%;
line-height: normal;
width: 270px;
}


* HTML BODY div.ref .newsBox h2{
width: 250px;
}

div.ref .newsBox span{
float: right;
background: url(../images/css/icon-time.gif) left center no-repeat;
margin: 0px 10px 5px 0px; padding: 0px 0px 0px 12px;
font-size: 100%; color: #004494;
line-height: normal;
}

div.ref .newsBox .newsText{
float: left;
width: 285px;
text-align: justify;
line-height: normal;
}

* HTML BODY div.ref .newsBox .newsText{
width: 270px;
}

body div.inquiry {
width:100%;
}

body div.inquiry dt, body div.inquiry dd, body div.inquiry .total {
margin: 0 5px;
width: 180px;
}

body .inquiry .bar_style {width:175px;}

div.ukazka table {margin: 0 0 15px 0;}
div.ukazka tr.hlavickaTabulky td{ text-align:center;}
div.ukazka .poznamka {border-top:1px dashed #858585; color:#858585; font-size:94.5%; letter-spacing:1px; margin:0 0 10px; padding:10px 0 0;}
div.ukazka .zvyraznenie {color: #CC0000;}

/* dotaznik spokojnosti zakaznika */

table.tabForm {margin: 0px 0px 15px 0px;}
table.tabForm, table.tabForm tr th, table.tabForm tr td {border: 1px solid #E5EDF6; border-collapse: collapse;}
table.tabForm tr th, table.tabForm tr td {padding: 2px 4px !important;}
table.tabForm tr th {color: #000000; background-color: #e5edf6; font-weight: bold;}
table.tabForm tr th.smallTextH {font-size: 86%;}
table.tabForm tr.zvyrazneniE {background: #e5edf6;}
table.tabForm tr.even {background: #F2F6FA;}
table.tabForm textarea {width: 99%; height: 60px;}
table.tabForm span {position: relative; top: -4px; margin: 0px 0px 0px 10px;}
table.tabForm label {margin-left: 04px; margin-right: 14px; font-weight: normal; color: #000000;}
table.tabForm input.btSubmit {width: 80px; text-align: center; height: 24px;}

table.noBorder, table.noBorder tr th, table.noBorder tr td {border: 0px none; border-collapse: collapse;}

table.inputNoBorder input {border: 0px none;}
div.ref .newsBox a.all {margin-top: 100px; float:left;}

div.ukazkySab {margin: 0px 0px 0px 20px;}

div.unsubscribeForm {}

ul.media-ul {clear: both;}
ul.media-ul li {background: none;}

a.showOnline {display: none;}
a.maskaObrazok {display: none;}
a.nadpisH {display: none;}

/* formular email  */
table.two_columns { border-collapse: collapse; border: 0px none; font-size: 14px; }
table.two_columns table { margin: 0px;  }
table.two_columns label, table.email_form_mw span, table.email_form_mw input, table.email_form_mw textarea { color: #000000 !important; font-size: 14px; margin: 0px; padding: 0px; line-height: 18px; }
table.two_columns span { width: auto; height: auto; background: none; }
table.two_columns table tr td.pole { width: auto; }
table.two_columns tr td.pole_chck { width: auto !important; }
table.two_columns tr td.pole_chck label { width: auto; float: left; text-align: left; }
table.two_columns tr td.pole_chck span { width: auto; display: inherit; }
table.two_columns tr td.pole_chck label span { width: auto; display: none; }