/*
Autor: Cosmin Epureanu
Agentia de publicitate Acid Love
Data: noiembrie 2009
*/

html, body{height: 100%;}
:focus{outline: none;}
body{
	font: normal 14px Arial;
	color: #8900a6;
	background: #d4d4d4;
}
table{
	margin:0;
	padding:0;
}
h1.title{
	margin: 0;
	margin-bottom: 12px;
	padding: 0;
	font-size: 21px;
}

#container{
	width: 850px;
	margin: 0 auto;
	background-color: #fff;
	position: relative;
}

#header{
	width: 850px;
	height: 302px;
	position: relative;
	background: #af00a9 url('images/header.jpg') left top no-repeat;
}

.motto{
	position: absolute;
		right: 30px;
		top: 100px;
	font: normal 22px Georgia;
	color: #fff;
	width: 270px;
}
.author{
	font: normal 12px Georgia;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding-top: 7px;
	display: block;
}

#menu{
	width: 850px;
	height: 34px;
	background: #af00a9 url('images/bgmenu.png') left top repeat-x;
	/*position: relative; */
}

#main{
	background-color: #fff;
	position: relative;
	width: 850px;
	height: auto;
}

.poza-main{
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 0 !important;
	padding: 0 !important;
}

#content{
	width: 815px;
	height: 192px;
	background: #F2EEE1 url('images/content-bg-top.png') left top no-repeat;
	position: relative;
	margin: 20px 0 0 17px;
}

	#inner{
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 815px;
		height: 36px;
		background: transparent url('images/content-bg-bottom.png') left top no-repeat;
	}
	#content .inside{
		padding: 33px 10px 10px 18px;
		line-height: 18px;
		text-align: justify;
	}
	span.title{
		width: 330px;
		margin-bottom: 20px;
		height: 19px;
		display: block;
		text-indent: -9999px;
		font-size: 16px;
		background: transparent url('images/welcome1.gif') left top no-repeat;
	}
	span.title2{
		background: transparent url('images/welcome.gif') left top no-repeat;
	}
	span.title-portofoliu{
		width: 153px;
		margin-bottom: 20px;
		height: 19px;
		display: block;
		text-indent: -9999px;
		font-size: 16px;
		background: transparent url('images/portofoliu-clienti.png') left top no-repeat;
	}
	span.servicii{
		width: 191px;
		margin-bottom: 20px;
		height: 19px;
		display: block;
		text-indent: -9999px;
		font-size: 16px;
		background: transparent url('images/servicii-pt-copii.gif') left top no-repeat;
	}
	span.servicii-clienti{
		width: 201px;
		margin-bottom: 20px;
		height: 19px;
		display: block;
		text-indent: -9999px;
		font-size: 16px;
		background: transparent url('images/servicii-pt-clienti.gif') left top no-repeat;
	}
	span.contact-title{
		width: 77px;
		margin-bottom: 20px;
		height: 19px;
		display: block;
		text-indent: -9999px;
		font-size: 16px;
		background: transparent url('images/contact.gif') left top no-repeat;
	}
	.readmore{
		border: 0;
		margin-top: 20px;
	}
	.alignleft{
		margin: 10px 0 0 30px;
		float: left;
	}
.button-mov{
	width: 228px;
	height: 115px;
	margin: 10px 0 20px 8px;
	background: #8900A6 url('images/button-mov.png') left top no-repeat;
	float: left;
	padding-left: 30px;
	color: #fff;
	font-size: 11px;
}
html > body .button-mov{
	margin: 10px 0 20px 20px;
}
	.button-mov .inside{
		margin: 10px 6px 6px 50px;
	}
	.button-verde .inside{
		margin: 10px 12px 6px 75px;
	}
	.button-albastru .inside{
		margin: 10px 12px 6px 85px;
	}

.button-verde{
	width: 258px;
	height: 115px;
	margin: 10px 0 20px 20px;
	background: #8900A6 url('images/button-verde.png') left top no-repeat;
	float: left;
	color: #fff;
	font-size: 11px;
}
.button-albastru{
	width: 258px;
	height: 115px;
	margin: 10px 0 20px 20px;
	background: #8900A6 url('images/button-albastru.png') left top no-repeat;
	float: left;
	color: #fff;
	font-size: 11px;
	z-index: 100;
	position: relative;
}
h3.titlex{
	font-size: 18px;
	color: #fff;
	font-weight: normal;
	margin-bottom: 14px;
	margin-top: 17px;
}

#footer{
	width: 850px;
	height: 20px;
	background: #d4d4d4 url('images/body_bottom.gif') left top no-repeat;
}
p.copyright{
	text-align: center;
	font-size: 10px;
	color: #747474;
	background-color: #d4d4d4;
	margin:0;padding:0;
}

/* MENU */
#menu a{
	display: block;
	height: 34px;
}
#menu ul{
	margin: 0 217px;
	list-style: none;
	padding: 0;
}

#menu li{
	float: left;
}

a.acasa:link, a.acasa:visited{width: 69px; height: 34px; background: transparent url('images/menu.png') 0 0 no-repeat;}
a.acasa:hover, a.acasa:active{background: transparent url('images/menu.png') 0 -34px no-repeat;}

a.despre:link, a.despre:visited{width: 98px; height: 34px; background: transparent url('images/menu.png') -69px 0 no-repeat;}
a.despre:hover, a.despre:active{background: transparent url('images/menu.png') -69px -34px no-repeat;}

a.servicii:link, a.servicii:visited{width: 80px; height: 34px; background: transparent url('images/menu.png') -167px 0 no-repeat;}
a.servicii:hover, a.servicii:active, #active{background: transparent url('images/menu.png') -167px -34px no-repeat;}

a.portofoliu:link, a.portofoliu:visited{width: 93px; height: 34px; background: transparent url('images/menu.png') -247px 0 no-repeat;}
a.portofoliu:hover, a.portofoliu:active{background: transparent url('images/menu.png') -247px -34px no-repeat;}

a.contact:link, a.contact:visited{width: 76px; height: 34px; background: transparent url('images/menu.png') -340px 0 no-repeat;}
a.contact:hover, a.contact:active{background: transparent url('images/menu.png') -340px -34px no-repeat;}


a.serv-copii:link, a.serv-copii:visited{
	text-decoration: none;
	color: #008a00;
	font-weight: bold;
	margin-left: 20px;
	font-size: 12px;
}

a.serv-copii:hover, a.serv-copii:active{
	text-decoration: underline;
	font-weight: bold;
	margin-left: 20px;
	color: #000;
}

img.image{
	padding: 5px;
	border: 1px solid #cccccc;
	background-color: #fff;
	margin: 6px 3px;
}

a.box:link, a.box:visited, a.box:hover{
	display: block;
	cursor: pointer;
	text-decoration: none;
	color: #fff;
}

/* Servicii Menu */
.droplinetabs{
overflow: hidden;
}

.droplinetabs a span{
float: left;
display: block;
cursor: pointer;
}

.droplinetabs a span{
float: none;
}


/* Sub level menus*/
.droplinetabs ul li ul{
position: absolute;
z-index: 100;
left: 175px !important;
top: 336px !important;
background: #fff; /*sub menu background color */
visibility: hidden;
width: 152px !important;
height: 42px;
background: transparent url('images/submenu-bg.png') left top no-repeat;
}

ul.submenu{
background: transparent url('images/submenu-bg.png') left top no-repeat;
position: absolute;
	left: 175px;
	top: 336px !important;
z-index: 100;
width: 152px !important;
height: 42px;
}

a.copii-menu:link, a.copii-menu:visited{
	display: block;
	float: left;
	width: 68px;
	height: 34px;
	background: transparent url('images/submenu-servicii.gif') left top no-repeat;
}

a.copii-menu:hover, a.copii-menu:active{
	background: transparent url('images/submenu-servicii.gif') left -34px no-repeat;
}

a.clienti-menu:link, a.clienti-menu:visited{
	display: block;
	float: left;
	width: 75px;
	height: 34px;
	background: transparent url('images/submenu-servicii.gif') left -68px no-repeat;
}

a.clienti-menu:hover, a.clienti-menu:active{
	background: transparent url('images/submenu-servicii.gif') left -102px no-repeat;
}

.padding{
	padding-left: 12px;
}

/* Contact form */
input.input-name{
	width: 166px;
	background: #fff url('images/name_input.png') right top no-repeat;
	border: 1px solid #d8d2bf;
	padding: 3px;
	color: #2f2a1c;
	padding-right: 23px;
}
input.input-email{
	width: 166px;
	background: #fff url('images/email_input.png') right top no-repeat;
	border: 1px solid #d8d2bf;
	padding: 3px;
	color: #2f2a1c;
	padding-right: 23px;
}
input.input-phone{
	width: 166px;
	background: #fff url('images/phone_input.png') right top no-repeat;
	border: 1px solid #d8d2bf;
	padding: 3px;
	color: #2f2a1c;
	padding-right: 23px;
}
textarea.input-mesaj{
	width: 186px;
	height: 200px;
	background: #fff url('images/mesaj_input.png') right top repeat-x;
	border: 1px solid #d8d2bf;
	padding: 3px;
	color: #2f2a1c;
	font: normal 12px Arial;
}
table.contact-form{
	margin: 10px 10px 0 0;
	padding-left: 10px;
	border-left: 1px solid #d8d2bf;
}

div.succes{
	border: 1px solid #8900a6;
	background-color: #dedede;
	padding: 6px;
	margin: 10px 10px 0 0;
	color: #8900a6;
}