/* 810380 - mov, F53586 - siclam */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 11px;
	font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: baseline;
	color:#FFF;}
body {
	text-align:center;
	background: url(assets/layout/body.jpg) top left repeat-x;
	background-color:#003964;
	line-height:16px;}
ol, ul {
	list-style: none;}
blockquote, q {
	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;}
/* remember to define focus styles! */
:focus {
	outline: 0;}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;}
del {
	text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;}
	
.LV_validation_message{
	float:left;
	width:200px;
   margin:0;
   height:10px;
   font-size:10px;
   text-align:left;
   text-indent:10px;}

.LV_valid {
    color:#8bccdf;}
	
.LV_invalid {
    color:#8bccdf;}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #FFF;}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #8bccdf;}

#layout {
	float:center;
	margin:auto;
	text-align:left;
	width:1000px;
	height:auto;
	min-height:100%;
	background:none;}
    
html>body #layout {
	float:center;
	margin:auto;
	clear:both;
	display:block;
	width:1000px;
	height: auto;
	min-height: 100%;}
	
#header {
	float:center;
	width:1000px;
	height:260px;}
	
#hl {
	float:left;
	width:400px;
	height:210px;
	background: url(assets/layout/header-left.jpg) top left no-repeat;}
	
a.home {
	float:left;
	width:265px;
	height:60px;
	margin: 0 0 0 130px;
	background:none;}
	
#hr1 {
	float:left;
	width:600px;
	height:100px;
	background: url(assets/layout/header-right-top.jpg) top left no-repeat;}


#hr2 {
	float:left;
	width:600px;
	height:110px;
	background: url(assets/layout/header-right-bottom.jpg) top left no-repeat;
	font-size:13px;
	line-height:18px;
	text-align:right;}

#hr2 b{
	font-weight:bold;
	font-style:italic;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;}	
	
	
#mainmenu {
	float:left;
	width:100%;
	height:50px;
	line-height:45px;
	margin:0;
	background: url(assets/layout/main-menu.jpg) top left no-repeat;}
	
#mainmenu img {	
	border:none;}
	
#mainmenu a, #mainmenu a.green {
	float:left;
	font-size:14px;
	text-decoration:none;
	color:#FFF;
	margin: 0 25px 0 0;
	font-family:Arial, Helvetica, sans-serif;}

#mainmenu a.green {
	color:#a7d311;}
	
#mainmenu a.h {
	margin:0 10px 0 0;}

#mainmenu a:hover{
	color:#8bccdf;}
	
.web-design, .site-web, .magazin-online, .promovare-online, .fotografie-produs, .aplicatie-web-portal, .site-prezentare, .microsite {
	float:left;
	width:302px;
	margin:10px 15px;}

.web-design img, .site-web img, .magazin-online img, .promovare-online img, .fotografie-produs img, .aplicatie-web-portal img, .site-prezentare img, .microsite img {
	float:left;
	padding:1px;
	border:solid 1px #8bccdf;}

a.contact {
	float:right;
	clear:both;
	width:225px;
	height:36px;
	margin: 30px 5px 0 0;
	background:none;}

	
#main {
	float:left;
	width:100%;
	min-height:350px;
	margin:0;
	background: url(assets/layout/main.jpg) top left no-repeat;}
	
#main h1 {
	float:center;
	width:100%;
	color:#FFF;
	font-size:16px;
	text-align:left;
	text-indent:7px;
	letter-spacing:-1px;}

#main h1.center {
	text-align:center;}

#main h2, h3 {
	float:center;
	width:100%;
	line-height:33px;
	color:#8bccdf;
	font-size:14px;
	text-align:left;
	text-indent:7px;
	letter-spacing:0;}
	
#main h3 {
	margin: 5px 0 0 0;
	font-size:13px;}
	
#main b {
	float:center;
	width:100%;
	line-height:33px;
	color:#8bccdf;
	font-size:18px;
	text-align:left;
	text-indent:7px;
	letter-spacing:-1px;}
	
p {
	float:left;
	width:100%;
	line-height:21px;
	color:#FFF;
	font-size:12px;
	text-align:justify;
	text-indent:20px;}
	
p a {
	float:none;
	text-decoration:none;
	border-bottom:dashed 1px #8bccdf;
	color:#8bccdf;
	font-style:italic;
	font-size:13px;}
	
p a:hover {
	float:none;
	text-decoration:none;
	border-bottom:dashed 1px #FFF;
	color:#FFF;
	font-size:13px;}
	
p.small {
	font-size:11px;
	line-height:16px;
	text-indent:40px;}
	
#b1, #b2, #b3, #b4 {
	float:left;
	width:230px;
	padding:10px;
	margin:15px 0 0 0;}
	
#b1 h1, #b2 h1, #bt3, #bt4 {
	float:left;
	width:100%;
	text-align:left;
	text-indent:0;
	height:27px;
	line-height:21px;
	font-size:14px;
	color:#FFF;}

#b1 a, #b2 a, #b3 a, #b4 a {
	float:left;
	width:210px;
	line-height:24px;
	font-size:12px;
	color:#8bccdf;
	text-decoration:none;}
	
#b1 a:hover, #b2 a:hover, #b3 a:hover, #b4 a:hover {
	color:#FFF;}	
	
.title {
	width:100%;
	font-size:16px;
	text-align:center;
	height:40px;
	line-height:24px;
	margin: 5px 0 5px 0;
	color:#8bccdf;
	clear:both;}

.title a {
	font-size:14px;
	color:#FFF;}	

.title a:hover {
	font-size:14px;
	color:#8bccdf;}
	
.title2 {
	width:100%;
	font-size:16px;
	text-align:center;
	height:30px;
	color:#8bccdf;
	clear:both;}
	
#left {
	float:left;
	width:280px;
	height:300px;
	margin:3px 0 0 7px;}
	
#left a {
	float:left;
	width:260px;
	height:30px;
	line-height:30px;
	border-left: solid 5px #FFF;
	color:#FFF;
	text-decoration:none;
	text-indent:10px;
	margin:0 0 3px 0;}
	
#left a:hover {
	color:#8bccdf;}
	
#left a.selected {
	float:left;
	border-left: solid 5px #8bccdf;
	width:260px;
	height:30px;
	line-height:30px;
	text-indent:10px;
	color:#8bccdf;
	margin:0 0 3px 0;}

#content, #fullcontent {
	float:left;
	width:710px;
	line-height:24px;
	color:#FFF;
	padding:10px 0 0 0;}

#fullcontent {
	width:920px;
	margin:0 40px;}
	
#content p {
	float:left;
	width:100%;
	margin:5px 0;
	text-indent:0;
	letter-spacing:0;}
	
#fullcontent p {
	clear:left;
	text-align:justify;
	width:100%;
	text-indent:0;
	font-size:14px;}
	
#content p.subtitle {
	text-indent:0;
	font-size:14px;
	color:#FFF;}
	
#content h1, #fullcontent h1 {
	float:left;
	font-size:18px;
	line-height:22px;
	color:#8bccdf;
	text-indent:0;}

#content h2, #fullcontent h2 {
	float:left;
	font-size:15px;
	line-height:22px;
	color:#8bccdf;
	margin: 0 5px 0 0;
	font-style:italic;
	text-align:justify;}
	
#content h3, #fullcontent h3 {
	float:left;
	width:100%;
	font-size:14px;
	color:#8bccdf;
	border-bottom:dotted 1px #8bccdf;
	margin: 10px 5px 0 0;
	font-style:italic;
	text-align:justify;}
	
#content h4, #fullcontent h4 {
	float:left;
	font-size:11px;
	color:#000;
	line-height:14px;
	margin: 5px 5px 0 0;
	font-style:italic;
	text-align:justify;}

#content img.right {
	float:left;
	width:250px;
	margin:0 0 0 10px;}

#info {
	float:left;
	width:450px;
	margin:20px 0;}
	
#info p {
	width:100%;
	margin: 0 0 5px 0;
	text-align:justify;
	text-indent:0;}
	
#info b {
	color:#8bccdf;
	font-size:14px;
	line-height:normal;}
	
#web-design {
	float:left;
	width:100%;}
	
#footer {
	clear: both;
	float:center;
	height:50px;
	padding:50px 0 0 0;
	background-color:none;
	text-align:center;}

#f-in {
	float:center;
	margin:auto;
	text-align:center;
	width:1000px;
	line-height:40px;
	color:#FFF;
	height:auto;
	min-height:100%;}
    
html>body #f-in {
	float:center;
	margin:auto;
	clear:both;
	display:block;
	text-align:center;
	line-height:40px;
	color:#FFF;
	width:1000px;
	height: auto;
	min-height: 100%;}

#f-in a {
	float:left;
	margin: 0 10px 0 0;}

#fpiece {
	float:left;
	width:450px;
	height:40px;
	margin:0;
	line-height:20px;
	color:#FFF;}
	
#fpiece b {
	float:left;
	width:100%;
	clear:both;	
	line-height:21px;
	color:#FFF;}
	
#fpiece a {
	float:none;
	color:#F53586;}

#trafic {
	float:right;
	margin: 5px 0 0 0;}
	
#formContact {
	float:center;}
	
#formContact p {
	float:left;
	width:100%;
	margin: 0 0 10px 0;
	text-align:center;
	font-size:12px;}
	
#formContact label {
	float:left;
	width:240px;
	margin: 0 18px 0 0;
	text-align:right;
	font-size:13px;}

#formContact label.mandatory {
	color:#8bccdf;}

.inputtext, .textarea {
	float:left;
	width:400px;
	height:22px;
	line-height:16px;
	border:solid 1px #8bccdf;
	color:#999;}
	
.textarea {
	width:400px;
	height:150px;
	line-height:13px;
	color:#000;
	font-size:11px;}

.submit {
	float:left;
	color:#069;
	background-color:#a7d311;
	border:solid 1px #CCC;
	width:130px;
	height:27px;
	line-height:25px;
	text-align:center;
	cursor:pointer;
	font-size:15px;}

#mailconfirmation {
	float:center;
	text-align:center;
	font-size:13px;
	color:#8bccdf;}

a.pricelink {
	float:left;
	width:100%;
	text-align:right;
	text-decoration:underline;
	color:#A7D311;}
	
a.pricelink:hover {
	text-decoration:underline;
	color:#8bccdf;}