/*************
  GENERALES   
*************/
    
    body {
        font-size:12px;
        -webkit-user-select:none;
        -webkit-text-size-adjust:none;
        font-family:helvetica;
    }
    
    #header {
        position:absolute;
        top:0; left:0;
        width:100%;
        height:45px;
        line-height:45px;
        background-color:#d51875;
        background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #fe96c9), color-stop(0.05, #d51875), color-stop(1, #7b0a2e));
        background-image:-moz-linear-gradient(top, #fe96c9, #d51875 5%, #7b0a2e);
        background-image:-o-linear-gradient(top, #fe96c9, #d51875 5%, #7b0a2e);
        padding:0;
        color:#eee;
        font-size:20px;
        text-align:center;
    }
    
    #header a {
        color:#f3f3f3;
        text-decoration:none;
        font-weight:bold;
        text-shadow:0 -1px 0 rgba(0,0,0,0.5);
    }
    
    #footer {
        position:absolute;
        bottom:0; left:0;
        width:100%;
        height:48px;
        background-color:#222;
        background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #999), color-stop(0.02, #666), color-stop(1, #222));
        background-image:-moz-linear-gradient(top, #999, #666 2%, #222);
        background-image:-o-linear-gradient(top, #999, #666 2%, #222);
        padding:0;
        border-top:1px solid #444;
    }
    
    #wrapper {
        position:absolute; z-index:1;
        top:0; bottom:0; left:0;
        width:100%;
        background:none;
        overflow:auto;
    }
    
    #scroller {
        position:relative;
    /*	-webkit-touch-callout:none;*/
        -webkit-tap-highlight-color:rgba(0,0,0,0);
    
        float:left;
        width:100%;
        padding:0;
    }
    
    #scroller ul {
        position:relative;
        list-style:none;
        padding:0;
        margin:0;
        width:100%;
        text-align:left;
    }
	
	#scroller li {
		background-color:rgba(0,0,0,0);
		border-bottom:1px solid rgba(10,150,200,0.58);
		border-top:none;
		float:left;
		font-size:14px;
		height:auto;
		line-height:0;
		margin:0;
		padding:4px 10px;
		position:relative;
		width:100%;
	}
	#scroller li:last-child { border-bottom:none; }
    
    #scroller li > a {
        display:block;
    }
/*************
    BARRA     
*************/	
	.myScrollbarH {
		bottom: 1px;
		height: 8px;
		left: 2px;
		position: absolute;
		right: 7px;
		z-index: 100;
	}
	.myScrollbarH > div {
		-moz-box-sizing: border-box;
		background-clip: padding-box;
		background-color:#00CCFF;
		border: 1px solid #990000;
		border-radius: 4px 4px 4px 4px;
		box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
		height: 100%;
		position: absolute;
		z-index: 100;
	}
	.myScrollbarV {
		bottom: 7px;
		position: absolute;
		right: 2px;
		top: 2px;
		width: 8px;
		z-index: 100;
	}
	.myScrollbarV > div {
		-moz-box-sizing: border-box;
		background-clip: padding-box;
		background-color:#00CCFF;
		border: 1px solid rgba(0,186,211,1) 100%);
		border-radius:4px;
		box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
		position: absolute;
		width: 100%;
		z-index: 100;
	}