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

body { background:#000000; }
body, td, th, ul, li { color:#CCCCCC; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:21px; }

	body {
		behavior:url("../htc/csshover.htc");
	}

p { padding-bottom:7px; }
strong { color:#FFFFFF; }
a { color:#FFFFFF; text-decoration:underline; }
a:link { color:#FFFFFF; text-decoration:underline; }
a:visited { color:#DDDDDD;  }
a:hover { color:#FFFFFF; }
a:active { color:#FFFFFF; }

ul { padding-left:25px; list-style:disc; }

.smalltext {font-size:10px;}

.bigwrapper { position:relative; float:none; clear:both; width:1110px; margin:0 auto; }
.bigwrapper .wrapper { float:left; clear:none; }

.prev-button { position:relative; float:left; clear:none; width:65px; padding-right:10px; padding-top:220px; }
.prev-button a { position:relative; float:left; clear:both; width:65px; height:65px; background:url(../images/b-prev.gif) left top no-repeat; }
.prev-button a span { display:none; }
.prev-button a:hover { background:url(../images/b-prev.gif) left bottom no-repeat; }

.next-button { position:relative; float:left; clear:none; width:65px; padding-left:10px; padding-top:220px; }
.next-button a { position:relative; float:left; clear:both; width:65px; height:65px; background:url(../images/b-next.gif) left top no-repeat; }
.next-button a span { display:none; }
.next-button a:hover { background:url(../images/b-next.gif) left bottom no-repeat; }

.wrapper { position:relative; float:none; clear:both; width:960px; margin:0 auto; padding:25px 0; }
.bigwrapper .wrapper { float:left; clear:none; }
.header { height:86px; padding:0 0 5px 0; width:960px; }

.logo { position:relative; float:left; clear:left; width:460px; }
.logo h1 a { display:block; position:relative; float:left; clear:none; background:url(../images/servicii-fotografie-logo.gif); width:270px; height:86px; }
.logo h1 a span { display:none; }
.menu { position:relative; float:right; clear:right; width:460px; padding:52px 0 0 0; height:36px; background:url(../images/linebg-right.gif) right bottom no-repeat; }
.menu-cap { width:460px; position:relative; float:left; clear:both; height:36px; background:url(../images/linebg-left.gif) left bottom no-repeat; }
.menu a { padding:8px 10px 3px 31px; position:relative; float:left; clear:none; background:url(../images/b-off.gif) 14px 11px no-repeat; text-decoration:none; }
.menu a:hover { padding:8px 10px 3px 31px; position:relative; float:left; clear:none; background:url(../images/b-on.gif) 14px 11px no-repeat; text-decoration:none; }


.fotoholder { width:960px; height:282px; }
.fotoholder a { padding:0; margin:0; border:0; position:relative; float:left; clear:none; }
.fotoholder img { background:url(../js/GB/greybox/indicator.gif) 50% 50% no-repeat; }
.scroller img { background:url(../js/GB/greybox/indicator.gif) 50% 50% no-repeat; }

.foto-menu { background:url(../images/foto-menu-bg-active.gif) left top no-repeat; width:940px; height:34px; text-align:center; position:relative; float:left; clear:both; padding:0 10px; }
	.foto-menu a { position:relative; float:left; clear:none; text-decoration:none; color:#CCCCCC; text-transform:lowercase; font-weight:bold; font-size:13px; white-space:nowrap; }
	.foto-menu a span { position:relative; display:block; float:left; clear:none; padding:7px 10px 5px 10px; cursor:pointer; }
	.foto-menu a:hover { color:#FFFFFF; background:url(../images/foto-link-right.gif) right bottom no-repeat; }
	.foto-menu a:hover span { background:url(../images/foto-link-left.gif) left bottom no-repeat; cursor:pointer; }


.portofoliu { position:relative; float:left; clear:both; width:960px; }

.content { position:relative; float:left; clear:both; width:960px; padding: 20px 0 20px 0; }

.leftcolumn { position:relative; float:left; clear:left; width:430px; padding:0 15px;  }
.leftcolumn h2 { background:url(../images/linebg-right.gif) right top no-repeat; margin-left:-15px; margin-right:-15px; }
.leftcolumn h2 span { display:block; position:relative; background:url(../images/linebg-left.gif) left top no-repeat; padding:7px 15px 12px 15px; display:block; font-size:22px; }


.rightcolumn { position:relative; float:right; clear:right; width:460px; background:#212326; font-size:13px; }
.rightcolumn td, th { font-size:13px; }
.rightcolumn-top { position:relative; float:left; clear:both; width:460px; background: url(../images/rightcol-top.gif) left top no-repeat; }
.rightcolumn-btm { position:relative; float:left; clear:both; width:430px; padding:10px 15px; background:url(../images/rightcol-btm.gif) left bottom no-repeat; }
.rightcolumn h2 { font-size:18px; text-decoration:underline; padding-bottom:7px; }
.rightcolumn-btm ul li {font-size:12px;}

.rightcolumn2 { position:relative; float:none; clear:both; width:960px; background:#212326; font-size:13px; }
.rightcolumn2 td, th { font-size:13px; }
.rightcolumn-top2 { position:relative; float:left; clear:both; width:960px; }
.rightcolumn-btm2 { position:relative; float:left; clear:both; width:930px; padding:10px 15px; }
.rightcolumn2 h2 { font-size:18px; text-decoration:underline; padding-bottom:7px; }
.rightcolumn-btm2 ul li {font-size:12px;}


.footer { position:relative; float:left; clear:both; width:960px; height:34px; background:url(../images/linebg-right.gif) right bottom no-repeat; }
.footer-cap { position:relative; float:left; clear:both; width:930px; padding:7px 15px 6px 15px; height:21px;  background:url(../images/linebg-left.gif) left top no-repeat; font-size:13px; }
.atentie {color:#FF0000; font-size:16px; font-weight:bold; font-style:italic; font-family:Arial, Helvetica, sans-serif;}
.contact {

width:200px;
border:1px solid #999;
background-color:#111;
color:#CCC;
font-family:Arial, Helvetica, sans-serif;
}

.contact2 {
width:120px;
 }

/* navigation hl */

body#home .menu a#home-nav,
body#port .menu a#port-nav,
body#serv .menu a#serv-nav,
body#desp .menu a#desp-nav,
body#cont .menu a#cont-nav
 { background:url(../images/b-on.gif) 14px 11px no-repeat; color:#FFFFFF; }
 
 
div#f1 .foto-menu a#f1-nav,
div#f2 .foto-menu a#f2-nav,
div#f3 .foto-menu a#f3-nav,
div#f4 .foto-menu a#f4-nav,
div#f5 .foto-menu a#f5-nav,
div#f6 .foto-menu a#f6-nav,
div#f7 .foto-menu a#f7-nav,
div#f8 .foto-menu a#f8-nav,
div#f9 .foto-menu a#f9-nav
{ color:#FFFFFF; background:url(../images/foto-link-right-active.gif) right bottom no-repeat; }

div#f1 .foto-menu a#f1-nav span,
div#f2 .foto-menu a#f2-nav span,
div#f3 .foto-menu a#f3-nav span,
div#f4 .foto-menu a#f4-nav span,
div#f5 .foto-menu a#f5-nav span,
div#f6 .foto-menu a#f6-nav span,
div#f7 .foto-menu a#f7-nav span,
div#f8 .foto-menu a#f8-nav span,
div#f9 .foto-menu a#f9-nav span
{ color:#FFFFFF; background:url(../images/foto-link-left-active.gif) left bottom no-repeat; }



/* icarousell */

/* example_3 css */

#example_3 {
	position: relative; /* important */
	overflow: hidden; /* important */
	width: 960px; /* important */
	height: 282px; /* important */
	margin: 0px;
}

#example_3_frame {position: relative}
#example_3_previous {float: left;}
#example_3_next {float: right;}
#example_3_content {
	position: absolute;
	top: 0;
	margin-left: 0px;
}

#example_3_content
#example_3_content li {
	list-style: none;
	margin: 0;
	padding: 0;
	width:160px;
}
	#example_3_content {
		width: 10000px;
	}
	#container_bd #example_3 ul li {
		display: block;
		float: left;
		margin: 0px;
		padding: 0px;
		border: 0px solid #666;
		background-color: #000;
	width:160px;
	}

#container_bd #example_3 ul li img {
	display: block;
}