#slider-code img{
opacity:0.5;
margin:1px;
cursor:pointer;
}

#slider-code img:hover{
opacity:0.7;
}

#slider-code img.selected{
opacity:1;
}

#preview{
position:relative;
width:auto;
height:auto;
border:1px solid #505050;
background-image:url('avatare/1.jpg');
}

#textul{
font-size:25px;
color:black;
position:absolute;
cursor:move;
}


/* slider */
#slider-code { height: 404px; overflow:hidden; width:414px; }
#slider-code .viewport { float: left; width: 414px; height: 313px; overflow: hidden; position: relative; }
#slider-code .buttons { display: block; margin:5px; margin-left:186px; width:37px; height:37px; float: left; background-image:url('buttons.png'); }
#slider-code .disable { visibility: hidden;}
#slider-code .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; }
#slider-code .overview li{ float: left; margin: 0 20px 0 0; padding: 1px; height: 100px; border: 1px solid #dcdcdc; width: 412px;}

#slider-code .next {
background-position:0 -112px;
}

#slider-code .prev{
background-position:0 -74px;
}

.font{
padding:2px;
cursor:pointer;
font-size:13px;
color:#505050;
float:left;
width:50px;
overflow:hidden;
text-align:center;
margin:1px;
}

.font:hover{
padding:1px;
border:1px solid black;
color:black;
}

.font.selectedd{
border:1px dashed black;
padding:1px;
}

.ramase{
font-weight:bold;
}

.add{
cursor:pointer;
padding:2px;
float:left;
margin:2px;
}

.add:hover{
border:1px solid #505050;
padding:1px;
}