@charset "utf-8";

html, body, div, img, ul, li, form, p, ol, h3 
	{margin: 0; 
	padding: 0; 
	border: 0;}
html 
	{font: 80% Tahoma, Geneva, sans-serif ; 
	line-height: 1; 
	direction: ltr;}
html, body 
	{width: 100%; 
	min-height: 100%; 
	font-size: 16px;
	color: #333;
	
	}
p
	{margin:5px;}
a
	{text-decoration:none;
	color: #333;
	}
a:hover
	{}
.clear 
	{clear: both;}
.fll
	{float:left;}	
.flr
	{float:right;}
.all
	{text-align:left;}
.alc
	{text-align:center;}
.alr
	{text-align:right;}

#main 
	{width: 800px; 
	min-height: 100%;
	margin:0 auto;}
	
#header
	{width: 800px;
	margin: 10px 0px 0px 0px;
	min-height:155px;
	background: linear-gradient(to top, #EDEDED 0%, #FFF 50%); }

#header a
	{font-size:20px;
	margin:5px;
	transition: .5s;}
#header a:hover
	{font-size:20px;
	margin:5px;
	color:#00ccfe;}

#header-left
	{float:left;
	width:130px;
	text-align:center;
	min-height:155px;}
	
#header-right
	{float:right;
	width:650px;
	min-height:155px;}
	
.afisare-menu
	{float:right;
	height:30px;
	width:120px;
	margin-top:100px;
	margin-left:5px;
	margin-right:5px;}
	
.line-negru
	{width:90px;
	height:5px;
	background-color:#333;}
.line-albastru
	{width:90px;
	height:5px;
	background-color:#00ccfe;
	margin-left:10px;}

#moto
	{
	width:800px;
	height:12px;
	text-align:center;
	font-style:italic;
	color: #999;}
	
#moto2
	{
	width:800px;
	height:12px;
	text-align:center;
	font-style:italic;
	color: #999;}


#menu
	{}

#content2
	{width: 800px;
	margin: 10px 0px 0px 0px;
	min-height:1020px;
	background: linear-gradient(to bottom, #EDEDED 0%, #FFF 50%, #EDEDED 100%);}
	
#content
	{width: 800px;
	margin: 10px 0px 0px 0px;
	min-height:510px;
	background: linear-gradient(to bottom, #EDEDED 0%, #FFF 50%, #EDEDED 100%);}

.titlupagina
	{ text-align:center;
	padding:10px;
	font-size:22px;}

.afisareserviciu
	{margin-top:20px;
	width:190px;
	height:200px;
	padding:5px;
	float:left;}

.afisareserviciu ul
	{ list-style: circle;
	margin:20px;}
.afisareserviciu li
	{line-height:20px;}	
.titluserviciu
	{font-size:18px;}
.listafara
	{ list-style:none; !important}
.poligon1
	{ width:190px;
	height:220px;
	background-image:url(../images/natura1.jpg);
	shape-outside: polygon(100,0,200,60,200,160,100,220,0,160,0,160);}
.poligon2
	{ width:190px;
	height:220px;
	background-image:url(../images/natura2.jpg);
	shape-outside: polygon(100,0,200,60,200,160,100,220,0,160,0,160);}
.poligon3
	{ width:190px;
	height:220px;
	background-image:url(../images/natura3.jpg);
	shape-outside: polygon(100,0,200,60,200,160,100,220,0,160,0,160);}
.poligon4
	{ width:190px;
	height:220px;
	background-image:url(../images/natura4.jpg);
	shape-outside: polygon(100,0,200,60,200,160,100,220,0,160,0,160);}

#pozeprezentare
	{ padding-top:10px;
	text-align:center;}

#pozeprezentare2
	{ margin-top:-57px;
	text-align:center;}

.serviciuprezentare
	{padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	height:230px;
	float:left;}

.servicii-left
	{ width:230px;
	text-align:center;
	float:left;}
.servicii-right
	{ width:530px;
	float:left;
	padding:10px;}

.servicii-left2
	{ width:530px;
	float:left;}
.servicii-right2
	{ width:230px;
	text-align:center;
	float:left;
	padding:10px;}

#footer
	{width: 800px;
	margin: 10px 0px 10px 0px;
	min-height:150px;
	background: linear-gradient(to bottom, #EDEDED 0%, #FFF 50%);
	text-align:center;}

.textfooter
	{padding:2px;}

.textfooter2
	{padding:5px;
	text-align:center;
	font-style:italic;
	font-size:14px;}


.afisarefooter1
	{ width:190px;
	height:100px;
	padding:5px;
	float:left;}

.titlufooter
	{font-size:18px;}
	
.afisarefooter1 ul
	{ list-style:none;
	margin:10px;}
	
.afisarefooter2
	{width:390px;
	height:100px;
	padding:5px;
	float:left;}

.textdespre
	{padding:15px;
	line-height:18px;}
.textdespre6
	{padding:3px;
	line-height:18px;
	text-align:center;}
.textdespre4
	{padding:2px;
	line-height:15px;}
.textdespre2
	{padding:15px;
	line-height:18px;
	float:right;}
.textdespre3
	{padding:15px;
	line-height:18px;
	float:left;}