.sectorcontainer { height: auto; margin-right: auto; margin-left: auto; overflow: hidden; width: 780px; }
.sectorcontainer h1 { text-align: center; font-size: 60px; font-weight: lighter; margin-top: 40px; margin-bottom: 15px; }
.type1 { float: left; height: auto; width: 100%; }
.type2 { height: auto; width: 50%; float: left; margin-top: 30px; }
.type2a { height: auto; width: 70%; float: left; margin-top: 50px; margin-bottom: 40px; }
.type2b { height: auto; width: 30%; float: left; margin-top: 50px; margin-bottom: 40px; }
.type3 { float: left; width: 385px; height: 216px; overflow: hidden; margin-bottom: 40px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; }
.type3 .container img { width: 100%; }
.type3 .container .type3textbox { position: relative; top: -205px; margin: 0px; padding: 0px; }
.type3 .type3textbox h4 { color: #FFF; background-color: #F00; padding: 10px; margin-top: 10px; margin-left: 10px; display: inline-block; text-transform: uppercase; font-size: 14px; }
.type3 .type3textbox span { background-color: rgba(0, 0, 0, 0.6); display: block; margin-top: 85px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding: 0px; overflow: hidden; }
.type3 .type3textbox span h2 { font-size: 22px; color: #FFF; line-height: 26px; padding-top: 10px; padding-right: 15px; padding-bottom: 0px; padding-left: 15px; margin: 0px; }
.type3 .type3textbox span p { font-size: 13px; color: #FFF; line-height: 17px; margin: 0px; padding-top: 0px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; }
.mid_h3 { text-align: center; font-size: 60px; font-weight: lighter; margin-top: 40px; margin-bottom: 15px; }
.mid_p { font-size: 16px; line-height: 24px; color: #333; margin-bottom: 40px; text-align: center; width: 95%; display: block; margin-right: auto; margin-left: auto; }
.type4 { float: left; height: auto; width: 25%; }
.type5 { height: auto; width: 90%; overflow: hidden; margin-right: auto; margin-left: auto; margin-top: 50px; margin-bottom: 50px; }
.type5 .container .img_frame { float: left; width: 40%; }
.type5 .container .text_frame { float: left; width: 60%; }
.type5 .container .img_frame img { width: 100%; }
.type5 .container h3 { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #666; margin-bottom: 10px; font-size: 16px; padding-bottom: 5px; text-align: right; }
.type5 .container .text_frame h2 { font-size: 36px; font-weight: bold; color: #000; margin-left: 40px; margin-bottom: 20px; }
.type5 .container .text_frame p { font-size: 14px; line-height: 22px; color: #666; margin-left: 40px; margin-bottom: 20px; }
.type5 .container .text_frame .button_red { display: block; height: 60px; width: 150px; font-size: 18px; line-height: 60px; color: #FFF; background-color: #F00; margin-left: 40px; text-align: center; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.type5 .container .text_frame .button_red:hover { color: #FFF; background-color: #333; }
.type6 { color: #FFF; height: auto; width: 25%; float: left; margin-top: 20px; margin-bottom: 0px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.type6:hover { color: #CCC; background-color: #000; }
.type6 .container img { display: block; margin-right: auto; margin-left: auto; margin-bottom: 5px; }
.type6 .container h3 { font-size: 20px; text-transform: uppercase; text-align: center; margin-bottom: 10px; font-weight: normal; line-height: 24px; }
.type6 .container p { font-size: 13px; line-height: 22px; margin: 10px; text-align: center; }
/*************** HEADER ****************/
header { height: auto; margin-right: auto; margin-left: auto; margin-bottom: 15px; margin-top: 0px; background-color: rgba(0, 0, 0, 0.6); padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; border-top-width: 2px; border-bottom-width: 2px; border-top-style: solid; border-bottom-style: solid; border-top-color: #FFF; border-bottom-color: #FFF; }
header #logo { height: 110px; float: none; padding-top: 2px; padding-bottom: 2px; }
header #logo img { height: 110px; }
/********* NAVIGACIJA **********/
nav { float: none; display: block; padding: 0px; width: 100%; background-color: #000; background-color: rgba(0, 0, 0, 0.6); margin-top: 20px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
nav ul { float: left; margin: 0px; padding: 0px; display: block; }
nav ul li { }
nav ul li a { display: block; line-height: 40px; padding-right: 12px; padding-left: 12px; color: #FFF; font-size: 17px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; font-weight: 500; margin: 0px; }
nav ul li a:hover, nav ul li a.active { background-color: #F2F2F2; color: #000; }
nav ul li ul { visibility: hidden; display: block; position: absolute; opacity: 0; background-color: #000000; height: auto; width: auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; margin-top: -5px; margin-left: 15px; overflow: hidden; z-index: 20; }
nav ul li:hover ul, nav ul li:active ul { visibility: visible; display: block; position: absolute; opacity: 1; }
nav ul li ul li { }
nav ul li ul li a { color: #FFF; margin: 0px; line-height: 22px; height: auto; width: auto; padding-top: 8px; padding-right: 15px; padding-bottom: 8px; padding-left: 15px; font-size: 13px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; text-align: left; }
nav #menu-toggle { display: none; }
nav .label-toggle { display: none; }
/*********** SLIDER ************/
#cslider { max-height: 500px; }
#smallfoto { height: 210px; width: 100%; background-image: url(../image/strukturne/slides/bigfoto_4.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; background-color: #1C1C1C; text-align: center; padding-top: 20px; }
#bigfoto { height: 600px; width: 100%; background-image: url(../image/strukturne/slides/bigfoto_4.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; background-color: #1C1C1C; text-align: center; padding-top: 20px; }
#bigfoto h1 { font-size: 45px; font-weight: 900; color: #FFF; text-shadow: 2px 2px 4px #000; text-align: center; padding-top: 150px; margin-bottom: 10px; }
#bigfoto h2 {
font-size: 25px;
font-weight: 900;
color: #FFF;
text-shadow: 2px 2px 4px #000;
text-align: center;
margin-bottom: 40px;
}
#bigfoto .button_red { display: inline-block; height: 60px; width: 150px; font-size: 18px; line-height: 60px; color: #FFF; background-color: #F00; border: 1px solid #FFF; }
#bigfoto .button_grey { display: inline-block; height: 60px; width: 180px; font-size: 18px; line-height: 60px; color: #FFF; background-color: #666; border: 1px solid #FFF; }
#bigfoto .button_grey:hover, #bigfoto .button_red:hover { color: #333; background-color: #FFF; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-weight: 600; }
.type4 .container { padding: 20px; }
.type4 .container:hover { background-color: #000; }
.type4 .container h2 { font-size: 20px; line-height: 30px; color: #FFF; text-align: center; margin-bottom: 20px; }
.type4 .container p { font-size: 12px; line-height: 26px; color: #FFF; text-align: center; }
.type2 .container h2 { text-align: right; font-size: 30px; line-height: 40px; color: #FFF; padding-left: 50px; margin-bottom: 20px; }
.type2 .container p { font-size: 12px; line-height: 26px; color: #FFF; text-align: right; }
.type2 .container_float { float: left; color: #FFF; padding: 20px; margin-left: 20px; width: 170px; }
.type2 .container_float .statnum1 { display: block; font-size: 50px; line-height: 56px; text-align: center; }
.type2 .container_float .statnum2 { font-size: 16px; line-height: 18px; text-align: center; display: block; }
.type2a .container h2 { text-align: left; font-size: 30px; line-height: 40px; color: #FFF; margin-bottom: 20px; }
.type2a .container p { font-size: 12px; line-height: 26px; color: #FFF; text-align: left; }
.type2b .container .button_white, .type2b .container .button_red { text-align: center; height: 65px; width: 200px; font-size: 18px; line-height: 65px; font-weight: 600; display: block; float: right; border-radius: 200px 200px 200px 200px; -moz-border-radius: 200px 200px 200px 200px; -webkit-border-radius: 200px 200px 200px 200px; border: 0px solid #000000; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; }
.type2b .container .button_white { color: #000; background-color: #FFF; }
.type2b .container .button_red { color: #FFF; background-color: #F00; }
article { margin-top: 50px; margin-bottom: 50px; float: none; width: 780px; margin-right: auto; margin-left: auto; font-size: 14px; line-height: 20px; color: #000; }
.sectorcontainer article h1 { font-size: 60px; margin-bottom: 30px; text-align: left; margin-top: 0px; line-height: 60px; }
article h2 { font-size: 16px; font-weight: lighter; margin-bottom: 20px; margin-top: 30px; line-height: 28px; text-transform: uppercase; color: #06F; }
article h3 { font-size: 26px; font-weight: bold; color: #000; margin-bottom: 15px; margin-top: 30px; line-height: 32px; }
article h4 { font-size: 20px; color: #FFF; background-color: #000; display: inline-block; height: auto; padding-right: 8px; padding-left: 8px; line-height: 30px; margin-bottom: 15px; margin-top: 25px; }
article h5 { font-size: 16px; font-weight: bold; color: #000; margin-bottom: 10px; margin-top: 20px; }
article h6 { font-size: 14px; margin-bottom: 10px; text-decoration: underline; margin-top: 20px; line-height: 18px; }
article h7 { border: 1px solid #CCC; display: block; font-size: 15px; line-height: 30px; text-align: center; margin-bottom: 20px; margin-top: 20px; }
article p { font-size: 14px; line-height: 20px; color: #000; margin-bottom: 10px; }
article p a { color: #03F; text-decoration: none; }
article div a { color: #03F; text-decoration: none; }
article ul { margin-top: 30px; margin-bottom: 30px; }
article ul li { font-size: 14px; line-height: 20px; list-style-position: outside; margin-bottom: 15px; vertical-align: middle; background-image: url(../image/strukturne/bull.jpg); background-repeat: no-repeat; background-position: left 3px; padding-left: 30px; margin-left: 30px; color: #06F; }
article ul li a { font-weight: 500; color: #06F; text-decoration: underline; }
article img { width: 100%; margin-top: 15px; margin-bottom: 15px; }
article .img50 { width: 50%; }
article a .article_gal { width: 200px; float: left; height: 112px; margin: 0px; padding: 0px; }
article .social_div { margin-top: 20px; margin-bottom: 20px; }
article .social_div .soc_icon { float: left; margin: 10px; border: 1px solid #CCC; width: 100px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: #000; }
article .social_div .soc_icon:hover { background-color: #000; color: #FFF; }
article .social_div .soc_icon a img { width: 70px; display: block; margin-right: auto; margin-left: auto; }
article .social_div .soc_icon a p { text-align: center; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-weight: 500; }
article .social_div .soc_icon:hover a p { text-align: center; color: #FFF; }
/************* aktualnosti *************/
article .vijest-box { margin-bottom: 59px; border-top-width: 1px; border-top-style: solid; border-top-color: #999; padding-top: 15px; }
article .vijest-box .img-box { float: left; width: 45%; padding: 0px; margin-right: 0px; }
article .vijest-box .img-box img { width: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; }
article .vijest-box .p-box { float: right; width: 50%; }
article .vijest-box .p-box h2 { font-size: 24px; font-weight: bold; text-transform: none; color: #000; margin-bottom: 15px; margin-top: 0px; }
article .vijest-box .p-box p { }
article .vijest-box .p-box .vijest-datum { text-align: right; margin-top: 0px; font-size: 14px; margin-bottom: 10px; display: inline-block; line-height: 30px; background-color: #06F; height: 30px; color: #FFF; font-weight: bold; padding-right: 10px; padding-left: 10px; margin-left: 0px; }
/************* galerije *************/
article .gallery-box { margin-bottom: 59px; border-top-width: 1px; border-top-style: solid; border-top-color: #999; padding-top: 15px; }
article .gallery-box .img-box { float: left; width: 350px; padding: 0px; margin-right: 10px; }
article .gallery-box .img-box img { margin: 0px; width: 100%; }
article .gallery-box .thumb-box { float: left; width: 102px; padding: 0px; margin-top: 0px; margin-right: 15px; margin-bottom: 0px; margin-left: 0px; }
article .gallery-box .thumb-box img { height: auto; width: 100%; margin-bottom: 10px; margin-top: 0px; }
article .gallery-box .p-box { float: left; width: 300px; }
article .gallery-box .p-box h2 { font-size: 24px; font-weight: bold; text-transform: none; color: #000; margin-bottom: 15px; margin-top: 0px; }
article .gallery-box .p-box p { }
article .gallery-box .p-box .vijest-datum { text-align: right; margin-top: 0px; font-size: 14px; margin-bottom: 10px; display: inline-block; line-height: 30px; background-color: #06F; height: 30px; color: #FFF; font-weight: bold; padding-right: 10px; padding-left: 10px; float: right; margin-left: 5px; }
/****** ARTICLE FORM ******/
article .article form input, article .article form textarea, article .article form select { border: 1px solid #DDD; height: 50px; margin-bottom: 15px; display: block; width: 95%; padding-right: 10px; padding-left: 10px; font-size: 14px; font-family: Helvetica, sans-serif; color: #000; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
article .article form select { width: 50%; color: #666; height: 54px; }
article .article form textarea { padding-top: 10px; padding-bottom: 10px; height: 238px; }
article .article form input:focus, .contend form .form_container textarea:focus { border: 1px solid #0085F6; }
article .article form .form_button { clear: both; width: 150px; color: #FFF; background-color: #0085F6; }
article .article form .form_button:hover { background-color: #004293; }
article .contend_form { width: 850px; margin-top: 20px; margin-bottom: 20px; margin-right: auto; margin-left: auto; }
article .contend_form form textarea { border: 1px solid #CCC; display: block; margin-bottom: 20px; width: 750px; padding: 10px; font-family: 'Roboto Condensed', sans-serif; font-size: 14px; font-weight: lighter; }
article .contend_form form input { border: 1px solid #CCC; width: 750px; height: 50px; padding-right: 10px; padding-left: 10px; margin-bottom: 10px; }
article .contend_form form .w50 { width: 355px; float: left; margin-right: 20px; }
article .contend_form form select { border: 1px solid #CCC; width: 376px; height: 50px; padding-right: 10px; padding-left: 10px; margin-bottom: 10px; margin-right: 20px; float: left; }
article .contend_form form .float_input { border: 1px solid #CCC; width: 200px; height: 50px; padding-right: 10px; padding-left: 10px; float: left; }
article .contend_form form .btn_contend { float: left; height: 54px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 20px; background-color: #06F; color: #FFF; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
article .contend_form form .btn_contend:hover { background-color: #000; }
article .contend_form form .checkbox_float {
float: left;
height: 10px;
width: 10px;
margin-right: 10px;
}
article table { width: 100%; margin-top: 20px; margin-bottom: 20px; }
article table tr th { background-color: #36F; border: 1px solid #36F; color: #FFF; font-size: 24px; text-align: center; line-height: 32px; padding: 10px; }
article table tr td { padding-top: 15px; padding-right: 8px; padding-bottom: 15px; padding-left: 8px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #CCC; }
article table tr td img { width: 30px; vertical-align: top; display: inline-block; padding: 0px; margin-top: -5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
article table tr td h2 { font-size: 18px; font-weight: 500; color: #000; margin-bottom: 5px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; line-height: normal; }
article table tr td p { color: #666; font-size: 14px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 8px; margin-left: 0px; }
article table tr .t_right { font-size: 18px; line-height: 28px; font-weight: 500; color: #36F; text-align: right; }
article .t_uplata { width: 100%; }
article .uplataimg { width: 350px; margin-top: 40px; margin-bottom: 0px; display: block; margin-right: auto; margin-left: auto; }
article .tfloat { float: left; width: 700px; }
article .qrkod { float: left; width: 200px; margin-top: 5px; }
article .t_uplata tr td { border: 1px solid #CCC; }
article .back_forth { }
article .back_forth a { display: block; background-color: #0085F7; text-align: center; height: 40px; width: 40px; font-size: 18px; line-height: 40px; color: #FFF; float: left; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
article .back_forth a:hover, article .back_forth .active { background-color: #004293; }
.button3, .button2 { min-width: 300px; margin-bottom: 10px; }
.button2 { background-color: #0085F6; padding-top: 13px; padding-bottom: 13px; width: 50%; font-weight: bold; color: #FFF; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; display: block; text-align: center; font-size: 18px; margin-top: 25px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; float: left; }
.button2:hover { background-color: #004293; }
.button3 { background-color: #004FB0; padding-top: 13px; padding-bottom: 13px; width: 50%; font-weight: bold; color: #FFF; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; display: block; text-align: center; font-size: 18px; margin-top: 25px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; float: left; }
.button3:hover { background-color: #000000; }
.fb-like { margin-bottom: 10px; }
aside { float: none; width: 780px; margin-top: 50px; margin-bottom: 50px; margin-right: auto; margin-left: auto; }
aside .type9 { float: left; width: 385px; height: 205px; margin-bottom: 20px; margin-right: 0px; margin-left: 0px; overflow: hidden; }
aside .type9 .container .type9textbox { width: 365px; height: 216px; position: relative; top: -206px; }
aside .type9textbox h4 { color: #FFF; background-color: #F00; padding: 10px; margin-top: 10px; margin-left: 10px; display: inline-block; text-transform: uppercase; font-size: 14px; margin-bottom: 0px; }
aside .type9textbox span { background-color: rgba(0, 0, 0, 0.6); display: block; margin-top: 70px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding: 0px; overflow: hidden; }
aside .type9textbox span h2 { font-size: 21px; color: #FFF; line-height: 30px; padding-top: 10px; padding-right: 15px; padding-bottom: 0px; padding-left: 15px; }
aside .type9textbox span p { font-size: 14px; color: #FFF; line-height: 18px; padding-top: 0px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; }
aside .type9 .container img { width: 100%; }
#gallery { margin: 0px; height: auto; width: 100%; padding-top: 40px; padding-right: 0px; padding-bottom: 40px; padding-left: 0px; }
#gallery #gallery_caption { float: none; height: auto; width: 100%; padding: 0px; margin-right: 40px; }
#gallery #gallery_caption h1 { font-size: 32px; color: #CCC; line-height: 38px; margin-bottom: 20px; text-align: left; padding: 0px; margin-top: 0px; }
#gallery #gallery_caption h4 { display: inline-block; font-size: 14px; color: #FFF; background-color: #F00; padding: 10px; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; }
#gallery #gallery_caption p { color: #CCC; font-size: 14px; line-height: 18px; }
#gallery #gallery_caption .logo { width: 300px; margin-top: 10px; display: block; margin-right: auto; margin-left: auto; margin-bottom: 20px; }
#gallery #gallery_photos { float: none; width: 100%; overflow: hidden; }
#gallery #gallery_photos .gal_photo { width: 195px; overflow: hidden; float: left; height: 109px; }
#gallery #gallery_photos .gal_photo a img { width: 100%; }
.contact-box1 { float: left; height: auto; width: 40%; margin-top: 30px; }
.contact-box1 .container h3 { font-size: 16px; line-height: 30px; display: block; margin-bottom: 10px; }
.contact-box1 .container h3 .cicon { height: auto; width: 30px; margin-right: 15px; float: left; }
.contact-box1 .container p { font-size: 15px; line-height: 22px; margin-top: 20px; margin-bottom: 20px; border-top-width: 1px; border-top-style: solid; border-top-color: #999; padding-top: 20px; }
.contact-box2 { float: right; height: auto; width: 55%; margin-top: 30px; }
.contact-box2 .container form { margin-top: 0px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; }
.contact-box2 .container form .input1 { height: 40px; width: 380px; margin-right: 10px; margin-bottom: 10px; border: 1px solid #999; padding-right: 10px; padding-left: 10px; font-size: 14px; line-height: 40px; }
.contact-box2 .container form .input2 { height: 40px; width: 380px; margin-right: 10px; margin-bottom: 10px; border: 1px solid #999; padding-right: 10px; padding-left: 10px; font-size: 14px; line-height: 40px; }
.contact-box2 .container form textarea { clear: both; float: none; height: 180px; width: 380px; border: 1px solid #999; margin-bottom: 10px; font-size: 14px; font-family: Arial, Helvetica, sans-serif; padding: 10px; }
.contact-box2 .container form .input1:focus, .contact-box2 .container form .input2:focus, .contact-box2 .container form textarea:focus { border-top-color: #000; border-right-color: #000; border-bottom-color: #000; border-left-color: #000; }
.contact-box2 .container form .button5 { display: block; height: 43px; width: 150px; font-size: 18px; line-height: 44px; color: #FFF; background-color: #F00; margin-left: auto; text-align: center; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; cursor: pointer; margin-right: auto; }
.contact-box2 .container form .button5:hover { color: #FFF; background-color: #333; }
.border_natpis { margin-right: auto; margin-left: auto; margin-top: 30px; font-size: 40px; margin-bottom: 20px; display: block; text-align: center; }
.bodymodul iframe { height: 500px; width: 100%; }
/********* FOOTER **********/



footer { margin-top: 15px; }
footer .foot_div { float: left; width: 50%; }
footer .foot_div .container h5 { font-size: 22px; line-height: 24px; color: #FFF; margin-bottom: 15px; font-weight: bold; }
footer .foot_div .container p { color: #FFF; font-size: 12px; line-height: 20px; }
footer .foot_social { width: 100%; margin-top: 20px; margin-bottom: 20px; }
footer .foot_div .container .foot_social a img { margin-right: 10px; width: 48px; margin-bottom: 10px; }
footer .container #newsletter_form { width: 100%; margin-top: 15px; }
footer .container #newsletter_form form { }
footer .container #newsletter_form form input { float: left; height: 40px; width: 250px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; margin-right: 15px; padding-right: 10px; padding-left: 10px; font-size: 12px; margin-bottom: 10px; }
footer .container #newsletter_form form .button1 { margin: 0px; width: 80px; font-size: 14px; float: left; background-color: #F00; border: 1px solid #FFF; font-weight: bold; color: #FFF; }
footer .foot_div .container ul { display: block; float: none; width: 350px; margin-bottom: 20px; margin-right: 30px; }
footer .foot_div .container ul h6 { font-size: 22px; line-height: 24px; color: #FFF; margin-bottom: 15px; margin-top: 0px; margin-left: 20px; font-weight: bold; }
footer .foot_div .container p { margin-bottom: 10px; color: #FFF; }
footer .foot_div .container ul li { margin-left: 20px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #666; }
footer .foot_div .container ul li a { color: #FFF; font-size: 12px; line-height: 16px; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; display: block; padding-top: 8px; padding-bottom: 8px; }
footer .foot_div .container ul li:hover a { color: #FFF; padding-left: 5px; }
footer .foot_div .container .footlogo { width: 200px; margin-left: 10px; }
#footer { height: 60px; }
#footer p { display: block; font-size: 12px; color: #999; line-height: 60px; text-align: center; }
#lang { position: absolute; top: 230px; right: 40px; background-color: rgba(0, 0, 0, 0.6); display: block; border-radius: 25px 25px 25px 25px; -moz-border-radius: 25px 25px 25px 25px; -webkit-border-radius: 25px 25px 25px 25px; border: 1px solid #FFFFFF; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 10px; }
#lang2 { position: absolute; top: 240px; right: 40px; background-color: rgba(0, 0, 0, 0.6); display: block; border-radius: 25px 25px 25px 25px; -moz-border-radius: 25px 25px 25px 25px; -webkit-border-radius: 25px 25px 25px 25px; border: 1px solid #FFFFFF; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 10px; }
#lang a, #lang2 a { display: block; float: left; height: 30px; width: 30px; margin-right: 10px; text-decoration: none; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#lang a img, #lang2 a img { width: 100%; }