body { background-image: url(images/bg.jpg); background-repeat: repeat-x; }
#wrap { width: 885px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #8e8e8e; margin:0 auto; }
#nav { width: 885px; height: 44px;}
#header { float: left; width: 885px; height: 234px; background-image: url(images/header.jpg); background-repeat: no-repeat; }
#content { float: left; width: 885px; height: 579px; background-image: url(images/content.jpg); background-repeat: no-repeat; }
#footer { float: left; width: 885px; height: 35px; background-image: url(images/footer.jpg); background-repeat: no-repeat; }
div.unu { float: left; width: 664px; height: 579px; }
div.doi { float: left; width: 221px; height: 372x; margin-top: 155px;}
p.prim { font-size: 20px; color: #2c3b45; padding: 7px 0 0 30px; }
p.doi { font-size: 15px; color: #2c3b45; padding: 22px 0 0 30px; }
p.trei  { width: 610px; font-size: 13px; color: #8e8e8e; padding-left: 30px; }
p.patru { font-size: 15px; color: #2c3b45; padding: 0 0 0 30px; }
p.cinci  { width: 610px; font-size: 13px; color: #8e8e8e; padding-left: 30px; }
p.drepturi { float: left; padding-left: 30px;}
p.realizat { float: right; padding-right: 30px;}
a.footer { text-decoration: none; color: #2c3b45;}
a.footer:hover { text-decoration: underline; color: #2c3b45;} 
a.aerobic { float: left; background-image: url(images/aerobic.png); width: 217px; height: 23px; display: block; margin-left: 5px; }
a.aerobic:hover { float: left; background-image: url(images/aerobich.png); width: 217px; height: 23px; display: block; margin-left: 5px; }
a.dance { float: left; background-image: url(images/da.jpg); width: 217px; height: 24px; display: block; margin-left: 5px;}
a.dance:hover { float: left; background-image: url(images/dah.jpg); width: 217px; height: 24px; display: block; margin-left: 5px;}
a.fitness { float: left; background-image: url(images/fitness.jpg); width: 217px; height: 24px; display: block; margin-left: 5px;}
a.fitness:hover { float: left; background-image: url(images/fitnessh.jpg); width: 217px; height: 24px; display: block; margin-left: 5px;}
a.culturism { float: left; background-image: url(images/culturism.jpg); width: 217px; height: 24px; display: block; margin-left: 5px;}
a.culturism:hover { float: left; background-image: url(images/culturismh.jpg); width: 217px; height: 24px; display: block; margin-left: 5px;}
a.kick { float: left; background-image: url(images/kick.jpg); width: 217px; height: 24px; display: block; margin-left: 5px;}
a.kick:hover { float: left; background-image: url(images/kickh.jpg); width: 217px; height: 24px; display: block; margin-left: 5px;}
a.arte { float: left; background-image: url(images/arte.jpg); width: 217px; height: 23px; display: block; margin-left: 5px;}
a.arte:hover { float: left; background-image: url(images/arteh.jpg); width: 217px; height: 23px; display: block; margin-left: 5px;}
a.taebo { float: left; background-image: url(images/taebo.jpg); width: 217px; height: 25px; display: block; margin-left: 5px;}
a.taebo:hover { float: left; background-image: url(images/taeboh.jpg); width: 217px; height: 25px; display: block; margin-left: 5px;}
a.pilates { float: left; background-image: url(images/pilates.jpg); width: 217px; height: 24px; display: block; margin-left: 5px;}
a.pilates:hover { float: left; background-image: url(images/pilatesh.jpg); width: 217px; height: 24px; display: block; margin-left: 5px; }
a.aero { float: left; background-image: url(images/aero.jpg); width: 217px; height: 24px; display: block; margin-left: 5px;}
a.aero:hover { float: left; background-image: url(images/aeroh.jpg); width: 217px; height: 24px; display: block; margin-left: 5px;}
a.aerof { float: left; background-image: url(images/aerof.png); width: 217px; height: 23px; display: block; margin-left: 5px;}
a.aerof:hover { float: left; background-image: url(images/aerofh.png); width: 217px; height: 23px; display: block; margin-left: 5px;}
a.masaj { float: left; background-image: url(images/masaj.jpg); width: 217px; height: 24px; display: block; margin-left: 5px;}
a.masaj:hover { float: left; background-image: url(images/masajh.jpg); width: 217px; height: 24px; display: block; margin-left: 5px;}
a.sauna { float: left; background-image: url(images/sauna.jpg); width: 217px; height: 24px; display: block; margin-left: 5px;}
a.sauna:hover { float: left; background-image: url(images/saunah.jpg); width: 217px; height: 24px; display: block; margin-left: 5px;}
a.solar { float: left; background-image: url(images/solar.jpg); width: 217px; height: 25px; display: block; margin-left: 5px;}
a.solar:hover { float: left; background-image: url(images/solarh.jpg); width: 217px; height: 25px; display: block; margin-left: 5px;}
a.terasa { float: left; background-image: url(images/terasa.jpg); width: 217px; height: 24px; display: block; margin-left: 5px;}
a.terasa:hover { float: left; background-image: url(images/terasah.jpg); width: 217px; height: 24px; display: block; margin-left: 5px;}
a.preturi { float: left; background-image: url(images/preturi.jpg); width: 217px; height: 26px; display: block; margin-left: 5px;}
a.preturi:hover { float: left; background-image: url(images/preturih.jpg); width: 217px; height: 26px; display: block; margin-left: 5px;}
a.articole { float: left; background-image: url(images/articole.png); width: 217px; height: 21px; display: block; margin-left: 5px;}
a.articole:hover { float: left; background-image: url(images/articoleh.png); width: 217px; height: 21px; display: block; margin-left: 5px;}
a.servicii { float: left; text-decoration: none; color: #8E8E8E; }
a.servicii:hover { float: left; text-decoration: none; color: #2C3B45; }
img.galerie { margin-left: 30px; border-color: #000; }

#main_image{width:600px;height:335px; padding:8px; position:relative; float:left; margin-left: 30px;}
.main_items{right:5px; position:absolute; margin-top: 340px;}
.main_items li{float:left; margin-right:5px; margin-bottom: 5px;list-style: none;}
.main_items a{float:left; width:26px;height:23px;line-height:23px;background:#ccc; text-align:center; color:#d2683e; text-decoration: none;}
.main_items a:hover{color:#edab11;text-decoration:none}
.image_list{display:block;position:relative}
.image_list li{position:absolute;left:0;top:0;height:334px;overflow:hidden; list-style: none;}
.image_list li p {position:absolute;bottom:0;left:0;width:634px;padding:10px 35px 25px 15px; color:#fff;font-size:15px;line-height:normal;background:rgba(0,0,0,0.4)}
.image_list img{display:block}
#main{margin:62px 0 0; }

