@charset "utf-8";

/* CSS Document */
body {background:url(/images/bg.png) repeat left top; margin:0; padding:0; font:normal normal 11px/16px Verdana, Geneva, sans-serif; color:#000; text-align:center;}

a {color:#6a733a; font-weight:bold; text-decoration:none;}
a:hover {color:#bebc51;}

#hiden {width:100%; height:100%; overflow:hidden; position:absolute; top:0; left:0; background:url(/images/torn.png) repeat-x left 10px; z-index:400;}

#content {width:960px; margin:0 auto; text-align:left;}

.mask {position:absolute; background:url(/images/mask.png) repeat left top; z-index:400;}

#mask_top {background:url(/images/mask_top.png) repeat left top; position:absolute; z-index:400;}
#mask_left {background:url(/images/mask_left.png) repeat left top; position:absolute; z-index:400;}
#mask_right {background:url(/images/mask_right.png) repeat left top; position:absolute; z-index:400;}
#mask_bottom {background:url(/images/mask_bottom.png) repeat left top; position:absolute; z-index:400;}

#atrapa {width:100%; height:100%; background:url(/images/mask.png) repeat left top; position:absolute; left:0; top:0; z-index:400;}

.clear {clear:both; height:1px; overflow:hidden;}

#top {width:960px; height:220px; background:url(/images/logo.png) no-repeat center 40px;}

#menu {margin:0; padding:45px 0 0 0; list-style:none; width:960px;}
#menu li {margin:0; padding:0; list-style:none; float:left;}
#menu li a {width:120px; height:140px; margin:0 10px; display:block; background-position:left top; background-repeat:no-repeat;}

#menu li a.home {background-image:url(/images/home.png);}
#menu li a.portfolio {background-image:url(/images/portfolio.png);}
#menu li a.oferta {background-image:url(/images/oferta.png);}
#menu li a.kontakt {background-image:url(/images/kontakt.png);}

#menu li a.creativestudio {width:340px;}

#menu li a:hover {background-position:right top;}
#menu li.current a {background-position:right top;}

#column_1 {width:335px; float:left; height:381px; background:url(/images/gallery_bg.png) no-repeat left top;}

#column_2 {background:url(/images/paper.png) no-repeat left -3px; width:625px; height:392px; float:left;}
#column_2 .tresc {padding:53px 66px 56px 68px;}

label {width:150px; display:block; float:left;}

.for {padding:0 0 1px 0;}
input, textarea {font:normal normal 11px/16px Verdana, Geneva, sans-serif; margin:0; padding:0;}

table td {padding:4px; text-align:center;}

.aktext {padding:15px 0 0 0;}

/*==========================================*/
/* slideshow gallery */

#shadow {background:url(/images/shadow.png) no-repeat left top; width:285px; height:247px; position:absolute; z-index:350;}

#slideshow { margin:48px 0 0 22px;}

.slideshowlite {
	position: absolute;
}

	.slideshowlite a {
		position: absolute;
		z-index: 1;
		width: 100%;
		height: 100%;
		text-align: center;
	}

	.slideshowlite img {
		border: none;
	}

/* pagination control */

.slideshowlite ul,
.slideshowlite ol {
	list-style: none;
	position: absolute;
	margin: 0 0 -50px 0;
	padding: 0;
	bottom: 0px;
	right: 0px;
	z-index: 300;
}

	.slideshowlite ul li,
	.slideshowlite ol li {
		float: left;
		width: 20px;
	}
	
	.slideshowlite ul li a {
		position: relative;
		display: block;
		width: 12px;
		height: 14px;
		text-decoration: none;
		color: #3b474c;
		background:url(/images/paginator_bg.gif) no-repeat 0% 0%;
		text-align: center;
		font-size: 1px;
		line-height:0px;
	}
	
	.slideshowlite ul li a.current {
		color: #fff;
		font-weight: bold;
		background:url(/images/paginator_bg_act.gif) no-repeat 0% 0%;
	}
	
	.slideshowlite ul li a:hover {
		color: #fff;
		background:url(/images/paginator_bg_act.gif) no-repeat 0% 0%;
	}
	
/* caption control */

.slideshowlite ol {
	top: 5px;
	position: relative;
	overflow: hidden;
	width: 100%;
	font-size: 14px;
	color: #fff;
	background: #000;
	padding: 3px 10px;
	
}

	.slideshowlite ol li {
		width: 100%;
	}