/* GLOBALS */
html {
 overflow-y: scroll !important;
}
*
{
padding:0; margin:0; 
}

body
{
	padding:0px;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #333;
	background-color: #FAFAFA;
	border:0px;
}
p { padding:5px; }
sup { font-size:11px; }
/*--------------------------------------------------------------------------------------*/

#container { width:1000px; margin:0 auto;}

#header { width:978px; height:90px; margin:0 auto; }

#logo { width: 153px; height:78px; margin-top:5px; margin-left:5px; }

#menu { background:url(images/menu-bg.gif) top center repeat-x; height:36px; width:978px; position:relative; margin:0 auto; text-align:center; }
#lm { background: url(images/menu-left.gif) top center no-repeat; height:36px; width: 4px; position: absolute; top:0; left:0; }
#rm { background: url(images/menu-right.gif) top center no-repeat; height:36px; width: 4px; position:absolute; top:0; right:0; }


#menu a { text-decoration:none; color:#FFF; padding:0px 25px;; font-size:12px; text-transform:uppercase; position:relative; top:-15px; font-family:"Gotham Book"; }
#menu a:hover { color: #CCC; }


#packcontainer { width:978px; height:435px; background: url(images/packcontainer.jpg) top center no-repeat; margin:10px auto; position:relative; }

#pack1 { position:absolute; top:40px; left:20px; z-index:30; }
#pack2 { position:absolute; top:40px; left:200px; z-index:40; }
#pack3 { position:absolute; top:40px; left:390px; z-index:50; }

#shadow1 { position:absolute; top:330px; left:18px; z-index:29; }
#shadow2 { position:absolute; top:330px; left:198px; z-index:29; }
#shadow3 { position:absolute; top:330px; left:388px; z-index:29; }

#packdesc1, #packdesc2, #packdesc3 { position:absolute; top:40px; left:630px; z-index:50; width:340px; height:300px; display: none; }

.packdesc { position:absolute; bottom:-50px; left:0px; z-index:50; width:340px; }
.packdesc a { color:#0073bd; text-decoration:none; font-weight:bold; }
.packdesc a:hover { text-decoration: none; color:#666; }

#packdesc1 h2, #packdesc2 h2, #packdesc3 h2 { font-size:20px; font-weight:normal; font-family:"Gotham Book";  }
#packdesc1 h3, #packdesc2 h3, #packdesc3 h3 { font-size:16px; font-weight:bold; margin-top:15px; font-family:"Gotham Medium";  }


#packdesc1 sup, #packdesc2 sup, #packdesc3 sup { font-size:11px;  }
#packdesc1 p, #packdesc2 p, #packdesc3 p { font-size: 12px; color: #666; font-family:"Gotham Book"; } 

#packdesc1 strong, #packdesc2 strong, #packdesc3 strong { font-size: 12px; color: #666; font-family:"Gotham Medium"; } 


#agw { position:fixed; top:40%; left:0; width:44px; height:167px; }

.servicii
	{ width:1000px; margin:0 auto; clear:both; padding-top:10px; border-top:0px solid #CCC ; }
.sdespartitor { height:20px; clear:both; }

.stitle { width:180px; float:left; margin-right:40px; margin-left:30px; }
.stitle h2 { padding:3px; text-transform:uppercase; font-family:"Gotham Rounded Medium"; font-size:18px; margin-bottom:5px; }
.stitle p { font-family:"Gotham Book"; }
.stitle p a { color:#0073bd; text-decoration: none; }
.stitle p a:hover { color:#666; }

.sportofoliu { width:210px; float:left; margin-right:40px;  }
.homeportimg { padding:1px; border:1px solid #d0d0d0; margin-bottom:2px; }
.sportofoliu h4 { color:#0073bd; font-family: "Gotham Rounded Medium"; font-size:12px; margin-top:5px; }
.sportofoliu p { padding:0; margin-top:10px; font-family: "Gotham Book"; font-size:10px; }
.sportofoliu a { color:#666; text-decoration:none; }
.sportofoliu a:hover { color:#0073bd; }


.pportofoliu { width:210px; float:left; margin-right:30px; margin-top:15px; margin-bottom:15px; margin-left:5px;  }
.pportofoliu h4 { color:#0073bd; font-family: "Gotham Rounded Medium"; font-size:12px; margin-top:5px; }
.pportofoliu p { padding:0; margin-top:10px; font-family: "Gotham Book"; font-size:10px; }
.pportofoliu a { color:#666; text-decoration:none; }
.pportofoliu a:hover { color:#0073bd; }

#footer
	{ background-color:#FFF; width:auto; }
#fcontainer
	{ width:1000px; margin:0 auto; padding-top:50px; }
	
.footercol
	{ width:150px; background:url(images/footer-line.gif) left top no-repeat; min-height:135px; text-align:left; float:left; margin-left:40px; }
.footercol h5 { font-size:11px; font-family: "Gotham Medium"; padding-left:10px; padding-bottom:3px; }
.footercol p { padding: 7px 0 0 10px; font-family: "Gotham Book"; font-size:10px; }
.footercol a { color:#666; text-decoration:none; }
.footercol a:hover { color:#0073bd; }


#resurse-bg { background: url(images/resurse-bg.gif) top center repeat-y; width:533px; min-height:332px; float:left; margin: 30px 15px; position:relative; }
#resurse-sus { background: url(images/resurse-sus.gif) top center no-repeat; width:533px; min-height:319px; position:absolute; top:-10px; left:0; z-index:1; }
#resurse-jos { background: url(images/resurse-jos.gif) top center no-repeat; width:533px; min-height:11px; position:absolute; bottom:-11px; left:0; z-index:2; }

#resurse { z-index:10; position:relative; width:510px; margin:10px auto;  }


#testimoniale-bg { background: url(images/testimonials-bg.gif) top center repeat-y; width:388px; min-height:332px; float:right; display:inline; margin: 30px 15px; position:relative; }
#testimoniale-sus { background: url(images/testimonials-sus.jpg) top center no-repeat; width:388px; min-height:321px; position:absolute; top:-10px; left:0; z-index:1; }
#testimoniale-jos { background: url(images/testimonials-jos.gif) top center no-repeat; width:388px; min-height:11px; position:absolute; bottom:-11px; left:0; z-index:2; }

#testimoniale { z-index:10; position:relative; width:360px; margin:10px auto; }

#testimoniale img, #resurse img  { margin-right:10px; margin-bottom:10px; float:left; }

#testimoniale h3, #resurse h3  { text-transform:uppercase; font-family:"Gotham Rounded Medium"; font-size:18px; margin-bottom:5px; }
#testimoniale sup { font-size:9px; }

#resurse h4, #testimoniale h4 { font-weight:bold; font-size:14px; padding:15px 5px 0px 5px; font-family: "Gotham Medium"; }
#resurse h4 a, #testimoniale h4 a { text-decoration:none; color:#0073bd; }
#resurse h4 a:hover, #testimoniale h4 a:hover  { color:#666; }

#resurse p a, #testimoniale p a { text-decoration:none; color:#0073bd; }
#resurse p a:hover, #testimoniale p a:hover { color:#666; }

.resurse { margin-bottom:20px; }
.resurse h4 { font-weight:bold; font-size:16px; padding:0px 5px 0px 5px; font-family: "Gotham Medium"; }
.resurse h4 a { text-decoration:none; color:#0073bd; }
.resurse h4 a:hover  { color:#666; }
.resurse p a { text-decoration:none; color:#0073bd; }
.resurse p a:hover { color:#666; }
.info { font-size:10px; color:#666; }


#contents { width:978px; margin:20px auto; min-height:400px; position:relative; background-color:#FFF; }

#contents-sus { background:url(images/content-sus.gif) top center no-repeat; height:11px; width:978px; position:absolute; top:-11px; left:0; }
#contents-jos { background:url(images/content-jos.gif) top center no-repeat; height:11px; width:978px; position:absolute; bottom:-9px; left:0; }

#sidebar { width:205px; background: url(images/despartitor.gif) top left no-repeat; min-height:410px; float:right; display:inline; }


.addthis { width:185px; margin-left:20px; margin-top:10px; margin-bottom:30px; }

.sociofluid { width:250px; height:60px; }

.sidecontent { width:185px; margin-left:20px; margin-top:10px; margin-bottom:30px; }

.sidecontent ul { list-style:none; margin-left:10px; }
.sidecontent ul li { margin-bottom:5px; font-family:"Gotham Book"; font-size:12px; }
.sidecontent ul li a { color: #666; text-decoration:none; }
.sidecontent ul li a:hover { color:#0073bd; }
.sidecontent ul li.current { color:#0073bd; }
.sidecontent a { color:#0073bd; text-decoration:none; }
.sidecontent a:hover { color: #666; }

.sidecontent p { margin-bottom:5px; padding:0; }



.sidespace { height:10px; clear:both; }

.newsletter { width:185px; margin-left:20px; margin-top:20px; margin-bottom:40px; }
.newsletter h4, .sidecontent h4 { color:#0073bd; font-family: "Gotham Book"; font-size:14px; margin-bottom:5px; }
.email { border:1px solid #dbdbdb; height:27px; float:left; padding-left:3px; color:#666; }

.err { color:#900; }

.twitter { margin:5px 10px 5px 5px; float:left; height:60px; }

#portpreview { background: url(images/port-preview.gif) top center no-repeat; width: 718px; height:187px; padding:5px; margin-bottom:5px; }
.portpreview { float:left; width:210px;  margin:5px 10px 0px 18px; }
.portpreview strong { color:#0073bd; font-size:11px; }


#contact { width:410px; float:right; display:inline; }
#analiza { width:410px; float:right; display:inline; margin-left:20px;  }
.red { color:#900; }

/* PRODUCT CSS */
.usp { color: #0073bd;	font-size:16px;	font-family: "Gotham Rounded Medium"; margin-bottom:5px; }
.features { font-size: 12px; color: #333; font-family:"Gotham Book"; }
.features img { padding-bottom:5px; }
.shortdesc { font-size: 11px; color: #333; font-family:"Gotham Book"; }
.shortdesc a { color:#0073bd; text-decoration:none; }
.shortdesc a:hover { color: #666; }
.price { font-size: 14px; color: #000; font-family:"Gotham Medium"; }

.padding3 { padding:3px; }

#content { float:left; margin:10px; width:740px; font-size:12px; }

#content table td { padding:3px; }

#content p { text-align: inherit; } #content div { text-align: inherit; }	
#content p a { text-decoration:none; } #content p a:hover { text-decoration:none; }
#content div a { text-decoration:none; } #content div a:hover { text-decoration:none; }	
#content h1 a { text-decoration:none; } #content h2 a:hover { text-decoration:none; }
#content h2 a { text-decoration:none; } #content h2 a:hover { text-decoration:none; }
#content h3 a { text-decoration:none; } #content h2 a:hover { text-decoration:none; }
#content div.pagination a { text-decoration:none; } #content div.pagination a:hover { text-decoration:none; }
#content ul, #content ol {   padding-left:20px;}
#content ul li { background: none; padding-left:15px; margin-bottom:5px; }
#content p sup, #content div sup { font-size:9px; }

#content a:link, #content a:active, #content a:visited { text-decoration:none; color: #0073bd; }
#content a:hover { text-decoration:none; color:#666;}

#content h1
	{
		margin:0; padding:0;
		color: #000;
		font-size:18px;
		font-family: "Gotham Rounded Medium";
		font-weight:bold;
		padding-bottom:10px;
		padding-left:5px;
		text-transform:uppercase;
	}


#content h2
	{
		margin:0; padding:0;
		color: #0073bd;
		font-size:14px;
		font-family: "Gotham Rounded Medium";
		font-weight:bold;
		padding-bottom:5px;
		padding-top:20px;
		padding-left:5px;
		clear:both;
	}

#content h3
	{
		margin:0; padding:0;
		color: #000;
		font-size:16px;
		font-family: "Gotham Rounded Medium";
		font-weight:bold;
		padding-left:5px;
		padding-bottom:10px;
		/*clear:both;*/	
	}
#content h5
	{
		margin:0; padding:0;
		color: #0073bd;
		font-size:14px;
		font-family: "Gotham Rounded Medium";
		font-weight:bold;
		padding-bottom:5px;
		padding-top:10px;
		padding-left:5px;

	}


/* CONTENT DISPLAY */
.line
	{
		clear:both;
		height:10px;
		border-bottom:1px solid #cdcdcd;
		margin: 10px 0px;
		padding:3px;
	}

.context_1_full
	{
		width:100%;
	}
.context_2_full
	{
		width:100%;
	}
	
.context_1_half
	{
		width:47%;
		margin-right:30px;
		float:left;
	}
.context_2_half
	{
		width:47%;
		float:right;
		display:inline;
	}



/* IMAGE & VIDEO */
.img_left
	{
	margin-right:15px; margin-bottom:10px;
	float:left;
	padding:3px;
	}
.img_right
	{
	margin-left:15px; margin-bottom:10px;
	float:right;
	display:inline;
	padding:3px;
	}
.video_left
	{
	margin-right:15px; margin-bottom:10px;
	float:left;
	padding:3px;
	}
.video_right
	{
	margin-left:15px; margin-bottom:10px;
	float:right;
	display:inline;
	padding:3px;
	}



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

*	{-moz-outline-style: none; outline:none;}

	div.pagination {
		padding: 3px;
		margin: 3px;
		margin-top:20px;
		text-align:center;
		font-family:Tahoma,Helvetica,sans-serif;
		font-size:.95em;
	}
	
	div.pagination a {
		border: 1px solid #0073bd;
		margin-right:3px;
		padding:2px 8px;

		background-position:bottom;
		text-decoration: none;

		color: #0073bd;		
	}
	div.pagination a:hover, div.pagination a:active {
		border: 1px solid #0073bd;
		background-image:none;
		background-color: #CCC;
		color: #FFF;
	}
	div.pagination span.current {
		margin-right:3px;
		padding:2px 6px;		
		font-weight: bold;
		color: #0073bd;
	}
	div.pagination span.disabled {
		display:none;
	}
	div.pagination a.next{
		border:2px solid #0073bd;
		margin:0 0 0 10px;
	}
	div.pagination a.next:hover{
		border:2px solid #0073bd;
	}
	div.pagination a.prev{
		border:2px solid #0073bd;
		margin:0 10px 0 0;
	}
	div.pagination a.prev:hover{
		border:2px solid #0073bd;
	}
	
/* Here's our form stuff */

fieldset{
	border:solid 1px #DEDEDE;
	margin-top:0px;
	padding-bottom:10px;
	width:410px;
}
fieldset legend {
	font-weight:bold;
	font-size:14px;
	padding:0px 5px 0px 2px;
	color:#0073bd;

}
fieldset ul, fieldset li{
	border:0; margin:0; padding:0; list-style:none;
}
fieldset li{
	clear:both;
	list-style:none;
	padding:10px;
}

fieldset input{
	float:left;
	border:1px solid #999;
	height:25px;
	padding-top:0px;
	margin-right:3px;
}
fieldset input:focus{
	border:1px solid #000;
}
fieldset textarea{
	float:left;
	border:1px solid #999;
}
fieldset textarea:focus{
	border:1px solid #000;
}
fieldset label{
	width:140px;
	float:left;
	font-size:13px;
}
.submit{ 
		border:0; margin:0; padding:0;
		clear:both;
		width:125px;
		height:25px;
		background: #0073bd;
		text-align:center;
		color:#FFFFFF;
		font-size:14px;
		font-weight:bold;
		margin-left:140px;
	}
fieldset p { padding:5px 10px; font-size:12px; }



<!--
/** 
 * Slideshow style rules.
 */
#slideshow {
	margin:0 auto;
	width:700px;
	height:763px;
	position:relative;
	float:left;

}
#slideshow #slidesContainer {
  margin:0 auto;
  width:700px;
  height:763px;
  overflow:auto; /* allow scrollbar */
  position:relative;

}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:680px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:763px;

}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:20px;
  height:20px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  bottom:-20px;
  left:0;
  background:transparent url(images/left.png) no-repeat 0 0;
}
#rightControl {
  bottom:-20px;
  right:0;
  background:transparent url(images/right.png) no-repeat 0 0;
}