/* ---------------------------------------------------
GLOBAL (General miscellaneous)
----------------------------------------------------- */
html, body, div, span, applet, object, iframe, caption, tbody, tfoot, thead, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, fieldset, form, label, legend {	padding: 0;	margin: 0;	border: 0;}
body {font:12px Verdana, Arial, Helvetica, sans-serif;	color: #313131;	height:100%;background: #FFFFFF url(../imagini/bg.png) repeat-x;}
p {margin-bottom: 10px;}
html,body {height: 100%;}
/* ---------------------------------------------------
HEADINGS
----------------------------------------------------- */
h1 {display: block;	color: #333E42;	font: bold 20px Georgia, "Times New Roman", Times, serif;margin-bottom: 10px;	background: url(../imagini/bg-h1.png) no-repeat;height: 40px;padding-top: 13px;	padding-left: 10px;	text-align:center;width: 517px;}
h2 {color:#530000;	display: block;	font: bold 20px Georgia, "Times New Roman", Times, serif;	margin-bottom: 15px;}	
h3 {font: bold 17px Georgia, "Times New Roman", Times, serif;margin: 0px 10px 0px 0px;}
h4 {font: bold 15px Georgia, "Times New Roman", Times, serif;margin: 10px 0px 5px;padding: 0px;color: #CC0000;}
h5 {font: bold 14px Georgia, "Times New Roman", Times, serif;margin: 10px 0px 5px;padding: 0px;}
h6 {font-size: 13px;}
/* ---------------------------------------------------
LISTS
----------------------------------------------------- */
ul {margin: 0px 0px 0px 15px;padding: 0px;}
li{font-weight: bold;margin: 0px;padding: 0px;list-style: none;}
/* ---------------------------------------------------
LINKS 
----------------------------------------------------- */
a {text-decoration: none;color: #874745;font-weight: bold;font-size: 13px;}
a:hover {text-decoration: none;	color: #CC0000;}
/* ---------------------------------------------------
STRUCTURE
----------------------------------------------------- */
#Wrapper {width: 960px;margin-top: 0;	margin-right: auto;	margin-bottom: 0;	margin-left: auto;	color: #445257;	line-height: 130%;}
#top {background-image: url(../imagini/top.png);height: 31px;width: 960px;}
#bottom {height: 31px;	width: 960px;	background-image: url(../imagini/bottom.png);	background-repeat: no-repeat;	clear: both;
}
#Main {
	width: 960px;
	background: url(../imagini/bg-content.png);
}

/* ---------------------------------------------------
HEADER
----------------------------------------------------- */
#Header {height: 150px;	margin: 0px 10px; background:#FFF;}
#Logo {
	height: 120px;
	float: left;
	padding-top: 30px;
	padding-left: 21px;
}
#detaliiContact {width: 250px;	float: right;	color: #455461;	font-size: 11px;margin-top: 50px;	margin-right: 40px;}
#detaliiContact p {	margin: 0px 0px 3px;}
#Meniu {clear: both;width: 960px;	height: 60px;	background: url(../imagini/bg-meniu.png) no-repeat;	color: #FFF;	margin-bottom: 11px;}
#contentWrapper {
	height:100%;
	padding-bottom: 31px;
}
#General {padding-right: 31px;padding-left: 31px;}

/* ---------------------------------------------------
MENIU
----------------------------------------------------- */
#Meniu ul {	margin: 0px;padding: 23px 0px 0px;	text-decoration: none;}
#Meniu li {	float: left;list-style-type: none;	display: block;}
#Meniu li a {
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	display: block;
	float: left;
	list-style-type: none;
	margin: 0px;
	padding-right: 20px;
	padding-left: 40px;
	line-height: 14px;
	padding-bottom: 5px;
}
#Meniu a:hover {display: block;	color: #FFC6C6;	line-height: 16px;}
.active {background-image: url(../imagini/menu-hover.png);	background-repeat: no-repeat;	background-position: center top;	display: block;	height: 30px;}
/* ---------------------------------------------------
LEFT
----------------------------------------------------- */
#Left {	width: 367px;	float: left;	font-size: 11px;}
#Left .pachete img {float: left;	padding-right: 15px;}
#Left .pachete {
	padding-top: 15px;
	padding-right: 31px;
	padding-left: 31px;
}
#Left .pachete .pret {background: url(../imagini/bg-pret.png) no-repeat left top;	height: 32px;	width: 90px;	font-weight: bold;	color: #FFF;	font-size: 11px;	padding-top: 3px;	padding-left: 5px;	float: left;	margin: 0px;}
#Left .pachete ul {margin: 0px;	padding: 0px;}
#Left .pachete li {background: url(../imagini/bullet.png) no-repeat left 2px;	padding-left: 15px;	font-weight: normal;	margin: 0px 0px 10px;}
#Left .pachete a {background: url(../imagini/bg-detalii.png) no-repeat 0px 0px;	height: 25px;width: 92px;	display: block;	text-decoration: none;	color: #FFF;	font-weight: bold;	padding-top: 3px;	padding-left: 5px;	float: right;}
#Left .pachete a:hover {background: url(../imagini/bg-detalii.png) no-repeat 0px -28px;	text-indent: 1px;}

/* ---------------------------------------------------
RIGHT
----------------------------------------------------- */
#Right {float: right;	width: 528px;	padding-right: 31px;	padding-left: 31px;	font-size: 11px;	padding-top: 5px;}
#Right .servicii {display: block;	float: right;	width: 300px;}
#Right li, #FAQ li {background: url(../imagini/bullet.png) no-repeat left 2px;	padding-left: 12px;	font-weight: normal;	margin-top: 3px;margin-bottom: 3px;}

/* ---------------------------------------------------
TABELE
----------------------------------------------------- */
#DomeniiTabel, #hostingPlan{width: 212px;background: #B1BCC7;	font-weight: bold;	margin-top: 10px;	float: left;}
#DomeniiTabel th, #hostingPlan th  {font-size: 12px;color: #455461;	padding: 7px;	text-align:center;	background: #FFF;}
#DomeniiTabel td, #hostingPlan td {background: #FFF;	padding: 4px;	text-align:center;}
#hostingPlan {width: 520px;}
#hostingPlan th {padding: 2px;}
	/* ---------------------------------------------------
	Pachete
	----------------------------------------------------- */
	#comparatiePachete {margin: 31px;font-size: 11px;}
	#comparatiePachete p {font-weight: normal;font-size: 11px;text-align:center;}
	#comparatiePachete table {background: #B1BCC7;}
	#comparatiePachete #tablePachete {background: #FFF;}
	#tablePachete td {padding: 10px;width: 140px;}
	#comparatiePachete tr:hover {background: #B1BCC7;}
	#comparatiePachete th {width: 70px;	background: #FFF;}
	#comparatiePachete td {	width: 150px;background: #FFF;}
	#tablePachete img {display: block;margin-left: 20px;}
#comparatiePachete h1 {
	background: url(none);
	float: left;
	text-align:left;
	width: 100%;
}

	#comparatiePachete li {background: url(../imagini/bullet.png) no-repeat left top;padding-left: 12px;font-weight: normal;margin-top: 3px;}

#FAQ, #Forms {margin: 31px;	font-size: 11px;color: #272F35;}

/* ---------------------------------------------------
PORTOFOLIU
----------------------------------------------------- */
#Galerie {list-style: none;	margin: 0;	padding: 0;	width: 520px;}
#Galerie .pozaProiect {	padding: 20px;	margin: 0;	float: left;	position: relative;	width: 212px;	height: 165px;}
#Galerie .pozaProiect:hover img {border-color: #000;}
#Galerie img {	background: #fff;	border: solid 1px #888;	padding: 5px;}
#Galerie em {background: #F5F5F5 url(../imagini/bg-project-title-gri.png) repeat-y;	color: #000;	font-style: normal;	padding: 2px 10px;	display: block;	position: absolute;	top: 140px;	left: 19px;	border: 1px solid #999;	border-left-color: #888;	font-weight: bold;}
#Galerie a {text-decoration: none;}
#Galerie a:hover em {background: #C80000 url(../imagini/bg-project-title-red.png) repeat-y;	border-color: #900000;	color: #FFF;}

#Galerie .portofoliuShow {	padding: 20px;	margin: 0;	float: left;	position: relative;	width: 212px;	height: 165px;}
#Galerie .portofoliuShow:hover img {border-color: #000;}

#Left .portofoliu {	width: 300px;	padding-right: 31px;	padding-left: 31px;}
#Left .portofoliu li {background: url(../imagini/bullet.png) no-repeat left top;	padding-left: 12px;	font-weight: normal;	margin-top: 3px;}

.btn-left {float:left;	margin-right: 14px;}
.btn-mijloc {float:left;	margin: 0px auto 5px;	}
.btn-right {	float:right;}
.btn-left a, .btn-mijloc a, .btn-right a{width:152px;height:32px;	overflow:hidden;	border:0;	background:url(../imagini/bg-portofoliu-btn.png) no-repeat 0 0;	display:block; float: left;	color: #FFFFFF;	font-family: Georgia, "Times New Roman", Times, serif;	padding-top: 7px;	padding-left: 15px;	line-height: 21px;	margin-top: 4px;}
.btn-left a:hover, .btn-mijloc a:hover, .btn-right a:hover {background: url(../imagini/bg-portofoliu-btn.png) no-repeat 0 -38px;	line-height: 23px;}
	/* ---------------------------------------------------
	Lightbox
	----------------------------------------------------- */
	#lightbox{	position: absolute;	left: 0;	width: 100%;	z-index: 1000;	text-align: center;	line-height: 0;	}
	#lightbox a img{ border: none; }
	#outerImageContainer{	position: relative;	background-color: #fff;	width: 250px;	height: 250px;	margin: 0 auto;	}
	#imageContainer{padding: 10px;	margin: 0px;}
	#loading{	position: absolute;	top: 40%;	left: 0%;	height: 25%;	width: 100%;	text-align: center;	line-height: 0;	}
	#hoverNav{	position: absolute;	top: 0;	left: 0;	height: 100%;	width: 100%;	z-index: 100;	}
	#imageContainer>#hoverNav{ left: 0;}
	#hoverNav a{ outline: none;}
	#prevLink, #nextLink{	width: 49%;	height: 100%;	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */	display: block;	}
	#prevLink { left: 0; float: left;}
	#nextLink { right: 0; float: right;}
	#prevLink:hover, #prevLink:visited:hover { background: url(../images/prev.gif) left 15% no-repeat; }
	#nextLink:hover, #nextLink:visited:hover { background: url(../images/next.gif) right 15% no-repeat; }
	#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif;	background-color: #fff;	margin: 0 auto;	line-height: 1.4em;	overflow: auto;	width: 100%	}
	#imageData{	padding:0 10px; color: #283033; }
	#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
	#imageData #caption{ font-weight: bold;	}
	#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
	#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}		
	#overlay{	position: absolute;	top: 0;	left: 0;	z-index: 900;	width: 100%;	height: 500px;	background-color: #000;	}
	.thumbnail{	float: left;	margin-top: 10px;	margin-bottom: 10px;}	
	.thumbnail a {	border: 2px solid #505F70;	display: block;}
	.thumbnail a:hover {border: 2px solid #1E2328;	display: block;}
	
	.portofoliuShow{float: left;	margin-top: 10px;	margin-bottom: 10px;}	
	.portofoliuShow a {	border: 0;	display: block;}
	
	.portofoliuLeft {width: 200px;margin: 10px auto; padding: 20px;	margin: 0; position: relative;	width: 212px;	height: 165px;}	
	.portofoliuLeft a {border: 0;	display: block;}
	.portofoliuLeft:hover img {border-color: #000;}
	.portofoliuLeft img {	background: #fff;	border: solid 1px #888;	padding: 5px;}

	
/* ---------------------------------------------------
DOMENII
----------------------------------------------------- */
form {padding:1em;	margin: 0px;}
legend {color:#C80000;	font-size:16px;	font-weight: bolder;}
fieldset {border:1px solid #D8DDE0;	padding:10px;	margin-bottom: 20px;	width: 484px;}
input {float: left;	padding:3px;	width:250px;	border:1px solid #D8DDE0;	margin-right: 20px;	height: 20px;	font: bold 18px Georgia, "Times New Roman", Times, serif;}
select {border: 1px solid #D8DDE0;}
#Verifica:hover {background: url(../imagini/verifica-domeniu.png) no-repeat 0 -30px;}
#Verifica {width:100px;	height:30px; text-indent:-9999px; overflow:hidden;	border:0;	background:url(../imagini/verifica-domeniu.png) no-repeat 0 0;	display:block;	float: right;}
#alegereDomeniu {float: right;width: 290px;}
	


/* ---------------------------------------------------
CONTACT
----------------------------------------------------- */
form {padding:1em;	margin: 0px;}
fieldset div {margin:5px 0;	clear:both;}
label {	float:left;	text-align:right;margin-right:10px;	width: 150px;font-weight: bold;}
legend {color:#C80000;	font-size:16px;	font-weight: bolder;}
input {padding:6px 2px 2px 6px;	width:264px;font:bold 12px arial, sans-serif;	background: url(../imagini/input.png) no-repeat 0px 0px;	border: 1px solid #FFF;	height: 20px;margin-bottom: 3px;}
input:hover, input:focus {border-color:#fff;	background: url(../imagini/input.png) no-repeat 0 -29px;} 
fieldset {border:1px solid #D8DDE0;	padding:10px;margin-bottom: 20px;	width: 485px; background:#FFF;}
#submit-go {margin-top:1em;	width:150px; height:40px; text-indent:-9999px;	overflow:hidden; border:0;	background:url(../imagini/trimite-mesaj.png) no-repeat 0 0;	display:block;}
.center {width: 200px;	margin-left: 100px;}
#submit-go:hover {background: url(../imagini/trimite-mesaj.png) no-repeat 0 -40px;}
textarea {padding:4px;	width:264px;border:1px solid #FFF;	font:bold 12px arial, sans-serif;background: url(../imagini/bg-textarea.png) no-repeat 0px 0px;	height: 82px;}
textarea:hover, textarea:focus {border-color:#fff;	background: url(../imagini/bg-textarea.png) no-repeat 0 -90px;}

/* ---------------------------------------------------
	Rezervare domenii
	----------------------------------------------------- */
	#rezervare {margin-top:1em;	width:170px; height:40px; text-indent:-9999px;	overflow:hidden; border:0;	background:url(../imagini/rezerva-domeniu.png) no-repeat 0 0;	display:block;}
	#rezervare:hover {background: url(../imagini/rezerva-domeniu.png) no-repeat 0 -40px;}
#searchDomenii input {padding:6px 2px 2px 6px;	width:226px;font:bold 12px arial, sans-serif;	background: url(../imagini/input-rezervare.png) no-repeat 0px 0px;	border: 1px solid #FFF;	height: 20px;}
#searchDomenii input:hover, #searchDomenii input:focus {border-color:#fff;	background: url(../imagini/input-rezervare.png) no-repeat 0 -29px;}



/* ---------------------------------------------------
FOOTER
----------------------------------------------------- */
#Footer {width: 898px;	clear: both;	padding: 31px 31px 12px;	background: url(../imagini/bg-footer.png) no-repeat center top;	height: 184px;	font-size: 11px;}
#Footer h5 {margin-top: 0px;	font-size: 15px;	color: #272E36;}
#Footer ul {margin: 10px 0px 0px;padding: 0px;display: block;}
#Footer li {background: url(../imagini/bullet.png) no-repeat left 2px;	padding-left: 15px;	font-weight: normal;	margin-top: 3px;margin-bottom: 3px;}
#Footer a {color: #313131;	text-decoration: none;	font-size: 11px;	font-weight: normal;}
#Footer a:hover {color: #FF0000;}
#footerLeft {width: 250px;	float: left;margin-right: 31px;}
#footerRight {float: right;width: 250px;}
#footerCenter {float: left;width: 250px; margin: 0px auto 5px;}
#footerBottom {	width: 480px;	margin-right: auto;	margin-left: auto;	margin-top: 20px;}
#footerBottom a{display: block;	float: left;	color: #FFF;	font: bold 12px Georgia, "Times New Roman", Times, serif;	margin-top: 7px;}
#copyright {background: url(../imagini/copyright.jpg) no-repeat;	display: block;	height: 25px;	padding-left: 35px;	padding-top: 3px;	color: #FFF;	float: right;}
#validXHTML a {background: url(../imagini/bg-valid.png) no-repeat left top;	padding-left: 20px;	margin-right: auto;	margin-left: auto;}
#validCSS a {background: url(../imagini/bg-valid.png) no-repeat left top;	padding-left: 20px;	margin-right: 30px;}
#Aditionale {width: 300px;	margin-right: auto;	margin-left: auto;}