/*
Date: 28 Octombrie 2009
Author: Oasa Bogdan Valentin
Company: Touch Media
Website: www.touch-media.ro
Project: Forta Sociala Romana
*/

/* 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, #page {height: 100%;}

body > #page {height: auto; min-height: 100%;}

body {background:#747474 url(images/background.jpg) repeat-x 0 0; font-family: Verdana, Arial, sans-serif; }
#page {width: 950px; margin: 0 auto; }
#header {width: 950px; float: left; clear: left; padding: 13px 0 0 0;}

#top_menu {float: right; }
#top_menu li {float: left; }
#top_menu li a {float: left; color: #696969; font-size: 9px;  height: 17px; line-height: 17px; padding: 0 4px; margin: 0 7px;}
#top_menu li a:hover, #top_menu li a#current_top {background: url(images/top_menu.gif) repeat-x;} 

#logo_umm {float: left; clear: left; margin: 16px 0 0 0; width: 113px; height: 60px; background: url(images/logo1.gif) no-repeat; }
#logo_utv {float: right; width: 104px; height: 43px; background: url(images/logo2.gif) no-repeat; margin: 25px 0 0 0; }

#menu {float: left; margin: 35px 0 0 35px;}
#menu li {float: left; margin-right: 1px;}
#menu li a {float: left; color: #fff; background: #949494; height: 25px; line-height: 25px; padding: 0 14px; font-size: 11px; }
#menu li a:hover, #menu li a#current {background: #ea25b0; }

#header_main {width: 943px; height: 289px; background: url(images/header.gif) no-repeat; padding: 2px 0 0 3px; margin: 33px 0 0 0;}
#header_inmain {width: 939px; height: 285px; background: url(images/header_main.jpg) no-repeat; }
#header_main_details {float: right; width: 136px; height: 279px; position: relative; margin-top: -9px; background: #fff; margin-right: 116px; color: #949494; font-size: 10px; padding: 10px 15px 5px 15px; }
#header_main_details ul {float: left; clear: left; width: 100%; }
#header_main_details ul li {float: left; clear: left; width: 100%; margin: 4px 0px;}
#header_main_details ul li a {float: left; color: #999999; font-size: 14px; font-weight: lighter; background: url(images/square.gif) no-repeat 10px center; padding: 0 0 0 25px; width: 126px;}
.acum_vizitezi {float: left; width: 100%; font-size: 16px; color: #3a3a3a; font-weight: lighter; text-align: center; margin: 10px 0 0 0; }
#nume_vizita {float: left; clear: left; width: 100%; font-size: 13px; color: #f732bd; font-weight: lighter; text-align: center; }

#content {width: 100%; float: left; clear: left; padding: 20px 0 0 0;}
#content_left {float: left; width: 640px; float: left; padding: 0 40px 0 0 ; border-right: 1px dashed #7f7f7f; }
#content_right { float: right; width: 222px; }

.content_item{width: 100%; float: left; clear: left; margin: 0 0 20px 0; }
.content_item_img {float: left; clear: left; width: 170px; height: 129px; background: url(images/noutati_item_img.png) no-repeat; padding: 5px 0 0 6px; position: relative; margin-left: -5px;}
.content_item_img_container {width: 170px; float: left; }
.content_item_img img {float: left; }
.content_item_details {float: right; width: 444px; }
.content_item_details h3 {float: left; clear: both; width: 100%; color: #c9c9c9; font-size: 21px; font-weight: lighter;}
.content_item_details p {float: left; width: 100%; text-align: justify; color: #ffffff; text-align: justify; font-size: 11px; margin: 15px 0 10px 0;}
.content_item_details .in_continuare {float: left; width: 155px; height: 21px; background: url(images/in_continuare.gif) no-repeat; }
.content_despre {float: right; width: 740px; color: #fff; font-size: 11px; text-align: justify; }
.continuare_despre {float: left; height: 12px; background: url(images/arrow.png) no-repeat; padding: 0 0 0 25px; color: #fff; font-weight: bold; }
h2 {float: left; width: 100%; color: #c9c9c9; font-size: 21px; font-weight: lighter;}
.noutati_item {float: left; width: 100%; color: #fff; font-size: 11px; margin: 20px 0 0 0;}

.noutati_item .noutati_item_titlu {float: left; color: #fff; font-weight: bold; }
.noutati_item p {float: left; clear: left; width: 100%; text-align: justify; padding: 2px 0;}
.noutati_item .continuare {float: left; width: 17px; height: 12px; background: url(images/arrow.png) no-repeat; }
.noutate_item {float: left; width: 100%; clear: left; }
.noutate_item p {float: left; clear: left; text-align: justify; color: #dadada; font-size: 12px; margin-bottom: 10px; }
.noutate_item_left {float: left; clear: left; }
.noutate_img {float: left; border: 3px #fff solid; margin: 0 0 20px 0; }
.noutate_desc {float: right; width: 640px; }
.noutate_desc h2 {float: left; clear: both; width: 100%; color: #c9c9c9; font-size: 21px; font-weight: lighter; background: url(images/arrow2.png) no-repeat 0 center; padding: 0 0 0 30px; margin-left: -30px; position: relative; margin-bottom:5px; margin-top: 10px; }
.noutate_desc p {float: left; clear: left; text-align: justify; color: #dadada; font-size: 12px; margin-bottom: 10px; }
.vezi_detalii {float: left; clear: left; width: 108px; height: 20px; background: url(images/vezi_detalii.gif) no-repeat; }

.portofoliu_item {float: left; width: 176px; margin: 0 10px 10px 0;}
.portofoliu_nume {float: left; clear: left; width: 100%; text-align: center; color: #dadada; font-size: 12px; margin-top: 5px; }
#footer {float: left; width: 948px; background: url(images/footer.png) no-repeat; min-height: 115px; margin-top: 20px; padding-bottom: 20px;   }
#footer ul {width: 750px; margin: 0 auto; margin-top: 20px;  }
#footer ul li {float: left; padding: 0 20px;}
#footer ul li a {font-size: 10px; color: #bcbcbc; }
#footer_umm {width: 35px; height: 13px; margin: 0 auto; background: url(images/footer_umm.png) no-repeat; display: block; margin-top: 20px;  }
#footer_copyrights { width: 385px; text-align: center; font-size: 10px; color: #c3c3c3; margin: 0 auto; margin-top: 10px;}
#footer_copyrights a {color: #c3c3c3 }

#contact_form {width: auto; float: left; clear: left; width: 500px;}
#contact_form div {width: 100%; float: left; clear: left; margin: 2px 0;}
#contact_form .required {width: 20px; text-align: right; color: #fff; font-size: 11px; float: left; }
#contact_form label {width: 80px; float: left; color: #fff; font-size: 11px; }
#contact_form input {width: 400px; float: left;  height: 21px; line-height: 21px; background: #fff url(images/input.gif) no-repeat; border: 0; }
#contact_form textarea {width: 400px; float: left; height: 138px; background: url(images/textarea.gif) no-repeat; border: 0; }
#contact_form input.button {float: right; width: 112px; height: 24px; background: url(images/trimite_mesaj.png) no-repeat; cursor: pointer; margin: 10px 20px 0 0;}
#contact_form input.button.normal {float: right; width: auto; height: 24px; background: #ed2ab9; cursor: pointer; margin: 10px 20px 0 0; color: #fff; }
.info {width: 400px; margin: 30px 20px 0 0; float: right; font-size: 11px; text-align: left; color: #c7c7c7; background: url(images/info.png) no-repeat; padding: 0 0 0 20px; }
#date_contact {width: 386px; color: #fff; float: right; font-size: 11px; }
#date_contact .continuare {float: left; height: 12px; background: url(images/arrow.png) no-repeat; padding: 0 0 0 20px; color: #fff; font-weight: bold; margin-left: -20px; position: relative; }
#date_contact .continuare_desc {float: left; color: #c7c7c7; font-size: 11px; }

.retea_item {width: 100%; float: left; clear: left; margin-bottom: 15px; }
.retea_locatie {width: 159px; min-height: 53px; background: #fff url(images/united.gif) no-repeat 16px 12px; float: left; clear: left; color: #909090; font-size: 19px; padding: 19px 0 0 154px; }
.retea_locatie:hover {background: #fff url(images/united_sel.gif) no-repeat 16px 12px; }
.locatie {float: left; clear: left; color: #e723ae; font-size: 12px; font-weight: bold;}
.retea_detalii {width: 605px; float: right; clear: right; color: #fff; font-size: 11px;  margin: 10px 0 5px 0;}
.vezi_detalii2 {float: right; clear: right; width: 112px; height: 24px; background: url(images/vezi_detalii2.png) no-repeat; }

.err {float: left; clear: left; width: 100%; color: red; font-size: 10px; text-align: left; }
.succes {float: left; clear: left; width: 100%; color: green; font-size: 10px; text-align: left; }
.admin_link {float: left; clear: left; color: #ccc; text-decoration: underline; display: block; margin: 3px 0;}
.inapoi_link {float: left; clear: left; color: #ccc; text-decoration: underline; display: block; font-size: 10px;}
.poza_existenta {float: left; clear: left; }
.poza_existenta2 {float: left; clear: none; }
.sterge_poza {float: left; color: white; background: red; padding:5px 2px; margin: 0 10px 0 0; }

#sitemap {
            float: left; clear: left; width: 100%; list-style: disc; padding: 0 0 0 30px; color: #fff;
        }
            #sitemap li {float: left; width: 100%; margin: 10px 0 0 0; font-size: 14px; }
            #sitemap li a {text-decoration: none; color: #fff; }
            #siteamp li a:hover {text-decoration: underline;}
            #sitemap li ul {float: left; list-style: circle; width: 350px; padding: 0 0 0 50px; }
            #sitemap li ul li {margin: 0; font-size: 12px;}