@font-face {
	font-family: 'Bebas';
	src: url('../fonts/BebasNeue.otf');
	font-weight: normal;
	font-style: normal;
}
#content {
	margin-top:180px; 
	position:relative; 
	height:auto;
	background-image:url('../images/servicios_fondo.jpg');
	background-repeat:no-repeat;
	/*background-attachment:fixed;*/
	background-position:top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.servicios {
	background-color:white;
	position:absolute;
	width:480px;
	height:240px;
	overflow:hidden;
	display:none;
}

.izquierdo .imagen_servicio {
	position:absolute;
	top:0px;
	left:0px;
}
.derecho .imagen_servicio {
	position:absolute;
	top:0px;
	left:240px;
}

.capa1 {position:absolute; top:0px; height:240px; width:240px; background-image:url('../images/transparencia_blanca.png'); display:none;}
.izquierdo .capa1{left:0px;}
.derecho .capa1{left:240px;}
.capa2 {position:absolute; top:0px; height:240px; width:240px; background-image:url('../images/puntosblancos.png'); display:none;}
.izquierdo .capa2{left:0px;}
.derecho .capa2{left:240px;}
.loading {position:absolute; top:0px; height:240px; width:240px; background-color:white;}
.izquierdo .loading {left:0px;}
.derecho .loading {left:240px;}
.loadinggif{position:relative; top:100px; left:100px;}

.izquierdo .titulo_servicio {
	position:absolute;
	width:193px;
	top:60px;
	left:287px;
	font-size:33px;
	font-family:"Bebas";
	color:#3a3a3a;
	line-height: 29px;
}
.derecho .titulo_servicio {
	position:absolute;
	width:193px;
	top:60px;
	left:47px;
	font-size:33px;
	font-family:"Bebas";
	color:#3a3a3a;
	line-height: 29px;
}
#servicio_sonido .titulo_servicio {top:45px !important;}
#servicio_sonido .linea_servicio {top:85px !important;}
#servicio_sonido .texto_servicio {top:98px !important;}

#servicio_alemanes .titulo_servicio {top:45px !important;}
#servicio_alemanes .linea_servicio {top:85px !important;}
#servicio_alemanes .texto_servicio {top:98px !important;}

#servicio_torres .titulo_servicio {top:45px !important;}
#servicio_torres .linea_servicio {top:85px !important;}
#servicio_torres .texto_servicio {top:98px !important;}

#servicio_pistas .titulo_servicio {top:45px !important;}
#servicio_pistas .linea_servicio {top:85px !important;}
#servicio_pistas .texto_servicio {top:98px !important;}

#servicio_vallas .titulo_servicio {top:45px !important;}
#servicio_vallas .linea_servicio {top:85px !important;}
#servicio_vallas .texto_servicio {top:98px !important;}


.izquierdo .linea_servicio {
	position:absolute;
	top:100px;
	left:287px;
}
.derecho .linea_servicio {
	position:absolute;
	top:100px;
	left:47px;
}
.linea_servicio .doble {}
.izquierdo .texto_servicio {
	position:absolute;
	top:113px;
	width:140px;
	left:287px;
	font-family:Helvetica;
	font-size:11px;
	color:#787878;
	text-align:left;
}
.derecho .texto_servicio {
	position:absolute;
	top:113px;
	width:140px;
	left:47px;
	font-family:Helvetica;
	font-size:11px;
	color:#787878;
	text-align:left;
}
.doble {margin-top:28px;}

#puntosnegros {
	position:absolute;
	top:0px;
	width:inherit;
	height:inherit;
	background-image:url('../images/puntosnegros.png');
}