html, body{
position: relative;
margin: 0px;
padding: 0px;
background: #111111;
font-family: "Myriad Pro", Arial, Tahoma, Verdana;
font-size: 14px;
width: 100%;
height: 100%;
color: #FFFFFF;
}
a, a:hover{
color: #FF6429;
text-decoration: none;
}
div#juropol-logo{
display: block;
position: fixed;
width: 100px;
height: 66px;
z-index: 4000;
top: 20px;
left: 20px;
}
/*****************************************/
/* PRELOAD OVERLAY */
/*****************************************/
div#preload-overlay{
display: block;
width: 100%;
height: 100%;
overflow: hidden;
background: #111111;
position: fixed;
z-index: 7000;
top: 0px;
left: 0px;
}
div#preload-overlay div.preload-image{
margin: 300px auto 0px;
width: 100px;
height: 30px;
text-align: center;
}
div#preload-overlay div.preload-percent{
margin: 3px auto 0px;
width: 200px;
height: 200px;
text-align: center;
}
div#preload-overlay div.percent0{ background: url(/_images/layout/percent_0.png) no-repeat top center; }
div#preload-overlay div.percent10{ background: url(/_images/layout/percent_10.png) no-repeat top center; }
div#preload-overlay div.percent20{ background: url(/_images/layout/percent_20.png) no-repeat top center; }
div#preload-overlay div.percent30{ background: url(/_images/layout/percent_30.png) no-repeat top center; }
div#preload-overlay div.percent40{ background: url(/_images/layout/percent_40.png) no-repeat top center; }
div#preload-overlay div.percent50{ background: url(/_images/layout/percent_50.png) no-repeat top center; }
div#preload-overlay div.percent60{ background: url(/_images/layout/percent_60.png) no-repeat top center; }
div#preload-overlay div.percent70{ background: url(/_images/layout/percent_70.png) no-repeat top center; }
div#preload-overlay div.percent80{ background: url(/_images/layout/percent_80.png) no-repeat top center; }
div#preload-overlay div.percent90{ background: url(/_images/layout/percent_90.png) no-repeat top center; }
div#preload-overlay div.percent100{ background: url(/_images/layout/percent_100.png) no-repeat top center; }
/*****************************************/
/* WYBOR JEZYKA */
/*****************************************/
div#selectLanguage{
position: fixed;
width: 100%;
height: 100%;
display: block;
/* background: #111111;*/
background: #111111 url(/_images/layout/select_language_bg.jpg) no-repeat center -250px;
top: 0px;
left: 0px;
z-index: 6000;
}
div#flagsContainer{
position: absolute;
right: 14px;
top: 525px;
width: 453px;
height: 66px;
}
div#flags_ue{
position:absolute;
right:56px;
top:69px;
width:65px;
height:65px;
}
div#flagsContainer div#caption{
float: left;
width: 178px;
padding-top: 25px;
padding-left: 14px;
}
div#flagsContainer div#flags{
float: left;
padding: 0px;
margin: 0px;
}
div#flagsContainer div#flags a,
div#flagsContainer div#flags a img{
padding: 0px;
margin: 0px;
border: 0px;
}
/*****************************************/
/* ZAKLADKI */
/*****************************************/
div.site_bookmark{
display: block;
position: absolute;
width: 1px;
height: 1px;
z-index: 1;
left: 0px;
}
/*****************************************/
/* MENU GŁÓWNE */
/*****************************************/
div#float-menu{
/* position: absolute;*/
position: fixed;
width: 300px;
height: 241px;
overflow: hidden;
display: block;
z-index: 4000;
top: 20px;
right: 5px;
text-align: center;
/* background: transparent url(/_images/layout/float_menu.png) no-repeat;*/
}
/**********************************************/
/* LAYOUT */
/**********************************************/
div#content-container{
max-width: 1920px;
position: relative;
height: 6680px;
margin: 0px auto;
}
/**********************************************/
/* NAKLADKA */
/**********************************************/
div#overlay-container{
position: absolute;
z-index: 2000;
top: 0px;
left: 0px;
height: 6680px;
width: 100%;
pointer-events: none;
}
div.overlay{
overflow: hidden;
width: 100%;
margin: 0px;
padding: 0px;
}
/*****************************/
/**** PRZEJSCIOWKA *****/
div.overlay_0{
background: transparent url(/_images/layout/black_bg_111111.png) repeat;
height: 800px;
pointer-events: auto;
}
/*************************/
/**** HOME SITE *****/
div.overlay_1{
background: transparent url(/_images/layout/overlay_1_bg.png) top center no-repeat;
height: 1262px;
pointer-events: auto;
}
div#home-site-container{
display: block;
position: relative;
width: 1000px;
height: 330px;
margin: 0px auto;
margin-top: 230px;
padding-right: 300px;
}
div.overlay_1 div#vertical-scrollable-home-site{
position:relative;
overflow:hidden;
height: 330px;
width: 1000px;
}
div.overlay_1 div.home-site-items,
div.overlay_1 div#vertical-scrollable-home-site div.home-site-items{
position:absolute;
height:20000em;
}
div.overlay_1 div.home-site-items div.home-site-slide,
div.overlay_1 div#vertical-scrollable-home-site div.home-site-items div.home-site-slide{
height: 330px;
width: 1000px;
text-align: right;
}
span#home-site-next-slide{
display: block;
overflow: hidden;
position: absolute;
width: 48px;
height: 23px;
z-index: 99900;
bottom: 20px;
right: 300px;
background: transparent url(/_images/layout/arrow_gray_down.png) no-repeat;
}
/*********************************/
/**** SAPHIRE PRODUCTS *****/
div.overlay_2{
/* background: transparent url(/_images/layout/overlay_2_bg_white.png) top center no-repeat;*/
/* background: transparent;*/
height: 1955px;
margin-top: 398px;
pointer-events: auto;
position: relative;
}
div.saphire-products-container{
width: 100%;
height: 1955px;
}
div#saphire-products-tabs-container{
height: 1955px;
width: 100%;
overflow: hidden;
position: relative;
}
div#saphire-products-tabs-container div.saphire-products-items{
position:absolute;
height:20000em;
width: 100%;
}
div#saphire-products-tabs-container div.saphire-products-items div.home-site-slide{
height: 1955px;
width: 100%;
}
span#saphire-products-next-slide{
display: block;
overflow: hidden;
position: absolute;
width: 48px;
height: 23px;
z-index: 99900;
bottom: 700px;
right: 240px;
background: transparent url(/_images/layout/arrow_gray_down.png) no-repeat;
}
div.saphire-products-slide-accordion{
width: 100%;
height: 1955px;
background: url(/_images/layout/overlay_2_bg.png) top center no-repeat;
}
div.saphire-products-slide-accordion div.saphire-products-accordion-container{
width: 800px;
margin: 0px auto;
padding-right: 140px;
}
div.saphire-products-slide-image{
width: 100%;
height: 1955px;
background: url(/_images/layout/overlay_2_bg_photo.png) top center no-repeat;
}
/*----------*/
div.pdf_links{
overflow: hidden;
}
div.pdf_links a{}
div.pdf_links a span.pdf_icon{
display: block;
float: left;
background: url(/_images/layout/pdf_icon.png) no-repeat;
width: 34px;
height: 34px;
}
div.pdf_links a span.pdf_name{
display: block;
color: #ffffff;
float: left;
padding-top: 10px;
height: 24px;
margin-left: 10px;
margin-right: 30px;
}
/***********/
/*accordion*/
/***********/
div#saphire-products-accordion{
}
div#saphire-products-accordion h4.header{
width: 800px;
height: 60px;
border-top: solid 1px #EA4A0C;
cursor: pointer;
}
div#saphire-products-accordion h4.header-first{
border-top: solid 1px transparent;
}
div#saphire-products-accordion h4.current{
cursor: default;
}
div#saphire-products-accordion h4.header span{
display: block;
width: 800px;
height: 80px;
}
div#saphire-products-accordion h4.header span.led-market{
background: url(/_images/slides/en/saphire-products-led-market.png) left center no-repeat;
}
div#saphire-products-accordion h4.current span.led-market{
background-image: url(/_images/slides/en/saphire-products-led-market-selected.png);
}
div#saphire-products-accordion h4.header span.semiconductor-market{
background: url(/_images/slides/en/saphire-products-semiconductor-market.png) left center no-repeat;
}
div#saphire-products-accordion h4.current span.semiconductor-market{
background-image: url(/_images/slides/en/saphire-products-semiconductor-market-selected.png);
}
div#saphire-products-accordion h4.header span.optical-market{
background: url(/_images/slides/en/saphire-products-optical-market.png) left center no-repeat;
}
div#saphire-products-accordion h4.current span.optical-market{
background-image: url(/_images/slides/en/saphire-products-optical-market-selected.png);
}
div#saphire-products-accordion h4.header span.screen-protector{
background: url(/_images/slides/en/saphire-products-screen-protector.png) left center no-repeat;
}
div#saphire-products-accordion h4.current span.screen-protector{
background-image: url(/_images/slides/en/saphire-products-screen-protector-selected.png);
}
div#saphire-products-accordion div.pane{
display: none;
font-family: "Myriad Pro", Arial, Tahoma, Verdana;
color: #FFFFFF;
font-size: 14px;
line-height: 25px;
}
div#saphire-products-accordion div.pane ul li{
height: 25px;
}
/********************************/
/**** ALUMINA FEDSTOCK *****/
div.overlay_3{
/* background: transparent url(/_images/layout/overlay_3_bg_white.png) top center no-repeat;*/
height: 1407px;
pointer-events: none;
position: relative;
}
div.alumina-fedstock-container{
width: 100%;
height: 1407px;
}
div#alumina-fedstock-tabs-container{
height: 1407px;
width: 100%;
overflow: hidden;
position: relative;
}
div#alumina-fedstock-tabs-container div.alumina-fedstock-items{
position:absolute;
height:20000em;
width: 100%;
}
div#alumina-fedstock-tabs-container div.alumina-fedstock-items div.home-site-slide{
height: 1407px;
width: 100%;
}
span#alumina-fedstock-next-slide{
display: block;
overflow: hidden;
position: absolute;
width: 48px;
height: 23px;
z-index: 99900;
bottom: 200px;
right: 250px;
background: transparent url(/_images/layout/arrow_gray_down.png) no-repeat;
pointer-events: auto;
}
div.alumina-fedstock-slide-text{
width: 100%;
height: 1407px;
background: url(/_images/layout/overlay_3_bg.png) top center no-repeat;
}
div.alumina-fedstock-slide-text div.alumina-fedstock-text-container{
width: 800px;
margin: 0px auto;
text-align: left;
}
div.alumina-fedstock-slide-image{
width: 100%;
height: 1407px;
background: url(/_images/layout/overlay_3_bg_photo.png) top center no-repeat;
}
/******************************/
/**** CONTACT + FORM *****/
div.overlay_4{
background: transparent url(/_images/layout/overlay_4_bg.png) top center no-repeat;
height: 1467px;
pointer-events: none;
position: relative;
}
div#contact_container{
width: 1200px;
margin: 0px auto;
display: block;
position: relative;
overflow: hidden;
pointer-events: auto;
}
div#contact_container div.contact_info{
float: left;
width: 480px;
display: block;
padding-left: 70px;
}
div#contact_container div.contact_form{
float: right;
width: 550px;
display: block;
text-align: right;
}
/*********************************************/
/* formularz */
/*****************************************/
div.formular{
}
div.formular div.row{
text-align: right;
overflow: hidden;
padding: 5px;
}
div.formular div.row input{
color: #ffffff;
width: 240px;
height: 20px;
display: block;
background: #080808;
border: solid 1px #2f2f2f;
padding: 5px 5px 5px 10px;
float: left;
}
div.formular div.row input.required-field{
background: #080808 url(/_images/layout/formular_field_required.png) no-repeat left top;
}
div.formular div.row textarea{
color: #ffffff;
width: 240px;
height: 100px;
display: block;
background: #080808;
border: solid 1px #2f2f2f;
padding: 5px 5px 5px 10px;
float: left;
font-family: "Myriad Pro", Tahoma;
font-size: 14px;
}
div.formular div.row input.error,
div.formular div.row textarea.error{
border: solid 1px red;
}
/******************************/
/**** NEWSY *****/
div.overlay_5{
background: transparent url(/_images/layout/overlay_5_bg.png) top center no-repeat;
height: 2000px;
pointer-events: none;
position: relative;
}
div.news_content{
}
div#newsWindow{
overflow: hidden;
width: 800px;
position: relative;
margin: 0px auto;
pointer-events: auto;
text-align: center;
}
div#scrollableNews{
position: relative;
overflow: hidden;
height: 500px;
width: 800px;
}
div#scrollableNews div.prevNewsContainer{
position: absolute;
width: 800px;
height: 23px;
position: absolute;
top: 0px;
left: 0px;
z-index: 100;
text-align: center;
}
div#scrollableNews div.nextNewsContainer{
position: absolute;
width: 800px;
height: 23px;
position: absolute;
bottom: 0px;
left: 0px;
z-index: 100;
text-align: center;
}
div#scrollableNews div.prevNewsContainer a span.prevNewsSpan,
div#scrollableNews div.nextNewsContainer a span.nextNewsSpan{
display: block;
width: 50px;
height: 100%;
margin: 0px auto;
}
div#scrollableNews div.prevNewsContainer a.disabled span.prevNewsSpan,
div#scrollableNews div.nextNewsContainer a.disabled span.nextNewsSpan{
display: none;
}
div#scrollableNews div.items{
position: relative;
height: 200000em;
}
div#scrollableNews div.items div.news{
width: 700px;
height: 450px;
display: block;
overflow: hidden;
position: relative;
padding: 30px 0px;
padding-right: 100px;
text-align: justify;
}
div#scrollableNews div.items div.news div.header{
position: relative;
overflow: hidden;
width: 700px;
height: 80px;
}
div#scrollableNews div.items div.news div.header div.title{
width: 700px;
font-weight: bold;
font-size: 30px;
color: #fd5f1f;
text-align: left;
text-transform: capitalize;
}
div#scrollableNews div.items div.news div.header div.created_at{
width: 700px;
font-size: 12px;
text-align: left;
color: #ffffff;
}
div#scrollableNews div.items div.news div.desc{
width: 700px;
font-size: 14px;
line-height: 35px;
}
/**********************************************************************************************/
/**********************************************/
/* PODKLADKA */
/**********************************************/
/**********************************************************************************************/
div#sublayer-container{
position: absolute;
z-index: 1000;
top: 0px;
left: 0px;
height: 6680px;
width: 100%;
}
div.sublayer{
overflow: hidden;
width: 100%;
margin: 0px;
padding: 0px;
}
/*******************************/
/**** COMPANY PROFILE *****/
div.sublayer_1{
background: #E3E2DD;
height: 1682px;
position: relative;
}
div.sublayer_1 div.company_profile_content{
text-align: center;
width: 840px;
overflow: hidden;
margin: 0px auto;
margin-top: 425px;
}
/**************************************/
/**** SAPHIRE FURNACE SYSTEMS *****/
div.sublayer_2{
background: url(/_images/layout/sublayer_2_bg_white.png) no-repeat;
height: 1628px;
position: relative;
}
div.saphire-furnace-systems-container{
width: 100%;
height: 1628px;
}
div#saphire-furnace-systems-tabs-container{
height: 1628px;
width: 100%;
overflow: hidden;
position: relative;
}
div#saphire-furnace-systems-tabs-container div.saphire-furnace-systems-items{
position:absolute;
height:20000em;
width: 100%;
}
div#saphire-furnace-systems-tabs-container div.saphire-furnace-systems-items div.home-site-slide{
height: 1628px;
width: 100%;
}
span#saphire-furnace-systems-next-slide{
display: block;
overflow: hidden;
position: absolute;
width: 48px;
height: 23px;
z-index: 99900;
bottom: 485px;
right: 400px;
background: transparent url(/_images/layout/arrow_gray_down.png) no-repeat;
}
div.saphire-furnace-systems-slide-text{
width: 100%;
height: 1628px;
background: url(/_images/layout/sublayer_2_bg.png) top center no-repeat;
}
div.saphire-furnace-systems-slide-text div.saphire-furnace-systems-text-container{
width: 880px;
text-align: center;
margin: 0px auto;
}
div.saphire-furnace-systems-slide-image{
width: 100%;
height: 1628px;
background: url(/_images/layout/sublayer_2_bg_photo.png) top center no-repeat;
}
/**************************************/
/**** MAPA *****/
div.sublayer_3{
background: #111111;
height: 1030px;
position: relative;
}
/**************************************/
/**** GALERIA *****/
div.sublayer_4{
background: #E3E2DD;
height: 1752px;
position: relative;
}
div.sublayer_4 div.gallery_content{
text-align: center;
width: 840px;
overflow: hidden;
margin: 0px auto;
margin-top: 425px;
}
div#galleryWindow{
width: 700px;
height: 520px;
margin: 0px auto;
}
div#scrollablePhotos{
position: relative;
overflow: hidden;
width: 700px;
height: 520px;
overflow: hidden;
}
div#scrollablePhotos div.photoController{
display: block;
width: 100%;
height: 50px;
position: absolute;
z-index: 10;
left: 0px;
top: 250px;
}
div#scrollablePhotos div.photoController a img#photoPrev{
float: left;
}
div#scrollablePhotos div.photoController a img#photoNext{
float: right;
}
div#scrollablePhotos div.items{
width: 200000em;
position: absolute;
}
div#scrollablePhotos div.items div.photo{
float: left;
width: 700px;
height: 520px;
text-align: center;
}
div#scrollablePhotos div.items div.photo img{
-moz-box-shadow: 0 0 10px #888;
-webkit-box-shadow: 0 0 10px#888;
-box-shadow: 0 0 10px #888;
box-shadow: 0 0 10px #888;
margin-top: 20px;
max-width: 640px;
max-height: 480px;
}