@charset "UTF-8";

@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/opensans-light-webfont.eot');
    src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-light-webfont.woff') format('woff'),
         url('fonts/opensans-light-webfont.ttf') format('truetype'),
         url('fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: '3rd_manregular';
    src: url('fonts/3rd_man-webfont.eot');
    src: url('fonts/3rd_man-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/3rd_man-webfont.woff') format('woff'),
         url('fonts/3rd_man-webfont.ttf') format('truetype'),
         url('fonts/3rd_man-webfont.svg#3rd_manregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

html { 
font-size:100%; 
}
body {
width:100%;
margin:0;
padding:0;
text-align:center;
background-color:#000;
color:#FFF;
font-family:'open_sansregular',Arial,Tahoma,Verdana,Helvetica,sans-serif;
font-size:100%;
line-height:1.5em;
cursor:url(cursor3.png),auto;
z-index: 0;
}


a:link, a:visited {
font-family:'open_sansregular',Arial,Tahoma,Verdana,Helvetica,sans-serif;
color:#FFF;
text-decoration:none;
}
a:hover {
color:#FFF;
text-decoration:none;
cursor:url(gcursor.png),auto;
}

a:active{
 cursor:url(gcursor.png),auto;
}


body a img {
border:0 solid #FFF;
}
h1 {
line-height:130%;
font-family:'3rd_manregular',Arial,Tahoma,Verdana,Helvetica,sans-serif;
font-size:300%;
font-weight:normal;
color:#FF6600;
margin-top:0;
margin-bottom:20px;
}
 h2 {
line-height:120%;
font-family:'3rd_manregular',Arial,Tahoma,Verdana,Helvetica,sans-serif;
font-size:200%;
font-weight:normal;
color:#FF6600;
margin-top:0;
margin-bottom:20px;
}
h1 span, h2 span {
color:#FFF;
}

.inputbutton{
  height: 22px;
  cursor: pointer;
  background-color: #FF6600;
  border: 0;
  color: white;
  font-weight: bold;
  padding: 0 10px 0 10px;
}

.inputbutton:hover{

  background-color: #ff893b;
}

.cleaner {
_display:none;
clear:both;
line-height:1px;
}

/* Content.............................................................. */

#content {
position:relative;
width:90%;
min-width:960px; 
max-width:1270px; 
margin-left:auto;
margin-right:auto;
}

/* Header.............................................................. */

#header {
position:relative;
width:100%;
}
#header_img {
width:100%;
}
#main_logo {
position:absolute;
top:0;
left:0;
width:38.58%;
}
#nav_header {
position:absolute;
top:0;
right:5%;
}
#nav_header ul {
list-style-type:none;
margin:0;
padding:0;
}
#nav_header ul li {
display:inline;
}
#nav_header ul li a {
display:block;
float:left;
height:150%;
line-height:150%;
font-family:'3rd_manregular',Arial,Tahoma,Verdana,Helvetica,sans-serif;
font-size:220%;
color:#FF6600;
text-decoration:none;
padding-left:15px;
padding-right:15px;
}
#nav_header ul li a:hover {
color:#000;
text-decoration:none;
background:url("back_nav_header.png") 50% bottom no-repeat;
}

#nav_header ul li .hi {
color:#000;
text-decoration:none;
background:url("back_nav_header.png") 50% bottom no-repeat;
}



/* Slider.............................................................. */

#slider {
width:100%;
}

#box {
position:relative;
clear: both;
width:100%;
height:100%;
font-size:80%;
background:url("back_box.png") top left no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size:cover;
}
#box_content {
position:relative;
top:0;
left:0;
width:100%;
height:auto;
}

/* Nav.............................................................. */

#nav {
position:relative;
float:left;
width:23.07%;
height:auto;
margin-right:3%;
}
#nav ul {
position:absolute;
top:20%;
left:15%;
width:70%;
list-style-type:none;
margin:0;
padding:0;
}
#nav li {
display:inline;
}
#nav ul li a {
display:block;
height:150%;
line-height:150%;
font-family:'3rd_manregular',Arial,Tahoma,Verdana,Helvetica,sans-serif;
font-size:300%;
color:#FF6600;
text-decoration:none;
text-align:left;
border-bottom:1px dotted #FF6600;
}
#nav ul li a:hover {
color:#FFF;
text-decoration:none;
}

#nav ul li .hi {
color:#FFF;
text-decoration:none;
}

/* Mainbox.............................................................. */

#mainbox {
width:100%;
}
#mainbox_inside {
text-align:left;
margin-top:0;
padding-top:5%;
padding-left:3%;
padding-right:5%;
padding-bottom:0;
}

#mainbox_inside_content img {
padding:2px;
border:6px solid #423E3E;
}

#mainbox_inside_content img:hover {
padding:2px;
border:6px solid #FFFFFF;
}

  #mainbox_inside_content a {
   color:  #FF6600;
}

  #mainbox_inside_content a:hover {
  text-decoration: underline;
}

.list_imp {
position:relative;
width:90%;
list-style-type:none;
margin:0;
margin-left:auto;
margin-right:auto;
padding:0;
}
.list_imp li {
display:inline;
}
.list_imp li a {
display:block;
float:left;
width:13%;
margin-left:1.2%;
margin-right:1.2%;
padding:6px;
padding-bottom:0;
border:6px solid #423E3E;
}
.list_imp li a:hover {
border:6px solid #FFF;
}
.list_imp li.arrow_left a, .list_imp li.arrow_left a:hover, .list_imp li.arrow_right a, .list_imp li.arrow_right a:hover {
width:3%;
margin-top:5%;
padding:0;
border:0;
}

/* Footer.............................................................. */

#footer {
position:relative;
width:90%;
min-width:960px; 
max-width:1270px; 
height:auto;
color:#000F;
text-align:left;
margin-left:auto;
margin-right:auto;
}
#footer_img {
width:100%;
}
.nav_footer {
text-align:left;
}
.nav_footer01 {
position:absolute;
top:60%;
left:0;
}
.nav_footer02 {
position:absolute;
top:60%;
left:20%;
}
.nav_footer03 {
position:absolute;
top:60%;
left:40%;
}
.nav_footer ul {
list-style-type:none;
margin:0;
padding:0;
}
.nav_footer ul li {
text-align:left;
}
.nav_footer ul li a  {
font-family:'3rd_manregular','open_sansregular',Arial,Tahoma,Verdana,Helvetica,sans-serif;
font-size:150%;
color:#000;
text-decoration:none;
}
.nav_footer ul li a:hover {
color:#FF6600;
text-decoration:none;
}

.nav_footer ul li .hi {
color:#FF6600;
text-decoration:none;
}

#footer_link {
position:absolute;
top:30%;
right:10%;
}
#footer_link {
list-style-type:none;
margin:0;
padding:0;
}
#footer_link li, #footer_link1 li {
display:inline;
}
#footer_link li a, #footer_link1 li span a {
font-size:90%;
color:#FFF;
text-decoration:none;
}
#footer_link li a:hover, #footer_link1 li span a:hover {
color:#FFF;
text-decoration:underline;
}
#footer_link li a {
margin-right:10px;
}
#footer_link li a#footer_link01 {
display:block;
float:left;
padding-top:30px;
}
#footer_link li a#footer_link02 {
display:block;
float:left;
padding-top:15px;
}
#footer_link li a#footer_link03 {
display:block;
float:left;
padding-top:0;
}
#footer_link1 {
position:absolute;
top:85%;
right:5%;
height:22px;
line-height:22px;
list-style-type:none;
margin:0;
padding:0;
}
#footer_link1 li span {
position:relative;
top:-7px;
}

#pocasie {
  margin-top: 10px;
}
#pocasie img{
    border: none;
}

/* ------------------------ gallery --------------*/

.gallery-img img {
  padding: 2px; 
  border: 6px solid #423E3E;
  width: 150px; 
  height: 150px;  
}

.gallery-img img:hover {
  border: solid 6px white;
}


/* RESPONSIVE STRUCTURE
--------------------------------------- */

#header_img img, #main_logo img, #slider img, #nav img, .list_imp li a img, #footer_back img { max-width:100%; height:auto; }

@media screen and (max-width: 1366px) {

  .list_imp li a { margin-left:1.1%; margin-right:1.1%; }
}

@media screen and (max-width: 1280px) {

  body { font-size:85%; }
}

@media screen and (max-width: 1024px) {

  body { font-size:75%; }
  .list_imp li a { margin-left:0.9%; margin-right:0.9%; }
}