/*FOOTER*/ #footer{/**/clear:both;/**/font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666; line-height: 17px; background: #fff url(http://www.apropo.ro/images/layout/footer-top-bg.gif) repeat-x; border-top: 1px solid #eeeeee; clear: both;} #footer .intro{width: 980px; padding: 20px 0; margin: 0 auto; overflow: hidden;} #footer .intro li, #footer .sections li {height: 155px; background: url(http://www.apropo.ro/images/layout/footer-intro-divider.gif) 100% 0 repeat-y; padding: 0 15px; float: left; zoom: 1;} #footer .intro li strong, #footer .sections li strong {margin-bottom: 8px; display: block;} #footer .intro li strong a, #footer .sections li strong a {color: #013e6b; font-weight: bold;} #footer .intro li strong a:hover, #footer .sections li strong a:hover {color: #cd0000;} #footer .intro li .thumb, #footer .sections li .thumb {width: 100px; height: 75px; margin-right: 15px; display: block; float: left; overflow: hidden;} #footer .intro li a, #footer .sections li a {color: #666; text-decoration: none; display: inline !important;} #footer .intro li a:hover, #footer .sections li a:hover {color: #000;} /* commented by Adrian Breaban 29.07.2011. No longer needed #footer .intro .news{width: 200px;} #footer .intro .tare{width: 100px;} #footer .intro .tare .thumb{margin: 0 0 10px 0;} #footer .intro .games{width: 100px;} #footer .intro .games .thumb{margin: 0 0 10px 0;} */ #footer .services{background: #484848; border-top: 3px solid #cd0000; padding: 6px 0;} #footer .services ul{width: 850px; height: 30px; line-height: 10px; background: url(http://www.apropo.ro/images/layout/footer-services-bg.gif) 15px 50% repeat-y; padding: 10px 0 10px 130px; margin: 0 auto;} #footer .services ul li{border-right: 1px solid #fff; padding-right: 10px; margin: 0 10px 10px 0; float: left;} #footer .services ul li a{color: #fff; text-decoration: none;} #footer .services ul li a:hover{color: #999;} #footer .copyright{color: #999; background: #333; padding: 25px 0;} #footer .copyright ul{width: 965px; height: 10px; line-height: 10px; padding-left: 15px; margin: 0 auto; overflow: visible; position: relative;} #footer .copyright ul li{border-right: 1px solid #999; padding-right: 10px; margin-right: 10px;float: left;} #footer .copyright ul li.last{border: 0; padding: 0;} #footer .copyright ul li.copy{border: 0; padding: 0;} #footer .copyright ul li.sati{width: 105px; height: 31px; border: 0; padding: 0; margin: 0; position: absolute; top: -10px; right: 0;} #footer .copyright ul li.sati a{display: block;} #footer .copyright ul li.copy span{margin-right: 10px;} #footer .copyright ul li a{color: #999; text-decoration: none;} #footer .copyright ul li a:hover{color: #fff;} /********************************************** ** Footer v2 CSS ** Adrian Breaban ** adrian.breaban@m.ro ** Iulie 2011 ***********************************************/ #footer STRONG {font-weight:bold} #footer UL.intro {background:url("http://www.apropo.ro/images/footer-x-divider.gif") repeat-x left bottom} #footer UL.intro LI, #footer UL.sections LI {width:104px; overflow:hidden; padding:0px 20px 0px 22px} #footer UL.intro LI.first {padding-left:0px} #footer UL.intro LI.last {padding-right:0px; background:none} #footer UL.intro LI .thumb {margin-right:0px; margin-bottom:5px} #footer UL.sections {width:980px; overflow:hidden; margin:0px auto; padding:20px 0px} #footer UL.sections LI {float:left; width:250px; height:100px; position:relative} #footer UL.sections LI.chat {width:104px; padding-right:0px; background:none} #footer UL.sections LI .more {clear:left; float:left; margin-top:10px; background: url("http://www.apropo.ro/images/layout/icons.gif") no-repeat scroll 100% -330px transparent; color: #FF0000; font-size: 11px; font-weight: normal; line-height: normal; padding-right: 8px; text-decoration:underline} #footer UL.sections LI .more:hover {color:#333} #footer UL.sections LI FORM SELECT {width:100px; border:1px solid #E7E7E7; color:#666; background:url("http://www.apropo.ro/images/layout/backgrounds.gif") repeat-x scroll 0 -210px #FFFFFF} #footer UL.sections LI FORM.abs {position:absolute; top:0px; right:20px} #footer UL.sections .horoscop {padding-left:0px} #footer UL.sections .horoscop span, #footer UL.sections .weather span{float:left; width:50px; overflow: hidden; display: block;} #footer UL.sections .horoscop span .icon {float:none; width:auto; height: 43px; display:block !important; background: url(http://www.apropo.ro/images/default/european/rac_big.gif) no-repeat; padding-left: 50px} #footer UL.sections .horoscop a strong {display:inline} #footer UL.sections .weather{} #footer UL.sections .weather span{width:auto; height: 42px; display:inline; margin-right:10px; line-height: normal; font-weight: bold; padding:0px; display: block;} #footer UL.sections .weather span strong{margin: 0;} #footer UL.sections .weather .inf {margin-bottom:12px} #footer UL.sections .weather .inf .txt {padding-top:5px} #footer UL.sections .weather .inf strong {display:inline} /*#footer UL.sections .currency{background: none;} #footer UL.sections .currency a{width: 50%; text-align: center; padding-top: 25px; margin-bottom: 10px;} #footer UL.sections .currency a span{font-weight: bold;} /*#footer UL.sections .currency a span strong{color: #000; font-weight: bold; padding-right: 12px; margin: 0;} #footer UL.sections .currency a .up{color: #12560b;} #footer UL.sections .currency a .up strong{background: url(http://www.apropo.ro/images/default/up.gif) 40px 50% no-repeat;} #footer UL.sections .currency a .down{color: #cd0000;} #footer UL.sections .currency a .down strong{background: url(http://www.apropo.ro/images/default/down.gif) 40px 50% no-repeat;} #footer UL.sections .currency .eu{background: url(http://www.apropo.ro/images/default/eu.gif) 50% 0 no-repeat; float: left;} #footer UL.sections .currency .us{background: url(http://www.apropo.ro/images/default/us.gif) 50% 0 no-repeat; float: right;} #footer UL.sections .currency .convert{width: 107px; height: 26px; text-indent: -1000px; background: url(http://www.apropo.ro/images/default/ro_RO/convert.gif) no-repeat; padding: 0; margin: 0 auto; display: block !important; overflow: hidden; clear: both;} #footer UL.sections .currency .convert:hover{background-position: 0 -26px;} */ #footer UL.sections .currency div {font-weight: bold; font-size:12px; color:#333} #footer UL.sections .currency div span{background: url(http://www.apropo.ro/images/layout/icons.gif) 50% 50% no-repeat; padding: 0 12px; margin: 0; display: inline;} #footer UL.sections .currency div .up{background-position: 50% -1020px;} #footer UL.sections .currency div .down{background-position: 50% -990px;} #footer UL.sections .currency em{font-weight:normal;} /*add*/ #footer UL.sections .currency div img {vertical-align:middle;margin:0px 10px 5px 0px;} #footer UL.sections .currency div form {display:inline; margin-left:15px} #footer UL.sections .currency form input{width: 40px; color: #666; font-weight:normal; background: #fff url(http://www.apropo.ro/images/layout/backgrounds.gif) 0 -210px repeat-x; border: 1px solid #e7e7e7; padding: 1px 0; text-align:center} #footer UL.sections .currency form input.dif {font-weight:bold} #footer UL.sections .currency form select{width: 55px; color: #666; font-weight:normal; background: #fff url(http://www.apropo.ro/images/layout/backgrounds.gif) 0 -210px repeat-x; border: 1px solid #e7e7e7} #footer UL.sections .chat form input.txt {width: 91px; margin-bottom:5px; padding:2px 4px; color: #666; font-weight:normal; background: #fff url(http://www.apropo.ro/images/layout/backgrounds.gif) 0 -210px repeat-x; border: 1px solid #e7e7e7} #footer UL.sections .chat form input.button_login {width:101px; height:27px; display:block; border:0px none; font-size:0px; line-height:0px; background:url("http://www.apropo.ro/images/btn_login.gif") no-repeat; text-indent:-9999px; cursor:pointer} #footer .services {} #footer .services ul {width:880px} #footer .services ul li {display:inline; margin-right:8px; padding-right:8px} #footer .copyright ul {width:980px; padding-left:0px}