div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px} div.pp_default .pp_top .pp_left{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/default/sprite.png) -78px -93px no-repeat} div.pp_default .pp_top .pp_middle{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/default/sprite_x.png) top left repeat-x} div.pp_default .pp_top .pp_right{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/default/sprite.png) -112px -93px no-repeat} div.pp_default .pp_content .ppt{color:#f8f8f8} div.pp_default .pp_content_container .pp_left{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px} div.pp_default .pp_content_container .pp_right{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px} div.pp_default .pp_next:hover{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer} div.pp_default .pp_previous:hover{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer} div.pp_default .pp_expand{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;height:28px;width:28px} div.pp_default .pp_expand:hover{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer} div.pp_default .pp_contract{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;height:28px;width:28px} div.pp_default .pp_contract:hover{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer} div.pp_default .pp_close{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer;height:30px;width:30px} div.pp_default .pp_gallery ul li a{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa} div.pp_default .pp_social{margin-top:7px} div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{left:auto;position:static} div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px} div.pp_default .pp_nav .pp_pause{background-position:-51px -29px} div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;margin:4px 0 0;width:20px} div.pp_default a.pp_arrow_next{background-position:-82px -3px;left:52px} div.pp_default .pp_content_container .pp_details{margin-top:5px} div.pp_default .pp_nav{clear:none;height:30px;position:relative;width:110px} div.pp_default .pp_nav .currentTextHolder{color:#999;font-family:Georgia;font-size:11px;font-style:italic;left:75px;line-height:25px;margin:0;padding:0 0 0 10px;position:absolute;top:2px} div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7} div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0} div.pp_default .pp_bottom .pp_left{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/default/sprite.png) -78px -127px no-repeat} div.pp_default .pp_bottom .pp_middle{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/default/sprite_x.png) bottom left repeat-x} div.pp_default .pp_bottom .pp_right{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/default/sprite.png) -112px -127px no-repeat} div.pp_default .pp_loaderIcon{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/default/loader.gif) center center no-repeat} div.light_rounded .pp_top .pp_left{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat} div.light_rounded .pp_top .pp_right{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat} div.light_rounded .pp_next:hover{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.light_rounded .pp_previous:hover{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_rounded .pp_expand{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_rounded .pp_expand:hover{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_rounded .pp_contract{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_rounded .pp_contract:hover{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_rounded .pp_close{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px} div.light_rounded .pp_nav .pp_play{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_nav .pp_pause{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_arrow_previous{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat} div.light_rounded .pp_arrow_next{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat} div.light_rounded .pp_bottom .pp_left{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat} div.light_rounded .pp_bottom .pp_right{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_top .pp_left{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat} div.dark_rounded .pp_top .pp_right{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat} div.dark_rounded .pp_content_container .pp_left{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y} div.dark_rounded .pp_content_container .pp_right{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y} div.dark_rounded .pp_next:hover{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.dark_rounded .pp_previous:hover{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.dark_rounded .pp_expand{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_rounded .pp_expand:hover{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_rounded .pp_contract{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_rounded .pp_contract:hover{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_rounded .pp_close{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px} div.dark_rounded .pp_description{color:#fff;margin-right:85px} div.dark_rounded .pp_nav .pp_play{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_nav .pp_pause{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_arrow_previous{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat} div.dark_rounded .pp_arrow_next{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat} div.dark_rounded .pp_bottom .pp_left{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat} div.dark_rounded .pp_bottom .pp_right{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_loaderIcon{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat} div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000} div.dark_square .pp_description{color:#fff;margin:0 85px 0 0} div.dark_square .pp_loaderIcon{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_square/loader.gif) center center no-repeat} div.dark_square .pp_expand{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_square .pp_expand:hover{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_square .pp_contract{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_square .pp_contract:hover{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_square .pp_close{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px} div.dark_square .pp_nav{clear:none} div.dark_square .pp_nav .pp_play{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_nav .pp_pause{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_arrow_previous{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat} div.dark_square .pp_arrow_next{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat} div.dark_square .pp_next:hover{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer} div.dark_square .pp_previous:hover{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_square .pp_expand{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_square .pp_expand:hover{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_square .pp_contract{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_square .pp_contract:hover{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_square .pp_close{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px} div.light_square .pp_nav .pp_play{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_square .pp_nav .pp_pause{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_square .pp_arrow_previous{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat} div.light_square .pp_arrow_next{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat} div.light_square .pp_next:hover{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer} div.light_square .pp_previous:hover{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_top .pp_left{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat} div.facebook .pp_top .pp_middle{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x} div.facebook .pp_top .pp_right{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat} div.facebook .pp_content_container .pp_left{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y} div.facebook .pp_content_container .pp_right{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y} div.facebook .pp_expand{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer} div.facebook .pp_expand:hover{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer} div.facebook .pp_contract{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer} div.facebook .pp_contract:hover{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer} div.facebook .pp_close{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:22px} div.facebook .pp_description{margin:0 37px 0 0} div.facebook .pp_loaderIcon{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/facebook/loader.gif) center center no-repeat} div.facebook .pp_arrow_previous{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default} div.facebook .pp_arrow_next{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default} div.facebook .pp_nav{margin-top:0} div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px} div.facebook .pp_nav .pp_play{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px} div.facebook .pp_nav .pp_pause{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px} div.facebook .pp_next:hover{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer} div.facebook .pp_previous:hover{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_bottom .pp_left{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat} div.facebook .pp_bottom .pp_middle{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x} div.facebook .pp_bottom .pp_right{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat} div.pp_pic_holder a:focus{outline:none} div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} .pp_content{height:40px;min-width:40px} * html .pp_content{width:40px} .pp_content_container{position:relative;text-align:left;width:100%} .pp_content_container .pp_left{padding-left:20px} .pp_content_container .pp_right{padding-right:20px} .pp_content_container .pp_details{float:left;margin:10px 0 2px} .pp_description{display:none;margin:0} .pp_social{float:left;margin:0} .pp_social .facebook{float:left;margin-left:5px;overflow:hidden;width:55px} .pp_social .twitter{float:left} .pp_nav{clear:right;float:left;margin:3px 10px 0 0} .pp_nav p{float:left;margin:2px 4px;white-space:nowrap} .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000} .pp_gallery div{float:left;overflow:hidden;position:relative} .pp_gallery ul{float:left;height:35px;margin:0 0 0 5px;padding:0;position:relative;white-space:nowrap} .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden} .pp_gallery ul a img{border:0} .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0} .pp_gallery li.default a{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px} .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} a.pp_next{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%} a.pp_previous{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%} a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000} a.pp_close{display:block;line-height:22px;position:absolute;right:0;text-indent:-10000px;top:0} .pp_loaderIcon{display:block;height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px} #pp_full_res{line-height:1!important} #pp_full_res .pp_inline{text-align:left} #pp_full_res .pp_inline p{margin:0 0 15px} div.ppt{color:#fff;display:none;font-size:17px;margin:0 0 5px 15px;z-index:9999} div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff} div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000} div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff} div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative} div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff} div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px} div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important} div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat} div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(http://www.fmodia.com.br/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat} div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4} div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff} .pp_top,.pp_bottom{height:20px;position:relative} * html .pp_top,* html .pp_bottom{padding:0 20px} .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} .pp_fade,.pp_gallery li.default a img{display:none}/* Tiny Scrollbar */ .div-scrollbar { } .div-scrollbar .viewport { overflow: hidden; position: relative; } .div-scrollbar .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; } .div-scrollbar .scrollbar { background: transparent url(http://www.fmodia.com.br/libjs_geral/tinyscrollbar/images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; } .div-scrollbar .track { background: transparent url(http://www.fmodia.com.br/libjs_geral/tinyscrollbar/images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; } .div-scrollbar .thumb { background: transparent url(http://www.fmodia.com.br/libjs_geral/tinyscrollbar/images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; margin-top: 2px; } .div-scrollbar .thumb .end { background: transparent url(http://www.fmodia.com.br/libjs_geral/tinyscrollbar/images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; } .div-scrollbar .disable { display: none; }/****************************************************************************************************************************************/ /* CONTAINER SITE */ .div-container-site { text-align: center; background: url("http://www.fmodia.com.br/imagens/fundo_site.jpg") top center no-repeat; } .div-container-site * { text-align: left; } /****************************************************************************************************************************************/ /* TAGS */ * { margin: 0px; padding: 0px; } a { color: #403F3F; text-decoration: none; } a:hover { text-decoration: underline; color: #A9071B; } body { font-family: Calibri, Arial, Sans-Serif; font-size: 14px; line-height: 19px; color: #403F3F; text-align: center; margin: 0px; background: url("http://www.fmodia.com.br/imagens/fundo_body.gif") center 18px repeat-x #BBCDD9; } body * { text-align: left; } img { border: none; } input { font-size: 14px; font-family: Calibri, Arial, Sans-Serif; line-height: 19px; color: #403F3F; font-weight: normal; margin: 0px 5px; } textarea { font-size: 14px; font-family: Calibri, Arial, Sans-Serif; line-height: 19px; color: #403F3F; font-weight: normal; overflow: auto; } select { font-size: 16px; font-family: Calibri, Arial, Sans-Serif; line-height: 19px; color: #403F3F; font-weight: normal; } p { font-size: 14px; line-height: 19px; } ul { list-style-type: none; margin: 0px; padding: 0px; } /****************************************************************************************************************************************/ /* CLASSES */ .clear-all { margin: 0px !important; float: none !important; width: auto !important; clear: both !important; height: 1px !important; font-size: 1px !important; line-height:1px !important; padding: 0px !important; border: none !important; background: none !important; display: block !important; } .w-91 { width: 111px; height:302px; border-right: 1px dotted #8babc0;} .w-92 { width: 110px; height:302px; border-right: 0px dotted #8babc0 ;} .w-95 { width: 104px; height:302px; border-right: 1px dotted #8babc0} .w-97 { width: 84px; height:302px; border-right: 1px dotted #8babc0} .w-98 { width: 140px; height:302px; border-right: 1px dotted #8babc0} .w-115 { width: 95px; height:302px; border-right: 1px dotted #8babc0} .w-117 { width: 109px; height:302px; border-right: 1px dotted #8babc0} .w-123 { width: 113px; height:302px; border-right: 1px dotted #8babc0} /****************************************************************************************************************************************/ /* PADROES */ /****************************************************************************************************************************************/ /* COMPARTILHAMENTO */ .div-compartilhamento-padrao { text-align: right !important; margin-bottom: 8px; line-height: 21px; } .div-compartilhamento-padrao * { text-align: right !important; } .stBubble_count { _height: 41px; } .st-facebook-counter { background: url("http://www.fmodia.com.br/imagens/ico_compartilhar_facebook.gif") no-repeat 0px 3px !important; width: 100px !important; } .st-twitter-counter { background: url("http://www.fmodia.com.br/imagens/ico_compartilhar_twitter.gif") no-repeat 0px 2px !important; width: 65px !important; } .st_facebook_large .stLarge, .st_twitter_large .stLarge, .st_orkut_large .stLarge, .span-enviar-para-amigo { background: url("http://www.fmodia.com.br/imagens/sprite_ico_compartilhe.png") no-repeat !important; width: 28px !important; height: 26px !important; } .st_facebook_large .stLarge { background-position: -00px 0px !important; } .st_twitter_large .stLarge { background-position: -28px 0px !important; } .st_orkut_large .stLarge { background-position: -56px 0px !important; } .span-enviar-para-amigo { background-position: -84px 0px !important; } .st_facebook_large .stLarge:hover { opacity: 1; background-position: -00px -26px !important; } .st_twitter_large .stLarge:hover { opacity: 1; background-position: -28px -26px !important; } .st_orkut_large .stLarge:hover { opacity: 1; background-position: -56px -26px !important; } .span-enviar-para-amigo:hover { opacity: 1; background-position: -84px -26px !important; } .span-enviar-para-amigo { display: inline-block; cursor: pointer; margin-right: 3px; margin-left: 3px; font-size: 11px; line-height: 16px; } /****************************************************************************************************************************************/ /* CAB PADRAO */ .div-cab-padrao { border-top: solid 5px #A9071B; background-color: #F0EFEF; padding-bottom: 0px; margin-bottom: 8px; position: relative; } .div-cab-padrao h2 { color:#3F6785; font-size:15px; } .div-cab-padrao .h1-padrao { border-top: solid 1px #FFFFFF; color: #3F6785 !important; font-size: 20px; font-weight: bold; padding: 10px; margin-bottom: 10px; text-transform: uppercase; background: url('http://www.fmodia.com.br/imagens/fundo_cab_h1.gif') repeat top left; } .div-cab-padrao .h1-padrao-claro { background-image: url('http://www.fmodia.com.br/imagens/fundo_cab_h1_claro.gif'); } .div-cab-padrao .div-ico-cab { position: absolute; top: 9px; right: 8px; } .div-cab-padrao p.saiba-mais { color: #567994; text-align: right; padding: 4px 8px; } .div-cab-padrao p.saiba-mais a { color: #567994; font-weight: bold; } .div-cab-padrao p.saiba-mais a:hover { color: #A9071B; text-decoration: underline; } .div-cab-padrao p.mensagem { margin-left:10px; } /****************************************************************************************************************************************/ /* LISTAGEM PADRAO */ .div-listagem-padrao { background: url("http://www.fmodia.com.br/imagens/fundo_divisorio.gif") repeat-y top center; } .div-listagem-padrao .div-listagem-esquerda { width: 315px; float: left; margin-right: 8px; } .div-listagem-padrao .div-listagem-direita { width: 315px; float: left; margin-left: 8px; } /****************************************************************************************************************************************/ /* CAIXA PADRAO */ .div-caixa-padrao { background-color: #FFFFFF; border: solid 1px #D3D8DE; padding: 8px 0px; } /****************************************************************************************************************************************/ /* ABA PADRAO */ .div-aba-padrao ul { border-top: solid 1px #F0EFEF; border-bottom: solid 1px #F0EFEF; margin: 8px 0px; padding: 4px 0px 0px 0px; } .div-aba-padrao ul { text-align: left; } .div-aba-padrao ul li { height: 32px; float: left; color: #3F6785; display: inline-block; font-size: 14px; line-height: 22px; background-image: url("http://www.fmodia.com.br/imagens/sprite_bt_abas.png"); background-repeat: no-repeat; padding: 0px !important; } .div-aba-padrao ul li a { display: block; } .div-aba-padrao ul li a:hover { text-decoration: none; } .div-aba-padrao ul .li-aba-separador { width: 003px; background-position: 1px 0px; } .div-aba-padrao ul .li-aba-mais-acessados { width: 104px; background-position: -002px 0px; } .div-aba-padrao ul .li-aba-mais-recentes { width: 096px; background-position: -106px 0px; } .div-aba-padrao ul .li-aba-ordem-alfabetica { width: 120px; background-position: -202px 0px; } .div-aba-padrao ul .li-aba-detalhes { width: 069px; background-position: -322px 0px; } .div-aba-padrao ul .li-aba-faixas { width: 053px; background-position: -390px 0px; } .div-aba-padrao ul .li-aba-videos { width: 054px; background-position: -443px 0px; } .div-aba-padrao ul .li-aba-agenda { width: 059px; background-position: -497px 0px; } .div-aba-padrao ul .li-aba-biografia { width: 068px; background-position: -556px 0px; } .div-aba-padrao ul .li-aba-discografia { width: 081px; background-position: -624px 0px; } .div-aba-padrao ul .li-aba-fotos { width: 048px; background-position: -705px 0px; } .div-aba-padrao ul .li-aba-mais-acessados.ativo { background-position: -002px -32px; } .div-aba-padrao ul .li-aba-mais-recentes.ativo { background-position: -106px -32px; } .div-aba-padrao ul .li-aba-ordem-alfabetica.ativo { background-position: -202px -32px; } .div-aba-padrao ul .li-aba-detalhes.ativo { background-position: -322px -32px; } .div-aba-padrao ul .li-aba-faixas.ativo { background-position: -390px -32px; } .div-aba-padrao ul .li-aba-videos.ativo { background-position: -443px -32px; } .div-aba-padrao ul .li-aba-agenda.ativo { background-position: -497px -32px; } .div-aba-padrao ul .li-aba-biografia.ativo { background-position: -556px -32px; } .div-aba-padrao ul .li-aba-discografia.ativo { background-position: -624px -32px; } .div-aba-padrao ul .li-aba-fotos.ativo { background-position: -705px -32px; } /****************************************************************************************************************************************/ /* CABECA */ .div-container-cabeca { text-align: center; position: relative; z-index: 2; } .div-container-cabeca * { text-align: left; } .div-container-cabeca .div-cabeca { height: 242px; width: 991px; margin: 0px auto; background: url('http://www.fmodia.com.br/imagens/fundo_topo.gif') top center no-repeat; } /****************************************************************************************************************************************/ /* CABECA LOGO */ .div-container-cabeca .div-cabeca-logo { width: 180px; height: 136px; float: left; } .div-container-cabeca .div-cabeca-logo img { margin: 13px 18px; } /****************************************************************************************************************************************/ /* PUBLICIDADE TOPO */ .div-publicidade-cabeca { width: 730px; float: left; margin: 16px 13px; text-align: center; } /****************************************************************************************************************************************/ /* REDES SOCIAIS */ .div-cabeca .div-cabeca-redes-sociais { width: 39px; height: 93px; float: left; margin: 15px 0px; background: url('http://www.fmodia.com.br/imagens/fundo_redes_topo.png') no-repeat; } .div-cabeca .div-cabeca-redes-sociais ul { text-align: right; padding: 2px 0px; } .div-cabeca .div-cabeca-redes-sociais ul li { width: 31px; height: 22px; margin: 6px 4px; font-size: 14px; line-height: 22px; background-image: url("http://www.fmodia.com.br/imagens/sprite_bt_redes_sociais.gif"); background-repeat: no-repeat; } .div-cabeca .div-cabeca-redes-sociais ul li a { display: block; text-decoration: none; } .div-cabeca .div-cabeca-redes-sociais ul .li-rs-orkut { background-position: top left; } .div-cabeca .div-cabeca-redes-sociais ul .li-rs-facebook { background-position: top center; } .div-cabeca .div-cabeca-redes-sociais ul .li-rs-twitter { background-position: top right; } /****************************************************************************************************************************************/ /* MENU */ .div-container-cabeca .div-menu { background: url("http://www.fmodia.com.br/imagens/fundo_menu_cabeca.png") top center no-repeat; } /****************************************************************************************************************************************/ /* PROGRAMAS */ .div-box-home-programacao { width: 205px; height: 103px; float: left; position: relative; cursor:pointer; } .div-box-home-programacao .div-programacao-hora { width: 083px; position: absolute; top: 26px; left: 63px; text-align: center; font-size: 12px; color: #FFFFFF; font-weight: bold; padding-left:10px } .div-box-home-programacao h1 { width: 180px; position: absolute; top: 57px; left: 24px; text-align: center; font-size: 17px; color: #375E7C; font-weight: bold; } .div-box-home-programacao h2 { width: 180px; position: absolute; top: 80px; left: 24px; text-align: center; font-size: 15px; color: #A9071B; font-weight: bold; letter-spacing: -0.3px; } /****************************************************************************************************************************************/ /* BUSCA */ .div-container-cabeca .div-busca { bottom: 48px; height: 22px; margin: 1px 10px 0; position: absolute; right: 20px; width: 180px; background: url("http://www.fmodia.com.br/imagens/fundo_busca.png") top center no-repeat; } .div-container-cabeca .div-busca form { margin: 0px; } .div-container-cabeca .div-busca form input { width: 140px; height: 13px; position: absolute; top: 5px; left: 5px; margin: 0px; border: none; font-size: 12px; line-height: 12px; } .div-container-cabeca .div-busca form img { position: absolute; top: 3px; right: 5px; } /****************************************************************************************************************************************/ /* CONTEUDO */ .div-container-conteudo { text-align: center; position: relative; z-index: 1; } .div-container-conteudo * { text-align: left; } .div-container-conteudo .div-conteudo { position:relative; width: 989px; _width: 991px; margin: 0px auto 0px auto; padding: 8px 0px 0px 0px; background: #FFFFFF; border: solid 1px #97A6B4; border-top: 0px; } /****************************************************************************************************************************************/ /* PUBLICIDADE RODAPE */ .div-container-conteudo .div-conteudo .div-publicidade-rodape { margin: 10px 9px; } .div-container-conteudo .div-conteudo .div-publicidade-rodape ul { text-align: center; } .div-container-conteudo .div-conteudo .div-publicidade-rodape ul li { display: inline; margin: 20px 20px; } .div-container-conteudo .div-conteudo .div-publicidade-rodape ul li img { width: 186px; height: 77px; } /****************************************************************************************************************************************/ /* BOX PROMOCOES */ .div-box-promocoes .div-promocoes-destaque { float: left; color: #5A7C95; font-size: 13px; position: relative; } .div-box-promocoes .div-promocoes-destaque .div-foto { height: 189px; position: relative; } .div-box-promocoes .div-promocoes-destaque img { width: 100%; height: 185px; border: solid 2px #F0EFEF; } .div-box-promocoes .div-promocoes-destaque a:hover img { border-color: #fff; } .div-box-promocoes .div-promocoes-destaque .lbl-foto { color: #FFF; padding: 5px 10px; position: absolute; font-size: 14px; left: 0px; text-transform: uppercase; background: url("http://www.fmodia.com.br/imagens/fundo_lbl_foto.png") top left repeat; } .div-box-promocoes .div-promocoes-destaque .div-foto-descricao { font-size: 14px; } .div-box-promocoes .div-promocoes-destaque a { color: #5A7C95; } .div-box-promocoes .div-promocoes-destaque a:hover { color: #A9071B; text-decoration:underline } .div-box-promocoes .div-promocoes-listagem { width: 309px; float: left; color: #3F6785; } .div-box-promocoes .div-promocoes-listagem ul { overflow: hidden; } .div-box-promocoes .div-promocoes-listagem ul li { font-size: 15px; border-bottom: dotted 1px #9D9D9D; padding: 4px 0px 5px 0px; } .div-box-promocoes .div-promocoes-listagem ul li h1 { font-size: 15px; line-height: 16px; font-weight: bold; margin-bottom: 4px; } .div-box-promocoes .div-promocoes-listagem ul li h2 { font-size: 13px; line-height: 14px; font-weight: bold; color: #3F6785; } .div-box-promocoes .div-promocoes-listagem ul li p { line-height: 15px; } .div-box-promocoes .div-promocoes-listagem ul li a { color: #403F3F; } .div-box-promocoes .div-promocoes-listagem ul li a:hover { color: #A9071B; text-decoration: underline; } .div-box-promocoes .div-promocoes-resultados { } .div-box-promocoes .div-promocoes-resultados h2 { font-size: 14px; color: #3f6785; margin: 4px 8px; } .div-box-promocoes .div-promocoes-resultados ul { height: 62px; overflow: hidden; } .div-box-promocoes .div-promocoes-resultados ul li { width: 315px; float: left; margin: 0px 8px 8px 9px; font-size: 14px; color: #858484; line-height: 14px; } .div-box-promocoes .div-promocoes-resultados ul li a { color: #403F3F; } .div-box-promocoes .div-promocoes-resultados ul li a:hover { color: #A9071B; text-decoration:underline } .div-box-promocoes .div-promocoes-resultados .div-saiba-mais { margin: 1px 8px 0px 8px; } .div-box-promocoes .div-saiba-mais { font-size: 14px; color: #5A7C95; text-align: right; margin-top: 1px; } .div-box-promocoes .div-saiba-mais a { color: #5A7C95; font-weight: bold; } .div-box-promocoes .div-saiba-mais a:hover { color: #A9071B; font-weight: bold; } /****************************************************************************************************************************************/ /* RODAPE */ .div-container-rodape { text-align: center; position: relative; background: url("http://www.fmodia.com.br/imagens/fundo_rodape.png") no-repeat top center; } .div-container-rodape * { text-align: left; } /****************************************************************************************************************************************/ /* RODAPE */ .div-container-rodape .div-rodape { width: 989px; height: 466px; margin: 0px auto; color: #AEC8DA; background: url("http://www.fmodia.com.br/imagens/fundo_rodape.jpg") no-repeat top center; } .div-container-rodape .div-rodape .div-rodape-conteudo { margin: 0px 0px 0px 0px; padding-top: 10px; } .div-container-rodape .div-rodape a { color: #AEC8DA;} .div-container-rodape .div-rodape a:hover { text-decoration:underline; color:#ced8e1} .div-container-rodape .div-rodape label { font-weight: bold; text-transform: uppercase; } /****************************************************************************************************************************************/ /* MENU */ .div-container-rodape .div-rodape .div-menu-rodape { padding: 10px 16px; } .div-container-rodape .div-rodape .div-menu-rodape ul { height: 314px; border:none !important; } .div-container-rodape .div-rodape .div-menu-rodape ul li { float: left; font-weight: 200; font-size: 13px; line-height: 16px; margin: 0px 5px; padding-top: 1px;} .div-container-rodape .div-rodape .div-menu-rodape ul li label { padding: 0px 4px; font-size:14px; } .div-container-rodape .div-rodape .div-menu-rodape ul li ul { margin-top:7px; } .div-container-rodape .div-rodape .div-menu-rodape ul li ul li { width: auto; float: none ; } /****************************************************************************************************************************************/ /* REDES SOCIAIS */ .div-container-rodape .div-rodape .div-rodape-redes-sociais { width: 110px; float: left; margin-left: 26px; } .div-container-rodape .div-rodape .div-rodape-redes-sociais label { margin-left: 4px; } .div-container-rodape .div-rodape .div-rodape-redes-sociais ul { text-align: left; margin-top: 16px; } .div-container-rodape .div-rodape .div-rodape-redes-sociais ul li { width: 31px; height: 22px; float: left; display:inline-block; font-size: 14px; line-height: 22px; background-image: url("http://www.fmodia.com.br/imagens/sprite_bt_redes_sociais.gif"); background-repeat: no-repeat; } .div-container-rodape .div-rodape .div-rodape-redes-sociais ul li a { display: block; text-decoration: none; } .div-container-rodape .div-rodape .div-rodape-redes-sociais ul .li-rs-orkut { background-position: top left; } .div-container-rodape .div-rodape .div-rodape-redes-sociais ul .li-rs-facebook { background-position: top center; } .div-container-rodape .div-rodape .div-rodape-redes-sociais ul .li-rs-twitter { background-position: top right; } /****************************************************************************************************************************************/ /* COPYRIGHT */ .div-container-rodape .div-rodape .div-rodape-copyright { float: left; width: 700px; margin: 0px 10px; font-size: 9px; line-height: 12px; } .div-container-rodape .div-rodape .div-rodape-copyright p { margin-bottom: 8px; } /****************************************************************************************************************************************/ /* SERVIDOR */ .div-container-rodape .div-rodape .div-rodape-servidor { float: left; width: 108px; } /****************************************************************************************************************************************/ /****************************************************************************************************************************************/ /* PLAYER ELEMENT */ .div-player-element-global { width: 1px; height: 1px; line-height: 1px; font-size: 1px; overflow: hidden; } .div-player-element { text-align: center; } .div-player-element .div-player-element-button { width: 22px; height: 21px; margin: 0px auto; cursor: pointer; background: url("http://www.fmodia.com.br/imagens/fundo_player.png") no-repeat; } .div-player-element .ativo { background-position: top right !important; } .div-player-element .inativo { background-position: top left !important; } .div-player-element .div-player-element-time { color: #524d55; font-size: 10px; line-height: 10px; text-align: center; padding: 1px 0px 2px; } /****************************************************************************************************************************************MICHELE/ /* SHOWS */ .div-box-shows ul.ul-shows li { background: url("http://www.fmodia.com.br/imagens/linha-horizontal.png") repeat-x scroll left bottom transparent; color: #3F6785; display: block; margin-left: 5px; margin-right: 5px; min-height: 44px; padding: 5px 0; } .div-box-shows ul.ul-shows li .div-shows-data { background: url("http://www.fmodia.com.br/imagens/bg-shows-data.png") no-repeat scroll 0 0 transparent; background-repeat: no-repeat; height: 36px; width: 34px; float: left; margin-right: 5px; padding-left: 11px; padding-top: 8px; line-height: 15px; color: #3f6785!important; } .div-box-shows ul.ul-shows li .div-shows-data span { font-weight: bold; display: block; font-size: 18px; } .div-box-shows ul.ul-shows li .div-shows-titulo { font-size: 15px; color: #3f6785!important; font-weight:bold; } .radio { width: 54px; position: fixed; right: 0px; top: 300px; z-index: 9999; } .radio ul.aovivo li { height: 77px; display: block; } .radio ul.aovivo li a{ height: 77px; background-image: url("http://www.fmodia.com.br/imagens/bg-botao.png"); background-repeat: no-repeat; width: 54px; display: block; padding-top: 20px; background-position: 3px; padding-left: 15px; } .radio ul.aovivo li a:hover{ height: 77px; background-image: url("http://www.fmodia.com.br/imagens/bg-botao.png"); background-repeat: no-repeat; width: 54px; display: block; padding-top: 20px; background-position: 0px !important; padding-left: 12px; } /*.back-to-top { background:url("http://www.fmodia.com.br/imagens/back-to-top.png"); display:block; width:45px; height:44px; position:fixed; top:270px; left:10px; z-index:9999; display:none; } .back-to-bk { background:url("http://www.fmodia.com.br/imagens/back-to-page.png"); display:block; width:45px; height:44px; position:fixed; top:315px; left:10px; z-index:9999; }*/ .div-menu-geral { width: 770px; height: 37px; float: left; padding: 5px 0px 0px 13px; } .div-menu-geral .ul-menu-principal { margin: 13px 0px 13px 168px; width: 590px; } .div-menu-geral .ul-menu-principal li { float: left; margin: 0px 3px; font-family: Calibri !important; font-size: 14px; line-height: 17px; font-weight: bold; text-transform: uppercase; } .div-menu-geral .ul-menu-principal li a { color: #375e7c; } .div-menu-geral .ul-menu-principal li a:hover { color: #A9071B; text-decoration:none } .div-menu-geral .menu-layout { position: relative; font-size: 13px; font-family: Arial; list-style: none; } .div-menu-geral .menu-layout li { float: left; padding: 0px; display: block; } .div-menu-geral .menu-layout .li-menu-secundario { height: 54px; background: url("http://www.fmodia.com.br/imagens/sprite_menu.png") no-repeat; } .div-menu-geral .menu-layout .li-menu-secundario .a-botao { height: 54px; } .div-menu-geral .menu-layout .li-menu-separador { width: 11px; background-position: top right; } /* LEAVE */ .div-menu-geral .menu-layout .li-menu-secundario-a-radio { width: 110px; background-position: -000px -54px; } .div-menu-geral .menu-layout .li-menu-secundario-equipe { width: 095px; background-position: -121px -54px; } .div-menu-geral .menu-layout .li-menu-secundario-programas { width: 158px; background-position: -227px -54px; } .div-menu-geral .menu-layout .li-menu-secundario-musica { width: 103px; background-position: -396px -54px; } .div-menu-geral .menu-layout .li-menu-secundario-promocao { width: 144px; background-position: -510px -54px; } .div-menu-geral .menu-layout .li-menu-secundario-shows { width: 099px; background-position: -665px -54px; } /* HOVER */ .div-menu-geral .menu-layout .li-menu-secundario-a-radio.menu-hover { background-position: -000px -0px; } .div-menu-geral .menu-layout .li-menu-secundario-equipe.menu-hover { background-position: -121px -0px; } .div-menu-geral .menu-layout .li-menu-secundario-programas.menu-hover { background-position: -227px -0px; } .div-menu-geral .menu-layout .li-menu-secundario-musica.menu-hover { background-position: -396px -0px; } .div-menu-geral .menu-layout .li-menu-secundario-promocao.menu-hover { background-position: -510px -0px; } .div-menu-geral .menu-layout .li-menu-secundario-shows.menu-hover { background-position: -665px -0px; } .div-menu-geral .menu-layout li a { display: block; } .div-menu-geral .menu-layout li a:hover { color: #5A7C95; display: block; text-decoration:none } .div-menu-geral .menu-top { color: #000000; background-color: #EEF1F2; display: block; } .div-menu-geral .menu-top-hover { color:#5A7C95 !important; background-color: #EEF1F2; display: block; } .div-menu-geral .menu-layout li .div-menu-conteudo { display: none; height: auto; position: absolute; z-index: 501; top: 50px; left: 200px; margin: 0px; padding-top: 10px; } .div-menu-geral .menu-layout li .div-menu-conteudo a { color: #375e7c; padding: 0px; } .div-menu-geral .menu-layout li .div-menu-conteudo a:hover { color: #A9071B; } .div-menu-geral .menu-layout li .div-menu-conteudo .div-menu-conteudo-aux { float: left; padding-left: 0px; padding-right: 10px; } .div-menu-geral .menu-layout li .div-menu-conteudo .div-menu-conteudo-aux .div-menu-semana a { height: 27px; width: 32px; float: left; padding: 0px; background-color: #456c89; margin-top: 15px; margin-right: 4px; margin-bottom: 0px; margin-left: 0px; font-size: 10px !important; text-align: center; display: block; line-height: 27px; color: #FFF; } .div-menu-geral .menu-layout li .div-menu-conteudo .div-menu-conteudo-aux .div-menu-semana .ativo { background-color: #cbd8e0; color: #456c89; } .div-menu-geral .menu-layout li .div-menu-conteudo .div-menu-conteudo-aux .div-menu-semana a:hover { background-color: #cbd8e0; color: #456c89; } /********************/ /* ARTISTA A-Z*/ .div-menu-geral .menu-layout li .div-menu-conteudo .div-menu-conteudo-aux .div-menu-artista { margin-top: 10px; width: 208px; } .div-menu-geral .menu-layout li .div-menu-conteudo .div-menu-conteudo-aux .div-menu-artista a { height: 15px; width: 15px; float: left; padding: 0px; background-color: #c8d5df; margin-top: 0px; margin-right: 5px; margin-bottom: 5px; margin-left: 0px; font-size: 11px !important; text-align: center; display: block; line-height: 15px; color: #406582; font-weight: bold; } .div-menu-geral .menu-layout li .div-menu-conteudo .div-menu-conteudo-aux .div-menu-artista a:hover { background-color: #a9071b; color: #FFF; } .div-menu-geral .menu-layout li .div-menu-conteudo .div-menu-conteudo-aux .div-menu-artista .div-menu-numero { float: left; font-size: 11px !important; line-height: 15px; color: #406582; font-weight: bold; margin: 0px; padding-top: 0px; padding-right: 3px; padding-bottom: 0px; padding-left: 3px; background-color: #FFF !important; width: auto; } .div-menu-geral .menu-layout li .div-menu-conteudo .div-menu-conteudo-aux .div-menu-artista a.div-menu-numero:hover { background-color: #a9071b !important; color: #FFF !important; } .div-menu-geral .menu-layout li .div-menu-conteudo .div-menu-conteudo-aux .div-menu-local { font-size: 10px; margin-top: 15px; } .div-menu-geral .menu-layout li .div-menu-conteudo .div-menu-conteudo-aux .div-menu-show-link { padding-top:7px !important; } .div-menu-geral .menu-layout li .div-menu-conteudo .div-menu-conteudo-aux .div-menu-show-data { background-image: url(http://www.fmodia.com.br/imagens/menu-show-bg-data.png); background-repeat: no-repeat; height: 28px; width: 51px; float: left; padding-top: 8px; padding-left: 8px; font-size: 12px !important; color: #3f6785; margin-right: 5px; } .div-menu-geral .menu-layout li .div-menu-conteudo .div-menu-conteudo-aux span { display:block; } .div-menu-geral .menu-layout li .div-menu-conteudo .div-menu-conteudo-aux span a { color: #375e7c !important; padding: 0px 0px 3px 0px; } .div-menu-geral .menu-layout li .div-menu-conteudo .div-menu-conteudo-aux span a:hover { color: #A9071B !important; } .div-menu-geral .menu-layout li .div-menu-conteudo .div-menu-imagem { float: left; margin-right: 8px; border: 1px solid #fff; box-shadow: 0 0 3px #CCCCCC; display: inline-block;} .div-menu-geral .menu-layout li .div-menu-titulo { font-weight: bold; font-size: 14px; padding-bottom: 7px; padding-top: 2px; } .div-menu-geral .menu-layout li .div-rolou { font-weight: bold; font-size: 12px; padding-bottom: 7px; padding-top: 2px; color:#8da7be } .div-menu-geral .menu-layout li .programa{ font-weight: bold; font-size: 12px; padding-bottom: 7px; padding-top: 2px; color:#375e7c } .div-menu-geral .menu-layout li .div-menu-linha { background-image: url("http://www.fmodia.com.br/imagens/menu-linha-vertical.png"); background-repeat: repeat-y; background-position: left top; } .div-menu-geral .menu-layout li .div-menu-linha-hor { background-image: url(http://www.fmodia.com.br/imagens/menu-linha-horizontal.png); background-repeat: repeat-x; background-position: left bottom; padding-bottom: 10px; } .div-menu-geral .menu-layout li ul { width: 984px; float: left; display: none; margin: 0px; position: absolute; z-index: 500; left: -12px; background-color: #FFFFFF; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 5px; border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: #a9071b; } .div-menu-geral .menu-layout li ul li { min-width: 100px; float: left; clear: both; margin: auto; display: block; list-style: none; cursor: pointer; padding: 3px; } .div-menu-geral .menu-layout li ul li a { padding: 0px; color:#5A7C95; } .div-menu-geral .menu-layout li ul li a:hover { color: #A9071B !important; display: block; } /*.div-menu-geral .menu-layout a { text-decoration: none; display: block; }*/ .div-menu-geral .menu-hover { color: #00FF00; } .div-menu-geral .submenu-default { width:auto; } .div-menu-geral .submenu-hover { color: #A9071B !important; } .div-menu-geral .menu-layout li ul li ul { position: absolute; z-index: 502; } /****************************************************************************************************************************************/ /* CARROSEL ABA MOVEL */ /*FM O DIA A VONTADE*/ /*.div-box-home-avontade .div-box-avontade-msg-meio .carrossel { padding-top:20px; margin-left:203px; width:772px; height:80px} .div-box-home-avontade .div-box-avontade-msg-meio .carrossel ul { padding: 0; list-style: none; display: block; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 15; }*/ .div-box-home-avontade .div-box-avontade-msg-meio .carrossel ul li { list-style:none; padding-left:3px; display:block; float:left; } .div-box-home-avontade .div-box-avontade-msg-meio .carrossel ul li .foto { width:225px; height:72px; margin-top:15px; float:left; margin-left:0px; margin-right:0px; color: #fff; font-weight:bold; font-size:17px} .div-box-home-avontade .div-box-avontade-msg-meio .carrossel ul li .foto img{ float:left; margin-right:5px; width:88px; height:56px; border: 1px solid #17c7ee;} .div-box-home-avontade .div-box-avontade-msg-meio .carrossel ul li span { margin-left:0px; color: #ffff3e; font-size:18px; text-shadow: 0.01em -0.06em #15466c;} .div-box-home-avontade .div-box-avontade-msg-meio .carrossel ul li .seta { width:32px; height:48px; margin-top:26px; float:left; margin-left:5px} .div-box-home-avontade .div-box-avontade-msg-meio .carrossel a.ante, a.prox { width: 22px; height: 26px; display: block; position: absolute; background-image: url(imagens/sprite-seta-avontade.png); background-repeat: no-repeat; top: 100px !important; background-position: 0px 0px; } .div-box-home-avontade .div-box-avontade-msg-meio .carrossel a.ante { background-position: 0px 0px; margin-left: 0px; top:98px; left: 215px; } .div-box-home-avontade .div-box-avontade-msg-meio .carrossel a.ante:hover { background-position: 0px 0px; } .div-box-home-avontade .div-box-avontade-msg-meio .carrossel a.ante span, a.prox span { display: none; } .div-box-home-avontade .div-box-avontade-msg-meio .carrossel a.ante.disabled, a.prox.disabled { cursor: default; } .div-box-home-avontade .div-box-avontade-msg-meio .carrossel a.ante.disabled { background-position: -40 0px !important; } .div-box-home-avontade .div-box-avontade-msg-meio .carrossel a.prox { background-position: -23px 0; margin-right: 0px; right: 37px !important; } .div-box-home-avontade .div-box-avontade-msg-meio .carrossel a.prox:hover { background-position: -23px 0px; } .div-box-home-avontade .div-box-avontade-msg-meio .carrossel { width: 935px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 20px; padding-top: 13px; height:80px } .div-box-home-avontade .div-box-avontade-msg-meio .carrossel ul { padding: 0; list-style: none; display: block; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 15; } /*.div-box-home-avontade .div-box-avontade-msg-meio .carrossel li { width: 116px; display: block; float: left; color: #403f3f; font-size: 12px; margin-top: 0px; margin-right: 20px; margin-bottom: 0px; margin-left: 20px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; }*/ .div-box-home-avontade .div-box-avontade-msg-meio .carrossel li span { display: block; margin-left: 3px; } .div-box-home-avontade .div-box-avontade-msg-meio .carrossel li h4 { color: #3f6785!important; } .clearfix { float: none; clear: both; } .div-box-home-avontade .div-box-avontade-msg-meio .carrossel .pagination { display:none; } /*.div-box-home-avontade .div-box-avontade-msg-meio .carrossel .pagination { text-align: center; position: absolute; height: 10px; padding-top: 0px; top: 10px; right: 10px; } div-box-home-avontade .div-box-avontade-msg-meio .carrossel .pagination a { width: 10px; height: 10px; display: inline-block; background-color: transparent; background-image: url(imagens/seta-sprite.png); background-repeat: no-repeat; background-position: 0 -90px; margin-top: 0; margin-right: 5px; margin-bottom: 0; margin-left: 0; } div-box-home-avontade .div-box-avontade-msg-meio .carrossel .pagination a.selected { background-position: -10px -90px; cursor: default; } div-box-home-avontade .div-box-avontade-msg-meio .carrossel .pagination a span { display: none; } .div-box-home-avontade .div-box-avontade-msg-meio .carrossel li img { border: 3px solid #f0efef; } .div-box-home-avontade .div-box-avontade-msg-meio .carrossel li img:hover{ border: 3px solid #a9071b}*/ /*BLOGS*/ .div-box-home-blogs .list_carousel a.prev, a.next { width: 19px; height: 90px; display: block; position: absolute; background-image: url(imagens/seta-sprite.png) !important; background-repeat: no-repeat; top: 50px; background-position: 0px 0px; background-color: #CCC; } .div-box-home-blogs .list_carousel a.prev { background-position: 0 0; margin-left: 0px; left: 0px; } .div-box-home-blogs .list_carousel a.prev:hover { background-position: 0 0px; } .div-box-home-blogs .list_carousel a.prev span, a.next span { display: none; } .div-box-home-blogs .list_carousel a.prev.disabled, a.next.disabled { cursor: default; } .div-box-home-blogs .list_carousel a.prev.disabled { background-position: -40 0px !important; } .div-box-home-blogs .list_carousel a.next { background-position: -18px 0; margin-right: 0px; right: 0px; } .div-box-home-blogs .list_carousel a.next:hover { background-position: -18px 0px; } .div-box-home-blogs .list_carousel { width: 630px; margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 25px; } .div-box-home-blogs .list_carousel ul { padding: 0; list-style: none; display: block; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 15; } .div-box-home-blogs .list_carousel li { background-color: #eee; width: 116px; display: block; float: left; color: #403f3f; font-size: 12px; margin-top: 0px; margin-right: 20px; margin-bottom: 0px; margin-left: 20px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } .div-box-home-blogs .list_carousel li span { display: block; margin-left: 3px; } .div-box-home-blogs .list_carousel li h4 { color: #3f6785!important; } .clearfix { float: none; clear: both; } .div-box-home-blogs .pagination { text-align: center; position: absolute; height: 10px; padding-top: 0px; top: 10px; right: 10px; } .div-box-home-blogs .pagination a { width: 10px; height: 10px; display: inline-block; background-color: transparent; background-image: url(imagens/seta-sprite.png); background-repeat: no-repeat; background-position: 0 -90px; margin-top: 0; margin-right: 5px; margin-bottom: 0; margin-left: 0; } .div-box-home-blogs .pagination a.selected { background-position: -10px -90px; cursor: default; } .div-box-home-blogs .pagination a span { display: none; } .div-box-home-blogs .list_carousel li img { border: 3px solid #f0efef; } .div-box-home-blogs .list_carousel li img:hover{ border: 3px solid #a9071b}/****************************************************************************************************************************************/ /* FORMULARIO */ form { margin: 20px 0px 5px 0px; } form .div-formulario { margin: 10px 0px; font-size: 12px; } form .div-formulario input { width: 590px; height: 20px; margin: 0px; } form .div-formulario textarea { width: 590px; height: 100px; } form .div-formulario select { width: 590px; } form .div-formulario input.check-box { width: auto; height: auto; } form .div-formulario .ct { background-color: #F6F6F6; border-color: #B1C4D3; border-width: 1px 1px 1px 1px; border-style: solid; letter-spacing: 1px; } form .div-formulario .div-item-campo { margin: 5px 0px; _line-height: 12px;} form .div-formulario .div-item-campo .span-campo-erro { color: #F00; } form .div-formulario .div-item-campo .div-campo { } form .div-formulario .div-botoes { margin: 10px 0px 0px 0px; text-align: right; } form .div-formulario .div-botoes .img-btn-enviar { margin: 0px 0px 0px 4px; cursor: pointer; } form .div-formulario .div-botoes .img-btn-recuperar { margin: 0px 0px 0px 4px; cursor: pointer; } form .div-formulario .div-botoes .img-btn-cancelar { margin: 0px 0px 0px 4px; cursor: pointer; } form .div-formulario .div-botoes input { width: 70px; text-align: center; } form .div-formulario .div-botoes label { display: none; } form .div-formulario .lbl-status { margin-right: 10px; color: #080; font-size: 12px; line-height: 12px; } form .div-formulario .lbl-status-carregando { margin-right: 10px; color: #080; font-size: 12px; line-height: 12px; } form .div-formulario .lbl-status-erro { margin-right: 10px; color: #f00; font-size: 12px; line-height: 12px; } form .dn { display:none;} .div-introducao-contato { color: #958C8B; font-weight: bold; }/****************************************************************************************************************************************/ /* LOGIN - BARRA */ .div-container-login { height: 31px; width: 100%; text-align: center; position: relative; z-index: 3; } .div-container-login .div-login-barra * { /*text-align: right; */} .div-container-login .div-login-barra { width: 991px; height: 31px; margin: 0px auto; text-align: right; font-size: 10px; color: #EEF0F2; position: relative; text-transform: uppercase; background: url("http://www.fmodia.com.br/framework/login/imagens/fundo_login.gif") top center repeat-x; } .div-container-login .div-login-barra .div-menu-conteudo { height: 31px; float: left; } .div-container-login .div-login-barra .div-login-conteudo { height: 31px; float: right; } .div-container-login .div-login-barra a { color: #EEF0F2; } .div-container-login .div-login-barra a:hover { color: #A9071B; } .div-container-login .div-login-barra .div-menu-conteudo ul { text-align: left; display: inline; } .div-container-login .div-login-barra .div-login-conteudo ul { text-align: right; display: inline; } .div-container-login .div-login-barra ul li { float: left; margin: 4px 0px; /*display: inline;*/ position: relative; font-size: 11px; font-weight: bold; line-height: 24px; padding: 0px 16px; } .div-container-login .div-login-barra ul li.cadastre-se { border-left: solid 1px #8E9FAC; } .div-container-login .div-login-barra ul li.fale-conosco { border-left: solid 1px #8E9FAC; } /****************************************************************************************************************************************/ /* LOGIN - ABA */ .div-login-barra ul .div-login-aba { height: 24px; position: relative; z-index: 1; } .div-login-barra ul .div-login-aba label { height: 24px; cursor: pointer; margin: 0px; } .div-login-barra ul .div-login-aba .div-login-aba-header { cursor: pointer; } .div-login-barra ul .div-login-aba .div-login-aba-header.hover label { color: #A9071B; } /****************************************************************************************************************************************/ /* LOGIN - BOX */ .div-login-barra ul .div-login-box { width: 243px; display: none; position: absolute; top: 27px; right: 0px; z-index: 0; background-color: #FFFFFF; border: solid 1px #8FA5B5; } .div-login-barra ul .div-login-box .div-login-box-conteudo { width: 243px; color: #5A7C95; } /****************************************************************************************************************************************/ /* LOGIN - MEU ESPACO */ .div-login-barra ul .div-login-box .div-box-meu-espaco { color: #333333; margin: 0px 15px; } .div-login-barra ul .div-login-box .div-box-meu-espaco p { margin: 10px 0px; } .div-login-barra ul .div-login-box .div-box-meu-espaco ul { margin: 10px 0px; position : static; } .div-login-barra ul .div-login-box .div-box-meu-espaco .div-perfil { padding: 1px 0px; } .div-login-barra ul .div-login-box .div-box-meu-espaco .div-perfil .div-foto { width: 64px; float: left; margin-right: 10px; } .div-login-barra ul .div-login-box .div-box-meu-espaco .div-perfil .div-foto img { width: 58px; border: solid 3px #AECF00; } .div-login-barra ul .div-login-box .div-box-meu-espaco .div-perfil .div-texto { width: 139px; float: left; margin: 0px; font-size: 12px; line-height: 16px; } .div-login-barra ul .div-login-box .div-box-meu-espaco .div-perfil .div-texto h2 { font-size: 20px; line-height: 20px; } .div-login-barra ul .div-login-box .div-box-meu-espaco .div-acoes { padding: 1px 0px; } .div-login-barra ul .div-login-box .div-box-meu-espaco .div-acoes ul li { border-bottom: dashed 1px #B9B9B9; float: none; margin: 0px; padding: 3px 5px; font-size: 12px; line-height: 16px; position : static; } .div-login-barra ul .div-login-box .div-box-meu-espaco .div-acoes ul li img { margin-right: 5px; } .div-login-barra ul .div-login-box .div-box-meu-espaco .div-acoes ul li span { font-weight: bold; } /****************************************************************************************************************************************/ /* LOGIN - FORM */ .div-login-barra ul .div-login-box .div-box-form { color: #5A7C95; text-transform: none; } .div-login-barra ul .div-login-box .div-box-form form { margin: 0px; padding: 1px 8px; } .div-login-barra ul .div-login-box .div-box-form form .div-formulario { margin: 0px; } .div-login-barra ul .div-login-box .div-box-form form .div-formulario .div-item-campo { text-align: left; } .div-login-barra ul .div-login-box .div-box-form form .div-formulario .div-item-campo input, .div-login-barra ul .div-login-box .div-box-form form .div-formulario .div-item-campo textarea, .div-login-barra ul .div-login-box .div-box-form form .div-formulario .div-item-campo select { width: 225px; } .div-login-barra ul .div-login-box .div-box-form form .div-formulario .div-item-campo .bt-recuperar-senha { cursor: pointer; } .div-login-barra ul .div-login-box .div-box-form form .div-formulario .div-item-campo .bt-recuperar-senha.hover { color: #A9071B; } .div-login-barra ul .div-login-box .div-box-form form .div-formulario .div-botoes { line-height: 16px; text-align: left ; } .div-login-barra ul .div-login-box .div-box-form form .div-formulario .div-botoes .div-botao-enviar { text-align: right ; } /****************************************************************************************************************************************/ /* LOGIN - BOTAO OCULTO */ /****************************************************************************************************************************************/ /* LOGIN - BARRA */ .div-container-login { height: 31px; width: 100%; text-align: center; position: relative; z-index: 3; } .div-container-login .div-login-barra * { /*text-align: right; */} .div-container-login .div-login-barra { width: 991px; height: 31px; margin: 0px auto; text-align: right; font-size: 10px; color: #EEF0F2; position: relative; text-transform: uppercase; background: url("http://www.fmodia.com.br/framework/login/imagens/fundo_login.gif") top center repeat-x; } .div-container-login .div-login-barra .div-menu-conteudo { height: 31px; float: left; } .div-container-login .div-login-barra .div-login-conteudo { height: 31px; float: right; } .div-container-login .div-login-barra a { color: #EEF0F2; } .div-container-login .div-login-barra a:hover { color: #A9071B; } .div-container-login .div-login-barra .div-menu-conteudo ul { text-align: left; display: inline; } .div-container-login .div-login-barra .div-login-conteudo ul { text-align: right; display: inline; } .div-container-login .div-login-barra ul li { float: left; margin: 4px 0px; /*display: inline;*/ position: relative; font-size: 11px; font-weight: bold; line-height: 24px; padding: 0px 16px; } .div-container-login .div-login-barra ul li.cadastre-se { border-left: solid 1px #8E9FAC; } .div-container-login .div-login-barra ul li.fale-conosco { border-left: solid 1px #8E9FAC; } /****************************************************************************************************************************************/ /* LOGIN - ABA */ .div-login-barra ul .div-login-aba { height: 24px; position: relative; z-index: 1; } .div-login-barra ul .div-login-aba label { height: 24px; cursor: pointer; margin: 0px; } .div-login-barra ul .div-login-aba .div-login-aba-header { cursor: pointer; } .div-login-barra ul .div-login-aba .div-login-aba-header.hover label { color: #A9071B; } /****************************************************************************************************************************************/ /* LOGIN - BOX */ .div-login-barra ul .div-login-box { width: 243px; display: none; position: absolute; top: 27px; right: 0px; z-index: 0; background-color: #FFFFFF; border: solid 1px #8FA5B5; } .div-login-barra ul .div-login-box .div-login-box-conteudo { width: 243px; color: #5A7C95; } /****************************************************************************************************************************************/ /* LOGIN - MEU ESPACO */ .div-login-barra ul .div-login-box .div-box-meu-espaco { color: #333333; margin: 0px 15px; } .div-login-barra ul .div-login-box .div-box-meu-espaco p { margin: 10px 0px; } .div-login-barra ul .div-login-box .div-box-meu-espaco ul { margin: 10px 0px; position : static; } .div-login-barra ul .div-login-box .div-box-meu-espaco .div-perfil { padding: 1px 0px; } .div-login-barra ul .div-login-box .div-box-meu-espaco .div-perfil .div-foto { width: 64px; float: left; margin-right: 10px; } .div-login-barra ul .div-login-box .div-box-meu-espaco .div-perfil .div-foto img { width: 58px; border: solid 3px #AECF00; } .div-login-barra ul .div-login-box .div-box-meu-espaco .div-perfil .div-texto { width: 139px; float: left; margin: 0px; font-size: 12px; line-height: 16px; } .div-login-barra ul .div-login-box .div-box-meu-espaco .div-perfil .div-texto h2 { font-size: 20px; line-height: 20px; } .div-login-barra ul .div-login-box .div-box-meu-espaco .div-acoes { padding: 1px 0px; } .div-login-barra ul .div-login-box .div-box-meu-espaco .div-acoes ul li { border-bottom: dashed 1px #B9B9B9; float: none; margin: 0px; padding: 3px 5px; font-size: 12px; line-height: 16px; position : static; } .div-login-barra ul .div-login-box .div-box-meu-espaco .div-acoes ul li img { margin-right: 5px; } .div-login-barra ul .div-login-box .div-box-meu-espaco .div-acoes ul li span { font-weight: bold; } /****************************************************************************************************************************************/ /* LOGIN - FORM */ .div-login-barra ul .div-login-box .div-box-form { color: #5A7C95; text-transform: none; } .div-login-barra ul .div-login-box .div-box-form form { margin: 0px; padding: 1px 8px; } .div-login-barra ul .div-login-box .div-box-form form .div-formulario { margin: 0px; } .div-login-barra ul .div-login-box .div-box-form form .div-formulario .div-item-campo { text-align: left; } .div-login-barra ul .div-login-box .div-box-form form .div-formulario .div-item-campo input, .div-login-barra ul .div-login-box .div-box-form form .div-formulario .div-item-campo textarea, .div-login-barra ul .div-login-box .div-box-form form .div-formulario .div-item-campo select { width: 225px; } .div-login-barra ul .div-login-box .div-box-form form .div-formulario .div-item-campo .bt-recuperar-senha { cursor: pointer; } .div-login-barra ul .div-login-box .div-box-form form .div-formulario .div-item-campo .bt-recuperar-senha.hover { color: #A9071B; } .div-login-barra ul .div-login-box .div-box-form form .div-formulario .div-botoes { line-height: 16px; text-align: left ; } .div-login-barra ul .div-login-box .div-box-form form .div-formulario .div-botoes .div-botao-enviar { text-align: right ; } /****************************************************************************************************************************************/ /* LOGIN - BOTAO OCULTO */ .div-login-oculta { background-color: #800; text-align: center; display: none; }.window_panel { position: absolute; left: 0; top: 0; margin: 0; padding: 0; z-index: 2000; background: #eee; color: #222; font-family: Arial; font-size: 16px; text-decoration: none; clear: both; text-align: left; vertical-align: top; border: 1px solid #aaa; overflow: hidden; } .window_panel .window_header { margin: 0; padding: 0; border: 0; border-bottom: 1px solid #aaa; overflow: hidden; white-space: nowrap; } .window_panel .window_header_normal { background: url('http://www.fmodia.com.br/libjs_geral/jquery-window-5.01b/img/header_bg.gif') repeat-x; /* change to use jquery-ui theme instead */ color: #FFF200; height: 20px; line-height: 20px; padding: 2px 5px; text-align: left; cursor: move; } .window_panel .window_header_minimize { background: url('http://www.fmodia.com.br/libjs_geral/jquery-window-5.01b/img/header_bg_min.gif') repeat-x; /* change to use jquery-ui theme instead */ color: #FFF200; cursor: pointer; width: 100%; height: 100%; padding: 2px 5px; line-height: 20px; text-align: left; } .window_panel .window_header_minimize_vertical { padding: 7px 0px; line-height: 13px; text-align: center; } .window_panel .window_header_maximize { background: url('http://www.fmodia.com.br/libjs_geral/jquery-window-5.01b/img/header_bg.gif') repeat-x; /* change to use jquery-ui theme instead */ height: 20px; line-height: 20px; padding: 2px 5px; text-align: left; cursor: default; } .window_panel .window_frame { margin: 0; padding: 0; border: 0; background-color: #454545; } .window_panel .window_footer { width: 100%; height: 16px; position: absolute; bottom: 0; left: 0; margin: 0; padding: 0; border: 0; border-top: 1px solid #aaa; overflow: hidden; font-size: 12px; } .window_panel .window_footer div { margin-left: 5px; } .window_panel .window_header .window_title_icon { width: 16px; height: 16px; position: absolute; left: 4px; top: 4px; } .window_panel .window_header .window_title_text { font-weight: bold; font-size: 13px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; position: absolute; left: 24px; top: 3px; margin-left: -20px; } .window_panel .window_header .window_title_text_vertical { left: 20px; } .window_panel .window_header .window_title_text_vertical_with_icon { left: 0; top: 23px; } .window_panel .window_header .window_function_bar { height: 23px; width: 72px; position: absolute; right: 0; top: 2px; overflow: hidden; white-space: nowrap; } .window_panel .window_header .window_icon_button { width: 16px; height: 16px; z-index: 3200; cursor: pointer; float: right; margin-right: 4px; margin-top: 2px; } .window_panel .window_header .bookmarkImg { background: url('http://www.fmodia.com.br/libjs_geral/jquery-window-5.01b/img/buttons.png') no-repeat; background-position: 0; top: 4px; } .window_panel .window_header .minimizeImg { background: url('http://www.fmodia.com.br/libjs_geral/jquery-window-5.01b/img/buttons.png') no-repeat; background-position: -16px; top: 4px; } .window_panel .window_header .cascadeImg { background: url('http://www.fmodia.com.br/libjs_geral/jquery-window-5.01b/img/buttons.png') no-repeat; background-position: -32px; top: 4px; } .window_panel .window_header .maximizeImg { background: url('http://www.fmodia.com.br/libjs_geral/jquery-window-5.01b/img/buttons.png') no-repeat; background-position: -48px; top: 4px; } .window_panel .window_header .closeImg { background: url('http://www.fmodia.com.br/libjs_geral/jquery-window-5.01b/img/buttons.png') no-repeat; background-position: -64px; top: 4px; } .window_panel .frame_loading { background: url('http://www.fmodia.com.br/libjs_geral/jquery-window-5.01b/img/loading.gif') no-repeat; width: 16px; height: 16px; position: absolute; left: 50%; top: 50%; font-size: 14px; font-weight: bold; color: #777; padding-left: 20px; text-align: left; text-decoration: none; clear: both; cursor: crosshair; } #window_overlay { background: black; opacity: 0; width: 100%; height: 100%; position: fixed; left: 0; top: 0; } /* * jQuery UI CSS Framework 1.8.9 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework 1.8.9 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,%20Arial,%20sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=333333&bgTextureHeader=08_diagonals_thick.png&bgImgOpacityHeader=8&borderColorHeader=a3a3a3&fcHeader=eeeeee&iconColorHeader=bbbbbb&bgColorContent=f9f9f9&bgTextureContent=04_highlight_hard.png&bgImgOpacityContent=100&borderColorContent=cccccc&fcContent=222222&iconColorContent=222222&bgColorDefault=111111&bgTextureDefault=02_glass.png&bgImgOpacityDefault=40&borderColorDefault=777777&fcDefault=e3e3e3&iconColorDefault=ededed&bgColorHover=1c1c1c&bgTextureHover=02_glass.png&bgImgOpacityHover=55&borderColorHover=000000&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=ffffff&bgTextureActive=01_flat.png&bgImgOpacityActive=65&borderColorActive=cccccc&fcActive=222222&iconColorActive=222222&bgColorHighlight=ffeb80&bgTextureHighlight=06_inset_hard.png&bgImgOpacityHighlight=55&borderColorHighlight=ffde2e&fcHighlight=363636&iconColorHighlight=4ca300&bgColorError=cd0a0a&bgTextureError=06_inset_hard.png&bgImgOpacityError=45&borderColorError=9e0505&fcError=ffffff&iconColorError=ffcf29&bgColorOverlay=aaaaaa&bgTextureOverlay=04_highlight_hard.png&bgImgOpacityOverlay=40&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=03_highlight_soft.png&bgImgOpacityShadow=50&opacityShadow=20&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana, Arial, sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana, Arial, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #cccccc; background: #f9f9f9 url(images/ui-bg_highlight-hard_100_f9f9f9_1x100.png) 50% top repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #a3a3a3; background: #333333 url(images/ui-bg_diagonals-thick_8_333333_40x40.png) 50% 50% repeat; color: #eeeeee; font-weight: bold; } .ui-widget-header a { color: #eeeeee; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #777777; background: #111111 url(images/ui-bg_glass_40_111111_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #e3e3e3; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #e3e3e3; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #000000; background: #1c1c1c url(images/ui-bg_glass_55_1c1c1c_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; } .ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #cccccc; background: #ffffff url(images/ui-bg_flat_65_ffffff_40x100.png) 50% 50% repeat-x; font-weight: normal; color: #222222; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #222222; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #ffde2e; background: #ffeb80 url(images/ui-bg_inset-hard_55_ffeb80_1x100.png) 50% bottom repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #9e0505; background: #cd0a0a url(images/ui-bg_inset-hard_45_cd0a0a_1x100.png) 50% bottom repeat-x; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(images/ui-icons_bbbbbb_256x240.png); } .ui-state-default .ui-icon { background-image: url(images/ui-icons_ededed_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); } .ui-state-active .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(images/ui-icons_4ca300_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_ffcf29_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; } .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url(images/ui-bg_highlight-hard_40_aaaaaa_1x100.png) 50% top repeat-x; opacity: .30;filter:Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_highlight-soft_50_aaaaaa_1x100.png) 50% top repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/* * jQuery UI Resizable 1.8.9 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Resizable#theming */ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* * jQuery UI Selectable 1.8.9 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Selectable#theming */ .ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } /* * jQuery UI Accordion 1.8.9 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Accordion#theming */ /* IE/Win - Fix animation bug - #4615 */ .ui-accordion { width: 100%; } .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } .ui-accordion .ui-accordion-content-active { display: block; } /* * jQuery UI Autocomplete 1.8.9 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Autocomplete#theming */ .ui-autocomplete { position: absolute; cursor: default; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ /* * jQuery UI Menu 1.8.9 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Menu#theming */ .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } /* * jQuery UI Button 1.8.9 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Button#theming */ .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /*button text element */ .ui-button .ui-button-text { display: block; line-height: 1.4; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /*button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /*button sets*/ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ /* * jQuery UI Dialog 1.8.9 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Dialog#theming */ .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* * jQuery UI Slider 1.8.9 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Slider#theming */ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; }/* * jQuery UI Tabs 1.8.9 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Tabs#theming */ .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* * jQuery UI Datepicker 1.8.9 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Datepicker#theming */ .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }/* * jQuery UI Progressbar 1.8.9 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Progressbar#theming */ .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/****************************************************************************************************************************************/ /* PAINEL | GALERIA */ /****************************************************************************************************************************************/ /* PAINEL */ .div-box-home-painel { background-color: #F1F0F0; width: 667px; height: 294px; overflow: hidden; float: left; margin: 0px 4px 8px 8px; position: relative; } .div-box-home-painel .div-imagens ul { overflow: hidden; } .div-box-home-painel .div-imagens ul li { width: 667px; float: left; display: none; } .div-box-home-painel .div-imagens ul li img { width: 667px; height: 294px; } .div-box-home-painel .div-menu-thumbs { display: none; width: 100%; height: 58px; position: absolute; top: 0px; background: url("http://www.fmodia.com.br/imagens/dot_preto_80.png") repeat; } .div-box-home-painel .div-menu-thumbs ul li { width: 58px; height: 42px; float: left; margin: 8px; position: relative; } .div-box-home-painel .div-menu-thumbs ul li img { width: 100%; height: 100%; cursor: pointer; } .div-box-home-painel .div-menu-thumbs ul li .div-legenda { display: none; position: absolute; top: 50px; left: 0px; background-color: #FFFFFF; color: #819CB3; width: 90px; } .div-box-home-painel .div-menu-thumbs ul li .div-legenda p { padding: 4px 8px; font-size: 12px; line-height: 14px; } .div-box-home-painel .div-menu-thumbs ul li .div-legenda .div-seta { height: 7px; width: 10px; position: absolute; top: -7px; left: 8px; background: url("http://www.fmodia.com.br/imagens/fundo_seta_legenda_painel.pngs") no-repeat; } .div-box-home-painel .div-menu-thumbs ul li .div-borda { display: none; width: 54px; height: 38px; position: absolute; top: 0px; left: 0px; border: solid 2px #E3E0E1; } .div-box-home-painel .div-menu-thumbs ul li.ativo .div-borda { display: block; } .div-box-home-painel .div-menu-thumbs ul li.hover .div-legenda { display: block; } .div-box-home-painel .div-menu-setas { width: 65px; height: 36px; position: absolute; right: 8px; top: 10px; background:url("http://www.fmodia.com.br/imagens/fundo_menu_setas_painel.png") no-repeat scroll 50% 50% #252021; border: 1px solid #FFFFFF; color: #FFFFFF; z-index: 1; } .div-box-home-painel .div-menu-setas .bt-painel { width: 12px; height: 16px; position: absolute; } .div-box-home-painel .div-menu-setas .bt-painel a { width: 12px; height: 16px; background: url("http://www.fmodia.com.br/imagens/sprite_bt_painel.png") no-repeat scroll 0 0 transparent; cursor: pointer; display: inline-block; } .div-box-home-painel .div-menu-setas .bt-esquerda { top:10px; left: 8px; } .div-box-home-painel .div-menu-setas .bt-esquerda a { background-position: -12px -16px; text-decoration:none } .div-box-home-painel .div-menu-setas .bt-esquerda a:hover { background-position: 0 -16px; } .div-box-home-painel .div-menu-setas .bt-direita { top:10px; right: 8px; } .div-box-home-painel .div-menu-setas .bt-direita a { background-position: 0 0; text-decoration: none } .div-box-home-painel .div-menu-setas .bt-direita a:hover { background-position: -12px 0; } .div-box-home-painel .div-menu-descricao { width: 100%; position: absolute; bottom: 0px; background: url("http://www.fmodia.com.br/imagens/dot_preto_80.png") repeat; } .div-box-home-painel .div-menu-descricao ul li { display: none; padding: 16px; font-size: 15px; color: #DFE4EA; } .div-box-home-painel .div-menu-descricao ul li h1 { font-size: 20px; margin-bottom: 4px; font-weight: bold; color: #FFFF00; } .div-box-home-painel .div-menu-descricao ul li a { color: #DFE4EA; } .div-box-home-painel .div-menu-descricao ul li a:hover { color: #fff; text-decoration: underline; } .div-box-home-painel.hover .div-menu-thumbs { display: block; } .painel-invisivel { height:0px !important; padding:0px !important; } /****************************************************************************************************************************************/ /* GALERA FM O DIA */ .div-box-home-galera-fmodia { width: 300px; float: left; margin-top: 0px; margin-right: 0px; margin-bottom: 8px; margin-left: 4px; padding-bottom:0px !important; } .div-box-home-galera-fmodia .h1-padrao { margin-bottom:5px; } .div-box-home-galera-fmodia .h1-padrao span { color: #A9071B; } .div-box-home-galera-fmodia .div-descricao { position: absolute; top: 45px; left: 8px; } .div-box-home-galera-fmodia .div-descricao h1 { font-size: 16px; color: #3F6785; } .div-box-home-galera-fmodia .div-descricao span { font-size: 12px; color: #5A7C95; } .div-box-home-galera-fmodia .div-acao { position: absolute; top: 15px; right: 8px; font-size: 14px; } .div-box-home-galera-fmodia .div-acao img { cursor: pointer; } .div-box-home-galera-fmodia .div-foto { width: 359px; margin: 0px 8px; position: absolute; bottom: 0px; left:0px; font-size: 14px; text-align: center; } .div-box-home-galera-fmodia .img-programa { margin: 0px 8px; position: absolute; bottom: 1px; font-size: 14px; } .div-box-home-galera-fmodia .div-galera { position: relative; cursor:pointer; text-decoration: none; } .div-box-home-galera-fmodia .div-galera a:hover {text-decoration: none; } .div-box-home-galera-fmodia .div-galera .div-galera-fundo { position: absolute; display: none; left: 0px; top: 0px; height: auto; width: 100%; clear: both; background-image: url(http://www.fmodia.com.br/imagens/img_transparente.png); line-height: 15px; background-position: center center; } .div-box-home-galera-fmodia .div-galera .div-galera-fundo .div-galera-conteudo { position: absolute; bottom: 3px; } .div-box-home-galera-fmodia .div-galera .div-galera-fundo .div-galera-data { color:#FFF; padding-left: 5px; } .div-box-home-galera-fmodia .div-galera .div-galera-fundo .div-galera-desc { color:#FF0; padding-left: 5px; font-size: 16px; } /****************************************************************************************************************************************/ /* SO AS MELHORES */ .div-box-home-so-as-melhores { margin: 0px 8px 8px 8px; } .div-box-home-so-as-melhores .div-ico-cab { top: 6px; } .div-box-home-so-as-melhores ul { background: url("http://www.fmodia.com.br/imagens/fundo_box_so_as_melhores.gif") 0px 0px repeat; margin: 0px 1px 4px 1px; } .div-box-home-so-as-melhores ul li { width: 178px; float: left; margin: 0px 8px; padding: 8px 0px; position: relative; } .div-box-home-so-as-melhores ul li .div-foto { width: 48px; height: 28px; float: left; border: solid 1px #FFFFFF; } .div-box-home-so-as-melhores ul li .div-foto img { width: 48px; } .div-box-home-so-as-melhores ul li .div-texto { width: 114px; float: left; margin: 0px 5px; } .div-box-home-so-as-melhores ul li .div-texto h1 { color: #3F6785; font-size: 15px; line-height: 15px; font-weight: bold; } .div-box-home-so-as-melhores ul li .div-player-fundo { display: none; width: 178px; height: 47px; position: absolute; top: 0px; background: url("http://www.fmodia.com.br/imagens/fundo_so_as_melhores.png") repeat; } .div-box-home-so-as-melhores ul li .div-player { width: 50px; height: 20px; _height: 26px; padding: 3px 0px; position: absolute; top: 10px; left: 0px; text-align: center; background: url("http://www.fmodia.com.br/imagens/fundo_div_player.gif") repeat-x top center; border-right: solid 1px #F8F8F8; } .div-box-home-so-as-melhores ul li .div-player .div-player-element-button { background: url("http://www.fmodia.com.br/imagens/fundo_player_home.png") top left no-repeat; } .div-box-home-so-as-melhores ul li .div-legenda-audio { width: 50px; height: 20px; _height: 26px; padding: 3px 0px; position: absolute; top: 0px; left: 51px; text-align: center; color: #254462; border-left: solid 1px #C9C4C4; background: url("http://www.fmodia.com.br/imagens/fundo_div_player.gif") repeat-x top center; } .div-box-home-so-as-melhores ul li .div-mais-informacoes { position: absolute; top: 10px; right: 0px; } /****************************************************************************************************************************************/ /* DESTAQUES DO MES | LANCAMENTOS | PUBLICIDADES 2 */ /****************************************************************************************************************************************/ /* DESTAQUES DO MES */ .div-box-home-destaque-do-mes { width: 285px; height: 353px; float: left; margin: 0px 4px 8px 8px; padding-bottom: 0px; } .div-box-home-destaque-do-mes .div-ico-cab { top: 6px; } .div-box-home-destaque-do-mes .div-destaque-imagem { padding-left:5px; position: relative; } .div-box-home-destaque-do-mes .div-destaque-imagem .div-destaque-artista { height: 22px; position: absolute; top: 173px; color: #FFFFFF; text-transform: uppercase; background: url("http://www.fmodia.com.br/imagens/bg-descricao.png") repeat-x; padding-top: px; padding-right: 10px; padding-bottom: 0px; padding-left: 13px; } .div-box-home-destaque-do-mes .div-destaque-imagem .div-texto { margin: 0px 4px; color: #403F3F ; } .div-box-home-destaque-do-mes .div-destaque-imagem .div-texto a { color: #403F3F; } .div-box-home-destaque-do-mes .div-destaque-imagem .div-texto a:hover { color: #A9071B; text-decoration:underline } .div-box-home-destaque-do-mes .div-destaque-imagem a.borda-interna, a.borda-interna img { float: left; overflow:hidden; } .div-box-home-destaque-do-mes .div-destaque-imagem a.borda-interna:hover { border: 4px solid #A9071B; } .div-box-home-destaque-do-mes .div-destaque-imagem a.borda-interna:hover img { margin: -4px; } /****************************************************************************************************************************************/ /* LANCAMENTOS */ .div-box-home-lancamentos { width: 372px; height: 353px; float: left; margin: 0px 4px 8px 4px; padding-bottom: 0px; } .div-box-home-lancamentos .div-ico-cab { top: 5px; } .div-box-home-lancamentos .div-links { text-align:right; padding-right: 8px; padding-top:3px; font-weight: bold; } .div-box-home-lancamentos .div-links a { color: #417A97; } .div-box-home-lancamentos .div-links a:hover { color: #A9071B; } .div-box-home-lancamentos ul li { padding-bottom: 1px; _padding-bottom: 0px; _padding-top: 1px; _display: inline-block; } .div-box-home-lancamentos ul li .div-foto { width: 94px; float: left; margin: 0px 0px 0px 9px; } .div-box-home-lancamentos ul li .div-foto img { width: 80px; border: solid 2px #F0EFEF; } .div-box-home-lancamentos ul li .div-foto a:hover img { border-color: #A9071B; } .div-box-home-lancamentos ul li .div-texto { width: 252px; float: left; margin: 0px 9px 0px 0px; } .div-box-home-lancamentos ul li .div-texto h1 { color: #3F6785; font-size: 15px; line-height: 19px; font-weight: bold; } .div-box-home-lancamentos ul li .div-texto span { color: #403F3F; } .div-box-home-lancamentos ul li .div-texto span a { color: #403F3F; } .div-box-home-lancamentos ul li .div-texto span a:hover { color: #A9071B; text-decoration:underline} /****************************************************************************************************************************************/ /* PUBLICIDADES 2 */ .div-box-home-publicidades-2 { width: 300px; float: left; margin: 0px 8px 8px 4px; padding-bottom: 0px; } .div-box-home-publicidades-2 .div-box-home-publicidade-cima { height: 250px; margin-bottom: 8px; } .div-box-home-publicidades-2 .div-box-home-publicidade-baixo { height: 100px; } /****************************************************************************************************************************************/ /* PROMOCOES 2 | SHOWS */ /****************************************************************************************************************************************/ /* PROMOCOES */ .div-box-home-promocoes { width: 665px; float: left; margin: 0px 4px 8px 8px; background: url("http://www.fmodia.com.br/imagens/fundo_box_promocoes.gif") center 48px no-repeat #F0EFEF; padding-bottom: 1px; } .div-box-home-promocoes .h1-padrao { margin-bottom: 0px; } .div-box-home-promocoes .div-ico-cab { top: 4px; } .div-box-home-promocoes .div-promocoes-destaque .div-foto-descricao { font-weight: bold; } .div-box-home-promocoes .div-promocoes-destaque { width: 327px; height: 242px; padding-top: 6px; margin: 0px 6px 8px 6px; } .div-box-home-promocoes .div-promocoes-destaque img { width: 323px; } .div-box-home-promocoes .div-promocoes-destaque a.borda-interna, a.borda-interna img { float: left; overflow:hidden; } .div-box-home-promocoes .div-promocoes-destaque a.borda-interna:hover { border: 4px solid #A9071B; } .div-box-home-promocoes .div-promocoes-destaque a.borda-interna:hover img { margin: -4px; } .div-box-home-promocoes .div-promocoes-destaque .div-foto-descricao { height: 36px; overflow: hidden; margin: 0px 2px; } .div-box-home-promocoes .div-promocoes-destaque .lbl-foto { bottom: 4px; left: 2px; } .div-box-home-promocoes .div-promocoes-listagem { width: 309px; height: 250px; margin: 0px 8px 8px 8px; } .div-box-home-promocoes .div-promocoes-listagem ul { height: 234px; } /****************************************************************************************************************************************/ /* SHOWS */ .div-box-home-shows { width: 300px; height: 409px; float: left; margin: 0px 8px 8px 4px; padding-bottom: 0px; } .div-box-home-shows .div-ico-cab { top: 3px; } .div-box-home-shows ul.ul-shows li { min-height: 44px; display: block; color: #3F6785; background: url("http://www.fmodia.com.br/imagens/linha-horizontal.png") left bottom repeat-x; margin-right: 5px; margin-left: 5px; padding-top: 5px; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; } .div-box-home-shows ul.ul-shows li .div-shows-data { width: 26px; height: 36px; float: left; margin-right: 10px; padding-top: 8px; line-height: 15px; background: url("http://www.fmodia.com.br/imagens/bg-shows-data.png") no-repeat; padding-left: 8px; font-size: 12px !important; } .div-box-home-shows ul.ul-shows li .div-shows-data span { display: block; font-size: 19px; font-weight: bold; padding-left: 2px; } .div-box-home-shows ul.ul-shows li .div-shows-titulo { font-size: 15px; font-weight: bold; } .div-box-home-shows .div-links { text-align:right; padding: 10px; font-weight: bold; } .div-box-home-shows .div-links a { color: #417A97; } .div-box-home-shows .div-links a:hover { color: #A9071B; } /****************************************************************************************************************************************/ /* PUBLICIDADE 5 */ .div-box-home-publicidades-5 { margin: 0px 0px 8px 0px; } .div-box-home-publicidades-5 ul li { background-color: #BECAD4; width: 187px; height: 94px; float: left; margin: 0px 5px; text-align: center; } .div-box-home-publicidades-5 ul li img { width: 175px; height: 70px; } .div-box-home-publicidades-5 ul li .div-descricao { background-color: #FFFFFF; height: 15px; font-size: 10px; color: #8DA6B9; text-align: right; padding: 2px 4px; } /****************************************************************************************************************************************/ /****************************************************************************************************************************************/ /* VIDEOS */ .div-box-home-videos { width: 285px; height: 377px; float: left; margin: 0px 4px 8px 8px; padding-bottom: 0px; } .div-box-home-videos .div-ico-cab { top: 3px; } .div-box-home-videos .div-thumb-video { height: 168px; margin: 0px 8px; position: relative; } .div-box-home-videos .div-thumb-video .div-borda { width: 261px; display: none; height: 160px; border: solid 4px #C40413; position: absolute; top: 0px; left: 0px; } .div-box-home-videos .div-thumb-video.hover .div-borda { display: block; } .div-box-home-videos .div-thumb-video img { width: 100%; height: 100%; } .div-box-home-videos .div-thumb-video .div-btn-play { width: 29px; height: 31px; background-color: #C40413; position: absolute; bottom: 0px; right: 0px; } .div-box-home-videos .div-informacoes-video { height: 44px; margin: 0px 8px 4px 8px; color: #FFFFFF; padding: 0px 8px; background: url('http://www.fmodia.com.br/imagens/fundo_box_videos_informacoes.gif') top repeat-x #3C7894; overflow: hidden; } .div-box-home-videos .div-informacoes-video h1 { font-size: 15px; margin-top: 6px; } .div-box-home-videos .div-informacoes-video .div-exibicoes { font-size: 11px; margin-top: 0px; } .div-box-home-videos .div-mais-videos { margin: 4px 8px; color: #417A97; text-align: right; font-weight: bold; } .div-box-home-videos .div-mais-videos a { color: #417A97; } .div-box-home-videos .div-mais-videos a:hover { color: #A9071B; } .div-box-home-videos .ul-lista-thumbs-videos { margin: 0px 0px; display: none; } .div-box-home-videos .ul-lista-thumbs-videos { height: 82px; overflow: hidden; } .div-box-home-videos .ul-lista-thumbs-videos li { width: 77px; float: left; margin: 4px 8px; } .div-box-home-videos .ul-lista-thumbs-videos li img { width: 100%; height: 45px; border: solid 2px #000000; } .div-box-home-videos .ul-lista-thumbs-videos li h3 { font-size: 12px; line-height: 12px; color: #3F6785; font-weight:normal } .div-box-home-videos .ul-lista-thumbs-videos li.hover img { border-color: #C40413; } .div-box-home-videos .ul-lista-thumbs-videos li.hover h3 { color: #A9071B; text-decoration:underline } .div-box-home-videos .ul-lista-thumbs-videos li .div-informacoes-video-hidden { display: none; } .div-box-home-videos .ul-lista-thumbs-videos li .div-link-modal { display: none; } /****************************************************************************************************************************************/ /* FOTOS */ .div-box-home-fotos { width: 297px; height: 377px; float: left; margin: 0px 4px 8px 4px; padding-bottom: 0px; } .div-box-home-fotos .div-ico-cab { top: 5px; } .div-box-home-fotos .ul-fotos li { min-height: 63px; padding-bottom: 10px; padding-left:5px; padding-right: 5px; } .div-box-home-fotos .ul-fotos li img { float: left; margin-right: 7px; border: 2px solid #F0EFEF; } .div-box-home-fotos .ul-fotos li img:hover { border: 2px solid #A9071B; } .div-box-home-fotos .ul-fotos li .div-fotos-titulo { font-size: 15px; font-weight: bold; color:#3F6785; } .div-box-home-fotos .div-links { margin-right: 10px; margin-left: 10px; padding-top: 11px; padding-bottom: 10px; text-align: right; font-weight: bold; } .div-box-home-fotos .div-links a { color: #417A97; } .div-box-home-fotos .div-links a:hover { color: #A9071B; } /****************************************************************************************************************************************/ /* PROGRAMAS */ .div-box-home-programas { width: 375px; height: 377px; float: left; margin: 0px 8px 8px 4px; padding-bottom: 0px; } .div-box-home-programas .div-ico-cab { top: 4px; } #visu-geral { width: 360px; height: 173px; margin: 0 auto; } #visu-externa { width: 359px; height: 220px; position: relative; overflow: hidden; } #visu-interna { height: 100%; position: relative; text-align: left; } #visu-interna div { width: 372px; height: 173px; float: left; position: relative; line-height: normal; } #visu-interna div a { width: 100%; padding-left: 0px; position: absolute; top: auto; bottom: -47px; left: 0px; color: #333333; text-decoration: none; font-size: 16px; } #visu-interna div a:hover { text-decoration:underline; color: #A9071B;} #visu-interna div strong { color: #417A97; font-size:18px; text-decoration:none } #thumbs { width: 372px; height: 100px; margin-left: 5px; padding-top: 20px; overflow: hidden; position: relative; top: 40px; text-align: center; line-height: normal; } .thumbs_aux { position: absolute; z-index: 3; overflow: hidden; } #thumbs span { width: 85px; float: left; cursor: pointer; display: block; margin-left: 9px; background-color: #FFFFFF; text-align: center; padding-top: 5px; padding-right: 14px; padding-bottom: 12px; padding-left: 14px; } #thumbs span:hover { text-decoration:underline; color: #A9071B; } #seta { width: 113px; height: 98px; position: absolute; z-index: 1; top: 10px; display: none; background-image: url("http://www.fmodia.com.br/imagens/seta.png"); background-repeat: no-repeat; background-position: center top; } .seta-linha { border: 1px solid #CCC; } /****************************************************************************************************************************************/ /* COLUNA ESQUERDA */ .div-box-home-coluna-esquerda { width: 649px; float: left; margin: 0px 4px 0px 8px; } .div-box-home-coluna-esquerda .div-links { margin-right: 10px; margin-left: 10px; padding-top: 10px; padding-bottom: 10px; } .div-box-home-coluna-esquerda .div-links a { color: #567994; margin-right: 7px; font-weight: bold; } .div-box-home-coluna-esquerda .div-links a:hover { color: #A9071B; } /****************************************************************************************************************************************/ /* MUSICA | ENTRETENIMENTO */ .div-box-home-coluna-esquerda .ul-noticia li { margin-bottom: 5px; padding-bottom: 7px; background: url("http://www.fmodia.com.br/imagens/linha-horizontal.png") left bottom repeat-x; min-height:57px } .div-box-home-coluna-esquerda .ul-noticia li a { color:#3F6785; } .div-box-home-coluna-esquerda .ul-noticia li a:hover { color: #a9071b; text-decoration: underline!important} .div-box-home-coluna-esquerda .ul-noticia li .div-noticia-titulo { font-size: 15px; color: #3F6785; font-weight: normal; padding-right:7px; } .div-box-home-coluna-esquerda .ul-noticia li .div-noticia-titulo:hover { color: #a9071b; text-decoration:underline} .div-box-home-coluna-esquerda .ul-noticia li .div-noticia-titulo-principal { font-size: 15px; color: #3F6785; font-weight: bold; padding-left:3px; height: 140px;} .div-box-home-coluna-esquerda .ul-noticia li .div-noticia-titulo-principal:hover { color: #a9071b; text-decoration:none!important} /****************************************************************************************************************************************/ /* MUSICA */ .div-box-home-coluna-esquerda .div-box-home-musica { width: 320px; min-height: 490px; float: left; padding-bottom: 0px; margin-top: 0px; margin-right: 4px; margin-bottom: 8px; margin-left: 0px; } .div-box-home-coluna-esquerda .div-box-home-musica .div-ico-cab { top: 3px; } .div-box-home-coluna-esquerda .div-box-home-musica .ul-noticia { margin-left: 7px; margin-right: 10px; } .div-box-home-coluna-esquerda .div-box-home-musica .ul-noticia li img { float: left; margin-right: 8px; border: solid 2px #fff; -moz-box-shadow: 1px 1px 2px #cdcdcd;-webkit-box-shadow: 1px 1px 2px #cdcdcd;box-shadow: 1px 1px 2px #cdcdcd; } /****************************************************************************************************************************************/ /* ENTRETENIMENTO */ .div-box-home-coluna-esquerda .div-box-home-entretenimento { width: 321px; min-height: 490px; float: left; margin: 0px 0px 8px 4px; padding-bottom: 0px; } .div-box-home-coluna-esquerda .div-box-home-entretenimento .div-ico-cab { top: 5px; } .div-box-home-coluna-esquerda .div-box-home-entretenimento ul.ul-noticia { margin-left: 8px; margin-right: 5px; } .div-box-home-coluna-esquerda .div-box-home-entretenimento .ul-noticia li img { float: left; margin-right: 8px; border: solid 2px #fff; -moz-box-shadow: 1px 1px 2px #cdcdcd;-webkit-box-shadow: 1px 1px 2px #cdcdcd;box-shadow: 1px 1px 2px #cdcdcd; } /****************************************************************************************************************************************/ /* BLOGS */ .div-box-home-coluna-esquerda .div-box-home-blogs { min-height: 150px; margin: 0px 0px 8px 0px; } /****************************************************************************************************************************************/ /* COLUNA DIREITA */ .div-box-home-coluna-direita { width: 316px; float: left; margin: 0px 8px 0px 4px; } /****************************************************************************************************************************************/ /* ENQUETE */ .div-box-home-coluna-direita .div-box-home-enquete { padding-bottom: 0px; } .div-box-home-coluna-direita .div-box-home-enquete .div-ico-cab { top: 3px; } .div-box-home-coluna-direita .div-box-home-enquete h3 { padding-bottom: 5px; color: #3F6785; font-weight: bold; } .div-box-home-coluna-direita .div-box-home-enquete ul.ul-enquete { margin-right: 10px; margin-left: 10px; } .div-box-home-coluna-direita .div-box-home-enquete .ul-enquete li { color: #403F3F; font-weight: normal; } .div-box-home-coluna-direita .div-box-home-enquete .bt-enquete { width: 73px; margin-left: 17px; margin-top: 9px; font-weight:normal; border: none; color: #FFFFFF; text-align: center; cursor:pointer; padding-top: 2px; padding-bottom: 3px; background-color: #457d97; } /****************************************************************************************************************************************/ /* TWITTER */ .div-box-home-coluna-direita .div-box-home-twitter { background-color: #FFFFFF; padding: 0px; } .div-box-home-coluna-direita .div-box-home-twitter h1 { margin-bottom: 0px; } .div-box-home-coluna-direita .div-box-home-twitter .div-boxes-home-conteudo { height: 328px; margin: 1px; border: solid 1px #BAD0DD; } .div-box-home-coluna-direita .div-box-home-twitter .div-corpo { height: 289px; padding: 0px 8px; margin-top: 8px; } .div-box-home-coluna-direita .div-box-home-twitter .div-corpo .viewport { width: 280px; height: 280px; } .div-box-home-coluna-direita .div-box-home-twitter .div-corpo ul li { margin-bottom: 8px; overflow: hidden; border-bottom: solid 1px #D8DFEA; } .div-box-home-coluna-direita .div-box-home-twitter .div-corpo ul li a { font-weight: bold; } .div-box-home-coluna-direita .div-box-home-twitter .div-corpo ul li a:hover { color: #A9071B; } .div-box-home-coluna-direita .div-box-home-twitter .div-corpo ul li .div-twitter-foto { width: 40px; float: left; margin-right: 8px; } .div-box-home-coluna-direita .div-box-home-twitter .div-corpo ul li .div-twitter-foto img { width: 40px; } .div-box-home-coluna-direita .div-box-home-twitter .div-corpo ul li .div-twitter-texto { width: 228px; float: left; } .div-box-home-coluna-direita .div-box-home-twitter .div-mais-twitter { margin: 0px 8px 0px 8px; color: #417A97; text-align: right; } .div-box-home-coluna-direita .div-box-home-twitter .div-mais-twitter a { color: #417A97; font-weight: bold; } .div-box-home-coluna-direita .div-box-home-twitter .div-mais-twitter a:hover { color: #A9071B; } /****************************************************************************************************************************************/ /* FACEBOOK */ .div-box-home-coluna-direita .div-box-home-facebook { background-color: #FFFFFF; height: 298px; } .div-box-home-coluna-direita .div-box-home-facebook h1 { margin-bottom: 0px; } /*BOX FOTOS - MICHELE*/ .ao-vivo{ height: 60px; width:301px; background: url("http://www.fmodia.com.br/wp-content/themes/fm/images/fotos/bg.jpg") top left no-repeat; margin-left:3px; padding-bottom: 6px; float:left; } .ouvir{ float:left; width:150px; color:#FFF; text-transform:uppercase; font-size: 12px; font-family:calibri; } .ouvir a{ color:#FFF; text-decoration:none; } .ouvir a:hover{ color:#dfeef8; } .ver{ float:left; width:140px; margin-left:11px; color:#FFF; text-transform:uppercase; font-size: 12px; font-family:calibri; } .ver{ float:left; width:135px; color:#FFF; text-transform:uppercase; font-size: 12px; font-family:calibri; } .ver a{ color:#FFF; text-decoration:none; } .ver a:hover{ color:#dfeef8; } .texto-ouca{ float:left; padding-top:20px; color: #fff; font-size: 14px; font-weight: bold; text-shadow: 0.1em 0.1em #3b5f78; } .texto-ver{ float:left; padding-top:20px; padding-left: 10px; color: #fff; font-size: 14px; font-weight: bold; text-shadow: 0.1em 0.1em #3b5f78; } /* FORM HOME*/ .div-box-home-anonovo { } .div-box-home-anonovo .div-box-anonovo-msg { height: 50px; margin-left:9px; margin-bottom:px;font-size:36px; font-weight:bold; color:#fff;text-shadow: 0.02em -0.02em #507491; padding-left:7px; padding-top:30px; background: url(http://www.fmodia.com.br/imagens/contagem_regressiva.jpg) no-repeat;cursor:pointer;} .div-box-home-anonovo .div-box-anonovo-formulario { display:none; background:#e6ecf2; height: 112px; margin-left:9px; margin-bottom:6px; width:970px; border: 1px solid #cadcef; position: relative; } .div-box-home-anonovo .div-box-anonovo-formulario form {margin: 0px} .div-box-home-anonovo .div-box-anonovo-formulario .nome {width:280px; margin-left: 10px; margin-top:10px; color:#403f3f; text-shadow: 0.1em 0.01em #fff;} .div-box-home-anonovo .div-box-anonovo-formulario .nome span {width:80px;} .div-box-home-anonovo .div-box-anonovo-formulario .mensagem { width:300px;color:#403f3f; margin-top:10px; float:left; text-shadow: 0.1em 0.01em #fff;} .div-box-home-anonovo .div-box-anonovo-formulario .botao { } .div-box-home-anonovo .div-box-anonovo-formulario .botao img { margin-left:90px; margin-top:10px; height:} .div-box-home-anonovo input { background-color:#fff; position: absolute; margin: 0px; border: none; font-size: 12px; line-height: 12px; margin-left:162px; margin-top:10px; } .div-box-home-anonovo textarea { width: 367px; height: 54px; position: absolute; margin: 0px; border: none; font-size: 12px; line-height: 12px; margin-left:10px; margin-top:0px; } .div-box-home-anonovo .input { margin-left:4px;margin-top:0px; width: 220px; height: 25px; border: 1px solid #C7D7E6; box-shadow: 0 0 5px rgba(250, 250, 250, 1);-webkit-box-shadow: 0 0 5px rgba(250, 250, 250, 1); -moz-box-shadow: 0 0 5px rgba(250, 250, 250, 1); background: #fff;} .div-box-home-anonovo .textarea { border: 1px solid #c7d7e6; box-shadow: 0 0 5px rgba(250, 250, 250, 1); -webkit-box-shadow: 0 0 5px rgba(250, 250, 250, 1); -moz-box-shadow: 0 0 5px rgba(250, 250, 250, 1);} .div-box-home-anonovo .subir { height: 19px; width: 56px; position: absolute; bottom: 0px; left: 446px; } .div-box-home-anonovo .div-msg-novo-sucesso { text-align: center; text-shadow: 0.1em 0.01em #fff; color:#406582; padding:8px; font-size:21px; margin-top:28px;} .div-box-home-anonovo .div-fundo-invalido { background-position: bottom left !important; } .div-box-home-anonovo .div-fundo-invalido select, .div-box-home-anonovo .div-fundo-invalido input, .div-box-home-anonovo .div-fundo-invalido textarea { background-color: #F1C8C7; color: #820B0A; } /*FM O DIA A VONTADE*/ .div-box-home-avontade { width: 976px; margin-right: auto; margin-left: auto; margin-bottom:7px; position: relative; } .div-box-home-avontade .div-box-avontade-msg-topo { background:url(../imagens/bg-fmodia-avontade.jpg) no-repeat; height:75px;} .div-box-home-avontade .div-box-avontade-msg-topo .seta-abrir { padding-left:450px; padding-top:59px; float:left; width:60px; height:20px; position: absolute; left: 0px; top: 0px; } .div-box-home-avontade .div-box-avontade-msg-topo .patrocinio { padding-top:5px; float:left; height:62px; width:62px; text-align:right; margin-top:2px; padding-right:2px; padding-left:395px; position: absolute; top: 0px; right: 12px; } .div-box-home-avontade .div-box-avontade-msg-meio { background:url(../imagens/bg-fmodia-avontade-carrossel.jpg) no-repeat; height:103px; width:976px } .div-box-home-avontade .subir { background:url(../imagens/bg-fmodia-avontade-bottom.jpg) no-repeat; height:23px; padding-left:475px; padding-top:2px } .div-box-home-avontade .agenda {} .div-box-home-avontade .agenda a{ text-decoration: none; color:#1c3369; font-weight:bold; text-shadow: 0.09em 0.09em #ccd5e0;} .div-box-home-avontade .agenda a:hover{ text-decoration: none; color:#fbf23d !important; font-weight:bold; text-shadow: 0.09em 0.09em #2b437b;}