/* CSS Document CBZ */

body {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#666666;
	background: url(../rubber_grip.png) top left fixed;
	margin: 0 0 0 0;
}

#header {
margin: 40px auto 10px auto;
background:#FFFFFF;
padding: 0 10px 10px 10px;
}
#header a {color:#CC0000; text-decoration:none;}
#header a:hover {color:#333333; text-decoration: underline;}
.vat {
-webkit-border-radius: 200px;
-moz-border-radius: 200px;
border-radius: 200px;
background: #CC0000;
color:#FFFFFF;
padding:50px 0px;
font-size:50px;
width:200px;
height:100px;
text-align:center;
position:absolute;
top: 20px;
right:30px;
z-index:90;
}

div#top {
width: 100%;
position:fixed;
background: #F1F1F1;
border-bottom: 2px solid #CCCCCC;
z-index: 99;
padding: 5px 0px;
height:auto;
overflow:hidden;
margin: 0 0 0 0;
top: 0;
-moz-box-shadow: 0 0 10px 5px #000000;
-webkit-box-shadow: 0 0 10px 5px #000000;
box-shadow: 0 0 10px 5px #000000;
}
#top .topsite {
width: 800px;
height:auto;
overflow:hidden;
margin: 0 auto;
}
#top .name {
float:left;
width: 250px;
}
#top .menu {
float:right;
width: 540px;
text-align:right;
margin: 10px 0 0 0;
color:#DDDDDD;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
}
#top .menu a {
color:#CC0000;
text-decoration:none;
}
#top .menu span {
cursor: pointer;
color: #CC0000;
}
#top .menu span:hover {
color: #333333;
}

#top h1 {

color: #333333;
font-size:28px;
margin: 0 0 0 0;
}

.head-1 {
width: 800px;
position:relative;
height:auto;
min-height:220px;
overflow:hidden;
margin: 0 auto;
}
.head-1 h1 {
color: #CC0000;
font-size: 80px;
font-style:italic;
margin: 20px 0 0 0;
padding: 0 0 0 0;
}
.head-1 h2 {
font-size:24px;
margin: 0px;
}
.head-2 {
width: 800px;
height:auto;
overflow:hidden;
margin: 0 auto;
}
.head-2 h3 {
font-weight:normal;
font-size: 18px;
margin: 10px 0px;
}

.txt {
margin: 0px auto 0px auto;
width: 780px;
color:#F1F1F1;
font-size:12px;
line-height: 150%;
padding: 30px 0 0 0;
position: relative;
}
.logo {position: absolute; top: 60px; right: 30px;}
.to {
background: url(../bg_trans.png);
padding: 10px 20px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.last {
margin-bottom: 30px;
}
.last a {color: #CC0000; text-decoration: none; }
.last a:hover {color: #FFFFFF}

.to h3 {
color:#CC0000;
font-size:16px;
text-transform:uppercase;
}
.to {position: relative;}
.to table {
border-collapse:collapse;
}
.to table td {
border:1px solid #999999;
}
.odd {
background: #333333;
color: #FFFFFF;
}

.style2 {
	color: #CC0000;
	font-weight: bold;
}

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:740px;
		height:320px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

/*
|--------------------------------------------------------------------------
| ShadowBox jQuery Plugin
|--------------------------------------------------------------------------
*/

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(close.png);}
#sb-nav-next{background-image:url(next.png);}
#sb-nav-previous{background-image:url(previous.png);}
#sb-nav-play{background-image:url(play.png);}
#sb-nav-pause{background-image:url(pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}


/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.1
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:-999px;
	background:url(../img/ui.totop.png) no-repeat left top;
}

#toTopHover {
	background:url(../img/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}

/**
 * Facebook Slide FanBox
 * @license    GNU/GPL http://www.gnu.org/copyleft/gpl.html
 * @link       http://facebooklikebox.net
 */
.slide_likebox {
	float:right;
	width:247px;
	height:420px; 
	background: url(../images/fbslide1.png) no-repeat !important;
	display:block;
	right:-205px;
	padding:0;
	position:fixed;
	top: 170px;
	z-index:1002;
}

.slide_text {
	font-family: Geneva, Verdana, sans-serif;
	font-size: 8px; 
	padding-left: 10px;
	text-decoration: none;
	color: #FFF;
}

#gallery p, #cert p {
	text-align: center;
}

#gallery a img, #cert a img {
	border: 2px solid #999999;
	margin: 10px;
}

h2.prodh {
	display: none;
}