body{ padding:0; margin:0; width:100%; height:100%; background:#fff; font-family:Arial, sans-serif;}
* {padding:0; margin:0;}
a{text-decoration:none; outline:none; cursor:pointer;}
ul{list-style:none;}
img{border:none;}
#appchoose{width:550px; height:300px; position:absolute; top:50%; left:50%; margin-top:-300px; margin-left:-275px; text-align:justify;}
#appchoose p{font-size:12px;}
#appchoose p span{color:#AAD400; font-weight:bold;}
#appversions{width:100%; height:40px; background:#f1f1f1; position:absolute; top:50%; left:0;  margin-top:100px; border-top:1px solid #dadada; border-bottom:1px solid #dadada;}
#appversions ul li{float:left;}
#appversions ul li a{display:block; width:275px; height:35px; text-align:center; padding-top:5px; color:#111;}
#appversions ul li a:hover{background:#bcdc27;}
.text{font-size:10px; color:#555; text-transform:uppercase;}
.vers{width:550px; height:40px; position:relative; left:50%; margin-left:-275px;}


#site{width:880px; height:600px; position:relative; margin:0 auto;}
#logo{width:251px; height:95px; background:url(assets/logo.png) no-repeat 0 0; position:absolute; top:140px; left:180px;}
#cautare{width:664px; height:30px; position:absolute; top:260px; left:0px; background:#fff;}
#cautare label{font-size:23px; color:#bbb; float:left; height:23px; width:181px;}
#cautare input{background:url(assets/input.png) no-repeat 0 0; border:none; width:479px; height:23px; padding:4px 0 0 4px; color:#444; float:left;}
#rezultate{width:620px; height:270px; position:absolute; top:300px; left:180px; color:#444; font-size:11px;}

.res{width:620px; height:230px; overflow:hidden; position:relative; top:0;}
#scroll{width:620px; height:270px; position:relative; top:0; left:0;}
#projects li{float:left; margin:0 4px 4px 0;}
#projects li a{display:block; width:198px; height:140px; text-align:left; font-size:12px; font-weight:bold; color:#111; border:1px solid #dadada; padding:1px; opacity:0.7; filter:alpha(opacity=70); font-family:Arial, Helvetica, sans-serif;}
#projects li a img{float:left;}
#projects li a:hover{opacity:1; filter:alpha(opacity=100); background:#DFEFFF; border:1px solid #85C2FF;}
#arrows{width:40px; height:150px; position:absolute; top:320px; left:810px;}
#arrows .up a{width:0; height:0; border-color:#fff #fff #333 #fff; border-style:solid; border-width:0 14px 14px; display:block;}
#arrows .down a{width:0; height:0; border-color:#333 #fff #fff #fff; border-style:solid; border-width:14px 14px 0; display:block;}
#ajax{position:absolute; top:140px; left:250px; display:none;}

#btm{width:880px; height:20px; position:absolute; bottom:0; left:0; border-bottom:3px solid #aad400;}
#btm .open{display:block; width:50px; height:20px; background:#ddd; text-align:center; margin-left:700px; color:#333;}
#btm .menu{width:800px; height:40px;}
#btm .menu li{float:left; margin-right:50px;}
#btm .menu a{display:block; color:#b9b9b9; font-size:13px; width:140px; height:20px; text-align:center; padding-top:4px;}
#info{ width:100%; height:30px; position:absolute; top:0; left:0; background:#bcdc27; font-size:11px; font-weight:bold;}
#info span{margin:7px; color:#212121; display:block; width:200px; float:left;}
#info a{float:right; margin:6px 6px 0 0;}
.green{color:#aad400;}
/*
===============
													[ projects classes ]
===============
*/