/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.clear {clear:both;}
.table {display:table;}
.wrapper {width:100%; overflow:hidden;}
.relative {position:relative;}
.absolute {position:absolute;}
.center {float:center;}

/* Global properties ======================================================== */
body, html {height:100%;}

body{ background:#dbdbdb url(../images/px1.jpg) top left repeat-x;border:0; font: 12px Arial, Helvetica, sans-serif; color:#000000; line-height:18px; min-width:1000px; position:relative; overflow:hidden;}

.spinner{ position:absolute; z-index:99; background:url(../images/loader.gif) 50% 50% no-repeat #dbdbdb; width:100%; height:100%; top:0; left:0}

.extra {min-width:1000px; width:100%; height:950px; margin: 0 auto; background:url(../images/bg1.jpg) 50% top no-repeat;}

.top1 { width:1000px; margin:0 auto; height:147px; position:relative; z-index:10;}

.top2 { float:left;}
.logo1 { width:300px; height:90px;text-align: left; margin-left:20px; margin-top:30px;}
.logo1 a { display:block; width:300px; height:90px; text-decoration:none;}
.txt1 { font-family:'MaximusRegular'; font-weight:normal; font-size:50px; line-height:60px; color:#bc1111; padding-top:0px; text-transform:uppercase;}
.txt1 span { color:#e7e7e7;}
.txt2 { font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; color:#ffffff; padding-top:0px; text-transform:uppercase;}


.top3 { float: right;}
.follow{ padding-top:40px; padding-right:20px; }
.follow img { margin-right:10px}


.nag { font-size:18px;  text-decoration:none;}
.404 { }

.main1 { width:1000px; margin:0 auto; height:803px; background:url(../images/kv1.png) top left no-repeat; position:relative; z-index:5;}

.opis {text-align: center; color:#9f9f9f; position:absolute; bottom:5px; width:1000px; z-index:99;}
.opis a { color:#bc1111;}
.tola { position:absolute; top:560px; left:690px; z-index:98;}

.slide { position:absolute; z-index:2; top:11px; left:12px;}
.slide_w { position:absolute; top:0; left:0; z-index:10; width:349px; height:479px; padding:40px 0 0 40px; background:url(../images/slide_w.png) top left repeat-y; font-family:'HelveticaNarrowRegular'; font-size:46px; line-height:46px; letter-spacing:-1px; color:#101010; text-transform:uppercase;}
.slide_t1 {}
.slide_t2 { color:#bc1111;}
.slide_t3 { color:#bc1111; font-size:36px;}
.slide_t4 { font-size:30px;}
.slide_t5 { height:3px; width:310px; background:#fff; margin:40px 0;}
.slide_t6 { font-size:36px; font-family:'HelveticaCondencedNormalRg'}
.slide_t7 { color:#bc1111; font-size:36px; font-family:'HelveticaCondencedNormalRg';}
.slide_t8 {}
.slide_t9 { color:#26457f; font-size:14px; font-family:'Verdana, fantasy';}

.devices { position:absolute; top:0px; left:0px; z-index:90;}

.device1 { width:232px; height:184px; background:url(../images/device1.png) top left no-repeat; position:absolute; z-index:1; top:-500px; left:0px;}
.device2 { width:93px; height:46px; background:url(../images/device2.png) top left no-repeat; position:absolute; z-index:2; top:-500px; left:210px;}
.device3 { width:365px; height:267px; background:url(../images/device3.png) top left no-repeat; position:absolute; z-index:3; top:-500px; left:305px;}
.device4 { width:223px; height:90px; background:url(../images/device4.png) top left no-repeat; position:absolute; z-index:4; top:-500px; left:680px;}
.device5 { width:74px; height:63px; background:url(../images/device5.png) top left no-repeat; position:absolute; z-index:5; top:-500px; left:905px;}







/* ============================= main menu ====================== */





.menu { position:absolute; z-index:2; top:80px; right:0px; width:700px;}

#menu { padding:0 20px 0 0px;relative;float:right;}

#menu > li { float:left; height:60px; position:relative; margin-left:10px; text-align:center; text-transform:uppercase; font-family:'Swis721CnBTDTypeBold';}
#menu > li.active { background:url(../images/b_active.png) 50% 45px no-repeat;}
#menu > li.active > a { color:#FFFFFF;}
#menu > li > a{font-size:18px; height:100%; color:#b3b3b3; text-decoration:none; position: relative; line-height:60px; padding:20px 10px;}
#menu > li > a:hover {color:#fff}


.submenu{ position:absolute; z-index:20; top:44px; left:0px; }
.submenu ul{ position:relative; background:#ffffff ;padding:10px 10px 10px 10px;}
.submenu li{ line-height:18px; width:150px; }
.submenu a{ text-align:left; text-decoration:none; display:block; font-size:18px; color:#717171;}
.submenu a:hover{ color:#bc1111;}

.markers { background:#e4e4e4; height:1px!important; margin-top:10px; margin-bottom:10px;}




/* ============================= main layout ====================== */


#content{width:970px; height:519px; position:relative; z-index:1; padding-left:12px; padding-top:11px;}
#content > ul{ width:970px; height:519px; position:relative; overflow:hidden;}
#content > ul > li{ width:100%; height:519px;}


.box{ width:900px; height:449px; padding:35px 20px 35px 50px;}



.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9   { float:left;}

.col1{ width:310px;}
.col2{ width:500px;}
.col3{ width:230px;}
.col4{ width:490px;}
.col5{ width:320px;}
.col6{ width:270px;}
.col7{ width:540px;}
.col8{ width:330px;}
.col9{ width:490px;}




.pad_left1{ padding-left:50px;}
.pad_left2{ padding-left:40px;}
.pad_left3{ padding-left:30px;}
.pad_left4{ padding-left:20px;}
.pad_left5{ padding-left:10px;}




a{ color:#000000; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}

h2{ font-family:'EuropeExtNormal'; font-weight:normal; font-size:25px; color:#171917; line-height:25px; padding:15px 0 20px 0; text-transform:uppercase; letter-spacing:1px; }


.upper { text-transform:uppercase;}
.black { color:#000;}

p.text { padding:5px 0;}

.border1 { border:5px solid #fff;}
.shadow1{box-shadow: 0px 0px 1px #adadad; -moz-box-shadow: 0px 0px 1px #adadad; -webkit-box-shadow: 0px 0px 1px #b4b4b4;}

.img1 {margin-bottom:10px; }
.img2 {margin-bottom:10px; margin-right:20px; }

.button1{ display:inline-block; font-size:14px; color:#515151; text-decoration: none; text-transform:uppercase; text-align:center; font-family:'Swis721CnBTDTypeBold'; line-height:30px; padding:0 0px; position:relative; margin-top:10px; width:91px; height:40px; background:url(../images/rd1.png) no-repeat; text-shadow:1px 1px 1px #e0e0e0;}
.button1:hover{ color:#bc1111; text-decoration:none;}

.line{ background: url(../images/li_px1.gif) repeat-x; height:2px; margin:4px 0;}

.disk{color:#171917; padding-left:10px; text-decoration:none; line-height:20px; font-size:14px; font-family:'Swis721CnBTDTypeBold'; }
.disk a{text-decoration:none; color:#171917;}
.disk a:hover{ text-decoration:none; color:#bc1111;}

.gal1 { padding-bottom:20px;}

.photo1 {width:168px; height:92px; position:relative; margin-bottom:10px; margin-right:15px; float:left; }
.photo1 a img {position:relative; }
.photo1 a span{position:absolute;z-index:2; margin:0px 0 0 0px; top:0;left:0; background:url(../images/photo_over.png) 50% 50% no-repeat #fff; width:100%; height:100%;}

.gal2 { padding-bottom:20px; padding-right:30px; float:left;}
.gal2 p { font-family:'Swis721CnBTDTypeBold'; color:#171917; font-size:14px; text-transform:uppercase}

.video1 {width:228px; height:132px; position:relative; margin-bottom:10px; margin-right:15px;}
.video1 a img {position:relative; }
.video1 a span{position:absolute;z-index:2; margin:0px 0 0 0px; top:0;left:0; background:url(../images/video_over.png) 50% 50% no-repeat #fff; width:100%; height:100%;}


.gmap { width:318px; height:242px;}







/*===================== Scroll =====================*/

.scroll{height:440px; width:860px; overflow:hidden; position:relative;}
.track{ background: #dbdbdb; left:870px; top:0px; width:15px; position:absolute; height:440px; padding:0 0;}
.shuttle{ width:15px; height:83px; left:0px; background: url(../images/scroll_shuttle.jpg) 0 0 no-repeat;}
._up-butt{ width:15px; height:16px; margin:0px 0px 0px 0px; background: url(../images/scroll_up.jpg) 0 0 no-repeat;}
._down-butt{ width:15px; height:16px; margin-bottom:0px; background: url(../images/scroll_down.jpg) 0 0 no-repeat;}








/*================= Contacts =========================*/
.notification_error{ height: auto;width:370px;padding: 2px;background: #e9e9e9; text-align: left; color:#f00; border: 1px solid #d0d0d0; margin-bottom:5px}
.notification_ok{ border: 0px ; height: auto; width:370px; padding: 8px; background: #e9e9e9; text-align: center; } 
 .info_fieldset legend { border: 1px #d0d0d0 solid;  color: #fff;   font: 12px  Arial;  padding: 2px 5px 2px 5px; }

/* Label */
label  { width: 107px;  margin: 0px; color:#171917; float:left;  line-height:22px}

/* Input, Textarea */
input{ margin: 0px; padding: 0px;   border: 1px solid #d0d0d0;  color: #171917; background:#e9e9e9; font: 14px Arial, Helvetica, Arial, sans-serif; height:30px; margin-bottom:5px; width:370px; line-height:22px;}

textarea{margin: 0px; padding: 0px;   background:#e9e9e9; border: 1px solid #d0d0d0;  color: #171917;   font: 14px Arial, Helvetica, Arial, sans-serif; height:90px; margin-bottom:5px; width:370px; line-height:22px;}

.pin{width:91px; background:url(../images/rd1.png) no-repeat; text-shadow:1px 1px 1px #e0e0e0; border:none!important; color:#515151; margin:10px 0 0 110px; cursor:pointer; text-align:center; text-decoration: none; text-transform:uppercase; font-family:'Swis721CnBTDTypeBold'; line-height:30px!important; padding:0px 0 0 0; vertical-align:top;  }
.pin:hover{ color:#bc1111;}


/* Generated by Font Squirrel (http://www.fontsquirrel.com)  */


@font-face {
    font-family: 'HelveticaCondencedNormalRg';
    src: url('helvetica_condenced-normal_regular-webfont.eot');
    src: url('helvetica_condenced-normal_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('helvetica_condenced-normal_regular-webfont.woff') format('woff'),
         url('helvetica_condenced-normal_regular-webfont.ttf') format('truetype'),
         url('helvetica_condenced-normal_regular-webfont.svg#HelveticaCondencedNormalRg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HelveticaNarrowRegular';
    src: url('helvetica_nar-webfont.eot');
    src: url('helvetica_nar-webfont.eot?#iefix') format('embedded-opentype'),
         url('helvetica_nar-webfont.woff') format('woff'),
         url('helvetica_nar-webfont.ttf') format('truetype'),
         url('helvetica_nar-webfont.svg#HelveticaNarrowRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Swis721CnBTDTypeBold';
    src: url('swisscb-dtype-webfont.eot');
    src: url('swisscb-dtype-webfont.eot?#iefix') format('embedded-opentype'),
         url('swisscb-dtype-webfont.woff') format('woff'),
         url('swisscb-dtype-webfont.ttf') format('truetype'),
         url('swisscb-dtype-webfont.svg#Swis721CnBTDTypeBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MaximusRegular';
    src: url('maximus-webfont.eot');
    src: url('maximus-webfont.eot?#iefix') format('embedded-opentype'),
         url('maximus-webfont.woff') format('woff'),
         url('maximus-webfont.ttf') format('truetype'),
         url('maximus-webfont.svg#MaximusRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'EuropeExtNormal';
    src: url('eur_e_-webfont.eot');
    src: url('eur_e_-webfont.eot?#iefix') format('embedded-opentype'),
         url('eur_e_-webfont.woff') format('woff'),
         url('eur_e_-webfont.ttf') format('truetype'),
         url('eur_e_-webfont.svg#EuropeExtNormal') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}