/*
Date: 29 Iunie 2009
Author: Bogdan Valentin Oasa
Company: Touch Media
Website: www.touch-media.ro
Project: Silva Sistems
*/

/* 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:0px;
height: 10px;
}
body {
  font-family:  Arial, Verdana, Tahoma, sans-serif;
  background: #fff url(images/background.jpg) repeat-x top;
  font-size: 11px;
}
#page {width: 900px;
margin: 0 auto;
}
#header {
	width: 900px;
	float: left;
	clear: left;
}
#search_form {
	float: right; margin: 9px 0 0 0;
	
}
#search_form label {float: left; margin: 6px 9px 0 0;}
#search_form div {float: left; width: auto; height: 19px; border: 1px #c1c1c1 solid;}
#search_form input {float: left; border: 0; width: 180px; background: #fff; height: 15px; padding: 2px; color: #a8a8a8; vertical-align: middle; font-size: 10px;}
#search_form input#search_submit {width: 22px; height: 19px; background: url(images/search_submit.gif) no-repeat; cursor: pointer; border:0;}

#top_menu { float: right; font-size: 11px; color: #3f3f3f; }
#top_menu li {float: left; padding: 0 0 0 37px;}
#top_menu li a {float: left; color: #3f3f3f; padding: 12px 6px 4px 6px; border-top: 5px transparent solid;}
#top_menu li a:hover, #top_menu li a#current_top { border-top: 5px #ff0000 solid; color: #ff0000;} 
#logo {float: left; width: 100%; height: 77px; background: url(images/logo.jpg) no-repeat; margin: 27px 0 16px 0;}

#menu {float: left; clear: left; background: url(images/menu-trans.jpg) no-repeat; width: 870px; height: 32px; padding-left: 30px;}
#menu li {float: left; padding: 1px 25px 0 25px;}
#menu li a {float: left; color: #ffffff; font-size: 11.3px; font-weight: bold; height: 21px; padding: 9px 8px 0 8px; }
#menu li a:hover, #menu li a#current {background: url(images/menu_sel.jpg) repeat-x;}

#promo_box {float: left; width: 890px; height: 250px; border: 5px #cddbe6 solid; margin: 10px 0 0 0;}
#promo_pag {float: right; width: 150px; color: #fff; font-size: 11px; margin: 6px 0 0 0;}
#promo_pag a {float: left; width: 20px; height: 17px; text-align: center; font-weight: bold; background: url(images/pag.gif) no-repeat; color: #fff; padding: 3px 0 0 0; margin: 0 2px 0 2px;}
#promo_pag a:hover {background: url(images/pag_sel.gif) no-repeat;}

#content {float: left; clear: left; width: 100%; margin: 27px 0 0 0; padding-bottom: 20px;}
#content_left {float: left; clear: left; width: 655px; text-align: justify;}

.pic_box {float: left; clear: left; padding: 10px; margin: 11px 11px 11px 0;}
.pic_box div {border: 3px #dfdfdf solid;}
.pic_box div img {border: 1px #fff solid;}

h2 {float: left; clear: left; color: #1c6fa9; font-size: 13px;}
h2 span {font-size: 11px; color: #666;}
h2 a {color: red; font-size: 11px;}
h1 {float: left; clear: left; color: #1c6fa9; font-size: 15px; text-transform: uppercase;}
.text_box {float: left; width: 400px; color: #707070; margin-bottom: 25px;}
.text_box a {color: #1c6fa9; text-decoration: underline;}
.text_box p {float: left; clear: left; width: 100%; margin-top: 14px;}
.text_box p.search_result {float: left; clear: left; width: 100%; margin-top: 0;}
.text_box ul {list-style: disc; list-style-position: inside;}
.text_box ul li {float: left; clear: left; padding: 2px 3px;}
.text_box_large {float: left; width: 630px; text-align: justify; color: #707070; margin-bottom: 25px;}
.text_box_large a {color: #1c6fa9; text-decoration: underline;}
.text_box_large ul {list-style: disc; list-style-position: inside;}
.text_box_large ul li {float: left; clear: left; padding: 2px 3px;}
.text_box_large p {float: left; clear: left; width: 100%; margin-top: 14px;}
.text_box_large p.search_result {float: left; clear: left; width: 100%; margin-top: 0;}
.continuare {float: left; clear: left; width: 92px; height: 13px; cursor: pointer; background: url(images/continuare.gif); margin-top: 18px;}
.continuare_link {float: left; clear: left; color: #005d9c; text-decoration: underline;}
.aplica_acum {float: left; clear: left; width: 165px; height: 24px; background: url(images/aplica_acum.gif) no-repeat;} 
.arhiva_articole {float: left; clear: left; }
.arhiva_articole li {float: left; clear: left; }
.arhiva_articole li  b {float: left; padding-top: 5px;}
.arhiva_articole li a {float: left; clear: left; color: #005d9c; font-size: 11px; margin-left:  5px;}
.arhiva_articole li a:hover {text-decoration: underline;}
#sidebar {width: 210px; float: left; padding-left: 10px; }
.sidebar_menu {float: left; clear: left; width: 100%; margin-top: 15px;}
.sidebar_menu span.menu_title {float: left; font-size: 15px; color: #1c6fa9; clear: left; width: 100%; margin-bottom: 15px; font-weight: bold;}
.sidebar_menu a.sidebar_menu_link {float: left; font-size: 11px; color: #1c6fa9; clear: left;}
.sidebar_menu a.sidebar_menu_link:hover {text-decoration: underline;}
#promotii {width: 210px; float: left; clear: left; height: 30px; background: url(images/promotii-trans.png) no-repeat; cursor: pointer; margin-bottom: 7px;}
#implementari {width: 210px; float: left; clear: left; height: 30px; background: url(images/implementari-trans.png) no-repeat; cursor: pointer; margin-bottom: 7px;}
#curs_valutar {width: 200px; min-height: 88px; background: url(images/euro.gif) no-repeat right center; margin: 0 auto;}
#curs_valutar span { color: #c40000; font-size: 13.3px; font-weight: bold;}
#certificationes {width: 210px; float: left; clear: left; height: 367px; background: url(images/certificari.jpg) no-repeat; cursor: pointer; margin-bottom: 7px; }

#footer {width: 100%; background: url(images/footer.jpg) repeat-x; height: 108px; float:  left;}
#footer_center {width: 900px; margin: 0 auto;}
#footer_center ul {float: left; clear: left; margin: 10px 0 0 0;}
#footer_center ul li {float: left; padding: 0 10px;}
#footer_center ul li a {float: left; color: #3f3f3f; font-size: 10px; padding: 10px 5px; font-weight: bold;}
#footer_center ul li a:hover,#footer_center ul li a#current_footer {background: #f7f7f7;}
#credits {float: left; clear: left; width: 400px; padding: 0 0 0 20px; color: #656565; font-size: 11.3px; text-align: left; margin: 25px 0 0 0;}
#development {float: right; clear: right; width: 170px; padding: 0 20px 0 0; color: #656565; font-size: 11.3px; text-align: right; margin: 25px 0 0 0; }
#development:hover {text-decoration: underline;}

.form_design {float: left; clear: left; width: 100%;}
.form_design div {float: left; clear: left; width: 100%; margin: 2px 0;}
.form_design label {float: left; clear: left; width: 150px; text-align: right; font-size: 11px; margin: 3px 7px 0 0;}
.form_design input {float: left; border: 1px #666 solid; color: #666; padding: 2px 2px; font-size: 11px;}
.form_design input.small_input {width: 150px; }
.form_design input.medium_input {width: 250px; }
.form_design input.large_input {width: 350px; }
.form_design input#submit_button {background: #fff; width: auto; cursor: pointer; margin-right: 5px;}
.form_design input#submit_button2 {background: #fff; width: auto; cursor: pointer;}
.form_design textarea {float: left; border: 1px #666 solid; color: #666; padding: 2px 2px; font-size: 11px; width: 300px; height: 100px;}
.form_design div p {float: left; clear: left; margin: 5px 0 15px 0; font-size: 13px;}
.form_design div p span {font-size: 11px;}
.form_design div table.edit_table { float: left; clear: left; margin-bottom: 15px;}
.form_design div table.edit_table td {padding: 2px; border: 1px #666 solid; }
.form_design div table.edit_table tr.table_head {font-weight: bold;}

.err  {float: left; clear: left; color: red; width: 70%; text-align: left; margin: 15px 0 2px 0;}
.succes  {float: left; clear: left; color: green; width: 70%; text-align: left; margin: 15px 0 2px 0;}
.admin_link {float: left; clear: left; color: #ff0000;}
.poza_existenta {float: left;}
.sterge_poza {float: left; color: red;}

.sectiunehead { font: normal 13px Arial, Verdana, Tahoma, Helvetica, sans-serif; color: #1c6fa9; cursor: pointer; font-weight: bold; }
.sectiunehead a{
font: normal 13px Arial, Verdana, Tahoma, Helvetica, sans-serif;
color: #1c6fa9;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
}


.sectiunehead a:visited, .sectiunehead a:active{
color: #1c6fa9;
}


.selected a, .silverheader a:hover{
color: #1c6fa9;
}

.sectiunecontent{ /*DIV that contains each sub menu*/
background: white;
width: 650px;
float: left; 
padding: 5px;
/*height: 300px; Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}
.sectiunecontent p {width: 100%;}
.sectiunecontent ul {width: 100%;}
.sectiunecontent ul li {width: 100%;}

.sitemap_1 {float: left; clear: left; color: #1c6fa9; text-decoration: underline; margin: 11px 0 1px 0; }
.sitemap_2 {float: left; clear: left; color: #1c6fa9; text-decoration: underline; margin: 3px 0 1px 35px; }
.light {float: left; margin: 5px 5px 0 0;}