/* *** body *** */
body { background-color: #ffffff;background-image:url('./img/10.png'); font-family: Century Gothic, Tahoma, Verdana, Arial, sans-serif; }
html, body { margin: 0px; padding: 0px; border: 0px; }  /*  remove default browser margins  */

/* *** layout *** */
#TopRedBar {width: 100%; height: 20px; position: absolute; margin-top: 0px; background-color: #ed1c24;}
#MainContainer {
	width: 960px;
	background-color: #ffffff;
	/*height: 800px;*/
	margin: 0 auto;
	border: 1px solid #cacaca;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 5px 5px 5px #ccc;
	-moz-box-shadow: 5px 5px 5px #ccc;
	-webkit-box-shadow: 5px 5px 5px #ccc;
}

/* *** header *** */
#HeaderSection { width: 960px;	
}

#VsLogo { width: 189px; height: 65px; margin-top: 20px; margin-left: 20px; float: left; background:url('./img/logo_viasoft_v1_orizontal_189x65.png');
 }


/* *** navigation *** */
#TopNav {
	margin: 0; 	padding: 0; clear: both;
	}
	
#TopNav ul {
	margin: 0; 	padding: 0; width: 960px; height: 42px;	background-image:url('./img/servicii_top_menu_sprite.gif');
}

#TopNav li {
	margin: 0; 	padding: 0; list-style-type: none; display: inline;	height: 42px;	text-align: center;	float: right;	line-height: 42px;	text-indent: -9999px;
}

#TopNav a { display: block; height: 42px; }
#TopNav a:hover { background-image:url('./img/servicii_top_menu_sprite.gif');}

#TopNavHome { width: 100px;}
#TopNavHome a:hover{ background-position: 600px bottom;}

#TopNavDespre { width: 100px;}
#TopNavDespre a:hover{ background-position: 497px bottom;}

#TopNavServicii { width: 100px;}
#TopNavServicii a:hover{ background-position: 398px bottom;}

#TopNavMagazin { width: 100px;}
#TopNavMagazin a:hover{ background-position: 299px bottom;}

#TopNavParteneri { width: 100px;}
#TopNavParteneri a:hover{ background-position: 200px bottom;}

#TopNavContact { width: 100px;}
#TopNavContact a:hover{ background-position: 100px bottom;}














/* -- content area -- */
#Content { width: 960px; position: relative; padding-top: 20px;}
#Content a {text-decoration: none;}
#Content p {padding: 10px 20px 0px 20px;}
#Content h3 {padding-left: 50px; font-size: 15px;}
.ShadowDivider {width:960px; height:22px;background-image:url('./img/shadowdivider_960x22.png'); background-repeat: no-repeat;clear:both;margin: 0 auto;  }



.DespreImg1 {
		display:block;
		float:left;
		margin:0;
		padding: 20px;
	}





/* *** content magazin ** */
.ContentBoxIndexMagazin {
	position: relative;
	width: 950px;
	height: 200px;
	clear: both;
	margin: 0 auto;	
	background-image:url('./img/content_box_index_bg1.jpg');
	background-position: -5px bottom;
	background-repeat: no-repeat;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}

.ContentTitleMagazin {
	width: 380px; height: 62px; margin-top: 0px;
	background-image:url('./img/magazin_online_380x70.png'); background-repeat: no repeat; text-indent: -9999px;
}

.ContentInfoBoxMagazin {
	width: 420px; height: 100px; margin-left: 10px; margin-top: 0px;position: relative;
	/*background-image:url('./img/content_info_box_bg.gif');  background-repeat: repeat -x;*/
	background-color: #87ad60;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.ContentInfoBoxMagazin h1 {
	margin-left: 10px;
	color: #ffffff;
	font-size: 1.3em;
	font-weight: bold;
	float: left;
	
}
.ContentInfoBoxMagazin p {
	clear: both;
	margin-left: 10px;
	font-size: .8em;
	color: #ffffff;
	text-align: left;
}
#ContentInfoBoxArrowRight {
	width:48px; height: 48px; position: absolute; top: 3px; right: 5px;	
	background-image:url('./img/content_info_box_arrow_right.gif');
}

#spacer {
	width: 100%; height: 20px; clear: both;
}


.ContentBoxIndexServicii {
	position: relative;
	width: 950px;
	height: 200px;
	clear: both;
	margin: 0 auto;	
	background-image:url('./img/content_box_index_bg2.jpg');
	background-position: -5px bottom;
	background-repeat: no-repeat;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}

.ContentTitleServicii {
	width: 160px; height: 50px; margin-top: 12px; margin-right:10px;  float: right;
	background-image:url('./img/servicii_160x50.png'); background-repeat: no repeat; text-indent: -9999px;
}

.ContentInfoBoxServicii {
	width: 420px; height: 100px; margin-right: 10px; margin-top: 0px;position: relative; float: right; clear: both;
	/*background-image:url('./img/content_info_box_bg.gif');  background-repeat: repeat -x;*/
	background-color: #3db1d1;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.ContentInfoBoxServicii h1 {
	margin-right: 10px;
	color: #ffffff;
	font-size: 1.3em;
	font-weight: bold;
	float: right;
	
}

.ContentInfoBoxServicii p {
	clear: both;
	margin-right: 10px;
	font-size: .8em;
	color: #ffffff;
	text-align: right;
}

#ContentInfoBoxArrowLeft {
	width:48px; height: 48px; position: absolute; top: 3px; left: 5px;	
	background-image:url('./img/content_info_box_arrow_left.gif');
}

	.ServiciiContainer {
	width:943px;
	margin: 0 auto;	
	clear: both;
}

.ServiciiBoxHeaderRed {
	width:943px;
	height:69px;			
	margin: 0 auto;
	float: left;
	background-image:url('./img/servbox_titlebar_red.png');
	background-position: top left;
	background-repeat: no-repeat;
}
/*.ServiciiBoxHeaderGrey {
	width:943px;
	height:69px;			
	margin: 0 auto;
	float: left;
	background-image:url('./img/servbox_titlebar_gray.png');
	background-position: top left;
	background-repeat: no-repeat;
}*/
.ServiciiBox {
	width:943px;
	margin: 0 auto;
	float: left;
	background-image:url('./img/servbox_bg.png');
	background-repeat: repeat-y;
}
.ServiciiBoxImgHardware {width:930px; margin-right:13px; margin-bottom: 10px;background-image:url('./img/servicii_hw_img.jpg'); background-position:top right; background-repeat: no-repeat;}
.ServiciiBoxImgSoftware {width:930px; margin-right:13px; margin-bottom: 10px;background-image:url('./img/servicii_soft_img.jpg'); background-position:top right; background-repeat: no-repeat;}
.ServiciiBoxImgRefill {width:930px; margin-right:13px; margin-bottom: 10px;background-image:url('./img/servicii_refill_img.jpg'); background-position:top right; background-repeat: no-repeat;}
.ServiciiBoxImgPersonalizari {width:930px; margin-right:13px; margin-bottom: 10px;background-image:url('./img/servicii_print_img.jpg'); background-position:top right; background-repeat: no-repeat;}

.ServiciiBoxBottom {
	width:943px;
	height:17px;
	margin: 0 auto;
	float: left;
	background-image:url('./img/servbox_bottom.png');
	background-position: bottom left;
	background-repeat: no-repeat;
}
.fix {clear: both;}	



/* *** Contact Form  ***  */
#ContactPageContainer {	width:960px; 
	margin: 0 auto;	
/*	border: 2px solid #000;*/
	clear: both;}
#ContactFormContainer {
	width:550px;	
	float: left;
	margin: 0; padding: 0;
/*	background-color: #fcc;border: 1px solid #ff0000;*/
}
#ContactInfoContainer {
	width:390px;
	float:left;
	margin: 0; padding: 0;
	background-color:transparent;
	background-image:url('./img/contact_bg.png');
	background-repeat: no-repeat;
	background-position: top right;
/*	border: 1px solid #00ff00;*/
		font-family:Georgia, "Times New Roman", Times, serif;
		color: #58585a;
		font-size: 12px;	
		text-decoration: none;
}


#ContactForm {
		clear: both;
		width:550px;		/*width:750px;*/
		
		}
	#ContactForm img{float:right; display:inline; }

	.FormElementContainer {	}

#ContactForm label {
		width: 90px;
		line-height: 30px;
		padding-right: 10px;
		float:left;
		clear:left;
		text-align: right;
		font-weight:bold;
		color: #58585a;
		}
#ContactForm input[type=text] {
		margin-bottom: 5px;
		width:345px;
		height: 27px;
		border: none;
		background-color:transparent;
		display:block;
		overflow:hidden;
		background-image:url('./img/contactform_input_text.jpg');
		background-position:top left;
		background-repeat:no-repeat;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:12px;
		color: #919191;
		padding-left:15px;
		padding-right:15px;
		}
#ContactForm input[type=text]:hover {
		background-image:url('./img/contactform_input_text_hover.jpg');
		}
input[type=submit] {
		clear:both;
		margin: 0 auto;
		border: none;
		background-color:transparent;
		display:block;
		overflow:hidden;
		cursor: pointer;
		width:218px;
		height:47px;
		background-image:url('./img/contactform_input_submit.png');
		background-position: top left;
		background-repeat:no-repeat;
		}
input[type=submit]:hover {
		background-position: 0 -47px;
		}
#ContactForm textarea {
		width:381px;
		height: 140px;
		resize:none;
		border: none;
		background-color:transparent;
		background-image:url('./img/contactform_input_textarea.jpg');
		background-position: top left;
		background-repeat:no-repeat;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:12px;
		color: #919191;
		padding:5px 10px ;
		}
#ContactForm textarea:hover {
		background-image:url('./img/contactform_input_textarea_hover.jpg');	
	}
.contactInfo {
		width:90%;
		clear:both;
		display:block;
		margin: 0 auto;
		font-family:Georgia, "Times New Roman", Times, serif;
		color: #58585a;
		font-size: 12px;	
		text-decoration: none;
		text-align:justify;
		}		
.ContactMessageSend {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 15px;
		font-weight: bold;
		color:#bf1318; 
		padding-left:100px;
		}





/* ***** START PARTENERI **** */
#ParteneriContainer {
	width:958px;
	clear:both;
	margin: 0 auto;
	}
	.parteneriContainerBox {
		width:300px;
		height: 100%;
		float:left;
		margin: 5px;
		font-family:Georgia, "Times New Roman", Times, serif;
		color: #58585a;
		font-size: 12px;	
		text-decoration: none;		
		}
		.parteneriBoxTop {
			width: 300px; height:50px; float:left;
			background-image:url('./img/parteneribox_bg_top.png');
			background-repeat:no-repeat;
			background-position:top left;
			}
			
		.parteneriBox {
			width: 300px; float:left;
			height: 300px;
			background-image:url('./img/parteneribox_bg.png');
			background-repeat: repeat-y;
			}	

		.parteneriBoxBottom {
			width: 300px; height:41px; float:left;
			background-image:url('./img/parteneribox_bg_bottom.png');			
			background-position:bottom left;
			background-repeat:no-repeat;
			}
	.parteneriTitle {
		font-size:15px;
		line-height:40px;
		font-weight:bold;
		color:#58585a;
		text-align:center;
		text-decoration:none;
		margin:0 auto;
		}
		a.parteneriTitle:link, a.parteneriTitle a:visited {text-decoration:none;font-color:#58585a; cursor: pointer;}
		a.parteneriTitle:hover, a.parteneriTitle a:active {text-decoration:none;font-color:#ed1c24; cursor: pointer;}

/* ***** END PARTENERI **** */






/* *** Text and paragraphs *** */
.important {font-weight: bold; text-decoration: underline; color: rgb(150,0,0);
}
h4 { color:#9de958;}
h3 { color: rgb(150,0,0);}
h2 { color:#bf1318; padding-left:100px;}
.emailContact{
		font-family:Georgia, "Times New Roman", Times, serif;
		color: #ed1c24;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
	}
.emailContactText {
		font-family:Georgia, "Times New Roman", Times, serif;
		color: #58585a;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
	}
.ServiciiTitle {
	font-family: "Century Gothic", Georgia, Arial, "Times New Roman", serif;
	font-size: 20px;	
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	text-transform: capitalize;	
	line-height: 68px;
	padding-left: 40px;	
	
}
.TextServicii {
	font-family: "Century Gothic", Georgia, Arial, "Times New Roman", serif;
	font-size: 15px;	
	color: #58585a;	
}


/*  ***  Footer  *** */

#FooterArea {
	width: 960px;
	background-color: #58585a;
	height: 35px;
	margin: 0 auto;
	border: 1px solid #cacaca;text-align: center; 
	clear: both;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 5px 5px 5px #ccc;
	-moz-box-shadow: 5px 5px 5px #ccc;
	-webkit-box-shadow: 5px 5px 5px #ccc;
}
#FooterArea a:link, #FooterArea a:visited {font-family: Tahoma, Verdana, Arial, sans-serif; color: #919191; font-size: 0.7em; font-weight: bold; line-height: 30px; padding-left: 30px; text-decoration:none;}
#FooterArea a:hover, #FooterArea a:active {font-family: Tahoma, Verdana, Arial, sans-serif; color: #d3d3d3; font-size: 0.7em; font-weight: bold; line-height: 30px; padding-left: 30px;  text-decoration:none;}

.FooterText {font-family: Tahoma, Verdana, Arial, sans-serif; color: #ffffff; font-size: 0.7em; font-weight: bold; line-height: 30px; }
.FooterImgContainer {
	width: 32px;
	height: 32px;
	border: 1px solid #c3c3c3;
}

.FooterLinks {
	
	}

/* -- clearfix --*/

.clearfix:after {
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}
	 
	.clearfix {display: inline-block;}
	 
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */


/* *****************
 * 	red color   #ed1c24
 *  green color #bcec81
 *  blue color #3db1d1
 *  viasoft grey: #58585a
 * 
 * 
 * 
 * 
 * 
 * 
 * ************** */