* {
	margin:0px;
	padding:0px;
	font-family: sans-serif;
	font-size:10pt;
	line-height:14pt;
/*	border:1px dotted #c00; */
}
body {
	padding:0px;
	background:#f2f2f2 url('../images/bg_btm.jpg') bottom repeat-x;
	background-attachment: fixed;
	text-align:center;
}
p, ul, a, ol { 
	font-size: 10pt; 
	line-height: 1.4em 
} 

td {
	vertical-align:top;
}

a {
	color:#344E80;
	text-decoration:none;
}

a:focus { 
	outline:none; 
}

#content a, p a, #text a, .nota a, .entry li a, .checks li a {
	color:#344E80;
	text-decoration:none;
	background: url('../images/underline.gif') bottom;
}

img { 
	border:none;
}

h1 { 
	font-size:13pt;
	border-bottom: 1px solid silver; margin-bottom: 5px; padding-bottom: 3px; text-align: left;
	margin-left:14px; 
	margin-top:40px;
	color:#06A;
}

h2 { 
	font-size:11pt;
	border-bottom: 1px solid silver; margin-bottom: 5px; padding-bottom: 3px; text-align: left;
	margin-left:16px; 
	margin-top:10px;
	color:#06A;
}

h3 { 
	border-bottom: 1px solid silver; margin-bottom: 5px; padding-bottom: 3px; text-align: left 
}

fieldset {
	border:1px solid #CCC;
	padding:4px;
}

fieldset legend {
	padding:2px;
	font-weight:bold;
	color:#06A;
}
fieldset td {
	padding:2px;
}
fieldset table {
	height:120px;
	background:url('../images/fieldset.png') top;
}
fieldset table td {
	border-bottom:1px solid #FFF;
	vertical-align:middle;
}

.oroare {
	font-family: Arial,helvetica,sans-serif;
	font-size: 13px;
	line-height: 20px;
	color:#A0344E;
}
.note {
	font-family: Arial,helvetica,sans-serif;
	font-size: 11px;
	color:#860112;
	line-height:13px;
}
.nota, .error {
    font-family: Arial,helvetica,sans-serif;
    font-size: 12px;
    color:#860112;
    padding:10px 10px 10px 13px;
    border:1px #EEEECC solid;
    background:#FFFFF6;
    width:630px;
    display:block;
	margin:20px 0 20px 0;
}

.nota a {
    color:#860112;
}

.error {
    width:608px;
	background:url('../images/error.png') 10px 10px no-repeat #fffff6;
	padding-left:32px;
}

.nota ol, .nota li, .nota a, .nota strong {
    font-family: Arial,helvetica,sans-serif;
    font-size: 12px;
}

.nota li {
	text-align: left;
	margin: 0 0px 0 30px;
    padding:6px 0px 0px 0px;
}

.nota2 {
    font-family: Arial,helvetica,sans-serif;
    font-size: 12px;
    color:#000;
    padding:10px 10px 10px 10px;
    border:1px #96B5D8 solid;
    background:#FAFCFF;
    width:630px;
    display:block;
	  margin-top:20px;
		margin-right:10px;
}
.ok {
	display:block;
    font-family: Arial,helvetica,sans-serif;
    font-size:14px;
    color:#018612;
    padding:10px 10px 10px 10px;
    border:1px #CCEECC solid;
    background:#F6FFF6;
    width:630px;
    text-align:center;
    display:block;
}
.not-ok {
	display:block;
    font-family: Arial,helvetica,sans-serif;
    font-size:14px;
    color:#A0344E;
    padding:10px 10px 10px 10px;
    border:1px #EECCCC solid;
    background:#FFF6F6;
    width:630px;
    text-align:center;
}

.not-ok2 {
	display:block;
    font-family: Arial,helvetica,sans-serif;
    font-size:12px;
    color:#A0344E;
    padding:6px;
    border:1px #EECCCC solid;
    background:#FFF6F6;
    text-align:left;
}
.ok2 {
	display:block;
    font-family: Arial,helvetica,sans-serif;
    font-size:12px;
    color:#018612;
    padding:6px;
    border:1px #CCEECC solid;
    background:#F6FFF6;
    text-align:left;
    display:block;
}
#header-bg {
	background:url('../images/bg_top.jpg') top repeat-x;
	width:auto;
	min-height:190px;
}
#container {
	margin: 0px auto;
	width: 966px;
	position: relative;
	display:block;
}
#header {
	float: left;
	margin-bottom: 10px;
	width: 966px;
	display:block;
}
#logo {
	margin-top:25px;
	margin-left:5px;
	float:left;
}
#up {
	width:290px;
	height:37px;
	background:url('../images/up.jpg') top left;
	float:right;
}
#lang img {
	border:0px;
}
#lang {
	float:right;
	margin-top:8px;
	margin-right:10px;
	width:50px;
}
#lang ul {
	list-style-type: none;
	height: 30px;
}
#lang li {
	float: left;
	margin-right: 4px;
}

#text {
	float:left;
	padding-top:8px;
	padding-left:10px;
}

#main {
	float: left;
	width: 966px;
}
#menu {
	margin-top:18px;
	height:37px;
	background:url('../images/meniu.jpg') no-repeat;
}
#menu ul {
	list-style-type: none;
	height: 30px;
}
#menu li {
	float: left;
	margin-right:1px;
}
#b1 a { width:107px; display:block; }
#b2 a { width:135px; display:block; }
#b3 a { width:124px; display:block; }
#b4 a { width:111px; display:block; }
#b5 a { width:138px; display:block; }

#g1 a { width:112px; display:block;}
#g2 a { width:68px; display:block; }
#g3 a { width:93px; display:block; }

#menu .blue, #menu .blue_en {
	margin-top:7px;
	margin-left:8px;
	background:url('../images/blue.jpg') no-repeat;
	width:664px;
	float:left;
}
#menu .blue_en {
	background:url('../images/en/blue.jpg') no-repeat;
}

#menu a {
	height:30px;
}
.blue #b1 a:hover { background:url('../images/gazduire-web.jpg') no-repeat; }
.blue #b2 a:hover { background:url('../images/rezervare-domenii.jpg') no-repeat; }
.blue #b3 a:hover { background:url('../images/pachete-reseller.jpg') no-repeat; }
.blue #b4 a:hover { background:url('../images/certificate-ssl.jpg') no-repeat; }
.blue #b5 a:hover { background:url('../images/servere-dedicate.jpg') no-repeat; }

.green #g1 a:hover { background:url('../images/suport-tehnic.jpg') no-repeat; }
.green #g2 a:hover { background:url('../images/blog.jpg') no-repeat; }
.green #g3 a:hover { background:url('../images/contact.jpg') no-repeat; }

.blue_en #b1 a:hover { background:url('../images/en/webhosting.jpg') no-repeat; }
.blue_en #b2 a:hover { background:url('../images/en/domain-names.jpg') no-repeat; }
.blue_en #b3 a:hover { background:url('../images/en/reseller-hosting.jpg') no-repeat; }
.blue_en #b4 a:hover { background:url('../images/en/ssl-certificates.jpg') no-repeat; }
.blue_en #b5 a:hover { background:url('../images/en/dedicated-servers.jpg') no-repeat; }

.green_en #g1 a:hover { background:url('../images/en/support.jpg') no-repeat; }
.green_en #g2 a:hover { background:url('../images/en/blog.jpg') no-repeat; }
.green_en #g3 a:hover { background:url('../images/en/contact.jpg') no-repeat; }

#menu span{
	visibility:hidden;
}
#menu .green, #menu .green_en {
	margin-top:7px;
	margin-right:8px;
	background:url('../images/green.jpg') no-repeat;
	width:276px;
	float:right;
}

#menu .green_en {
	background:url('../images/en/green.jpg') no-repeat;
}

#content {
	display:block;
	border-top:1px solid #FFF;
	text-align:left;
	background:#FFF url('../images/footer.jpg') bottom no-repeat;
}

#blue_up { 
	border-top:1px solid #9AD;	
	width:664px; 
	background:url('../images/blue_up.jpg') top no-repeat; 
	text-align:left;
	margin-left:8px;
	min-height:710px;
}
#green_up { 
	border-top:1px solid #AC9;	
	float:right; 
	width:276px; 
	background:url('../images/green_up.jpg') no-repeat; 
	margin-right:8px; 
}
#blue_up p { 
	margin:10px 10px 10px 14px;
	width:640px;
}
#green_up h1, #green_up h2, #green_up li {
	margin-left:0px;
	padding-left:0px;
	text-align:left;
	display:block;
}
#footer {
	height:0px;
	text-align:left;
	padding-left:12px;
	padding-bottom:7px;
	color:#888;
	font-size:11px;
	top:-15px;
	position:relative;
	margin-top:40px;
	clear:both;
}

small {
	display:block;
	font-size:11px;
	line-height:12pt;
	color:#888;
}

small a {
  font-size:11px;
  line-height:12pt;
}

.black {
  color:#444;
}

#sub-footer {
	height:5px;
	display:block;
	float:left;
}		



/* SLIDER */
		
.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px;
}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 20px 0 0px 0;
	padding:0;
	position: relative;
	width: 100%;
	height:320px;
	background: url('../images/shadow.jpg') 0 276px no-repeat;
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 240px; background: #fff; overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	border: 1px solid #ccc; /* this is the border. should have the same value for the links */
	margin: auto;
	width: 662px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 240px;
	clear: both;
	background: #e1e1e1;
	top:-1px;
	z-index:2;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 662px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
}

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	margin: auto;
	display:block;
	width:664px;
	z-index:3;
	position:relative;
}

.stripNav ul { /* The auto-generated set of links */
	list-style: none;
}

.stripNav ul li {
	float: left;
	margin-right: 4px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}

.stripNav a { /* The nav links */
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	line-height: 32px;
	background: url('../images/tab-bg-right.jpg') top right no-repeat;
	color: #888;
	text-decoration: none;
	display: block;
	padding: 1px 15px;
	cursor:pointer;
}

.stripNav .rightBg {
	display:block;
	background: #FFF url('../images/tab-bg.jpg') 0 0  repeat-x;
}

/*
.stripNav li.tab1 a { background: #ccc }
.stripNav li.tab2 a { background: #ccc }
.stripNav li.tab3 a { background: #ccc }
.stripNav li.tab4 a { background: #ccc }
.stripNav li.tab5 a { background: #ccc }
*/

.stripNav li a:hover {
/*			background: #bbb; */
}

.stripNav li a.current {
	background: #888 url('../images/tab-current.jpg') repeat-x;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	color: #333;
}

.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	top: 230px;
	text-indent: -9000em;
	z-index:3;
}

.stripNavL a, .stripNavR a {
	display: block;
	height: 40px;
	width: 40px;
	background-image:none;
}

.stripNavL {
	left: 0;
	background: url("../images/arrow-left.jpg") no-repeat center;
}

.stripNavR {
	right: 0;
	background: url("../images/arrow-right.jpg") no-repeat center;
}






/*   MINIPACK   */
#minipack {
	background:#FFF url("../images/minipack2.jpg") no-repeat top; 
	width:664px;
	height:245px;
	cursor:pointer;
	display:block;
	margin:20px 0;
	border-right:none;
}

#minipack small, #minipack small a {
	font-size:9pt;
}
#minipack small a {
	background: url('../images/underline.gif') repeat-x bottom;
}

#minipack th {
	height:43px;
	width:97px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	font-size:24pt;
	font-weight:bold;
	vertical-align:bottom;
}

#minipack td {
	text-align:center;
	height:28px;
	vertical-align:middle;
}

#minipack .lh {
	text-align:right;
	font-style:italic;
}

#minipack a {
	background:none;
}


#mini {
 	background:url("../images/mini.jpg") repeat-x top;
}

#mini:hover {
 	background:url("../images/mini-over.jpg") repeat-x top;
}


#basic {
 	background:url("../images/basic.jpg") repeat-x top;
}

#basic:hover {
 	background:url("../images/basic-over.jpg") repeat-x top;
}

#pro {
 	background:url("../images/pro.jpg") repeat-x top;
}

#pro:hover {
 	background:url("../images/pro-over.jpg") repeat-x top;
}

#extra {
 	background:url("../images/extra.jpg") repeat-x top;
}

#extra:hover {
 	background:url("../images/extra-over.jpg") repeat-x top;
}

#max {
 	background:url("../images/max.jpg") repeat-x top;
}

#max:hover {
 	background:url("../images/max-over.jpg") repeat-x top;
}

#mini 	b {	display:none; }
#basic 	b {	display:none; }
#pro 	b {	display:none; }
#extra 	b {	display:none; }
#max 	b {	display:none; }

#minic {
	background:#FFE;
	border:1px solid red;
}

#minic:hover {
	background:#FF0;
}


/*   PACKS   */
#packs {
	background:#DDD url("../images/packs.jpg") no-repeat; 
	width:664px;
	height:275px;
	cursor:pointer;
	display:block;
	margin:20px 0;
	border-right:none;
}

#packs small, #packs small a {
	font-size:9pt;
	line-height:10pt;
}
#packs small a {
	background: url('../images/underline.gif') repeat-x bottom;
}

#packs th {
	height:43px;
	width:97px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	font-size:24pt;
	font-weight:bold;
}

#packs td {
	text-align:center;
	height:28px;
	vertical-align:middle;
}

#packs .lh {
	text-align:right;
	font-style:italic;
}

#packs .ld {
	text-align:left;
	font-style:italic;
	padding-left:20px;
	padding-top:7px;
}
#packs a {
	background:none;
}

.entry li, .checks li {
	text-align: left;
	margin: 0 0 0 0px;
	background:url('../images/check.png') no-repeat;
	list-style: none;
	padding-left:22px;
	margin-left:20px;
}

.entry li span, .checks li span {
	float:right;
	text-align:right;
}

input {
	font-size:11pt;
	padding:1px;
	line-height:13pt;
}


/* design blog */
#green_up ul {
	list-style-type: none;
	margin:0px;
	padding: 0;
}
#green_up li {
	list-style-type: none;
	margin:0px;
	padding: 0;
}
#green_up h2 { 
	font-size:11pt;
	border-bottom: 1px solid silver; margin-bottom: 5px; padding-bottom: 3px; text-align: left;
	margin-top:10px;
	color:#06A;
}
.alignright {
	float: right;
}

.alignleft {
	float: left
}


.tbl {
	width: 651px;
}

.tbl td {
	padding:5px 3px 3px 10px;
}

.tbl .titlerow {
	height:30px;
	background: #FFF url('../images/titlerow.jpg') no-repeat;
	color:#334466;
	font-weight:bold;
}

.tbl2 {
	width: 450px;
	height:190px;
	background: #FFF url('../images/form.jpg') no-repeat;
}

.tbl2 td {
	padding:5px 3px 3px 10px;
	height:28px;
	vertical-align:top;
}

.tbl2 .titlerow {
	height:30px;
	padding-top: 23px;
}

.tbl2 .bottomrow {
	height:50px;
	padding-top: 20px;
}

.tbl3 {
	background: #F4F9FF;
	color: #334466;
	border-top:1px solid #DEE7F3;
	border-bottom:1px solid #DEE7F3;
}

.tbl4 {
	background: #FFF url('../images/form2.jpg') top left no-repeat;
}

.tbl4 td {
	padding:5px 3px 3px 6px;
	vertical-align:top;
	font-size:9pt;
}

.tbl4 .titlerow {
	height:40px;
	background: #FFF url('../images/titlerow.jpg') no-repeat 0px 10px;
	color:#334466;
	font-weight:bold;
	vertical-align:middle;
	border-top:1px solid #EEE;
}

.tbl4 .bottomrow {
	height:50px;
	padding-top: 20px;
}

#btn_trimite {
	background: url('../images/btn_trimite.jpg');
	border:none;
/*	color:transparent; */
	width: 90px;
	height: 37px;
}

#btn_login {
	background: url('../images/btn_login.jpg');
	border:none;
/*	color:transparent; */
	width: 90px;
	height: 37px;
}

.gray {
	background:#F6F6F6;
	vertical-align:middle;
	border-top:1px solid #FFF;
}

.gray2 {
    vertical-align:middle;
    border-bottom:1px solid #EEE;
	font-weight:normal;
	font-size:9pt;
}

.navigation {
	display:block;
	margin:4px 0 4px 15px;
/*	background:#E0EEFF; 
	border-bottom:1px solid #CCC; */
	padding:2px;
	height:20px;
}

.code {
	display:block;
	background:#F6FAFF;
	border:1px solid #CCDDEE;
	padding:10px;
	font-family: FixedSys, monotype;
	font-size: 10px;
	color:#557799;
	white-space:pre;
	margin-left:12px;
}

.tbl pre {
	padding:8px;
	font-family: FixedSys, monotype;
	font-size: 10px;
	color:#555;
	margin:10px 0 0 0;
	background:#F6F6F6;
	white-space: normal;
}

.tblfiles {
	margin:10px 4px; 
	width:100%;
}


.tbltxt {
	padding:8px;
}

.tblmsg {
	margin:4px 0 0 0; 
	width:100%;
}

#wpthemes li {
	list-style-type: none;
}

#wpthemes li a {
	background:none;
}

#download {
	margin-left:14px;
}
#download p { 
	width:500px;
	margin:0 0 10px 0;
}
.strike {
	text-decoration: line-through;
  color: #888;
}

table.tblssl TD { font-size:12px; line-height:18px;  vertical-align:top; border-bottom: 1px dotted #CCC; padding:6px; }
table.tblssl TH { background: #EEE url('../images/head.png'); line-height:36px; height:40px; font-size:12px; padding:2px 15px 2px 10px; text-align:left; padding: 0px;}

