body {
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 70%;
text-align: center;
color: #ffffff;
background-image: url("../img/bg_main.jpg");
background-repeat: repeat-x;
background-color: #0E6590;
}

/* styly textu */
strong {
font-size: 100%;
font-weight: bold;
color: #FB6400;
}

h1 {
font-size: 120%;
font-weight: bold;
color: #FFFFFF;
margin: 0;
margin-bottom: 8px;
padding: 0;
}

h2 {
font-size: 100%;
font-weight: bold;
color: #FB6400;
margin: 0;
margin-bottom: 2px;
padding: 0;
}

h3 {
font-size: 100%;
font-weight: bold;
color: #FFFFFF;
margin: 0;
margin-bottom: 2px;
padding: 0;
}

h4 {
font-size: 120%;
font-weight: bold;
color: #FB6400;
margin: 0;
margin-bottom: 2px;
margin-top: 18px;
padding: 0;
}

p {
margin: 0px;
}

.modre {
color: #6399B5;
}

.center {
text-align:center;
}

.text {
margin: 0px;
margin-bottom: 7px;
text-indent: 15px;
line-height: 1.4;
text-align: justify;
}

.text2 {
margin: 0px;
margin-bottom: 7px;
text-indent: 0px;
line-height: 1.4;
text-align: left;
}

.referencie {
padding-left: 8px;
}

.referencie img {
border: 2px solid #6399B5;
}

.galeria {
padding: 20px;
}

.galeria img {
border: 2px solid #6399B5;
margin-left: 5px;
}

ul, li {
padding: 0;
margin-left: 17px;
margin-top: 4px;
margin-bottom: 4px;
list-style-type: square;
}

ul {
margin-bottom: 15px;
}

/* koniec styly textu */

/* mapy */
#bb,#ba,#ke,#nr,#po,#tn,#tt,#za {
display: none;
padding-top: 30px;
}

#novinka1,#novinka2,#cz,#ru,#ua,#pl,#hu,#ro,#lo,#lt,#bg {
display: none;
}


#novinka1-zac,#novinka2-zac {
display: block;
}

#mapa-sk { 
padding: 0px; 
margin-top: 00px;
background: url(../img/mapa_sk1.gif) top left no-repeat; 
width: 231px; 
font-size: 1px; 
}

#mapa-eu { 
padding: 0px; 
background: url(../img/mapa_eu1.gif) top left no-repeat; 
width: 340px; 
font-size: 1px; 
}

/* mapy koniec*/

/* prvky layotu */
#header-flash {
height: 311px;
width: 983px;
margin: 0 auto;
}

#holder {
width: 803px;
margin: 0 auto;
position: relative;
margin: 0 auto;
}

#hlavne-menu {
width: 803px;
height: 36px;
background-image: url("../img/bg_main_menu.gif");
background-repeat: no-repeat;
background-position: top right;
margin: 0 auto;
text-align: left;
}

#left-side {
float: left;
}

#right-side {
float: right;
}

hr.cleaner {
clear:both;
height:1px;
margin: -1px 0 0 0; padding:0;
border:none;
visibility: hidden;
}

#bottom {
width: 803px;
margin: 0 auto;
padding: 0;
margin-top: 5px;
font-size: 11px;
}

#bottom a, #bottom a:visited, #bottom a:active {
color: #ffffff;
text-decoration: none;
}

#bottom a:hover {
color: #ffffff;
text-decoration: underline;
}

#bottom-left {
width: 276px;
float: left;
text-align: left;
}

#bottom-middle {
margin-left: 276px;
text-align: center;
}

#bottom-right {
width: 259px;
float: right;
text-align: right;
}

#bottom-left strong {
font-weight: normal;
}

/* koniec prvky layotu */

/* styly uvod */
.uvod-box-main {
width: 544px;
_height: 272px;
min-height: 272px;
background-image: url("../img/bg_uvod_box_main.jpg");
background-repeat: repeat-y;
margin: 0;
}
.uvod-box-top {
width: 544px;
_height: 245px; 
min-height: 245px; 
background-image: url("../img/bg_uvod_box_top.jpg");
background-repeat: no-repeat;
margin: 0;
}
.uvod-box-bottom {
width: 544px;
height: 41px;
background-image: url("../img/bg_uvod_box_bottom.jpg");
background-repeat: no-repeat;
margin: 0;
}
.uvod-box2 {
width: 249px;
height: 278px;
background-image: url("../img/bg_uvod_box2.gif");
background-repeat: no-repeat;
text-align: left;
padding-left: 10px;
padding-top: 10px;
}
.uvod-box2 h2 {
font-size: 11px;
font-weight: bold;
color: #FF6600;
margin: 0;
padding: 0;
margin-bottom: 6px;
}
.uvod-box2 p {
font-size: 11px;
color: #ffffff;
margin: 0;
padding: 0;
margin-bottom: 10px;
}
#fix-banner {
position: absolute;
left: 50%; 
margin-left:125px;
top: 345px;
width: 295px;
height: 315px;
z-index: 0;
}

#fix-lang {
position: absolute;
left: 50%; 
margin-left:100px;
top: 3px;
width: 295px;
height: 15px;
z-index: 1;
text-align: right;
}
#fix-lang a, #fix-lang a:visited, #fix-lang a:active {
color: #ffffff;
text-decoration: none;
}

#fix-lang a:hover {
color: #ffffff;
text-decoration: underline;
}

#novinky {
width: 251px;
float: left;
padding-left: 10px;
padding-right: 15px;
padding-top: 15px;
text-align: justify;
overflow: visible;
display: block;
}
#novinky .novinky-datum {
color: #F7670D;
}
#novinky p {
margin-top: 5px;
}
#nove-produkty {
width: 268px;
float: right;
padding: 0;
margin: 0;
}
#nove-produkty-text {
padding-left: 10px;
padding-right: 15px;
padding-top: 8px;
text-align: justify;
}
#nove-produkty h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 140%;
color: #ffffff;
margin: 0;
margin-bottom: 5px;
padding: 0;
}
#nove-produkty p {
font-size: 100%;
color: #ffffff;
margin: 0;
}
#novinky-bottom {
width: 251px;
float: left;
padding-left: 10px;
padding-right: 15px;
text-align: right;
}
#nove-produkty-bottom {
width: 253px;
padding-right: 15px;
float: right;
text-align: right;
}
#novinky a, #novinky-bottom a, #nove-produkty-bottom a, #nove-produkty-text a, #novinky a:visited, #novinky-bottom a:visited, #nove-produkty-bottom a:visited, #nove-produkty-text a:visited, #novinky a:active, #novinky-bottom a:active, #nove-produkty-bottom a:active, #nove-produkty-text a:active {
color: #86ACBE;
text-decoration: none;
}
#novinky a:hover, #novinky-bottom a:hover, #nove-produkty-bottom a:hover, #nove-produkty-text a:hover {
color: #86ACBE;
text-decoration: underline;
}
/* styly uvod koniec*/

/* left-menu */
.left-menu-main {
width: 155px;
background-image: url("../img/bg_leftmenu_main.jpg");
background-repeat: repeat-y;
margin: 0;
}

.left-menu-top {
width: 155px;
_height: 287px;
min-height: 287px;
background-image: url("../img/bg_leftmenu_top.jpg");
background-repeat: no-repeat;
margin: 0;
}

.left-menu-bottom {
width: 155px;
height: 35px;
background-image: url("../img/bg_leftmenu_bottom.jpg");
background-repeat: no-repeat;
margin: 0;
}

.left-menu {
padding-top: 15px;
padding-left: 12px;
text-align: left;
font-size: 120%;
font-weight: bold;
line-height: 1.7;
color: #FB6400;
}

.left-menu2 {
padding-top: 22px;
padding-left: 12px;
text-align: left;
font-size: 120%;
font-weight: bold;
line-height: 1.7;
color: #FB6400;
}

.left-submenu {
padding-left: 5px;
text-align: left;
font-size: 80%;
font-weight: normal;
line-height: 1.7;
color: #FB6400;
}

.left-menu a,.left-menu2 a, .left-menu a:visited, .left-menu2 a:visited, .left-menu a:active, .left-menu2 a:active {
color: #FFFFFF;
font-size: 100%;
text-decoration: none;
}

.left-menu a:hover, .left-menu2 a:hover {
color: #6399B5;
font-size: 100%;
text-decoration: none;
}

/* koniec left-menu */

/* rozlozenie boxov layout1 - leftmenu-uzkybox-sirokybox */
.layout1-main {
width: 647px;
background-image: url("../img/bg_layout1_main.jpg");
background-repeat: repeat-y;
margin: 0;
}
.layout1-top {
width: 647px;
_height: 287px;
min-height: 287px;
background-image: url("../img/bg_layout1_top.jpg");
background-repeat: no-repeat;
margin: 0;
text-align: left;
}
.layout1-bottom {
width: 647px;
height: 35px;
background-image: url("../img/bg_layout1_bottom.jpg");
background-repeat: no-repeat;
margin: 0;
}

.layout1-left {
padding-left: 15px;
padding-right: 15px;
padding-top: 20px;
width: 230px;
text-align: justify;
float: left;
}

.layout1-right {
padding-left: 20px;
padding-right: 20px;
width: 345px;
padding-top: 20px;
text-align: left;
float: right;
}

.layout1-right a,.layout1-left a, .layout1-right a:visited,.layout1-left a:visited, .layout1-right a:active,.layout1-left a:active {
color: #86ACBE;
text-decoration: none;
}

.layout1-right a:hover, .layout1-left a:hover {
color: #86ACBE;
text-decoration: underline;
}

/* koniec rozlozenie boxov layout1 */

/* rozlozenie boxov layout2 - leftmenu-sirokybox-uzkybox */
.layout2-main {
width: 647px;
background-image: url("../img/bg_layout2_main.jpg");
background-repeat: repeat-y;
margin: 0;
}
.layout2-top {
width: 647px;
_height: 287px;
min-height: 287px;
background-image: url("../img/bg_layout2_top.jpg");
background-repeat: no-repeat;
margin: 0;
text-align: left;
}
.layout2-bottom {
width: 647px;
height: 35px;
background-image: url("../img/bg_layout2_bottom.jpg");
background-repeat: no-repeat;
margin: 0;
}

.layout2-left {
padding-left: 15px;
padding-right: 20px;
padding-top: 20px;
width: 340px;
text-align: justify;
float: left;
}

.layout2-right {
padding-left: 20px;
padding-right: 20px;
width: 230px;
padding-top: 20px;
text-align: left;
float: right;
}

.layout2-right a,.layout2-left a, .layout2-right a:visited,.layout2-left a:visited, .layout2-right a:active,.layout2-left a:active {
color: #86ACBE;
text-decoration: none;
}

.layout2-right a:hover, .layout2-left a:hover {
color: #86ACBE;
text-decoration: underline;
}

/* koniec rozlozenie boxov layout2 */

/* rozlozenie boxov layout3 - leftmenu-velmisirokybox */
.layout3-main {
width: 647px;
background-image: url("../img/bg_layout3_main.jpg");
background-repeat: repeat-y;
margin: 0;
}
.layout3-top {
width: 647px;
_height: 287px;
min-height: 287px;
background-image: url("../img/bg_layout3_top.jpg");
background-repeat: no-repeat;
margin: 0;
text-align: left;
}
.layout3-bottom {
width: 647px;
height: 35px;
background-image: url("../img/bg_layout3_bottom.jpg");
background-repeat: no-repeat;
margin: 0;
}

.layout3-in {
padding-top: 20px;
padding-left: 15px;
padding-right: 15px;
}

.layout3-in a, .layout3-in a:visited, .layout3-in a:active {
color: #86ACBE;
text-decoration: none;
}

.layout3-in a:hover {
color: #86ACBE;
text-decoration: underline;
}

/* koniec rozlozenie boxov layout3 */


/* rozlozenie boxov layout4 - sirokybox-estesirsi box (vyrocne spravy) */
.layout4-main {
width: 803px;
background-image: url("../img/bg_layout4_main.jpg");
background-repeat: repeat-y;
margin: 0;
}
.layout4-top {
width: 803px;
_height: 287px;
min-height: 287px;
background-image: url("../img/bg_layout4_top.jpg");
background-repeat: no-repeat;
margin: 0;
text-align: left;
}
.layout4-bottom {
width: 803px;
height: 35px;
background-image: url("../img/bg_layout4_bottom.jpg");
background-repeat: no-repeat;
margin: 0;
}

.layout4-left {
padding-left: 15px;
padding-right: 20px;
padding-top: 20px;
width: 235px;
text-align: justify;
float: left;
}

.layout4-right {
padding-left: 20px;
padding-right: 20px;
width: 490px;
padding-top: 20px;
text-align: left;
float: right;
}

.layout4-in a, .layout4-in a:visited, .layout4-in a:active {
color: #86ACBE;
text-decoration: none;
}

.layout4-in a:hover {
color: #86ACBE;
text-decoration: underline;
}
/* koniec rozlozenie boxov layout4 */

/* layouty, ktore maju zmeny oproti normalnym */
.layout4-top-vs {
width: 803px;
_height: 287px;
min-height: 287px;
background-image: url("../img/bg_layout4_top_vs.jpg");
background-repeat: no-repeat;
margin: 0;
text-align: left;
}

.layout4-right-vs { 
padding-left: 20px;
padding-right: 20px;
width: 490px;
padding-top: 20px;
text-align: left;
float: right;
}

.layout4-right-vs a, layout4-right-vs a:visited, .layout4-right-vs a:active {
font-size: 120%;
text-decoration: none;
font-weight: bold;
line-height: 1.7;
color: #FB6400;
}

.layout4-right-vs a:hover {
color: #6399B5;
font-size: 120%;
text-decoration: none;
}

.layout4-right-mapa { 
padding-left: 20px;
padding-right: 20px;
width: 490px;
padding-top: 20px;
text-align: left;
float: right;
}

.layout4-right-mapa a, layout4-right-mapa a:visited, .layout4-right-mapa a:active {
font-size: 120%;
text-decoration: none;
font-weight: bold;
line-height: 1.7;
color: #FB6400;
}

.layout4-right-mapa a:hover {
color: #6399B5;
font-size: 120%;
text-decoration: none;
}

.layout4-right-mapa li a, layout4-right-mapa li a:visited, .layout4-right-mapa li a:active { 
font-size: 100%;
text-decoration: none;
font-weight: bold;
line-height: 1.7;
color: #FFFFFF;
}

.layout4-right-mapa li a:hover {
color: #6399B5;
font-size: 100%;
text-decoration: none;
}


.layout2-top-strategia {
width: 647px;
_height: 287px;
min-height: 287px;
background-image: url("../img/bg_layout2_top_strategia.jpg");
background-repeat: no-repeat;
margin: 0;
text-align: left;
}

.layout1-top-historia {
width: 647px;
_height: 287px;
min-height: 287px;
background-image: url("../img/bg_layout1_top_historia.jpg");
background-repeat: no-repeat;
margin: 0;
text-align: left;
}

.layout2-top-enviro {
width: 647px;
_height: 287px;
min-height: 287px;
background-image: url("../img/bg_layout2_top_enviro.jpg");
background-repeat: no-repeat;
margin: 0;
text-align: left;
}

.prsiet h2 {
margin-top: 7px;
font-size: 95%;
}

.detsiet {
font-size: 75%;
}


/* koniec layouty, ktore maju zmeny oproti normalnym */


/* left box - maly box na lavej strane */
.left-box-main {
width: 155px;
background-image: url("../img/bg_leftbox_main.jpg");
background-repeat: repeat-y;
margin: 0;
}

.left-box-top {
width: 155px;
background-image: url("../img/bg_leftbox_top.jpg");
background-repeat: no-repeat;
margin: 0;
}

.left-box-bottom {
width: 155px;
height: 25px;
background-image: url("../img/bg_leftbox_bottom.jpg");
background-repeat: no-repeat;
margin: 0;
}

.left-box {
padding-top: 22px;
padding-left: 10px;
padding-right: 10px;
text-align: left;
line-height: 1.7;
font-size: 11px;
}

.left-box a, .left-box a:visited, .left-box a:active {
color: #86ACBE;
text-decoration: none;
}

.left-box a:hover {
color: #86ACBE;
text-decoration: underline;
}


/* koniec left box */


.fix-font {
font-size: 11px;
}

#content-right1 {
padding-left: 15px;
padding-top: 25px;
width: 340px;
text-align: justify;
}

#content-right1 p,#content-right2 p {
padding-bottom: 8px;
text-indent: 15px;
}

#content-right1 .no-indent,#content-right2 .no-indent {
text-indent: 0px;
}

#content-right1 strong,#content-right2 strong {
color: #FB6400;
font-weight: bold;
}

#content-right2 {
padding-left: 285px;
padding-top: 15px;
width: 340px;
text-align: left;
}


input,textarea {
border: #CFCFCF 1px solid;
font-size: 100%; 
background-color: #FFFFFF;
margin-bottom: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #000000;
}

.error {
padding: 5px;
border: 1px solid white;
margin-top: 15px;
margin-bottom: 15px;
}

.error h3 {
color: #FF6600;
}