@charset "utf-8";
/* CSS Document */


		.content .contentL .progres p.bara span.procent{width: 75%; }


body {margin: 0px; background-color: #f0e5ce; color: #4c7a87; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
p, td, div {font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
form {margin: 0px; }
select, option, input, textarea {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: normal; }
a {color: #e83200; }
a:hover {color: #e86946; }

div.container {width: 1000px; margin: auto; background-image: url(../images/bg_container.gif); background-position: -24px 0px; background-repeat: repeat-y; }
	
	div.header {height: 105px; width: 380px; float: left; clear: none; }
		.header img {margin-top: 5px; }
	
	div.menu {width: 613px; float: left; clear: none; margin-top: 20px; border: 1px dashed #000000; padding: 2px; }
		.menu ul {margin: 0px; padding: 0px; list-style: none; display: block; width: 100%; height: 40px; background-color: #e86946; color: #FFFFFF; text-align: center; }
		.menu ul li {list-style: none; display: block; float: left; clear: none; border-right: 1px solid #FFFFFF; padding: 0px 28px; margin: 12px 0px; }
		.menu ul li a {color: #FFFFFF; font-weight: bold; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; }
		.menu ul li a:hover {color: #FFFFFF; }
	
	div.content {clear: both; width: 994px; border: 1px dashed #000000; padding: 2px; }
		.content .contentBG {height: 492px; background-color: #fafad4; background-image: url(../images/bg_content.gif); background-position: -12px -160px; background-repeat: repeat-y; }
		.content .contentL {width: 380px; height: 400px; float: left; clear: none; background-repeat: no-repeat; background-position: 0px 20px; }
		.content .contentL .multumiri {position: relative; top: 390px; left: 40px; width: 300px; height: 65px; background-color: #FFFFFF; text-align: center; }
		.content .contentL .multumiri a {font-size: 15px; font-weight: bold; line-height: 65px; color: #e86946;  }
		.content .contentL .progres {display: none; position: relative; top: 390px; left: 40px; width: 300px; height: 65px; background-color: #FFFFFF; }
		.content .contentL .progres p {margin: 0px; padding: 0px; float: left; width: 50%; text-align: center; font-size: 24px; color: #e86946; line-height: 30px; }
		.content .contentL .progres p.bara {margin: 0px auto; padding: 0px; float: none; clear: both; width: 80%; text-align: left; font-size: 1px; line-height: 3px; border: 1px solid #cccccc; }
		.content .contentL .progres p.bara span.procent{display: block; text-align: left; font-size: 1px; line-height: 3px; background-color: #4c7a87; }
		.content .contentL .progres span {display: block; width: 100%; text-align: center; font-size: 11px; font-weight: normal; line-height: normal; color: #4c7a87; }
		.content .contentL .progres a {font-size: 11px; font-weight: bold; line-height: normal; color: #4c7a87; }
		.content .contentR {width: 570px; height: 370px; margin-top: 45px; padding: 20px; float: left; clear: none; background-color: #f7ecd4; border: 1px solid #ffffff; overflow-x: hidden; overflow-y: auto; }
		.content .contentR blockquote {margin: 10px 20px 10px 20px; padding: 10px; background-color: #FFFFFF; border: 1px solid #cccccc; }
	
	div.footer {font-size: 11px; height: 50px; color: #bbbbbb; line-height: 20px; }
