* {
margin:0;
padding:0;
outline:none;
}

html {
height:100%;
}


body {
background:url(../img/background-body.jpg) left top;
font-family:'Open Sans', Sans-serif;
overflow-y: scroll;
height:100%;
background-attachment:fixed;
}


/*@font-face {
font-family: 'HelveticaNeueCdMd';
src: url('../fonts/helveticaneueltcommdcn.eot');
src: url('../fonts/helveticaneueltcommdcn.eot?#iefix') format('embedded-opentype'),
        url('../fonts/helveticaneueltcommdcn.woff') format('woff'),
        url('../fonts/helveticaneueltcommdcn.ttf') format('truetype'),
        url('../fonts/helveticaneueltcommdcn.svg#BebasRegular') format('svg');
font-weight: normal;
font-style: normal;
}*/


a { text-decoration:none; }
img { border:none; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; }

section,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }

/**************/

#container, nav>ul, header, footer {
width:960px;
}

#container {
background:#fff;
box-sizing:border-box;
margin:0 auto;
}

/*Header*/
header {
height:175px;
margin:0 auto;}


a#homelink {
display:block;
width:270px;
height:100%;
background-image:url(../img/logo-current.png);
background-repeat:no-repeat;
background-position:center;
background-size:75%;
background-color:rgba(255,255,255,0.8);
margin:0;
float:left;
}

/*Navigation*/


nav {
background:#222;
}

nav>ul {
list-style:none;
margin:0 auto;
height:38px;
}

nav>ul>li>a {
display:block;
text-transform:uppercase;
font-size:18px;
line-height:18px;
color:#bbb;
text-align:center;
padding:10px;
font-weight:700;
font-family:'Open Sans Condensed', Sans-serif;
}

nav>ul>li {
display:block;
width:14.28571428571429%;
float:left;
}
 
nav>ul>li>a.on,
nav>ul>li>a:hover {
color:#fff;
}


/*content*/

section {
padding:30px;
border-bottom:1px solid #222;
}

section .sectionLeft {
float:left;
width:70%;
box-sizing:border-box;
padding-right:30px;
}

section .sectionRight {
float:right;
width:30%;
box-sizing:border-box;
}

section .sectionRight a#gallery {
display:block;
width:100%;
box-sizing:border-box;
margin:0 0 20px;
}

section .sectionRight a#gallery:hover {
text-decoration:none;
}

section .sectionRight a#gallery:hover span {
background:#404040;
}

section .sectionRight a#gallery img {
display:block;
width:100%;
}

section .sectionRight a#gallery span {
display:block;
font-family:'Open Sans Condensed', Sans-serif;
text-align:center;
text-transform:uppercase;
background:#ff0000;
color:#fff;
font-size:18px;
font-weight:700;
line-height:22px;
padding:10px;
}


section iframe {
margin:0 0 20px;
}

section iframe.youtube {
width:100%;
height:150px; 
border:none;
margin:0 0 10px;
}

section iframe.maps {
width:100%;
height:400px; 
border:none;
margin:0;
}

section h3 {
color:#ff0000;
font-size:18px;
margin:0 0 15px;
font-family:'Open Sans Condensed', Sans-serif;
text-transform:uppercase;
}

section h2 {
color:#404040;
font-size:18px;
margin:0 0 15px;
font-family:'Open Sans Condensed', Sans-serif;
}

section h4 {
color:#ff0000;
font-size:16px;
margin:30px 0 20px;
text-transform: uppercase; 
font-family:'Open Sans Condensed', Sans-serif;
}

section p>i,
section ul i,
section ol i,
section h4>i {
font-size:11px;
color:#606060;
font-weight:normal;
font-style:normal;
}

section p {
color:#000;
font-size:12px;
line-height:20px;
margin:0 0 20px;
text-align:justify;
}

section .sectionLeft p img {
display:block;
width:100%;
height:auto;
}

section>ol {
padding:0 0 0 20px;
}

section>ol.alfa {
list-style-type:upper-alpha;
}

section>ul {
padding:0 0 0 15px;
}

section>ol>li,
section>ul>li {
color:#000;
font-size:12px;
margin:0 0 10px;
}

section>ul>li>ul {
padding:0 0 0 15px;
}

section>table {
border-collapse:collapse;
width:100%;
margin:0  0 20px;
text-align:left;
font-size:12px;
}

section>table tr.dark th {
background:#ccc;
}

section>table tr th {
background:#eee;
}

section>table td, section>table th {
padding:10px;
}

section a {
color:#606060;
font-size:12px;
}

section a:hover {
text-decoration:underline;
}


section a.pdf {
padding:10px;
border-radius:5px;
background:#888;
display:block;
text-align:center;
line-height:12px;
color:#fff;
}

section a.pdf:hover {
background:#aaa;
text-decoration:none;
cursor:pointer;
}

section .eng {
margin:0 0 20px;
padding:15px;
background:#f5f5f5;
border-radius:5px;
position:relative;
}

section .eng img.flag {
display:block;
position:absolute;
top:15px;
right:15px;
}

section .eng p {
font-size:11px;}

section .eng h3 {
font-size:14px;}


a#news {
background:#ff0000 !important;
color:#fff !important;
padding:15px 0 !important;
font-size:32px !important;
line-height:38px !important;
text-align:center !important;
display:block !important;
margin:0 0 20px !important;
font-family:'Open Sans Condensed', Sans-serif;
border-radius:5px;
}

a:hover#news {
text-decoration:none !important;
}

a#news span {
color:#fff;
padding:5px 0 0;
font-size:14px !important;
font-family:"Open Sans";
display:block;
}

a#news span:hover {
text-decoration:underline;
}

/*contact*/

section form input[type=text],
section form textarea {
width:377px;
margin:0 0 10px;
font-size:12px;
line-height:16px;
color:#404040;
padding:8px;
border:1px solid #c0c0c0;
-webkit-box-shadow: inset 0px 0px 4px 0px #ccc;
-moz-box-shadow: inset 0px 0px 4px 0px #ccc;
box-shadow: inset 0px 0px 4px 0px #ccc;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
section form textarea {
height:200px;
}

section form input[type=text]:hover,
section form textarea:hover {
border-color:#aaa;
}

section form>p {
color:#000;
font-size:12px;
margin:0 0 5px;
text-align:justify;
}

section form input[type=submit] {
margin:0 0 10px;
font-size:14px;
line-height:16px;
color:#fff;
padding:10px 40px;
border:1px solid #303030;
background:#202020;
font-weight:bold;
cursor:pointer;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

section form input[type=submit]:hover {
background:#404040;
}

/*gallery*/
.gallery {
margin-left:-13px;
width:calc(100% + 13px)
}

.gallery a {
display:block;
width:70px;
height:70px;
margin:0 0 13px 13px;
float:left;
border:1px solid transparent;
box-sizing:border-box;
}

.gallery a:hover {
border-color:#ff0000;
}
.gallery a img {
display:block;
width:100%;
}


.gallery-hide {
display:none;
}
/*Sponsors*/

.sponsors a {
display:block;
float:left;
width:25%;
text-align:center;
box-sizing:border-box;
padding:0 5px;
height:70px;
margin:0 0 30px;
}

.sponsors a img {
display:inline-block;
}


header .sponsors {
width:690px;
height:100%;
box-sizing:border-box;
padding:10px 10px;
float:left;
position:relative;
background-color:#fff;
}

header .sponsors a {
padding:2px 14px;
height:50px;
width:auto;
margin:0;
}

header .sponsors a img {
height:100%;
}

header .sponsors a#zaplotnik {
position:absolute;
top:55px;
right:20px;
}

aside {
}

aside img {
display:block;
}

aside h3 {
color:#222;
font-size:14px;
margin:10px 0;
font-family:'Open Sans Condensed', Sans-serif;
}

aside>a {
color:#222;
font-size:12px;
display:block;
font-weight:bold;
}

aside a:hover {
text-decoration:underline;
}

aside>ul {
list-style:none;
margin:0 0 30px;
}

aside>ul>li>a {
color:#222;
font-size:12px;
font-weight:bold;
margin:0 0 5px;
display:block;
}

aside>ul>li>a img {
display:inline-block;
margin-right:10px;
position:relative;
top:7px;
}

aside>ul>li>a.fb {
color:#3b5998;
}

aside p {
font-size:12px;
}

aside p a {
color:#222;
margin:0 0 5px;

}

/*footer*/
footer {
margin:0 auto;
color:#222;
font-size:12px;
text-align:center;
padding:30px 0;
position:relative;

}

a.netit {
position:absolute;
right:10px;
bottom:20px;
display:block;
width:76px;
height:24px;
background:url(../img/netit.png) no-repeat;
}

a.netit:hover {
background-position:0 -29px; 
}