@charset "utf-8";
/* CSS Document */
body {
	margin: 0;
}
#logo_centro_home {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin: auto;
    opacity: 0.8;
}
#centro_contacto {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin: auto;
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	text-shadow: 0px 0px 5px #000;
	color: #ffffff;
	line-height: 20px;
	padding: 0 20px;
	text-align: center;
	z-index: 10;	
}
#centro_gire_pantalla {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin: auto;
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	text-shadow: 0px 0px 5px #000;
	color: #ffffff;
	line-height: 20px;
	padding: 0 20px;
	text-align: center;
	z-index: 10;	
}
window.onload = function(){ 
    //now that the window has loaded we add our event listeners to the videos.
    //When video1 has ended, play video2 etc
    document.getElementById("video1").addEventListener("ended", function(){ playVideo("video2"); });
    document.getElementById("video2").addEventListener("ended", function(){ playVideo("video3"); });
    document.getElementById("video3").addEventListener("ended", function(){ playVideo("video1"); });
}

function playVideo(videoID){
    //This playVideo function takes in the ID of a video element and plays that video.
    var videoElement = document.getElementById(videoID);
    videoElement.play();
}
#aviso-movil-horizontal {
   position: absolute;
   opacity: 1;
   background-color: rgba(255,255,255,1);
   position: fixed;
   top:0;
   left:0;
   right:0;
   bottom:0;
   margin: 0;
   z-index: 999;
   -webkit-transition:all 1s;
   -moz-transition:all 1s;
   transition:all 1s;
}
.centro_clientes {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom:0;
	margin-top: -240px;
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	text-shadow: 0px 0px 5px #000;
	color: #ffffff;
	line-height: 20px;
	padding: 0 20px;
	text-align: center;
	z-index: 10;	
}
.caja_texto_central_punch {
	position: absolute;
	top: 50%;
	right: 5%;
	margin-top: -220px;
	width: 451px;
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	text-shadow: 0px 0px 5px #000;
	color: #ffffff;
	line-height: 20px;
	padding: 0 20px;
	text-align: center;
	border-right: 1px solid #ff00ff;
	border-left: 1px solid #ff00ff;
	z-index: 10;
}
.caja_texto_central_video {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -200px;
	margin-left: -400px;
	width: 800px;
	height: 400px;
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	text-shadow: 0px 0px 5px #000;
	color: #ffffff;
	line-height: 20px;
	padding: 0 20px;
	text-align: center;
	z-index: 10;
}
.caja_texto_central_portfolio {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -200px;
	margin-left: -450px;
	width: 900px;
	height: 400px;
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	text-shadow: 0px 0px 5px #000;
	color: #ffffff;
	line-height: 20px;
	padding: 0 20px;
	text-align: center;
	z-index: 10;
}
.caja_texto_central_mapping {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -200px;
	margin-left: -400px;
	width: 800px;
	height: 400px;
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	text-shadow: 0px 0px 5px #000;
	color: #ffffff;
	line-height: 20px;
	padding: 0 20px;
	text-align: center;
	z-index: 10;
}
.logo_arriba_blanco{
    position: absolute;
    top: 2%;
    left: 3%;
}
.menu_arriba{
    position: absolute;
    top: 2%;
    right: 2%;
}
.puntos_bg {
    background-color: rgba(0,0,0,0.3);
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin: auto;
    z-index: -9;
}
#video1 {
    position: fixed;
    top:0;
    left:0;
    min-height: 100%;
    max-width: 100%;    
    width: auto;
    height: auto;
    z-index: -10;
}
#video2 {
    position: fixed;
    top:0;
    left:0;
    min-height: 100%;
    max-width: 100%;    
    width: auto;
    height: auto;
    z-index: -10;
}
#video3 {
    position: fixed;
    top:0;
    left:0;
    min-height: 100%;
    max-width: 100%;    
    width: auto;
    height: auto;
    z-index: -10;
}
.menu_abajo {
    position: absolute;
    bottom: 2%;
    right: 2%;
}
#boton_logo_arriba{
    background: url(imagenes/logo_1delos3_blanco_151x54.png);
	background-repeat: no-repeat;
    width: 151px;
    height: 54px;
    border: none;
    opacity: 1;
    cursor: cell;
}
#video_menu{
    background: url(imagenes/video_menu-03.png);
	background-repeat: no-repeat;
    width: 99px;
    height: 44px;
    border: none;
    opacity: 1;
    cursor: cell;
}
#video_menu:hover {
    background: url(imagenes/video_menu-03-03.png);
   	background-repeat: no-repeat;
	opacity: 1;
	z-index: 2;
}
#mapping_menu{
    background: url(imagenes/mapping_menu-03.png);
	background-repeat: no-repeat;
    width: 128px;
    height: 44px;
    border: none;
    opacity: 1;
    cursor: cell;
}
#mapping_menu:hover {
    background: url(imagenes/mapping_menu-03-03.png);
	background-repeat: no-repeat;
    z-index: 2;
	opacity: 1;
}
#diseno_menu{
    background: url(imagenes/diseno_menu-03.png);
	background-repeat: no-repeat;
    width: 111px;
    height: 44px;
    border: none;
    opacity: 1;
    cursor: cell;
}
#diseno_menu:hover {
    background: url(imagenes/diseno_menu-03-03.png);
	background-repeat: no-repeat;
    z-index: 2;
	opacity: 1;	
}
#boton_punch{
    background: url(imagenes/punch-05.png);
	background-repeat: no-repeat;
    width: 79px;
    height: 44px;
    border: none;
    opacity: 1;
    cursor: cell;
}
#boton_punch:hover {
    background: url(imagenes/punch-05_2.png);
	background-repeat: no-repeat;
    z-index: 2;
    opacity: 1;
}
#boton_contacto{
    background: url(imagenes/contacto-05.png);
 	background-repeat: no-repeat;
    width: 67px;
    height: 70px;
    border: none;
    opacity: 0.5;
    cursor: cell;
}
#boton_contacto:hover {
    background: url(imagenes/contacto-05-2.png);
    z-index: 2;
    opacity: 0.8;
}
#boton_facebook{
   background: url(imagenes/facebook-05.png);
    width: 67px;
    height: 70px;
    border: none;
    opacity: 0.4;
    cursor: cell;
}
#boton_facebook:hover {
    background: url(imagenes/facebook-05.png);
    z-index: 2;
    opacity: 0.8;
}
#boton_twitter{
   background: url(imagenes/twitter-05.png);
    width: 67px;
    height: 70px;
    border: none;
    opacity: 0.4;
    cursor: cell;
}
#boton_twitter:hover {
    background: url(imagenes/twitter-05.png);
    z-index: 2;
    opacity: 0.8;
}
#boton_instagram{
   background: url(imagenes/instagram-05.png);
    width: 67px;
    height: 70px;
    border: none;
    opacity: 0.4;
    cursor: cell;
}
#boton_instagram:hover {
    background: url(imagenes/instagram-05.png);
    z-index: 2;
    opacity: 0.8;
}
#popup {
   visibility: hidden;
   opacity: 0;
   margin-top: -300px;
}
#popup:target {
   visibility:visible;
   opacity: 1;
   background-color: rgba(255,255,255,0.9);
   position: fixed;
   top:0;
   left:0;
   right:0;
   bottom:0;
   margin: 0;
   z-index: 999;
   -webkit-transition:all 1s;
   -moz-transition:all 1s;
   transition:all 1s;
}
#popup_mutombo {
   visibility: hidden;
   opacity: 0;
   margin-top: -600px;
}
#popup_mutombo:target {
   visibility:visible;
   opacity: 1;
   background-color: rgba(255,255,255,0.7);
   position: fixed;
   top:0;
   left:0;
   right:0;
   bottom:0;
   margin: 0;
   z-index: 999;
   -webkit-transition:all 1s;
   -moz-transition:all 1s;
   transition:all 1s;
}
#popup_brimstone {
   visibility: hidden;
   opacity: 0;
   margin-top: -900px;
}
#popup_brimstone:target {
   visibility:visible;
   opacity: 1;
   background-color: rgba(255,255,255,0.7);
   position: fixed;
   top:0;
   left:0;
   right:0;
   bottom:0;
   margin: 0;
   z-index: 999;
   -webkit-transition:all 1s;
   -moz-transition:all 1s;
   transition:all 1s;
}
#popup_lmmr{
   visibility: hidden;
   opacity: 0;
   margin-top: -1200px;
}
#popup_lmmr:target {
   visibility:visible;
   opacity: 1;
   background-color: rgba(255,255,255,0.7);
   position: fixed;
   top:0;
   left:0;
   right:0;
   bottom:0;
   margin: 0;
   z-index: 999;
   -webkit-transition:all 1s;
   -moz-transition:all 1s;
   transition:all 1s;
}
#popup_mca{
   visibility: hidden;
   opacity: 0;
   margin-top: -300px;
}
#popup_mca:target {
   visibility:visible;
   opacity: 1;
   background-color: rgba(255,255,255,0.7);
   position: fixed;
   top:0;
   left:0;
   right:0;
   bottom:0;
   margin: 0;
   z-index: 999;
   -webkit-transition:all 1s;
   -moz-transition:all 1s;
   transition:all 1s;
}
#popup_digiware{
   visibility: hidden;
   opacity: 0;
   margin-top: -300px;
}
#popup_digiware:target {
   visibility:visible;
   opacity: 1;
   background-color: rgba(255,255,255,0.7);
   position: fixed;
   top:0;
   left:0;
   right:0;
   bottom:0;
   margin: 0;
   z-index: 999;
   -webkit-transition:all 1s;
   -moz-transition:all 1s;
   transition:all 1s;
}
#popup_jemene{
   visibility: hidden;
   opacity: 0;
   margin-top: -300px;
}
#popup_jemene:target {
   visibility:visible;
   opacity: 1;
   background-color: rgba(255,255,255,0.7);
   position: fixed;
   top:0;
   left:0;
   right:0;
   bottom:0;
   margin: 0;
   z-index: 999;
   -webkit-transition:all 1s;
   -moz-transition:all 1s;
   transition:all 1s;
}
#popup_clepsidra{
   visibility: hidden;
   opacity: 0;
   margin-top: -300px;
}
#popup_clepsidra:target {
   visibility:visible;
   opacity: 1;
   background-color: rgba(255,255,255,0.7);
   position: fixed;
   top:0;
   left:0;
   right:0;
   bottom:0;
   margin: 0;
   z-index: 999;
   -webkit-transition:all 1s;
   -moz-transition:all 1s;
   transition:all 1s;
}
#popup_lorikero{
   visibility: hidden;
   opacity: 0;
   margin-top: -300px;
}
#popup_lorikero:target {
   visibility:visible;
   opacity: 1;
   background-color: rgba(255,255,255,0.7);
   position: fixed;
   top:0;
   left:0;
   right:0;
   bottom:0;
   margin: 0;
   z-index: 999;
   -webkit-transition:all 1s;
   -moz-transition:all 1s;
   transition:all 1s;
}
#popup_museo {
   visibility: hidden;
   opacity: 0;
   margin-top: -600px;
}
#popup_museo:target {
   visibility:visible;
   opacity: 1;
   background-color: rgba(255,255,255,0.7);
   position: fixed;
   top:0;
   left:0;
   right:0;
   bottom:0;
   margin: 0;
   z-index: 999;
   -webkit-transition:all 1s;
   -moz-transition:all 1s;
   transition:all 1s;
}
#popup_trementina {
   visibility: hidden;
   opacity: 0;
   margin-top: -900px;
}
#popup_trementina:target {
   visibility:visible;
   opacity: 1;
   background-color: rgba(255,255,255,0.7);
   position: fixed;
   top:0;
   left:0;
   right:0;
   bottom:0;
   margin: 0;
   z-index: 999;
   -webkit-transition:all 1s;
   -moz-transition:all 1s;
   transition:all 1s;
}
#popup_conciertos{
   visibility: hidden;
   opacity: 0;
   margin-top: -1200px;
}
#popup_conciertos:target {
   visibility:visible;
   opacity: 1;
   background-color: rgba(255,255,255,0.7);
   position: fixed;
   top:0;
   left:0;
   right:0;
   bottom:0;
   margin: 0;
   z-index: 999;
   -webkit-transition:all 1s;
   -moz-transition:all 1s;
   transition:all 1s;
}
#popup_vocho{
   visibility: hidden;
   opacity: 0;
   margin-top: -300px;
}
#popup_vocho:target {
   visibility:visible;
   opacity: 1;
   background-color: rgba(255,255,255,0.7);
   position: fixed;
   top:0;
   left:0;
   right:0;
   bottom:0;
   margin: 0;
   z-index: 999;
   -webkit-transition:all 1s;
   -moz-transition:all 1s;
   transition:all 1s;
}
#popup_alicia{
   visibility: hidden;
   opacity: 0;
   margin-top: -300px;
}
#popup_alicia:target {
   visibility:visible;
   opacity: 1;
   background-color: rgba(255,255,255,0.7);
   position: fixed;
   top:0;
   left:0;
   right:0;
   bottom:0;
   margin: 0;
   z-index: 999;
   -webkit-transition:all 1s;
   -moz-transition:all 1s;
   transition:all 1s;
}
#popup_bf{
   visibility: hidden;
   opacity: 0;
   margin-top: -300px;
}
#popup_bf:target {
   visibility:visible;
   opacity: 1;
   background-color: rgba(255,255,255,0.7);
   position: fixed;
   top:0;
   left:0;
   right:0;
   bottom:0;
   margin: 0;
   z-index: 999;
   -webkit-transition:all 1s;
   -moz-transition:all 1s;
   transition:all 1s;
}
#popup_clientes{
   visibility: hidden;
   opacity: 0;
   margin-top: -300px;
}
#popup_clientes:target {
   visibility:visible;
   opacity: 1;
   background-color: rgba(255,255,255,0.7);
   position: fixed;
   top:0;
   left:0;
   right:0;
   bottom:0;
   margin: 0;
   z-index: 999;
   -webkit-transition:all 1s;
   -moz-transition:all 1s;
   transition:all 1s;
}
.popup-contenedor {
   position: relative;
   margin:7% auto;
   padding:30px 50px;
   background-color: #fafafa;
   color:#333;
   border-radius: 3px;
   width:50%;
}
.popup-cerrar {
   position: absolute;
   top:20%;
   left:80%;
   background-color: #ff00ff;
   padding:5px 5px;
   font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
   font-size: 20px;
   text-decoration: none;
   line-height: 1;
   color:#fff;
}
.video-responsive {
    position: relative;
    margin-bottom: 20px;
    padding-top: 56.25%;
}
.video-responsive iframe {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin: auto;
    width: 50%;
    height: 50%;
}
#boton_mutombo{
    background: url(imagenes/mutombo1.png);
 	background-repeat: no-repeat;
    width: 183px;
    height: 139px;
    border: none;
    opacity: 1;
    cursor: cell;
}
#boton_mutombo:hover {
    background: url(imagenes/mutombo2.png);
    z-index: 2;
    opacity: 0.8;
}
#boton_brimstone{
    background: url(imagenes/brimstone1.png);
 	background-repeat: no-repeat;
    width: 183px;
    height: 139px;
    border: none;
    opacity: 1;
    cursor: cell;
}
#boton_brimstone:hover {
    background: url(imagenes/brimstone2.png);
    z-index: 2;
    opacity: 0.8;
}
#boton_lmmr{
    background: url(imagenes/lmmr1.png);
 	background-repeat: no-repeat;
    width: 183px;
    height: 139px;
    border: none;
    opacity: 1;
    cursor: cell;
}
#boton_lmmr:hover {
    background: url(imagenes/lmmr2.png);
    z-index: 2;
    opacity: 0.8;
}
#boton_mca{
    background: url(imagenes/mca1.png);
 	background-repeat: no-repeat;
    width: 183px;
    height: 139px;
    border: none;
    opacity: 1;
    cursor: cell;
}
#boton_mca:hover {
    background: url(imagenes/mca2.png);
    z-index: 2;
    opacity: 0.8;
}
#boton_digiware{
    background: url(imagenes/digiware1.png);
 	background-repeat: no-repeat;
    width: 183px;
    height: 139px;
    border: none;
    opacity: 1;
    cursor: cell;
}
#boton_digiware:hover {
    background: url(imagenes/digiware2.png);
    z-index: 2;
    opacity: 0.8;
}
#boton_jemene{
    background: url(imagenes/jemene1.png);
 	background-repeat: no-repeat;
    width: 183px;
    height: 139px;
    border: none;
    opacity: 1;
    cursor: cell;
}
#boton_jemene:hover {
    background: url(imagenes/jemene2.png);
    z-index: 2;
    opacity: 0.8;
}
#boton_clepsidra{
    background: url(imagenes/clepsidra1.png);
 	background-repeat: no-repeat;
    width: 183px;
    height: 139px;
    border: none;
    opacity: 1;
    cursor: cell;
}
#boton_clepsidra:hover {
    background: url(imagenes/clepsidra2.png);
    z-index: 2;
    opacity: 0.8;
}
#boton_lorikero{
    background: url(imagenes/lorikero1.png);
 	background-repeat: no-repeat;
    width: 183px;
    height: 139px;
    border: none;
    opacity: 1;
    cursor: cell;
}
#boton_lorikero:hover {
    background: url(imagenes/lorikero2.png);
    z-index: 2;
    opacity: 0.8;
}
#boton_museo{
    background: url(imagenes/museo1.png);
 	background-repeat: no-repeat;
    width: 183px;
    height: 139px;
    border: none;
    opacity: 1;
    cursor: cell;
}
#boton_museo:hover {
    background: url(imagenes/museo2.png);
    z-index: 2;
    opacity: 0.8;
}
#boton_trementina{
    background: url(imagenes/trementina1.png);
 	background-repeat: no-repeat;
    width: 183px;
    height: 139px;
    border: none;
    opacity: 1;
    cursor: cell;
}
#boton_trementina:hover {
    background: url(imagenes/trementina2.png);
    z-index: 2;
    opacity: 0.8;
}
#boton_conciertos{
    background: url(imagenes/conciertos1.png);
 	background-repeat: no-repeat;
    width: 183px;
    height: 139px;
    border: none;
    opacity: 1;
    cursor: cell;
}
#boton_conciertos:hover {
    background: url(imagenes/conciertos2.png);
    z-index: 2;
    opacity: 0.8;
}
#boton_vocho{
    background: url(imagenes/vocho1.png);
 	background-repeat: no-repeat;
    width: 183px;
    height: 139px;
    border: none;
    opacity: 1;
    cursor: cell;
}
#boton_vocho:hover {
    background: url(imagenes/vocho2.png);
    z-index: 2;
    opacity: 0.8;
}
#boton_alicia {
    background: url(imagenes/alicia1.png);
 	background-repeat: no-repeat;
    width: 183px;
    height: 139px;
    border: none;
    opacity: 1;
    cursor: cell;
}
#boton_alicia:hover {
    background: url(imagenes/alicia2.png);
    z-index: 2;
    opacity: 0.8;
}
#boton_bf {
    background: url(imagenes/bf1.png);
 	background-repeat: no-repeat;
    width: 183px;
    height: 139px;
    border: none;
    opacity: 1;
    cursor: cell;
}
#boton_bf:hover {
    background: url(imagenes/bf2.png);
    z-index: 2;
    opacity: 0.8;
}
#boton_clientes {
    background: url(imagenes/clientes-05.png);
 	background-repeat: no-repeat;
    width: 67px;
    height: 110px;
    border: none;
    opacity: 1;
    cursor: cell;
}
#boton_clientes:hover {
    background: url(imagenes/clientes-05_2.png);
 	background-repeat: no-repeat;
    z-index: 2;
    opacity: 0.8;
}