/*
		Projector
*/
.projector {
	position: relative;
	border: solid 0px #FFFFFF;
	margin: 0px 0px 25px 0px;
	padding: 0;
	background: url(/sl/img/utils/progres_01.gif) #FFF no-repeat center center;
	z-index: 1000;
}
.cantonada_tl {
	height: 8px;
	width: 8px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1030;
	background: url(/sl/img/projector/cantonades.png) no-repeat top left transparent;
}
.cantonada_tr {
	height: 8px;
	width: 8px;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1030;
	background: url(/sl/img/projector/cantonades.png) no-repeat top right transparent;
}
.cantonada_bl {
	height: 8px;
	width: 8px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 1030;
	background: url(/sl/img/projector/cantonades.png) no-repeat bottom left transparent;
}
.cantonada_br {
	height: 8px;
	width: 8px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 1030;
	background: url(/sl/img/projector/cantonades.png) no-repeat bottom right transparent;
}
.marc {
	position: absolute;
	top: 0px;
	left: 0px;
	backgroundColor: #FFF;
	border: solid 2px #EEE;
	margin: 0;
	padding: 0;
	zIndex: 1001;
}
.cantonada_int_tl {
	background-color: #EEE;
	position: absolute;
	height: 5px;
	width: 5px;
	top: 0px;
	left: 0px;
	zIndex: 1001;
}
.cantonada_int_tr {
	position: absolute;
	background-color: #EEE;
	height: 5px;
	width: 5px;
	top: 0px;
	right: 0px;
	zIndex: 1001;
}
.cantonada_int_bl {
	background-color: #EEE;
	position: absolute;
	height: 5px;
	width: 5px;
	bottom: 0px;
	left: 0px;
	zIndex: 1001;
}
.cantonada_int_br {
	background-color: #EEE;
	position: absolute;
	height: 5px;
	width: 5px;
	bottom: 0px;
	right: 0px;
	zIndex: 1001;
}
.pantalla {
	position: absolute;
	top: 5px;
	left: 5px;
	background: none transparent no-repeat center center;
	border: solid 0px #FFF;
	margin: 0px;
	padding: 0px;
	zIndex: 1010;
	visibility: hidden;
}

.pantalla a, .pantalla a:hover, .pantalla a:active {
	text-decoration: none;
	border: 0px solid #FFFFFF;
}


/*
		Botonera
*/
.botonera {
	position: absolute;
	right: 2px;
	bottom: 2px;
	background: none;
	border: solid 0px #FFFFFF;
	margin: 0;
	padding: 0;
	z-index: 1051;
	visibility: hidden;
	display: block;
}
.botonera:hover {
	background: url(/sl/img/projector/fons_botonera.png) no-repeat top left transparent;
}
.botonera div {
	position: relative;
	float: left;
	cursor: pointer;
	padding: 0;
	height: 13px;
	width: 13px;
	margin: 7px 0px 5px 6px;
	z-index: 1052;
	background: url(/sl/img/projector/botons-v1.31.png) no-repeat -28px top;
}
.botonera div:hover {
	background: url(/sl/img/projector/botons-v1.31.png) no-repeat -28px -14px;
}
.botonera div.play {
	background: url(/sl/img/projector/botons-v1.31.png) no-repeat left top;
}
.botonera div.play:hover {
	background: url(/sl/img/projector/botons-v1.31.png) no-repeat left -14px;
}
.botonera div.pause {
	background: url(/sl/img/projector/botons-v1.31.png) no-repeat -14px top;
	}
.botonera div.pause:hover {
	background: url(/sl/img/projector/botons-v1.31.png) no-repeat -14px -14px;
}
.botonera div.activa {
	background: url(/sl/img/projector/botons-v1.31.png) no-repeat -42px top;
}
.botonera div.activa:hover {
	background: url(/sl/img/projector/botons-v1.31.png) no-repeat -42px -14px;
}
.botonera div:first-child {
	margin-left: 7px;
}
.botonera div:last-child {
	margin-right: 7px;
}


/*
		Àrea de debug
*/
.area_debug {
	border: solid 1px #AAA;
	background-color: #FFFFEF;
	padding: 5px;
	margin-top: -15px;
	margin-bottom: 10px;
	color: #22981F;
	overflow: auto;
	border-radius: 5px;
}
.area_debug p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: .8em;
	line-height: 1.25em;
	margin: 0 .25em;
}
.area_debug span.temps {
	margin-right: 1.25em;
}
#botonera {
	margin-bottom: 20px;
}
.boto_netejar_area_debug, .boto_debug_on_off {
	font-family: Verdana, Geneva, sans-serif;
	border: solid 1px #006CC6;
	color: #006CC6;
	background-color: #BBE0FF;
	text-align: center;
	padding: 2px 4px;
	margin-bottom: 25px;
	font-size: .8em;
	font-weight: bold;
	width: 50px;
	cursor: pointer;
	display: inline;
	margin: 0 10px 0 5px;
	border-radius: 6px;
}
.boto_netejar_area_debug:hover, .boto_debug_on_off:hover {
	background-color: #006CC6;
	color: #FFF;
}