body {font-family:arial; color:#333; font-size:12px; margin:0px; padding:0px;}
p {margin:0px; padding:0px;}
h1 {margin:0px; padding:0px;}
#paging {width:510px;  float:left; margin-bottom:15px;}
#paging a {float:left; padding:2px 5px; background:#eee; border:1px solid #ccc; color:#333; text-decoration:none; margin-right:5px;}
#paging a:hover { background:#06aadf; border:1px solid #0194c5; color:#fff;}
#paging a#selected {background:#06aadf; border:1px solid #0194c5; color:#fff; cursor:default;}

#head {width:100%; float:left; height:343px; background:url('images/headback.gif') repeat-x;}
#headin {width:807px; height:343px; margin:0 auto; background:url('images/headtop.gif') no-repeat;}
#top {float:left; width:807px;}
#quicklinks {float:right; background:#fbcd4f; margin-top:30px; position:relative; right:10px; padding:4px 10px; color:#fff; }
#quicklinks a {color:#fff; text-decoration:none;}
#quicklinks a:hover {text-decoration:underline;}

#menucontent { clear:both; margin:0 auto; width:807px; padding-top:36px;}
#menu {float:left;font-weight:bold; font-size:13px; font-family:trebuchet ms; color:#111; position:relative; left:35px; width:250px;}
#menu a  {color:#333; clear:both; float:left; padding:2px 0 2px 30px; text-decoration:none;  background:url('images/inactiveico.gif') no-repeat left center;}
#menu a.button1 {margin-bottom:10px;}
#menu a.button2 {margin-bottom:8px;}
#menu a.button3 {margin-bottom:8px;}
#menu a.button4 {margin-bottom:8px;}
#menu a.button5 {margin-bottom:8px;}
#menu a:hover {background:url('images/activeico.gif') no-repeat left center; color:#eaa704;}
#menu a#selected {cursor:default; background:url('images/activeico.gif') no-repeat left center; color:#eaa704;}

ul  {float:left; padding:0px; margin:0px; list-style:none; position:relative;  top:-7px; left:2px;}
ul  li {float:left; padding:0px; margin:0px; list-style:none;}

#content {clear:both; margin:0 auto; width:807px;  }
#contentdata {float:left; width:747px; padding-left:30px; padding-right:30px; background:url('images/contback.gif') no-repeat;}
#side-left {width:209px; float:left;}
#side-right {width:523px; float:right;}

#head1 {width:209px; height:55px; background:url('images/matura1.gif') no-repeat; float:left; }
#head1 h1 {font-size:13px; font-family:trebuchet ms;  font-weight:bold; color:#fff; position:relative; top:25px; left:50px;}

.box {width:187px; padding:0 10px; background:#f4f4f4; border:1px solid #c8c8c8; margin-top:10px; margin-bottom:10px; float:left; }
.box h1 {color:#d69700; font-size:12px; margin-top:10px;}
.box img {border:0px; margin-top:10px;}
.box p {margin-top:10px; padding-bottom:10px; line-height:18px; text-align:justify;}
.box a {text-decoration:underline; color:#d69700;}

#head2 {width:209px; height:59px; background:url('images/matura2.gif') no-repeat; margin-top:10px; float:left; }
#head2 h1 {font-size:13px; font-family:trebuchet ms;  font-weight:bold; color:#fff; position:relative; top:26px; left:70px;}


#footer {width:100%; clear:both; border-top:4px solid #eaa704; background:#fbc00f; float:left; color:#fff; margin-top:10px;}
#footerin {width:747px; margin:0 auto;}
#footerin p {float:left; padding:20px 0;}
#footerin a {float:right; color:#fff; text-decoration:none; padding:0px 5px; border-left:1px solid #fff; margin-top:20px;}
#footerin a:hover {text-decoration:underline;}


.rightbox {float:left; width:523px; padding-bottom:20px; border-bottom:1px solid #ddd; margin-top:20px;}
.rightbox h1.dark {color:#d69700; font-size:18px; font-family:trebuchet ms; width:100%; padding-bottom:15px;}
.rightbox h1.light {color:#d69700; font-size:18px; font-family:trebuchet ms; width:100%; padding-bottom:15px;}
.rightbox p {text-align:justify; line-height:20px;}
.rightbox img {padding:2px; background:#fff; border-bottom:1px solid #bbb; border-right:1px solid #bbb; float:left; margin-right:15px; width:150px;}
.rightbox a.lightg {color:#d69700; text-decoration:underline;}
.rightbox a.lightg:hover {text-decoration:underline; color:#e78419;}
.rightbox a.darkg {color:#d69700; text-decoration:underline;}
.rightbox a.darkg:hover {text-decoration:underline; color:#8dac23;}

.prodbox {float:left; width:116px; background:#f4f4f4; border:1px solid #c8c8c8; text-align:center; margin-right:10px; margin-bottom:15px;}
.prodbox img {width:100px; height:75px; border:0px; padding:0px; position:relative; left:8px; margin-top:8px; padding-bottom:8px; }
.prodbox strong {float:left; clear:both; padding-bottom:8px; width:100px; position:relative; left:8px; color:#786f3f; font-weight:normal;}

.album {width:100%; float:left; margin-top:10px;}
.album img {height:75px; float:left; margin-right:10px; margin-bottom:10px; padding:2px; border:1px solid #bbb; width:auto;}


.rightbox2 {float:left; width:498px; padding-bottom:20px; border-bottom:1px solid #ddd; margin-top:20px;}
.rightbox2 p {text-align:justify; line-height:20px;}
#rightbox3 {float:left; width:523px; }

form {padding:0px; margin:0px; margin-top:10px; }
form input {width:130px; border:1px solid #aaa; margin:1px 0;}
form strong {float:left; width:50px; position:relative; top:1px;}
form textarea {width:180px; height:150px; border:1px solid #aaa; overflow:auto;}
form input#trimite {width:auto; margin-bottom:10px; margin-top:2px; background:url('images/inpback.gif'); border:0px; color:#fff; cursor:pointer;}

.rightbox form {padding:0px; margin:0px; margin-top:10px; }
.rightbox input {width:180px; border:1px solid #aaa; margin:1px 0;}
.rightbox  strong {margin-right:5px; position:relative; top:1px; width:auto;}
.rightbox textarea {width:400px; height:150px; border:1px solid #aaa; overflow:auto;}
.rightbox input#trimite {width:auto; margin-bottom:10px; margin-top:2px; background:url('images/inpback.gif'); border:0px; color:#fff; cursor:pointer;}

#buttons {float:left; width:100%; margin-bottom:20px;}
#buttons a {float:left; padding:2px 5px; background:#eee; border:1px solid #ccc; text-decoration:none; color:#222; margin-right:5px;}
#buttons a:hover {background:orange; border:1px solid darkorange; color:#fff;}
#buttons a#selected {background:orange; border:1px solid darkorange; color:#fff; cursor:default;}

table {float:left; padding:0px; margin:0px; width:510px; margin-bottom:20px;}
table td {border:1px solid #ccc; padding:4px 5px;}
table a {color:darkorange;}

#mesaj {width:510px; float:left; color:#222; margin-bottom:20px;}
#mesaj a {float:left; padding:2px 5px; background:orange; border:1px solid darkorange;  text-decoration:none; color:#fff;}

img.prodall {height:75px; width:auto; border:1px solid #ccc;}