/*
    backtotop.css
    web-communication.eu | 21/06/2016
    Copyright 2016 web-communication.eu
*/

/*  
	Note: 
	- see .js file for working specifications
	- see layer.js for position specifications
*/

#back-top {
    position: 				fixed;
    bottom: 				70px;
    z-index: 				99999;
}

#back-top a {
    width: 					36px;
    display: 				block;
    text-align: 			center;
    font: 					11px/100% Arial, Helvetica, sans-serif;
    text-transform: 		uppercase;
    text-decoration: 		none;
    color: 					#bbbbbb;
    /* background color transition */
    -webkit-transition: 	1s;
    -moz-transition: 		1s;
    transition: 			1s;
}

#back-top a:hover {
    color: 					#000000;
}

/* arrow icon (span tag) */
#back-top span {
    width: 					36px;
    height: 				36px;
    display: 				block;
    margin-bottom: 			7px;
    background: 			#cccccc url(../images/arrowTop.png) no-repeat center center;
    /* rounded corners */
    -webkit-border-radius: 	3px;
    -moz-border-radius: 	3px;
    border-radius: 			3px;
    /* background color transition */
    -webkit-transition: 	1s;
    -moz-transition: 		1s;
    transition: 			1s;
}

#back-top a:hover span {
    background-color: 		#0000FF;/*#333333;*/
}