/* CSS Document */

body{
	text-align:center;
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}

h1{
	font-size:14px;
	margin:0 0 10px 0;
	padding:0;
}

.page{
	width:990px;
	border:8px solid #626262;
	margin:0 auto;
	text-align:left;
	padding:10px 30px;
}

.cl{
	clear:both;
}

.meniu{
	float:left;
	width:270px;
	margin:20px 6px 0 0;
}

.header{
	width:714px;
	float:right;
	margin:20px 0 0 0;
}

.meniu ul{
	margin:40px 0 0 20px;
	padding:0;
}

.meniu ul li{
	margin:0;
	padding-left:50px;
	list-style: none;
	height:39px;
}

.meniu ul li a{
	padding-top:12px;
	position:absolute;
	color:#333333;
	text-decoration:none;
}

.meniu ul li a:hover{
	text-decoration:underline;
}

.icon1{
	background: url(img/icon1.jpg) center left no-repeat;
}

.icon2{
	background: url(img/icon2.jpg) center left no-repeat;
}

.icon3{
	background: url(img/icon3.jpg) center left no-repeat;
}

.icon4{
	background: url(img/icon4.jpg) center left no-repeat;
}

.icon5{
	background: url(img/icon5.jpg) center left no-repeat;
}

.icon6{
	background: url(img/icon6.jpg) center left no-repeat;
}

.middle_square{
	margin:20px 0 0 0;
	border: 1px solid #999999;
	text-align:justify;
	padding:10px;
}

.middle_square img{
	margin:0 20px 20px 0;
	float:left;
}

.s1{
	width:228px;
	height:225px;
	float:left;
	background:#DCD2C6;
}

.s1 h2{
	height:30px;
	text-transform:uppercase;
	font-size:12px;
	margin:0px;
	padding:10px 10px 10px 45px;
	font-weight:bold;
	background:url(img/sageata1.jpg) 10px center no-repeat #F1EEE9;
}

.s2{
	width:228px;
	height:225px;
	float:left;
	background:#DAE5D4;
	margin-left:24px;
}

.s2 h2{
	height:30px;
	text-transform:uppercase;
	font-size:12px;
	margin:0px;
	padding:10px 10px 10px 45px;
	font-weight:bold;
	background:url(img/sageata2.jpg) 10px center no-repeat #F1F4ED;
}

.s3{
	width:228px;
	height:225px;
	float:left;
	background:#E6D6D6;
	margin-left:24px;
}

.s3 h2{
	height:30px;
	text-transform:uppercase;
	font-size:12px;
	margin:0px;
	padding:10px 10px 10px 45px;
	font-weight:bold;
	background:url(img/sageata3.jpg) 10px center no-repeat #F6ECED;
}

.s4{
	width:228px;
	height:225px;
	float:left;
	background:#C9DAE4;
	margin-left:24px;
}

.s4 h2{
	height:30px;
	text-transform:uppercase;
	font-size:12px;
	margin:0px;
	padding:10px 10px 10px 45px;
	font-weight:bold;
	background:url(img/sageata4.jpg) 10px center no-repeat #EAEFF3;
}

.s1 p,.s2 p,.s3 p, .s4 p{
	height:120px;
	padding:0 10px;
	text-align:justify;
}

.s1 a,.s2 a,.s3 a, .s4 a{
	padding:0 10px;
	float:right;
	text-decoration:none;
	color:#333333;
}

.footer{
	margin-top:20px;
	height:18px;
	padding:10px;
	background:#435C7D;
	text-align:right;
}

.footer a{
	color:#fff;
	text-decoration:none;
	margin-left:10px;
}

.footer a:hover{
	color:#fff;
	text-decoration:underline;
}

.active{
	text-decoration:underline !important;
}

.form_contact{
	float:left;
}

.form_contact label{
	width:200px;
	display:block;
}

.form_contact input,.form_contact textarea{
	width:300px;
}

.trimite{
	background:url(img/trimite.jpg) top left no-repeat;
	border:0;
	width:108px !important;
	height:28px;
	color:#FFFFFF;
}

.lng{
	float:right;
}

.lng a{
	text-decoration:none;
	color:#435C7D;
}

.lng a:hover{
	color:#CC1500;
}