/*
Date: 15.04.2010
Author: Oasa Bogdan Valentin
Company: Touch Media
Website: www.touch-media.ro
Project: Sigma Psihology 
*/

/* Reset CSS */
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;
	font-size: 100%;
	background: transparent;
}
a {
  text-decoration: none;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* CSS start! */
.clear {clear:both; display:block; line-height:0px;}
.clear2 {clear:both; display:block; line-height:0px; height:20px;}
.clear3 {clear: both; display: block; line-height:0; height: 10px;}
html, body {height: 100%;}



body {background:#a97a98 url(images/background.jpg) repeat-x; font-family: Georgia, Verdana, Arial, sans-serif; font-size: 11px;}
body#popup {background: #fff; }
#page {width: 937px; margin: 0 auto; padding-top: 8px;  }
#page_top {width: 100%; height: 18px; background: url(images/page_top.png) no-repeat; float: left; }
#page_center {width: 923px; float: left; clear: both; background: url(images/page_center.png) repeat-y; padding: 0 8px 0 6px; }
#page_bottom {width: 100%; float: left; clear: both; height: 19px; background: url(images/page_bottom.png) no-repeat; margin-bottom: 20px;  }

#center {width: 903px; float: left; clear: both;  background: url(images/center.jpg) no-repeat 0 0; min-height: 662px; padding: 0 10px; }
#header {float: left; width: 874px; padding: 0 0px 0 29px;  }
#logo {float: left; width: 106px; height: 86px; background: url(images/logo.png) no-repeat; }
#header ul {float: right; width: auto; font-family: Tahoma, Verdana, Arial, sans-serif; margin: 47px 0 0 0;}
#header ul li {float: left; margin-right: 22px;  }
#header ul li a {float: left; color: #37281f; font-size: 14px; }
#header ul li a:hover, #header ul li a#current {color: #93467c; }

#promo {float: left; clear: both; border: 1px #a9a9a9 solid; padding: 7px 8px; background: #fff; margin-top: 17px;  }
#promo img {float: left; }
#promo_under {float: left; clear: both; width: 901px; background: url(images/under_promo.gif) no-repeat; height: 14px; }

#content {float: left; clear: both; background: transparent url(images/content.jpg) repeat-x 0 bottom; padding: 27px 0 20px 0; width: 903px; }

.vert_box {width: 270px; background: url(images/box_vert.png);  padding: 8px; float: left; margin-right: 19px;  }
.vert_box.largest {width: 887px; margin-right: 0; }
.vert_box.right {width: 570px; float: right; margin: 0; }
.vert_box h3, .vert_box h1 {float: left; width: 220px; background-repeat: no-repeat; font-size: 22px; font-family: Georgia; color: #58340f; font-weight: normal; padding-left: 50px;  padding-top: 4px;}
.vert_box h3.smaller, .vert_box h1.smaller {font-size: 18px; padding-top: 10px; padding-bottom: 15px;}
.vert_box h2 {float: left; width: 100%; color: #58340f; font-size: 22px; font-family: Georgia; font-weight: normal; padding: 5px 0 15px 0;}
.vert_box h3 span, .vert_box h1 span  {float: left; clear: both; color: #9f9f9f; font-size: 12px; font-weight: bold; width: 100%; }
.vert_box h3.despre,.vert_box h1.despre  {background-image: url(images/despre.png); }
.vert_box h3.tehnici,.vert_box h1.tehnici {background-image: url(images/tehnici.png); }
.vert_box h3.evaluari,.vert_box h1.evaluari {background-image: url(images/evaluari.png); }
.vert_box h3.colaboratori,.vert_box h1.colaboratori {background-image: url(images/colaboratori.png); }
.vert_box h3.tarife,.vert_box h1.tarife {background-image: url(images/tarife.png); padding-left:  55px; width: 215px; }
.vert_box h3.contact,.vert_box h1.contact {background-image: url(images/plic_alb.png); }
.vert_box h3.evenimente,.vert_box h1.evenimente {background-image: url(images/evenimente.png); }
.vert_box p {float: left; clear: both; font-family: Georgia; font-size: 12px; color: #5d5d5d; text-align: justify; margin: 15px 0 5px 0; padding: 0 0 3px 0; border-bottom: 1px #dcdfe1 solid; width: 100%; }
.vert_box.largest p, .vert_box.noborder p {border: 0;}
.detalii {clear: both; float: right; margin-top: 5px; color: #9a417e; display: block; width: auto;  text-align: right; }
.vert_box .item {float: left; width: 100%; margin: 10px 0;}
.vert_box .item_left {float: left; width: 63px;  border: 1px #cacdd0 solid; padding: 4px; }
.vert_box .item_left img {float: left; border: 1px #cacdd0 solid; }
.vert_box .item_right {float: right; width: 175px; }
.vert_box .item_right p {margin: 3px 0 0 0;}
.vert_box .item_right p .detalii {margin-top: 2px;}
.vert_box h4 {float: left; clear: both; color: #58340f; font-family: Georgia; font-weight: bold;  width: 100%;}
.vert_box h4 a {color: #58340f}
.vert_box.noutati {margin-right: 0; }
.vert_box.noutati p {margin: 10px 0 0 0; border: 0; padding: 0;  }
.vert_box.noutati h4 {margin-top: 20px; margin-bottom: 0; }

.textblock {float: left; clear: both; width: 100%; font-family: Georgia; font-size: 12px; color: #343434; text-align: left; }
.textblock p {border: 0; color: inherit; font-size: inherit; line-height: 20px;  }
.lista_obiective {float: left; clear: both; width: 225px; padding: 30px 0 0 40px; }
.lista_obiective li {float: left; clear: both; width: 100%; margin: 7px 0; }
.lista_obiective li a {float: left; clear: both; width: 210px; background: url(images/item.gif) no-repeat 0 6px; color: #434343; font-size: 12px; padding-left: 15px;  }

.utils {float: left; clear: both; background: #fff; height: 49px; width: 100%; margin-top: 20px;  }
.utils ul {float: left; padding-left: 17px; }
.utils ul li {float: left; margin-right: 30px; }

#footer_utils {float: left; clear: both; width: 100%; }
.footer_utils_box {float: left; padding-left: 10px; width: 420px; }
.footer_utils_box.right {float: right; padding: 0; padding-right: 10px; }
.footer_utils_box .title {float: left; clear: both; width: 100%; color: #58340f; font-family: Georgia; font-size: 22px; }
.amf_pic {float: left; padding: 4px; background: #fff; border: 1px #cacdd0 solid; }
.amf_text {float: right; width: 267px; text-align: justify; font-size: 12px; color: #5d5d5d; padding-top: 5px; }
.amf_text a, .amf_text strong {color: #9a417e; }
.cont_date {float: left; background: url(images/plic.png) no-repeat; padding-left: 55px; width: 160px; text-align: left; color: #a7a2a8; }
.cont_date span {color: #000; }
.cont_date strong {color: #58340f; }
.cont_utils {float: right; width: 170px; margin-top: 17px; }
.cont_utils li {float: left; clear: both; margin: 3px 0; }
.cont_utils li a {color: #000; font-size: 12px; padding-left: 34px; width: auto; display: block; height: 21px; line-height: 21px; }
.cont_utils li a.cal {background: url(images/cont_calendar.png) no-repeat; }
.cont_utils li a.plic {background: url(images/cont_plic.png) no-repeat; }

#footer {float: left; width: 100%; clear: both; margin: 30px 0 10px 0; }
#footer ul {float: left; }
#footer ul li {float: left; margin-right: 18px; }
#footer ul li a {float: left; color: #533300; font-size: 12px; }
.dezvoltat {float: right; width: auto; color: #533300; font-size: 12px; margin-top: -6px; position: relative; }
.dezvoltat img {display: inline; top: 6px; position: relative; }
#credits {float: left; width: 100%; clear: both; margin-top: 17px; text-align: center; color: #533300; font-size: 11px;}

.big_box {width: 887px; background: url(images/box_vert.png);  padding: 8px; float: left;  }

h1 {float: left; width: 100%; background-repeat: no-repeat; font-size: 22px; font-family: Georgia; color: #58340f; font-weight: normal;  padding-top: 4px;}

.form {float: left; width: 400px; clear: both; margin: 15px 0;}
.form div {float: left; clear: both; width: 100%; margin: 3px 0;}
.form label {float: left; margin-top: 5px; width: 20%; text-align: right;  }
.form input {float: right; width: 75%; border: 1px #c3b98d solid; height: 18px; padding: 2px 5px;  }
.form select {float: right; width: 75%; border: 1px #c3b98d solid; height: 22px; padding: 2px 5px;  }
.form textarea {float: right; width: 75%; border: 1px #c3b98d solid; height: 150px; padding: 2px 5px;  }
.form input.button {width: 140px; height: 22px; line-height: 22px; border: 0; text-align: center; cursor: pointer; padding: 0;  }

.err {float: left; clear: both; width: 100%; color: red; font-size: 11px; }
.succes {float: left; clear: both; width: 100%; color: green; font-size: 11px; }
.admin_link {float: left; clear: both; text-decoration: underline; color: #333; }
.inapoi_link {float: left; clear: both; text-decoration: underline; color: #333; }
#admin_table {float: left; clear: left; }
#admin_table td {padding: 4px; border: 1px #333 solid; }
#admin_table #admin_table_h td {font-weight: bold; font-size: 12px; }
#admin_table .afisat td {background: #d4f9ca; }

.contact_form {float: left; clear: both; width: 100%; }
.contact_form div {float: left; clear: both; width :100%; margin: 3px 0;}
.contact_form label {float: left; width: 120px; text-align: right; color: #676767; font-size: 12px; margin-top: 6px; }
.contact_form input {float: right; border: 1px #676767 solid; background: url(images/input.gif) repeat-x; height: 24px; line-height: 24px; width: 418px; padding: 0 5px;}
.contact_form textarea {float: right; border: 1px #676767 solid; background: url(images/textarea.gif) repeat-x 0 bottom; height: 155px; width: 418px; padding: 3px 5px;}
.contact_form input.trimite {float: right; width: 106px; height: 25px; padding: 0; background: url(images/trimite.gif) no-repeat; text-align: center; line-height: 25px; color: #e9dde4; font-size: 12px; font-family: Georgia; border: 0; cursor: pointer; }
.contact_form .nota {float: right; width: 430px; text-align: left; color: #414141; font-size: 11px; border-bottom: 0;}

table.tarife {float: left; clear: both; width: 100%; margin-top: 20px; }
table.tarife td {color: #414141; border-bottom: 1px #bba4a4 dashed; padding: 5px 20px; }
table.tarife tr.t_head td { color: #414141; font-weight: bold; background: url(images/tarife_head.gif) repeat-x; border-bottom: 0; }

.tabel_test {float: left; clear: left; width: 100%; }
.tabel_test td {padding: 5px; color: #414141; font-size: 11px; border: 1px #bba4a4 solid; }
.tabel_test tr.t_head td {font-weight: bold; font-size: 13px; }
.tabel_test input.radio {width: auto; height: auto; padding: 0; margin: 0; float: left;  }

.achizitie {float: left; clear: left; color: #000; font-size: 12px; margin: 0 0 5px 0;}
.achizitie:hover {text-decoration: underline; }