.ondebug{border:1px solid #fe0000;}



ul#demo-block{ margin:0 15px 15px 15px; }

ul#demo-block li{ margin:0 0 10px 0; padding:10px; display:inline; float:left; clear:both; color:#aaa; background:url('img/bg-black.png'); font:11px Helvetica, Arial, sans-serif; }

ul#demo-block li a{ color:#eee; font-weight:bold; }





canvas { display: block; position:absolute; top:0; left:0; }

span { color:#555; display:block; line-height:220px; text-align:center; width:220px; font-family:sans-serif; font-size:40px; font-weight:100; margin-left:5px; }



input { width: 200px; }



.my_logo{position:fixed; top: 120px; left:10%;}

.my_destaque{position:fixed; top:80px; right: 0; z-index: 9998;}
.my_destaque_spvoi{position:fixed; top:80px; right: 80px;}
.my_destaque_hover_container{position:absolute; top:80px; left:0px; width:300px; height: 160px; background-color: #000; color:#fff; z-index: 9999;}



#progress-bar{font-family: verdana; font-size: 10px!important; position:absolute; bottom:20%; left:30%;}

.my_slide_info{position:absolute; top:0; left:5%; width: 90%; text-align: center; z-index: 99999; display: none; font-size: 34pt; line-height: 50px; margin-top:300px; color:#fff; /*border:1px solid #fe0000;*/}

.hide_my_slide{display: none;}

.show_my_slide{display: block!important;}

.my_slide_container{width: 100%; height: 100%; margin: auto; /*background-color: #fe0000;*/}

#slide-list{font-family: verdana!important; font-size: 10pt!important; color:#636363;}

.my_nbullet{padding-top: 12%;}

.my_bar_container{position:absolute; bottom:20%; left:30%; width: 40%; height: 4px;  overflow: hidden; background:url('../img/progressbarbg.png');/*border:2px solid #fe0000;*/}

/*.my_bar_container{position:absolute; top:400px; left: 300px; width: 500px;}*/

.my_slide_container_2{margin-top:18px; font-size: 20px; line-height: 30px;}

.sabermais{margin-top:18px; font-size: 12pt;}

.sabermais a{text-decoration: none; color: #fff;}







/* ## FOOTER ###############  */



#footer-wrap{position: fixed!important; bottom:0!important; left:0!important; width:100%;/* height: 25px!important;*/ padding:0; margin:0;}

.fleft{float:left;}

.fright{float:right;}

#footerContainer{

    background:#000000 url(../assets/images/bkg_footer.gif); 

    min-width:750px;    

    font-family: Arial, Helvetica, sans-serif;

    font-size: 11px;

    color:#8e8e8e;

    padding-bottom:5px;

   /* height: 20px;   */ 

    position:relative;

    /*top:-20px;*/

}



#facebookContainer{

    background:#000000 url(../assets/images/bkg_footer.gif);

    min-width:750px;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 11px;

    color:#8e8e8e;

    padding-bottom:5px;

    height: 60px;

    position:relative;

    top:-45px;    

}



#footerMenu a{color:#8e8e8e; text-decoration: none;}

#footerMenu{ padding-right:10px;}

#footerMenu a:hover{color:#d9d9d9;}

#Copyright{

    padding:6px 0 0 10px;

}

.footerOpt{

    padding:6px 0 0 10px;

}



#icoacess{margin-left: 5px; padding-top: 5px;}



#footerInContainer{   

    background:#ffffff;

    font-family: Arial, Helvetica, sans-serif;  

    font-size: 11px;

    min-width:750px;

    /*border:1px solid #FFFFFF;*/

    color:#ffffff;  

    padding-bottom:85px;        

}

#footerInfo{    

    margin:5px 0 0 0;

    background:#3b3b3b;

    padding-bottom:5px;

    border-top:4px solid #545454;  

}



#footerMainMenu{

    background:#3b3b3b;

    padding-bottom:10px;

    width:1280px;

    margin:0 auto;

}



/*.sc_menu_ico{}*/



.slidermovieinfo{position:fixed!important; top:0!important; left:0!important; margin:0!important; padding:0!important; width: 100%!important; height: 100%!important; z-index: -1!important;}

.movie-layer{margin:0; padding:0; position:fixed; top:0; left:0; width: 100%; height: 100%; background:url("../images/movie_layer_bg.png"); z-index: 999999;}

.movie-container{position:absolute; top:20%; left:50%; width: 640px; margin-left: -320px;}



.social_menu_container_700{display: none;}



/*## Video Slide Background ## */

.bgvideo{position: absolute; top:0; left:0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 990;}

.videotoplayer{position: absolute; top:0; left:0; width: 100%; height: 100%; background: url("../images/videotoplayer.png"); z-index: 995;}

.slidertoplayer{position: absolute; top:0; left:0; width: 100%; height: 100%; background: url("../images/slider_pattern.png");}

.video-text{margin-top:300px; z-index:99999;}

/* ######################################################################################################################## */


.text-dark-layer{position: fixed; top:0; left:0; width:100%; height: 100%; background-color: #000; opacity: 0.4; z-index: 993!important;}


@media only screen and (max-width: 700px){

    .social_menu_container{display:none!important;}

    .social_menu_container_700{display: block!important;}

    .my_bar_container{position:absolute; bottom:5%; left:30%; width: 40%; height: 4px;  overflow: hidden; background:url('../img/progressbarbg.png');}



    .my_slide_info{position:absolute; top:0; left:5%; width: 90%; text-align: center; z-index: 99999; display: none; font-size: 16pt; line-height: 25px; margin-top:300px; color:#fff;}

    .my_slide_container_2{margin-top:18px; font-size: 12px; line-height: 15px;}



    #controls-wrapper{display:none!important;}

    #prevslide{display: none!important;}

    #nextslide{display: none!important;}

}



@media only screen and (min-width: 300px) and (max-width: 390px){

}