/*
Date: 29.04.2010
Author: Oasa Bogdan Valentin
Company: Touch Media
Website: www.touch-media.ro
Project: Consultant Tehnic
*/

/* 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:#002c53 url(images/background.jpg) repeat-x; font-family: Arial, Verdana, sans-serif; font-size: 11px;}
body#popup {background: #fff; }
#page {width: 851px; margin: 0 auto; }
#header {float: left; clear: both; width: 100%; }
#pezicetrece {float: left; margin-top: 17px; }
#header ul {float: left; clear: left; margin-top: 16px; }
#header ul li {float: left; color: #2d2d2d; margin: 0 3px 0 0;}
#header ul li a {color: #ffffff; height: 35px; line-height: 35px; padding: 0 17px; float: left; }
#header ul li a:hover, #header ul li a#current {color: #2d2d2d; background: #fff;}
.top_link {float: right; clear: right; width: 65px; height: 24px; line-height: 24px; margin-bottom: 5px;  padding: 0 0 0 35px; text-align: left; font-size: 12px; color: #fff; margin-right: 105px;  }
.top_link.recomanda {background: url(images/top_link.gif) no-repeat; }
.top_link.bookmark {background: url(images/top_link2.gif) no-repeat; margin-bottom: -2px; }

#content {float: left; clear: both; width: 851px; background: url(images/content.gif) repeat-y; margin-top: 17px; }
#content_left {float: left; width: 574px; background: #fff; }
#content_right {float: right; width: 277px; }
#promo {float: left; clear: both; background: #fff; padding: 12px; margin-top: -17px; position: relative; }
#promo img {float: left; padding: 1px; background: #fff; border: 1px; color: #cbcbcb; }
#logo {float: left; clear: both; margin: -15px 0 5px -10px; position: relative; }

.textblock {float: left; clear: both; width: 532px; padding-left: 25px;  }
h1 {float: left; width: 100%; color: #000000; font-size: 24px; font-weight: normal; border-bottom: 1px #cccccc solid; padding: 15px 0;}
.text {float: left; clear: both; padding: 12px 0; text-align: left; width: 100%; font-size: 12px;  }
.text a {color: inherit; text-decoration: underline; }
.box {float: left; clear: both; width: 250px; padding: 15px 11px 15px 15px; background: #d3d3d3 url(images/box.jpg) repeat-x; text-align: center; }
.box.top {border-top: 1px #fff solid; border-right: 1px #fff solid;  padding-top: 31px; padding-bottom: 42px; }
.box h2 {float: left; clear: both; width: 212px; padding-left: 64px; color: #fff; font-size: 24px; text-align: left; font-weight: normal; }
.box h2.contact {background: url(images/link1.png) no-repeat; height: 50px; line-height: 50px; }
.box h2.echipa {background: url(images/link2.png) no-repeat; height: 50px; line-height: 50px; }
.box h2.cursuri {background: url(images/link3.png) no-repeat; height: 51px; line-height: 51px; }
.box h2.agenda {background: url(images/link4.png) no-repeat; height: 55px; line-height: 55px; }

.agenda_item {float: left; clear: both; width: 100%; margin-bottom: 20px; }

.col_left {float: left; width: 230px; }
.col_right {float: right; width: 290px; }

.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; }
.poza_existenta {float: left; margin: 10px 0;  }
.sterge_poza {float: left; color: #fff; background: red; padding: 5px 2px; margin: 10px 5px 10px 0;}

.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: 70px; 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: 371px; padding: 0 5px;}
.contact_form textarea {float: right; border: 1px #676767 solid; background: url(images/textarea.gif) repeat-x 0 bottom; height: 155px; width: 371px; padding: 3px 5px;}
.contact_form input.trimite {float: right; width: 89px; height: 26px; 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; }

.agenda_link {float: left; clear: left; width: auto; display: block; color: #000000; margin-bottom: 4px; margin-right: 10px;  }
.agenda_link:hover {text-decoration: underline; }

.gal_container {float: left; display: block; width: 162px; margin: 10px 10px 0 0;}
.gal_container.nomargin {margin-right: 0; }
.gal {float: left; border: 1px #898989 solid;   }
.gal_container span {clear: both; width: 100%; float: left; text-align: center; margin: 5px 0 0 0; font-size: 10px; }


#footer {float: left; clear: both; width: 100%; height:  99px; background: url(images/footer.jpg) repeat-x; }
#footer_center {width: 851px; margin: 0 auto; }
#footer_center ul {float: left; clear: left; margin-top: 37px;}
#footer_center ul li {float: left; margin-right: 24px;}
#footer_center ul li a {float: left; color: #e1e2e6; }
#credits {float: right; font-size: 12px; color: #8d8d8d; text-align: right; margin-top: 37px; }