@CHARSET "UTF-8";
html{
	background-color: #333333;
	color: white;
	font-family: Verdana,sans-serif;
	font-size: 15px;
}

html,body {margin:1px 0px;height:100%;} 

textarea {resize: none;}
legend{color: #ffffff;}
p { text-align: justify; margin: 15px 0px;} 
strong {font-weight: bold;}
em{font-style: italic;}
img{border: none;}
a{	font-weight: bold;text-decoration: none;color: #ffffff;}
a:hover{text-decoration: underline;}
a:visited{color: #ffffff;}
h3{font-weight: bold; font-size: 1.1em;}

.container{
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	height: 100%;
}

.main{
	float: left;
	margin-left: 50px;
	width: 680px;
}

.top_header{
	height: 107px;
	background: url(../images/logo_speoarta2011.png) 90px 15px no-repeat;
	width: 100%;
}

.logo{
	display: block;
	width: 80px;
	height: 100%;
	background: url(../images/logo_speoarta.png) transparent left no-repeat;
	float: left;
}
.logo_frs{
	width: 80px;
	height: 75px;
	background: url(../images/logo_frs.png) transparent left no-repeat;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
}

.left_menu{
	width: 170px;
	float: left;
}

.left_menu ul {
	list-style: none;
	margin: 0px 0px 5px 0px;
	padding: 0;
	border: none;
}

.left_menu li {
	border-bottom: 2px solid #333333;
	border-top: 2px solid #333333;
}

.left_menu li a{
	display: block;
	padding: 8px;
	border-left: 10px solid #999999;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

.left_menu li:hover {
	border-bottom: 2px solid #000000;
	background-color: #666666;
}

.left_menu li:hover a {
	background: url(../images/1px_gray.jpg) top repeat-x;
	background-color: #666666;
}

.left_menu li.active {
	border-bottom: 2px solid #000000;
	background-color: #666666;
}

.vspacer{
	margin-top: 10px;
}

.vspacer_big{
	margin-top: 30px;
}
.istoric{
	background: url(../images/poza_grup.jpg) top right no-repeat;
		
}
.portofoliu{
	margin-bottom: 30px;
	clear: right;
	padding-top: 20px;
	}
	
.portofoliu img {
	float: right; 
	margin-left: 20px;
	cursor: pointer;
}

.portofoliu div.name{
	margin-bottom: 10px;
}

/*partners logo and banner*/
.logo_emont {
	display: block;
	margin-top: 30px;
	background: url(../images/parteneri/logo_emont.png) no-repeat;
	width: 165px;
	height: 165px;
}

.banner_emont {
	display: block;
	background: url(../images/parteneri/emont.png) no-repeat;
	width: 150px;
	height: 100px;
}

.logo_phmagazine {
	margin-top: 30px;
	display: block;
	background: url(../images/parteneri/banner_phmagazine.png) no-repeat;
	background-color: #ffffff;
	width: 150px;
	height: 71px;
}

.logo_amedesign {
	margin-top: 30px;
	display: block;
	background: url(../images/parteneri/banner_amedesign.png) no-repeat;
	width: 450px;
	height: 85px;
}
.logo_frs1 {
	margin-top: 30px;
	display: block;
	background: url(../images/parteneri/logo_frs.gif) no-repeat;
	width: 500px;
	height: 120px;
}

.logo_amg{
	margin-top: 30px;
	display: block;
	background: url(../images/parteneri/banner_AMG.png) no-repeat;
	width: 350px;
	height: 85px;
}
.logo_zn{
	margin-top: 30px;
	display: block;
	background: url(../images/parteneri/banner_zn.png) no-repeat;
	width: 450px;
	height: 85px;
}
.logo_fotogear{
	margin-top: 30px;
	display: block;
	background: url(../images/parteneri/banner_fotogear.png) #fff no-repeat;
	width: 450px;
	height: 85px;
}
.logo_quantuum{
	margin-top: 30px;
	display: block;
	background: url(../images/parteneri/banner_quantuum.png) #000 no-repeat;
	width: 450px;
	height: 85px;
}
.logo_manfrotto{
	margin-top: 30px;
	display: block;
	background: url(../images/parteneri/banner_manfrotto.png) #fff no-repeat;
	width: 450px;
	height: 85px;
}

.logo_phmagazine {
	margin-top: 30px;
	display: block;
	background: url(../images/parteneri/banner_phmagazine.png) no-repeat;
	background-color: #ffffff;
	width: 450px;
	height: 85px;
}

.logo_technic_glass {
	margin-top: 30px;
	display: block;
	background: url(../images/parteneri/banner_technic_glass.png) no-repeat;
	background-color: #ffffff;
	width: 450px;
	height: 85px;
}
.logo_il_caffe {
	margin-top: 30px;
	display: block;
	background: url(../images/parteneri/banner_il_caffe.png) no-repeat;
	background-color: #ffffff;
	width: 450px;
	height: 85px;
}
.logo_punctmedia {
	margin-top: 30px;
	display: block;
	background: url(../images/parteneri/banner_punctmedia.png) no-repeat;
	background-color: #ffffff;
	width: 450px;
	height: 85px;
}
.logo_dp {
	margin-top: 30px;
	display: block;
	background: url(../images/parteneri/banner_dp.png) no-repeat;
	background-color: #ffffff;
	width: 450px;
	height: 85px;
}
.logo_central {
	margin-top: 30px;
	display: block;
	background: url(../images/parteneri/banner_central.png) no-repeat;
	background-color: #ffffff;
	width: 450px;
	height: 85px;
}
.logo_CSA {
	margin-top: 30px;
	display: block;
	background: url(../images/parteneri/banner_CSA.png) no-repeat;
	background-color: #ffffff;
	width: 450px;
	height: 85px;
}
.logo_POLI {
	margin-top: 30px;
	display: block;
	background: url(../images/parteneri/banner_POLI.png) no-repeat;
	background-color: #ffffff;
	width: 450px;
	height: 85px;
}
.logo_KajaTanya {
	margin-top: 30px;
	display: block;
	background: url(../images/parteneri/banner_KajaTanya.png) no-repeat;
	background-color: #ffffff;
	width: 450px;
	height: 85px;
}
.logo_trophy_outdoor {
	margin-top: 30px;
	display: block;
	background: url(../images/parteneri/banner_trophy_outdoor.png) no-repeat;
	background-color: #ffffff;
	width: 450px;
	height: 85px;
}
.logo_web7 {
	margin-top: 30px;
	display: block;
	background: url(../images/parteneri/banner_web7.png) no-repeat;
	background-color: #ffffff;
	width: 450px;
	height: 85px;
}
.logo_aktus {
	margin-top: 30px;
	display: block;
	background: url(../images/parteneri/banner_aktus.png) no-repeat;
	background-color: #ffffff;
	width: 450px;
	height: 85px;
}

fieldset.formular{
	border: none;
	margin: 0px;
	font-size: 0.8em;	
}	

fieldset.formular label {
	width: 140px; 
	display: inline-block;
	margin: 5px 0px;
	vertical-align: middle;
	text-align: right;
}

fieldset.formular input[type="text"]{
	border: none;
	background-color: #666666;
	margin-left: 20px;
	width: 420px;
	height: 19px;
	color: #ffffff;
}

fieldset.formular textarea{
	border: none;
	background-color: #666666;
	margin-left: 20px;
	width: 420px;
}

fieldset.categ{
	margin: 20px 0px 0px 20px;
	}
fieldset.categ input[type="text"]{
	width: 360px;
		
	}
fieldset.categ textarea{
	border: none;
	background-color: #666666;
	color: #ffffff;
	margin-left: 20px;
	width: 360px;
}

.btn{
	border: 1px solid #ffffff;
	color: #ffffff;
	background-color: #666666;
	cursor: pointer;
	font-weight: bold;
	font-size: 12px;
}

.btnAdd{
	font-size: 0.9em;
	heigth: 19px;
	width: 108px;
	
}

.btn_right{
	text-align: right; 
	width: 100%; 
	margin-top: 10px;	
}

.disabled{
  opacity: 0.5;
  filter: alpha(opacity = 50);	
}

.disabled_on:hover{
  opacity: 1;
  filter: alpha(opacity = 100);	
}

.step{
	height: 20px;
	color: #ffffff;
	padding: 3px 0px 0px 3px;
	background-color: #666666;
	display: inline-block;
	border: 1px solid #ffffff;
}

.step1_on{
	height: 25px;
	padding-right: 12px;
	width: 120px;
	}

.step1_off{
	height: 20px;	
	background-image: url(../images/steps.png);
	background-repeat:  no-repeat;
	padding-right: 17px;
	width: 170px;
	background-position: right -26px;
	}

.step2_on{
	height: 20px;	
	background-image: url(../images/steps.png);
	background-repeat:  no-repeat;
	width: 142px;
	padding-right: 21px;
	background-position: right -55px;
	}

.step2_off{
	height: 20px;	
	background-image: url(../images/steps.png);
	background-repeat:  no-repeat;
	width: 142px;
	padding-right: 21px;
	background-position: right -82px;
		
}

.step3_on{
	height: 20px;	
	background-image: url(../images/steps.png);
	background-repeat:  no-repeat;
	width: 140px;
	padding-right: 26px;
	background-position: right -107px;
	}

.step3_off{
	height: 20px;	
	background-image: url(../images/steps.png);
	background-repeat:  no-repeat;
	width: 140px;
	padding-right: 26px;
	background-position: right -133px;
	}

.hide{
	display: none;
	}

.categ{
	border: 1px solid #666666;
	padding: 4px; 	
}

label.error{
	font-size: 0.9em;
	color: red;
	width: 100% !important;
	text-align: left !important;
	padding-left: 10px;
}
ul {padding: 0px; margin: 0px;}
.thumb{
	float: left;
	display: block; 
	width: 135px; 
	height: 135px; 
	margin: 5px; 
	background-color: #666666;
	background-repeat:  no-repeat;
	background-position:  center;
}

.thumb1{
	display: block; 
	width: 135px; 
	height: 135px;
	background-color: #666666;
	background-repeat:  no-repeat;
	background-position:  center;
}

a.thumb:hover, a.thumb1:hover{
	background-color: #888888;
}

ul.gallery li {
        width: 135px;
        min-height: 142px;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        margin: 10px 2px 2px 2px;
        zoom: 1;
        *display: inline;
        _height: 142px;
}


.inline-block{
	display: -moz-inline-stack;
   display: inline-block;
	zoom: 1;
   *display: inline;
}

/*slider */
#s3slider {
   width: 450px; /* important to be same as image width */
   height: 85px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   float: right;
}

#s3sliderContent {
   width: 450px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 2px 8px;
   width: 190px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}
.s3sliderImage span strong{
    font-size: 14px;
    font-weight: bold;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
.left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 280px;
}
.right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 290px;
}
ul.homelist li{
	list-style: disc;
	margin-left: 20px;
}


div.like span.connect_widget_text {color:#fff;}
div.like div.connect_widget_confirmation {color:#fff;}
div.like span.connect_widget_text a {color:#ffc6ff;}