@import url("reset.css");

html, body {
	height: 100%;
	width: 100%;
}

body {
	background: white url('../img/bg.png') repeat-x top center;
	font-size: 62.5%;
	font-family: Verdana, Geneva, sans-serif;
}

div.header { 
	width: 100%; height: 659px; margin: 0 auto; position: relative; background: transparent url('../img/headshadow.png') no-repeat top center;	
}

div.tophead { width: 1000px; height: 239px; margin: 0 auto; position: relative; }
div.bottomhead { position: relative; width: 1000px; height: 420px ; background: url('../img/headimg1.jpg') no-repeat top center; margin: 0 auto; }
/* pentru viziune: */
div.bottomheadviziune { background: url('../img/headviziune.jpg') no-repeat top center; }
div#headmargins { width: 100%; height: 420px; position: absolute; top: 239px; z-index: -1; }
div#headmargins div.headleft , div#headmargins div.headright  { width: 49.99%; height: 420px; }
div#headmargins div.headleft { float: left; background: url('../img/headleft.png') repeat-x; }
div#headmargins div.headright { float: right; background: url('../img/headright.png') repeat-x; }
/* pentru viziune: */
div#headmargins div.headleftviz { background: url('../img/headleftviz.png') repeat-x; }
div#headmargins div.headrightviz { background: url('../img/headrightviz.png') repeat-x; }


div.content { width: 1000px; margin: 0 auto; position: relative; color: #dddddd; }
div.content a { color: white; text-decoration: none; }
div.content a:hover { text-decoration: underline; }
div.clearfooter { margin: 0; padding: 0; border: 0; height: 0px; clear: both; }
div.footer { width: 100%; height: 60px; background: url('../img/footer.png') repeat-x; }
div.footer p { color: #808790; text-align: center; position: relative; top: 44px; font-size: 0.9em; }

/* fonturi */
h1 { font-size: 2em; margin: 0.5em 0; font-weight: normal; letter-spacing: 0.05em; word-spacing: 0.3em; font-family: 'Trebuchet MS', Helvetica, sans-serif; text-indent: 50px; }
h2 { font-size: 1.6em; text-align: center; margin: 10px 0 4px; letter-spacing: 0.06em; font-family: 'Trebuchet MS', Helvetica, sans-serif; text-shadow: black 1px 1px 1px; }
h3 { font-size: 1em; text-align: center; margin: 1em 0; }
p { font-size: 1.2em; line-height: 1.2em; margin: 1em 1em; }
.center { text-align: center; }

/* quotes */
div.quoteleft, div.quoteright { position: relative; width: 20px; height: 20px; }
div.quoteleft { background: url('../img/quotes.png') 40px 0; }
div.quoteright { background: url('../img/quotes.png') 20px 0; margin-left: auto; margin-right: 0; }
div.quote2left, div.quote2right { position: relative; width: 22px; height: 20px; }
div.quote2left { background: url('../img/quotes2.png') 0px 0; }
div.quote2right { background: url('../img/quotes2.png') 22px 0; margin-left: auto; margin-right: 0;}

div#headquote { width: 350px; height: 168px; position: absolute; right: 35px; top: 60px; /*max-height: 180px; overflow: hidden;*/ font-size: 1.2em; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; }
div#headquote table td { width: 350px; height: 168px; vertical-align: middle; }

p.citat { color: #92a8bc; text-align: center; font-weight: bold; margin: 0.3em 0.5em; }
p.autor_citat { color: #398daa; text-align: right; font-weight: bold; margin: 0.3em 0.5em; }


/* meniuri */
ul#limbi { position: absolute; left: 20px; top: 10px; font-size: 1.2em; font-weight: bold; font-family: 'Trebuchet MS', Helvetica, sans-serif; }
ul#limbi li { float: left; margin: 0 5px 0 5px; }
ul#limbi a { color: #808790; text-decoration: none; }
ul#limbi a:hover { color: white; }

ul#meniu1 { position: absolute; top: 0; right: 0; font-size: 1.4em; font-weight: bold; font-family: 'Trebuchet MS', Helvetica, sans-serif; letter-spacing: 0.01em; }
ul#meniu1 li { width: 80px; height: 55px; float: left; line-height: 55px; text-align: center; }
ul#meniu1 a { display: block; width: 80px; height: 55px; text-decoration: none; color: #d6d6d6; }
ul#meniu1 a:hover { background: transparent url('../img/bgm1.png'); color: white; }

ul#meniu2 { position: absolute; left: 405px; top: 43px; font-size: 1.8em; font-weight: bold; font-family: 'Trebuchet MS', Helvetica, sans-serif; }
ul#meniu2 li { width: 84px; height: 89px; float: left; text-align: center; line-height: 84px; }
ul#meniu2 li.li1 { margin-right: 5px; } ul#meniu2 li.li2 { width: 81px; margin-right: 8px; } ul#meniu2 li.li3 { width: 79px; margin-right: 8px; } ul#meniu2 li.li4 { width: 80px;  }
ul#meniu2 li a { display: block; width: 100%; height: 100%; color: #3f3f3f; text-decoration: none; }
ul#meniu2 li a:hover { color: white; }
/* pentru viziune */
ul.meniuviz { left: 415px !important; }
ul.meniuviz li.li1 { margin-right: 25px !important; }
ul.meniuviz li.li2 { margin-right: 20px !important; } 
ul.meniuviz li.li3 { margin-right: 18px !important; }

/* pagini specifice */
/* acasa */
div#acasa { }
div.acasaleft, div.acasacenter, div.acasaright { float: left; height: 300px; position: relative; margin: 0; }
div.acasaleft, div.acasaright { width: 260px; }
div.acasaleft { background: url('../img/homelefth.png') no-repeat; width: 216px; padding: 0 22px; }
div.acasaleft/*:hover*/ { background: url('../img/homeleft.png') no-repeat; }
div.acasacenter { width: 480px; background: url('../img/homecenterh.png') no-repeat; }
/*div.acasacenter:hover { background: url('../img/homecenter.png') no-repeat; }*/
div.acasaright { background: url('../img/homerighth.png') no-repeat; }
div.acasaright/*:hover*/ { background: url('../img/homeright.png') no-repeat; }

div#acasa div.acasacenter p { color: #c9c9c9; }
div#acasa div.acasaright p { color: #5b90a1; font-size: 1.4em; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; text-align: center; }
div#acasa h2 { margin-bottom: 20px; }
div#acasa p a { color: #58d5eb; }
div.acasaleft p { color: #5B90A1; }
div#acasa div.acasacenter p span { color: #58D5EB; }


div#acasa li.thumb { display: block; background-color: green; border: 2px solid white; width: 80px; height: 60px; margin: 10px 12px; float: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
div#acasa li.t1 { background: url('../img/thumb1.jpg'); } div#acasa li.t2 { background: url('../img/thumb2.jpg'); } div#acasa li.t3 { background: url('../img/thumb3.jpg'); } div#acasa li.t4 { background: url('../img/thumb5.jpg'); }
div#acasa li.thumb a { display: block; height: 100%; width: 100%; }
div#acasa li.thumb:hover { border: 2px solid black; }

div.acasaright p { margin: 0.2em 1em; }
/* viziune */
div#viziune div.acasaleft { width: 260px; padding: 0; }
div#viziune { }
div#viziune div.icon1, div#viziune div.icon2, div#viziune div.icon3, div#viziune div.icon4  { margin: 10px 0; float: left; width: 80px; height: 60px; background-image: url('../img/iconiteviziune.png'); }
div#viziune div.icon1  { background-position: 0 0; }
div#viziune div.icon2  { background-position: -80px 0; }
div#viziune div.icon3  { background-position: -160px 0; }
div#viziune div.icon4  { background-position: -240px 0; }
div#viziune div.hr { width: 260px; height: 1px; background: url('../img/viziunehr.png'); clear: both; }
div#viziune h3 { font-size: 1.6em; font-family: 'Trebuchet MS', Helvetica, sans-serif; }
div#viziune div.buton { width: 100px; height: 30px; position: absolute; left: 80px; bottom: 100px; }
div#viziune div.buton a { display: block; width: 100%; height: 100%; background: url('../img/altcitat.png') 0 0; }
div#viziune div.buton a:hover { background-position: -110px 0; }

div#viziune div.acasacenter p { color: #c9c9c9; }
div#viziune div.acasaright p { color: #5b90a1; font-size: 1.4em; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; text-align: center; }
div#viziune table td { height: 200px; vertical-align: middle; }

div#viziune div.acasaleft td { width: 160px; height: 80px; vertical-align: middle; /*float: left;*/ }
div#viziune div.acasaleft td h3 { margin: 0; }
div#viziune div.acasacenter p span { color: #58D5EB; }

/* proiecte */
div#proiecte div.listaproiecte { width: 100%; }
div#proiecte div.proiectbox { width: 300px; height: 400px; float: left; margin: 10px 16px; background: url('../img/box_proiecte.png'); position: relative; }
div.proiectbox img.imgprt { width: 260x; height: 240px; margin: 10px 0 10px 20px; }
div#proiecte div#sliderbox { width: 1000px; height: 300px; position: relative; margin-bottom: 40px; }

div#proiecte p { margin: 0 1em; font-size: 1.1em; text-align: center; }

/* echipa */
div#echipa div.membru { width: 250px; height: 500px; float: left; margin: 0 0; position: relative; }
div#echipa div.st 		{ background: url('../img/membru_st.png'); }
div#echipa div.st:hover	{ background: url('../img/membru_st_h.png'); }
div#echipa div.ct		{ background: url('../img/membru_ct.png'); }
div#echipa div.ct:hover	{ background: url('../img/membru_ct_h.png'); }
div#echipa div.dr		{ background: url('../img/membru_dr.png'); }
div#echipa div.dr:hover	{ background: url('../img/membru_dr_h.png'); }

div#echipa h2 { font-size: 2em; margin-left: 20px; margin-top: 25px; text-align: left; font-family: 'Trebuchet MS', Helvetica, sans-serif; letter-spacing: 0.05em; }
div#echipa h3 { font-size: 1.2em; margin-top: 30px; color: #5B90A1; }
div#echipa p { line-height: 1.3em; }

div#echipa div.status	{ position: relative; width: 230px; margin: 10px 10px; float: left; background: url('../img/statusbg.png') repeat; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

div#echipa div.avatar { width: 100px; height: 130px; float: right; }
div#echipa div.a1 { background: url('../img/avatar.png'); }
div#echipa div.a2 { background: url('../img/mihai.png'); }
div#echipa div.a3 { background: url('../img/deni.png'); }
div#echipa div.a4 { background: url('../img/mara.png'); }
div#echipa div.a5 { background: url('../img/claire.png'); }
div#echipa div.a6 { background: url('../img/hiro.png'); }
div#echipa div.a7 { background: url('../img/bennet.png'); }

div#echipa button { width: 170px; height: 30px; position: absolute; left: 40px; bottom: 20px; background: url('../img/echibut.png') 0 0; border: 0; padding: 0;
					text-align: center; line-height: 30px; font-size: 0.9em; font-weight: bold; color: #d6d6d6; letter-spacing: -0.05em; }
div#echipa button:hover { background: url('../img/echibut.png') 170px 0; cursor: pointer; color: white; }

div#echipa div.twitter { width: 34px; height: 33px; position: absolute; top: 0; right: 0; background: url('../img/twitter.png'); }

/* clienti */
div#clienti div.client { width: 460px; height: 460px; float: left; position: relative; background: url('../img/client.png'); margin: 20px 20px; }
div.client div.clientstanga, div.client div.clientdreapta { float: left; height: 300px;}
div.client div.clientstanga { width: 245px; }
div.client div.clientdreapta { width: 215px; position: relative; }
div.client p.parereatitlu { font-size: 1.2em; line-height: 20px; height: 20px; text-align: center; clear: both; margin: 0 0; }
div.client div.clientjos { width: 440px; height: 126px; padding: 0 10px; }

div.client div.buton { width: 110px; height: 30px; position: absolute; left: 52px; bottom: 40px; text-align: center; line-height: 28px; font-size: 0.9em; font-weight: bold; letter-spacing: -0.05em; }
div.client div.buton a { display: block; width: 100%; height: 100%; background: url('../img/viziteazabut.png') 0 0; text-decoration: none; color: #d6d6d6; }
div.client div.buton a:hover { background-position: -120px 0; color: white; }

div.client img.imgclt { width: 180px; height: 200px; position: absolute; left: 17px; top: 15px; }

div.client div.clientjos p { margin: 0 1em; font-size: 1.2em; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; text-align: center; }
div.client div.clientjos table td { height: 126px; vertical-align: middle; }
div.client div.clientstanga p { font-size: 1.3em; line-height: 1.4em; text-align: center; }
div.client div.clientstanga h3 { color: #5B90A1; font-size: 1.6em; }
div.client div.clientstanga h3 a { color: #5B90A1; }

/* servicii */
div#servicii div.st { height: 140px; width: 150px; float: left; }
div#servicii div.ct1 { height: 140px; width: 350px; float: left; }
div#servicii div.ct2 { height: 140px; width: 400px; float: left; }
div#servicii div.dr { height: 140px; width: 100px; float: left; background: url('../img/servico.png') 0px 140px; }

/* servicii randuri bg fiecare */
div#servicii div#r1, div#servicii div#r2, div#servicii div#r3, div#servicii div#r4, div#servicii div#r5,
div#servicii div#r6, div#servicii div#r7, div#servicii div#r8, div#servicii div#r9 { width: 1000px; height: 140px; background: url('../img/serv.png'); }
div#servicii div#r1 { background-position: 0 0; }		div#servicii div#r1:hover { background-position: -1000px 0; }
div#servicii div#r2 { background-position: 0 -140px; }	div#servicii div#r2:hover { background-position: -1000px -140px; }
div#servicii div#r3 { background-position: 0 -280px; }	div#servicii div#r3:hover { background-position: -1000px -280px; }
div#servicii div#r4 { background-position: 0 -420px; }	div#servicii div#r4:hover { background-position: -1000px -420px; }
div#servicii div#r5 { background-position: 0 -560px; }	div#servicii div#r5:hover { background-position: -1000px -560px; }
div#servicii div#r6 { background-position: 0 -700px; }	div#servicii div#r6:hover { background-position: -1000px -700px; }
div#servicii div#r7 { background-position: 0 -840px; }	div#servicii div#r7:hover { background-position: -1000px -840px; }
div#servicii div#r8 { background-position: 0 -980px; }	div#servicii div#r8:hover { background-position: -1000px -980px; }
div#servicii div#r9 { background-position: 0 -1120px; }	div#servicii div#r9:hover { background-position: -1000px -1120px; }

div#servicii div.ct1 h2 { text-shadow: black 1px 1px 2px; font-size: 3em; margin-top: 50px; font-family: 'Trebuchet MS', Helvetica, sans-serif; letter-spacing: 0.01em; }
div#servicii div.ct2 p { margin: 1em; }

div#servicii div.ct2 td { height:140px; vertical-align: middle; }
/* logouri servicii */
div#r1 div.st { background: url('../img/servico.png') 0 0; }		div#r2 div.st { background: url('../img/servico.png') -150px 0; }
div#r3 div.st { background: url('../img/servico.png') -300px 0; }	div#r4 div.st { background: url('../img/servico.png') -450px 0; }
div#r5 div.st { background: url('../img/servico.png') -600px 0; }	div#r6 div.st { background: url('../img/servico.png') -750px 0; }
div#r7 div.st { background: url('../img/servico.png') -900px 0; }	div#r8 div.st { background: url('../img/servico.png') -1050px 0; }
div#r9 div.st { background: url('../img/servico.png') -1200px 0; }

/* linkuri servicii */
div#servicii div.dr a { display: block; height: 100%; width: 100%; }


/* contact */
div#contact div.contc1, div#contact div.contc2, div#contact div.contc3 { height: 300px; background: url('../img/ctbg.png') ; float: left; position: relative; }
div#contact div.contc1 { width: 225px; background-position: 0 0; }
div#contact div.contc2 { width: 225px; background-position: -225px 0; }
div#contact div.contc3 { width: 550px; background-position: -450px 0; }

div#contact div.icon { width: 80px; height: 150px; float: left; }
div#contact p.cinfo { width: 145px; height: 150px; float: right; margin: 0; text-align: center;
font-size: 1.8em; font-weight: bold; letter-spacing: 0.06em; font-family: 'Trebuchet MS', Helvetica, sans-serif;
}
div#contact p.cinfo br { line-height: 10px; }
div#contact div.i1, div#contact div.i2, div#contact div.i3, div#contact div.i4 { background: url('../img/contacticons.png') no-repeat; }
div#contact div.i1 { background-position: 0 35px; }
div#contact div.i2 { background-position: -80px 35px; }
div#contact div.i3 { background-position: -160px 35px; }
div#contact div.i4 { background-position: -240px 35px; }

div#contact form { padding-top: 10px; }

div#contact form #f_nume, div#contact form #f_mail, div#contact form #f_text { border: 0; padding: 15px; background: url('../img/contactform.png') ; }
div#contact form #f_nume, div#contact form #f_mail { width: 270px; height: 20px; background-position: 0 0; }
div#contact form #f_text { width: 390px; height: 150px; background-position: 0 -60px; font-family: Verdana, Geneva, sans-serif; font-size: 1.3em; overflow: auto; }

div#contact form #f_nume:focus, div#contact form #f_mail:focus { background-position: 0 -240px; }
div#contact form #f_text:focus { background-position: 0 -300px; }

div#contact form label { display: block; margin-top: 5px; width: 85px; float: left; padding: 10px; text-align: right; font-size: 1.6em; font-family: 'Trebuchet MS', Helvetica, sans-serif; }

div#contact form button { position: absolute; top: 20px; right: 50px; width: 80px; height: 60px; background: url('../img/contactform.png') -310px 0; border: 0; }
div#contact form button:hover, div#contact form button:focus { background-position: -310px -240px; cursor: pointer; }
div#contact div#send { font-weight: bold; width: 100px; position: absolute; top: 85px; right: 40px; text-align: center; font-size: 1.2em; font-family: 'Trebuchet MS', Helvetica, sans-serif; display: none; }

/* alerta form */
div#contact form input.alert { background-position: 0 -480px !important;  }
div#contact form textarea.alert { background-position: 0 -540px !important; }
div#contact p.sent { font-size: 2em; text-align: center; margin-top: 100px; }

/* cerere oferta */
div#oferta div#formular { width: 990px; height: 650px; background: url('../img/oferta.png') no-repeat; margin-bottom: 20px; padding-top: 10px; padding-left: 10px; position: relative; }
div#formular div#ibox1, div#formular div#ibox2, div#formular div#ibox3 { float: left; margin-right: 10px; background-color: transparent; width: 250px; }
div#formular div#ibox1 { height: 140px; } div#formular div#ibox2 { height: 70px; } div#formular div#ibox3 { height: 380px; }
div#formular div.hr { height: 30px; width: 100%; clear: both; border: 0; padding: 0; margin: 0; } 
div#formular label { height: 25px; display: block; float: left; font-size: 1.4em; line-height: 23px; /*background-color: black; */
					font-size: 1.6em; font-family: 'Trebuchet MS', Helvetica, sans-serif; }
div#formular input { height: 20px; padding: 12.5px 15px; float: left; margin: 0; border: 0; background: url('../img/ofertaform.png');
					font-family: Verdana, Geneva, sans-serif; font-size: 1.3em; }
div#formular label#lb_nume, div#formular label#lb_mail, div#formular label#lb_tel, div#formular label#lb_loc, div#formular label#lb_stat { height: 25px; width: 360px; }
div#formular input#nume, div#formular input#mail { width: 330px; }
div#formular input#nume:focus, div#formular input#mail:focus { background-position: 0 -450px; }
div#formular label#lb_tel, div#formular label#lb_loc, div#formular label#lb_stat { width: 240px; }
div#formular input#tel, div#formular input#loc, div#formular input#stat { width: 210px; background-position: 0 -45px; }
div#formular input#tel:focus, div#formular input#loc:focus, div#formular input#stat:focus { background-position: 0 -495px; }
div#formular label#lb_serv, div#formular label#lb_text { width: 720px; }
div#formular select#serv { padding: 2.5px; margin: 10px; width: 700px; height: 25px; border: 0; font-family: Verdana, Geneva, sans-serif; font-size: 1.3em; }
div#formular select#serv option { padding: 2.5px; height: 25px; border: 0; }
div#formular textarea { width: 560px; height: 325px; border: 0; padding: 15px; margin: 0; background: url('../img/ofertaform.png') no-repeat 0 -90px;
						font-family: Verdana, Geneva, sans-serif; font-size: 1.3em; overflow: auto; }
div#formular textarea:focus { background-position: 0 -540px; }

div#formular button { font-weight: bold; color: #dddddd; width: 100px; height: 64px; position: absolute; bottom: 15px; right: 24px; border: 0; padding: 0; margin: 0; background-color: transparent; cursor: pointer; }
div#formular button:hover { color: white; }
div#formular #ibox1 p { text-align: center; }
/* alerta cerere */
div#formular input#nume.alert, div#formular input#mail.alert { background-position: 0 -900px !important; }
div#formular input#tel.alert, div#formular input#loc.alert, div#formular input#stat.alert { background-position: 0 -945px !important; }
div#formular select.alert { border: 1px solid red !important; }
div#formular textarea.alert { background-position: 0 -990px !important; }

/* confirmare */
div#oferta div#confirmare { width: 1000px; height: 180px; position: relative; background: url('../img/bgcfof.png'); }
div#oferta div#confirmare h2 { position: relative; top: 50px; font-size: 2em; text-align: center; font-weight: normal; }

.clear { clear: both; }