@charset "utf-8";
/* CSS Document */

html {
	background: #eeeeee;
	margin: 0px;
	padding: 0px;
}

body {
	margin: 0px;
}

#container {
	display:block;
	min-width:850px;
}

#header {
	height: 52px;
	background: url(sliki/bkg_header.png) repeat-x;
	text-align: center;
	font: 13px Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#header a{
	text-decoration:none;
}

#header a img{
	border: none;
	margin-bottom: 7px;
	padding: 4px;
}

#header a:hover img{
	/*background: #ababab;*/
	background: url(sliki/hnav_bkg.png);
}

#logo-banner {
	height: 127px;
	text-align: center;	
}

#logo-banner img {
	padding-top: 30px;
}

/*************************************************************/
/************** I N T R O D U C T I O N **********************/
/*************************************************************/

#introduction {
	height: 240px;
	background: url(sliki/sections_bkg.png) repeat-x;
}

.imgpad01 {
	width: 267px;
	height: 44px;
	z-index: 0;
	background: url(sliki/section_services.png) no-repeat;
	background-position: 30px 5px;
}

#introduction h1 {
	font: 15px Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	margin: 31px 27px 0px 0px;
	text-align: center;
}

#introduction h1 a{
	color:#000000;
	text-decoration: none;
}

#introduction h1 a:hover{
	color:#999999;
}

#introduction h2 {
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	margin: 7px 0px 0px 17px;
}

#introduction h2 a{
	color:#000000;
	text-decoration: none;
}

#introduction h2 a:hover{
	color:#999999;
}

#introduction .wrapper {
	margin: 0px auto;
	width: 671px;
	margin-top: -17px;
	z-index: 9;
	height: 200px;
}

#introduction .wrapper .presentation {
	width: 233px;
	height: 194px;
	float: left;
	background: url(sliki/presentation_bkg.png) no-repeat;
	z-index: 9;
}

#introduction .wrapper .presentation .text {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin: 7px 45px 0px 14px;
	text-align: justify;
}

#introduction .wrapper .presentation .icon{
	margin: -16px 0px 0px 163px;
}

#introduction .wrapper .presentatio{
	width: 204px;
	height: 194px;
	float: left;
	background: url(sliki/presentation_bkg.png) no-repeat;
	z-index: 9;
}

#introduction .wrapper .presentatio .icon{
	margin: -16px 0px 0px 163px;
}

#introduction .wrapper .presentatio .text {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin: 7px 15px 0px 14px;
	text-align: justify;
}

#introduction .wrapper .presentatio h1 {
	font: 15px Verdana, Arial, Helvetica, sans-serif;
	margin: 31px 0px 0px 0px;
	text-align: center;
}


/*************************************************************/
/*************************************************************/
/*************************************************************/
/*					P o r t f o l i o						 */
/*************************************************************/
/*************************************************************/
/*************************************************************/

#portfolio {
	height: 471px;
	min-width:850px;
	/*background: #000000 url(sliki/sections_bkg.png) repeat-x;*/
	background: url(sliki/sections_bkg.png) repeat-x;
	
}

.imgpad02 {
	width: 267px;
	height: 44px;
	z-index: 0;
	background: url(sliki/section_portfolio.png) no-repeat;
	background-position: 30px 5px;
}

#portfolio_over{
	float:left;
	height:69px;
	width:100%;
	display:block;
	/*background: #000000 url(sliki/sections_bkg.png) repeat-x;*/
	background:url(sliki/bkg-1_over2-2.png) no-repeat;
	background-position:center 0px;
	z-index:9;
	margin-top:-65px;
	margin-left:0px;
}

#portfolio .slideshow {
	height: 427px;	
	/*margin: 3px 0px 0px 37px;*/
	margin-top: 3px;
	background: url(sliki/bkg_header.png);
}

#portfolio .slideshow .content {
	width: 848px;
	height: 425px;
	background: url(sliki/portfolio_background.jpg) no-repeat;
	margin: 0px auto;
	border-left: 1px dashed #999999;
	border-right: 1px dashed #999999;
}

#portfolio .slideshow .content .left {
	float: left;
	width: 167px;
	margin: 130px 0px 0px 59px;
}

#portfolio .slideshow .content .right {
	float: right;
	margin: 83px 67px 0px 0px;
}

#portfolio .slideshow .content .right a{
	color: #00FFFF;
}



/* ********************************** */ /* ********************************** */
/* ********************************** */ /* ********************************** */
/* ********************************** */ /* ********************************** */

.mask3{
	font:12px Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	width:480px;
	height:283px;
	overflow:hidden;
}
.mask3 h1{
	font:18px Verdana, Arial, Helvetica, sans-serif;
	margin:10px 0px 0px 0px;
	padding:0px;
}
.mask3 h2{
	font:13px Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	margin:10px 0px 20px 0px;
	padding:0px;
}


.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:54px;
	height:41px;
	margin:3px 0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}

span img{
	display:block;
	border:none;
}

.buttons{padding:5px;text-align:center;}
.buttons span{color:#00ffff;padding:0 5px;cursor:pointer;font:10px Verdana;}
.buttons span.active, .buttons span:hover{background:#0080FF;color:#ffffff;}

/* ********************************** */


#box4{
	position:absolute;
	color: #FFFFFF;
}
#box4 div{
	width:480px;
	height:283px;
	float:left;	
}
#box4 img{
	width:200px;
	width:150px;
	float:left;
	margin:0 10px 10px 15px;
}

#box4 ul{
	list-style-position:inside;
}



/*************************************************************/
/******************** C O N T E N T **************************/
/*************************************************************/


#content {	
	background:url(sliki/sections_bkg.png) repeat-x;
	font:12px Verdana, Arial, Helvetica, sans-serif;
}

#content .content {	
	width:760px;
	margin:0px auto;
	margin-top:3px;
	border-left:1px solid #d5d5d5;
	border-right:1px solid #d5d5d5;	
	padding:20px;
	padding-top:10px;
	text-align:justify;
	font-size:11px;	
}

#content h1 {
	padding:0px;
	margin:17px 0px 11px 0px;
	font-size:13px;
	color:#0066ff;
	font-weight:bold;
	border-bottom:1px dashed #0066FF;
}

#content h1 span{
	float:right;
	margin-top:-17px;
	font-family:Webdings;
	border:none;
}

#content h2 {
	padding:0px;
	margin:17px 0px 11px 0px;
	font-size:12px;
	color:#0066ff;
	font-weight:bold;
	font-style:italic;
}

#content hr {
	border:1px dashed #d5d5d5;
}

#content .content .plovi {
	float: right;
	margin: -113px 33px 0px 0px;
	width:400px;
}
/*
#content .content span img {
	border:1px dashed #CCCCCC;
}
*/


/*************************************************************/
/********************* F O O T E R ***************************/
/*************************************************************/


#footer {
	height:228px;
	border-top:8px solid #ababab;
	background:#232323;
}

#footer .flower {
	margin-top:-45px;
}

#footer .network{
	float:right;
	margin:-228px 20px 0px 0px;
	color:#00FFFF;
	width:200px;
	font:11px Arial, Helvetica, sans-serif;
	overflow:hidden;
}

#footer .network a{
	color:#00FFFF;
	text-decoration: none;
	line-height:21px;	
}

#footer .network a:hover{
	/*text-decoration:underline;*/
	letter-spacing:4px;
}

#footer .validator-w3-org{
	float:right;
	margin:-67px 20px 0px 0px;
	color:#00FFFF;
	width:200px;
	font:11px Arial, Helvetica, sans-serif;
	overflow:hidden;
}

#footer .validator-w3-org a img{
	border:none;
}

#footer .validator-w3-org a:hover img{
	border:none;
}