/*

9px  - .750em          

10px - .833em

11px - .917em

12px - 1em

13px - 1.083em

14px - 1.167em

15px - 1.250em

16px - 1.333em

17px - 1.417em

18px - 1.500em

19px - 1.583em

20px - 1.667em

21px - 1.750em

22px - 1.833em

23px - 1.917em

24px - 2.000em

*/   

html{font-size:100.01%;} 

body{

font-size:.750em;

font-family:arial,helvetica,verdana,sans-serif;

color:#fff;

margin:0;

padding:0;

text-align:center;

background:#060404 url(../gfx/body-bg.jpg) no-repeat center top;

}

a img, img{margin:0;padding:0;border:0;}

a{color:#f68811;outline:none;}

a:hover{text-decoration:none;}

p,h1,h2,h3,h4,h5,h6,ul,ol,li,form,table,td{margin:0;padding:0;}

table{font-size:1em;}

.clear{clear:both;}

.fl{float:left;}

.fr{float:right;}

hr,.noScreen,.hide{display:none;}

.break{display:block;}

fieldset{padding:0;margin:0;border:0}

ul li{list-style-type:none;}

.clearfix:after{content: ".";display:block;height:0;clear:both;visibility:hidden;}

.clearfix{display:inline-block;}

/* Hide from IE-mac \*/

* html .clearfix{height:1%;}

.clearfix{display:block;}

/* End hide from IE-mac */

.imgBlock{

position:relative;

display:block;

overflow:hidden;

}

.imgSpan{

position:absolute;

left:0;

top:0;

display:block;

background-position:top left;

background-repeat:no-repeat;

}

a .imgSpan{

cursor:pointer;

}

#page{

width:970px;

margin:0 auto;

text-align:left;

}

/*HEADER begin*/

#header{

width:970px;

height:109px;

position:relative;

z-index:3000;

}

#header h2{

width:221px;

height:109px;

float:left;

}

#header h2 span{

width:221px;

height:109px;

background:url(../gfx/header-stonepanel-logo.gif) no-repeat;

}

/*HEADER end*/



/*MENU begin*/

.nav{

z-index:3000;

position:relative;

float:right;

margin:50px 10px 0;

display:inline;

}

.nav li{

float:left;

margin:0;

padding:0;

position:relative;

z-index:3000;

}

.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited{

color:#fff;

text-decoration:none;

text-transform:uppercase;

padding:7px 14px 6px;

display:block;

}

.nav li a:hover{

background:#ccc;

color:#000;	

}

#menu li:hover a,#menu li.sfHover a{

background:#2e2a2a;

color:#f68811;

}

#menu li:hover ul a,#menu li.sfHover ul a{

background:#2e2a2a;

color:#fff;	

border-bottom:1px solid #413e3e;

}

#menu li:hover ul a:hover,#menu li.sfHover ul a:hover{

background:#383333;

color:#f68811;	

}

.nav ul{

position:absolute;

top:-999em;

left:0px;

z-index:3000;

}

.nav li:hover ul,.nav li.sfHover ul{

top:28px;

}

.nav ul li{

border:0;

float:none;

font-size:.917em;

}

* html .nav ul li{

margin:0 0 -14px;

}

.nav ul a{

white-space:nowrap;

text-transform:lowercase !important;

display:block;

}

/*MENU end*/



/*PROMO begin*/

#promo{

width:950px;

_width:970px;

height:351px;

_height:331px;

padding:20px 0 0 20px;

background:url(../gfx/promo-bg.gif) no-repeat;

position:relative;

z-index:10;

}

#slideshow{

width:930px;

height:311px;

position:relative;

}

.navigation{

position:absolute;

top:299px;

left:637px;

width:313px;

height:32px;

z-index:3000;

}

.navigationBg{

width:313px;

height:32px;

background:url(../gfx/promo-nav-bg.png) no-repeat;

display:block;

position:absolute;

top:0;

left:0;

z-index:1050;

}

* html .navigationBg{

background:none;

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/promo-nav-bg.png', sizingMethod='image');

}

.navigationIn{

width:313px;

height:32px;

z-index:1100;

position:relative;

top:0;

left:0;

}

.navigation ul#nav{

position:absolute;

top:13px;

right:80px;

display:inline;

}

.navigation ul#nav li{

list-style-type:none;

float:left;

margin:0 3px;

}

.navigation ul#nav a{

width:8px;

height:8px;

text-decoration:none;

background:url(../gfx/promo-point.png) no-repeat;

text-indent:-9999px;

cursor:pointer;

display:block;

}

* html .navigation ul#nav a{

background:none;

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/promo-point.png', sizingMethod='image');

}

.navigation ul#nav a:hover,.navigation ul#nav a.activeSlide{

background:url(../gfx/promo-point-active.png) no-repeat;

}

* html .navigation ul#nav a:hover,* html .navigation ul#nav a.activeSlide{

background:none;

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/promo-point-active.png', sizingMethod='image');

}

#scrollButtons a{

position:absolute;

top:7px;

cursor:pointer;

width:21px;

height:20px;

overflow:hidden;

z-index:4000;

}

#scrollButtons a#prev{

right:38px;

background:url(../gfx/promo-arrow-left.png) no-repeat;

}

#scrollButtons a#prev:hover{

background:url(../gfx/promo-arrow-left-active.png) no-repeat;

}

#scrollButtons a#next{

right:17px;

background:url(../gfx/promo-arrow-right.png) no-repeat;

}

#scrollButtons a#next:hover{

background:url(../gfx/promo-arrow-right-active.png) no-repeat;

}

* html #scrollButtons a#prev{

background:none;

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/promo-arrow-left.png', sizingMethod='image');

}

* html #scrollButtons a#prev:hover{

background:none;

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/promo-arrow-left-active.png', sizingMethod='image');

}

* html #scrollButtons a#next{

background:none;

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/promo-arrow-right.png', sizingMethod='image');

}

* html #scrollButtons a#next:hover{

background:none;

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/promo-arrow-right-active.png', sizingMethod='image');

}

/*PROMO end*/



#content{

padding:20px 0 20px;

}



/*MAIN COLUMN begin*/

#mainCol{

width:700px;

min-height:318px;

float:left;

position:relative;

padding-bottom:25px;

}

* html #mainCol{

height:318px;

}

#mainColBg{

position:absolute;

top:0;

left:0;

width:700px;

height:318px;

background:url(../gfx/main-col-bg.png) no-repeat;

z-index:10;

}

* html #mainColBg{

background:none;

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/main-col-bg.png', sizingMethod='image');

}

#mainColIn{

width:632px;

min-height:318px;

position:relative;

top:12px;

left:34px;

z-index:100;

line-height:1.6;

}

* html #mainColIn{

height:318px;

}

#mainColIn h1{

font-size:2em;

font-family:georgia;

color:#f68811;

padding:10px 0 10px;

}

#mainColIn h1#hpH1{

font-size:1.417em;

color:#e4e4e4;

font-weight:bold;

font-family:georgia;

padding:0 0 6px;

}

#mainColIn h1#hpH1 span{

font-size:44px;

color:#f68811;

}

#mainColIn h2{

font-size:1.5em;

font-family:georgia;

color:#e4e4e4;

padding:0 0 14px;

font-weight:normal;

}

.dat {

font-size:2.2em;

font-family:georgia;

color:#e4e4e4;

padding:0 0 14px;

font-weight:normal;

color: white;

font-style: italic;

position: absolute;

right: 0px;

top: -20px;

opacity: .1;

filter: alpha(opacity=10); 

}

#mainColIn p{

padding:0 0 18px;

}

a.btnAllRefs{

width:136px;

height:27px;

padding:6px 8px 0 0;

background:url(../gfx/btn-all-refs.gif) no-repeat;

font-weight:bold;

display:block;

color:#fff;

text-decoration:none;

text-align:center;

float:right;

margin:25px 0 0;

}

a.btnAllRefs:hover{

color:#f68811

}

/*MAIN COLUMN end*/



/*RIGHT COLUMN begin*/

#rightCol{

width:250px;

min-height:318px;

float:right;

position:relative;

}

* html #rightCol{

height:318px;

}

#rightColBg{

position:absolute;

top:0;

left:0;

width:250px;

height:318px;

background:url(../gfx/right-col-bg.png) no-repeat;

z-index:10;

}

* html #rightColBg{

background:none;

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/right-col-bg.png', sizingMethod='image');

}

#rightColIn{

width:186px;

min-height:318px;

position:relative;

top:33px;

left:32px;

z-index:100;

}

* html #rightColIn{

height:318px;

}

#rightCol ul#rightMenu{

background:url(../gfx/right-menu-line.gif) no-repeat -38px bottom;

padding:0 0 0px;

margin:0 0 10px;

}

.aktualita {

background:url(../gfx/right-menu-line.gif) no-repeat -38px bottom;

padding:0 0 40px;

margin:0 0 20px;

position: relative;

}

.aktualita_big {

background:url(../gfx/right-menu-line.gif) no-repeat bottom center;

}

.aktualita small a {

position: absolute;

bottom: 10px;

right: 5px;

}

#rightCol ul#rightMenu li{

padding:0 0 15px 22px;

background:url(../gfx/right-menu-li.gif) no-repeat 0 4px;

position:relative;

}
#rightCol ul#rightMenu li.orange {

padding:0 0 10px 22px;

background:url(../gfx/right-menu-li-orange.gif) no-repeat 0 4px;

position:relative;

}

#rightCol ul#rightMenu a, #rightCol .aktualita a{ 

font-size:1em;

color:#919191;

font-weight:bold;

text-decoration:none;

}

#rightCol ul#rightMenu a:hover{

color:#fff;

}

#rightCol ul#pdfList li{

padding:0 0 20px;

line-height:1.6;

}

#rightCol ul#pdfList li a{

padding:0 0 6px 53px;

background:url(../gfx/icon-pdf.gif) no-repeat 0 0;

color:#fff;

display:block;

position:relative;

}

#rightCol ul#pdfList li a:hover{

text-decoration:underline;

color:#919191;

}

/*RIGHT COLUMN end*/



/*FOOTER begin*/

#footer{

width:970px;

height:122px;

background:url(../gfx/footer-bg.gif) no-repeat;

position:relative;

font-family:georgia;

font-size:.917em;

line-height:2.1;

color:#d6d6d6;

}

#footer #footerText{

position:absolute;

top:32px;

left:33px;

}

#footer #footerIcons{

position:absolute;

top:21px;

right:30px;

}

#footer #footerIcons a {

position: relative;	

color: #919191;

text-decoration: none;

}

#footer #footerIcons a:hover {

color: #F68811;

}

#footer #footerIcons img {

margin:0 0 0 27px;

}

#footer #footerIcons span {

position: absolute;

display: block;

width: 120px;

top: 10px;

left: 15px;

text-align: center;

#top: 35px;

_color: #F68811;

}

/*FOOTER end*/

#mapa {

float:right;

margin-bottom: 15px;

margin-left: 15px;

}
.distributori td, .distributori th{
border-bottom: 1px solid #211F1F;
padding: 2px;
vertical-align: top;
}
.distributori td {
background: url(../gfx/prechod.png) top left repeat-x;
}

.formRegistrace label{
display:block;
padding:6px 0 0;
}
.formRegistrace div.inputText{
width:280px;
height:61px;
position:relative;
color: #999999;
}
* html .formRegistrace div.inputText{
background:none;
}
.formRegistrace div.inputText .inputText{
width:280px;
height:23px;
padding:12px 0 0;
border:0;
font-family:arial;
font-size:14px;
color: black;
}

.formRegistrace .button{
width:196px;
height:40px;
display:block;
border:0;
font-size:18px;
font-family:arial;
float:right;
margin:20px 0;
cursor:pointer;
}