@charset "UTF-8";

@font-face {
				font-family: 'SegoeUI-Light';
				src: url('fonts/segoe0.eot');
				src: url('fonts/segoe0.eot?#iefix') format('embedded-opentype'),
						 url('fonts/segoe0.woff') format('woff'),
						 url('fonts/segoe0.ttf') format('truetype'),
						 url('fonts/segoe0.svg#segoe0') format('svg');
				font-weight: normal;
				font-style: normal;
}
@font-face {
				font-family: 'SegoeUI';
				src: url('fonts/segoeui.eot');
				src: url('fonts/segoeui.eot?#iefix') format('embedded-opentype'),
						 url('fonts/segoeui.woff') format('woff'),
						 url('fonts/segoeui.ttf') format('truetype'),
						 url('fonts/segoeui.svg#segoeui') format('svg');
				font-weight: normal;
				font-style: normal;
}
@font-face {
				font-family: 'SegoeUI-Bold';
				src: url('fonts/segoeuib.eot');
				src: url('fonts/segoeuib.eot?#iefix') format('embedded-opentype'),
						 url('fonts/segoeuib.woff') format('woff'),
						 url('fonts/segoeuib.ttf') format('truetype'),
						 url('fonts/segoeuib.svg#segoeuib') format('svg');
				font-weight: normal;
				font-style: normal;
}
@font-face {
       font-family: 'eurosteeregextregular';
       src: url('fonts/ee04083t-webfont.eot');
       src: url('fonts/ee04083t-webfont.eot?#iefix') format('embedded-opentype'),
            url('fonts/ee04083t-webfont.woff') format('woff'),
            url('fonts/ee04083t-webfont.ttf') format('truetype'),
            url('fonts/ee04083t-webfont.svg#eurosteeregextregular') format('svg');
       font-weight: normal;
       font-style: normal;
}
@font-face {
    font-family: 'EurosTEERegExtRegular';
    src: url('fonts/ee04083t.eot');
    src: url('fonts/ee04083t.eot') format('embedded-opentype'),
         url('fonts/ee04083t.woff') format('woff'),
         url('fonts/ee04083t.ttf') format('truetype'),
         url('fonts/ee04083t.svg#EurosTEERegExtRegular') format('svg');
}


html { 
font-size:100%; 
}
body {
width:100%;
margin:0;
padding:0;
text-align:center;
background-color:#000;
color:#000;
font-family:'SegoeUI',Arial,Tahoma,Verdana,Helvetica,sans-serif;
font-size:100%;
line-height:1.5em;
}
a:link, a:visited {
font-family:'SegoeUI',Arial,Tahoma,Verdana,Helvetica,sans-serif;
color:#000;
text-decoration:none;
}
a:hover {
color:#000;
text-decoration:none;
}
body a img {
border:0 solid #FFF;
}
h1, h2 {
line-height:110%;
font-family:'EurosTEERegExtRegular','eurosteeregextregular','SegoeUI',Arial,Tahoma,Verdana,Helvetica,sans-serif;
font-size:200%;
font-weight:normal;
color:#9B3249;
margin-top:0;
margin-bottom:20px;
}
.imgleft {
float:left;
margin-right:25px;
}
.imgright {
float:right;
margin-left:25px;
}
.cleaner {
_display:none;
clear:both;
line-height:1px;
}

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

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

/* Content_left.............................................................. */

#content_left_back {
position:fixed;
top:0;
left:0;
width:15%;
height:100%;
background:url("back_content_left.jpg") right top;
}

#content_left {
position:absolute;
top:0;
left:0;
width:13%;
text-align:center;
padding:1%;
background:url("back_content_left.jpg") right top;
}
#main_logo {
width:100%;
}

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

#nav {
width:100%;
margin-top:10%;
margin-bottom:10%;
}
#nav ul {
list-style-type:none;
margin:0;
padding:0;
}
#nav li {
display:block;
}
#nav ul li a {
display:block;
font-family:'EurosTEERegExtRegular','eurosteeregextregular','SegoeUI',Arial,Tahoma,Verdana,Helvetica,sans-serif;
font-size:130%;
color:#000;
text-decoration:none;
text-align:center;
padding-top:8%;
padding-bottom:8%;
border-bottom:1px solid #ECDFE0;
}
#nav ul li a#nav_last {
border-bottom:0 solid #000;
}
#nav ul li a:hover {
color:#540D11;
text-decoration:none;
}
.hi {
color:#540D11 !important;
text-decoration:none !important;
}
#fb {
width:90%;
margin-left:auto;
margin-right:auto;
margin-top:15%;
margin-bottom:5%;
}
#fb a img {
width: 24%;
margin-left:3%;
margin-right:3%;
opacity: 0.8;
}
#fb a img:hover {
opacity: 1;
}

/* Box.............................................................. */

#box {
float:right;
width:84%;
margin-top:15px;
margin-bottom: 35px;
}
#topbox, #bottombox {
width:100%;
}
#bottombox {
margin-bottom:45px;
}
#topbox_left, #bottombox_left {
float:left;
width:42.15%;
}
#topbox_right {
float:right;
width:57.85%;
}
#bottombox_right {
float:right;
width:56.95%;
}
.topbox_right_inside {
float:left;
width:49.1%;
margin-left:0.9%;
}
.img_imp {
position:relative;
}

.content_inside {
position:absolute;
top:0;
left:0;
width:94%;
height:87.5%;
color:#000;
background:url("back_content_inside.png") top left no-repeat;
padding:3%;
}
ul.list_imp {
list-style-type:none;
margin:0;
padding:0;
}
ul.list_imp li {
background:url("back_list_imp.png") top left no-repeat;
padding-left:20px;
}

a.nav_imp01, a.nav_imp02, a.nav_imp03 {
display:block;
font-family:'EurosTEERegExtRegular','eurosteeregextregular','SegoeUI',Arial,Tahoma,Verdana,Helvetica,sans-serif;
font-size:200%;
color:#000;
line-height:120%;
background:url("back_nav_imp.png") right 50% no-repeat;
margin:0;
}
a.nav_imp01:hover, a.nav_imp02:hover, a.nav_imp03:hover {
color:#540D11;
text-decoration:none;
}
a.nav_imp02 {
font-size:130%;
line-height:230%;
padding-left:3%;
}
.nav_bottom {
position:absolute;
bottom:1%;
right:0;
width:35%;
background:#D8CACC url("back_nav_imp03.jpg") top left no-repeat;
padding-left:30px;
}

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

#footer {
position:fixed;
bottom:0;
right:0;
width:85%;
height:45px;
background:url("back_footer.png") top left;
}
#footer_contact {
float:left;
height:45px;
line-height:45px;
font-size:90%;
color:#FFF;
margin-left:3%;
}
#footer_contact a {
color:#FFF;
}
#footer_contact a:hover {
color:#FFF;
text-decoration:underline;
}
#nav_footer {
float:right;
width:6%;
list-style-type:none;
margin:0;
padding:0;
}

#order {
position:fixed;
top:40%;
right:0;
width:4.82%;
}

/* Innerpages.............................................................. */

body.innerpages h1, body.innerpages h2, h1.podstranka {
line-height:110%;
font-family:'EurosTEERegExtRegular','eurosteeregextregular','SegoeUI',Arial,Tahoma,Verdana,Helvetica,sans-serif;
font-size:260%;
font-weight:normal;
color:#000;
margin-top:0;
margin-bottom:20px;
}
body.innerpages h1 span, body.innerpages h2 span {
color:#C94E69;
}
#innerpages_content {
width:95%;
text-align:left;
margin-right:5%;
}
#main_img {
float:left;
width:65%;
}
#main_img a img{
width:100%;
border:10px solid #FFF;
}
img.ramik {
border:10px solid #FFF;
}

#innerpages_textbox {
float:right;
width:30%;
}

ul.list_imp2 {
position:relative;
width:84%;
list-style-type:none;
margin:0;
margin-top:40px;
margin-bottom:4%;
margin-left:8%;
margin-right:8%;
padding:0;
}
ul.list_imp2 li {
display:inline;
}
ul.list_imp2 li a {
display:block;
float:left;
width:18%;
margin-left:1%;
margin-right:1%;
}
.arrow_left {
position:absolute;
top:0;
left:0%;
margin-top:90px;
}                     
.arrow_right {
position:absolute;
top:0;
right:0%;
margin-top:90px;
text-align:right;
}
.arrow_left img, .arrow_right img {
display:block;
width:70%;
background-color:#C94E69;
-webkit-border-radius:25%;
-moz-border-radius:25%;
border-radius:25%;
behavior:url(PIE.htc);
position:relative;
zoom:1;
}
.arrow_left img:hover, .arrow_right img:hover {
background-color:#AA2341;
}
.arrow_right img {
float:right;
}

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

#main_logo img, #fb img, .img_imp img, #nav_footer img, #order img, #main_img img, ul.list_imp2 li a img { max-width:100%; height:auto; }

.img_imp a img:hover { opacity:0.8; }

@media screen and (min-width: 1700px) {

  #content_left_back { background:none; width:18.5%; }
  #footer { width:81.5%; }
}

@media screen and (min-width: 1960px) {

  #content_left_back { width:22%; }
#footer { width:78%; }
}

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

  #nav ul li a { font-size:115%; padding-top:10%; padding-bottom:10%; }
  h1 { font-size:150%; }
  body.innerpages h1, body.innerpages h2, h1.podstranka { font-size:220%; }
  a.nav_imp01 { font-size:160%; }
a.nav_imp02 { font-size:120%; }
  ul.list_imp2 li.arrow_left a, ul.list_imp2 li.arrow_right a { width:60%; }
}

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

  body { font-size:85%; }
  #nav ul li a { font-size:110%; padding-top:12%; padding-bottom:12%; }
  h1 { font-size:140%; }
  body.innerpages h1, body.innerpages h2, h1.podstranka { font-size:180%; }
  #footer { height:35px; }
  #footer_contact { height:35px; line-height:35px; }
}

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

  body { font-size:75%; }
  #nav ul li a { font-size:110%; padding-top:10%; padding-bottom:10%; }
  #footer { height:25px; }
  #footer_contact { height:25px; line-height:25px; }
  ul.list_imp2 li.arrow_left a, ul.list_imp2 li.arrow_right a { width:50%; }
}
@media screen and (max-width: 980px) {

  #footer { left: 144px; width:100%; position: absolute; }
  #content_left { height:100%;}
  #content_left_back { background:none; }
}

.textinput {
	padding: 2%;
	width: 98%;
	border: 0px solid #dedede;
}
textarea {
	height: 60px;
}

#captcha {
	width: 80%;
  float: right;
	border:0px solid #dedede;
	padding: 5px;
}
.inputbutton {
border: 0px #FFFFFF solid;
width: 100%;
height: 28px;
background-color: #D5758A;
color: #FFFFFF;
font-weight: bold;
margin-top: 10px;
}
.inputbutton:hover {
	background-color: #C94D68;
}