@font-face {  font-family: "Roboto";  font-style: normal;  font-weight: normal;  color: #000;  src: url(roboto.ttf);	}	@font-face {  font-family: "Lato";  font-style: normal;  font-weight: normal;  color: #000;  src: url(lato.ttf);	}html, body {	height: 100%;	max-height: 100%;}body {	margin: 0;	font-family: "Open Sans","Lato",Helvetica,Arial,sans-serif;	font-weight: 300;	font-size: 1em;	background-color: #000;	color: #fff;}a,a:link,a:active,a:visited{ 	text-decoration:none; 	cursor:pointer;	color: #fff;}a:hover{	color: #E00000;}img{	max-width: 100%;	height: auto;	padding: 0px;	margin:0px;	margin-bottom: -0.3em;}div{	margin:0px;	padding: 0px;}.transicion{	-webkit-transition: all 0.3s ease-in-out !important;	-moz-transition: all 0.3s ease-in-out !important;	-ms-transition: all 0.3s ease-in-out !important;	-o-transition: all 0.3s ease-in-out !important;	transition: all 0.3s ease-in-out !important;}#contenido{	position:absolute;	width: 100%;	height: 100%;	top: 0px;	left: 0px;	text-align:center;}#container{	z-index: 1;}#loading{	position:absolute;	width: 100%;	height: 100%;	z-index: 100;	display:none;	background: #000;	opacity: 0.6;}/* MAQUETACION GENERAL */.botones_peq, .botones_med, .botones_gra{	position:relative;	border: 0px;	cursor: pointer;	clear: both;	margin-left: 0.25em;	margin-right: 0.25em;	outline: 0;       	outline-style:none;       	outline-width:0;  	background-color: transparent;  	background-repeat: no-repeat;	background-position: 0 0;	}.botones_peq{	width: 1.5em;	height: 1.5em;		background-size: 1.5em 3em;}.botones_med{  	width: 2em;	height: 2em;	background-size: 2em 4em;}.botones_gra{  	width: 2.5em;	height: 2.5em;	background-size: 2.5em 5em;}.botones_peq:hover, .botones_med:hover, .botones_gra:hover{	background-position: 0 100%;}.button_select{	background-position: 0 100%;}.hueco2{	position:relative;	clear:both;	width:100%;	height: 2em;	background: transparent;}/* MENUS */#menu_juego, #menu_interior{	position:fixed;	bottom:1em;		z-index: 52;	background: transparent;	text-align: center;	left: 50%;   transform: translate(-50%, 0);   -webkit-transform: translate(-50%, 0);	-moz-transform: translate(-50%, 0);}#banda_inferior{	position:fixed;	width: 100%;	height: 3em;	bottom: 0;		z-index: 50;	background: #000;	text-align: center;	left: 50%;   transform: translate(-50%, 0);   -webkit-transform: translate(-50%, 0);	-moz-transform: translate(-50%, 0);	-webkit-box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 1);	-moz-box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 1);	box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 1);}#botonera_juego {	position: relative;	clear:both;	margin-left: auto;	margin-right: auto;	margin-top: 1em;	z-index: 51;	background: transparent;}#logo_juego, #logo_interior{	position: relative;	clear:both;	margin-left: auto;	margin-right: auto;	z-index: 50;}#logo_interior{	cursor: pointer;	}	#img_logo{	max-height: 1em;}#btn_table{	background-image: url(../img/menu/table.png);	}#btn_sphere{	background-image: url(../img/menu/sphere.png);}#btn_helix{	background-image: url(../img/menu/helix.png);}#btn_grid{	background-image: url(../img/menu/grid.png);}/* FIN MENU *//* PIE */#help, #contacto, #navegar{	position:fixed;	bottom: 1em;	color: #fff;	font-size: 0.8em;	z-index: 51;	background: #transparent;}#contacto{		right: 1em;}#help, #navegar{		left: 1em;}#btn_help{	position:absolute;	bottom: 0px;	left: 0px;	background-image: url(../img/menu/help.png);}#btn_contacto{	background-image: url(../img/menu/contacto.png);	}#controles {	position: relative;	float:left;	background: transparent;	margin-left: 2.5em;	display:none;}#img_controles{		max-height: 4em;}#btn_home{	background-image: url(../img/menu/home.png);	}#btn_volver{	background-image: url(../img/menu/volver.png);	}/* FIN PIE *//* HOME */#fondo_auxiliar{	position:absolute;	width: 100%;	height: 100%;	background-size: cover;	background-position: center;	background-repeat: no-repeat;	overflow:hidden;	margin:auto;	opacity: 0.4;		z-index: -10;	-webkit-box-shadow: inset 0px 0px 200px 50px rgba(0, 0, 0, 1);	-moz-box-shadow: inset 0px 0px 200px 50px rgba(0, 0, 0, 1);	box-shadow: inset 0px 0px 200px 50px rgba(0, 0, 0, 1);		background-image: url(../img/vacio.gif);   }#halo{	position:absolute;	width:100%;	height:100%;	background:radial-gradient(circle, white 40px, lightblue 45px, transparent 50px); }.home_elemento, .home_elemento_vacio, .home_elemento_redondo, .home_elemento_vacio_redondo {		position:relative;		width: 380px;		height: 280px;	min-height: 280px;		box-shadow: 0px 0px 20px rgba(224,0,0,0.5);		cursor: pointer;		overflow: visible;	}	.home_elemento_redondo, .home_over_redondo, .home_elemento_vacio_redondo{	width: 280px;		border-radius: 50%;}.home_elemento:hover, .home_elemento_redondo:hover{	box-shadow: 0px 0px 60px rgba(224,0,0,1);	}	.home_enlace{	color: #fff;	font-weight: normal;}.home_enlace:hover{	color: #fff;	text-decoration: underline;}.home_contenedor{	position:relative;	width: 100%;	height: 100%;	margin-left: auto;	margin-right: auto;}.home_titulo{	position:relative;	clear:both;		font-size: 2em;	padding: 1%;	margin-left: auto;	margin-right: auto;	font-weight: bold;		text-align: center;	top: 50%; 	transform: translateY(-50%); 	-webkit-transform: translateY(-50%);	-moz-transform: translateY(-50%);}.home_foto, .home_foto_clientes, .home_foto_corporativo{	position:relative;	clear: both;	width: 100%;	height: 100%;	background-color: transparent;	overflow: hidden;}.home_foto img{	position:relative;	display:block;	max-width: 100%;	max-height: 100%;	margin-left: auto;	margin-right: auto;	background: #fff;	top: 50%; 	transform: translateY(-50%); 	-webkit-transform: translateY(-50%);	-moz-transform: translateY(-50%);}.home_foto_clientes img{	position:relative;	display:block;	max-width: 96%;	max-height: 96%;	margin-left: auto;	margin-right: auto;	background: #fff;	padding: 2%;	top: 50%; 	transform: translateY(-50%); 	-webkit-transform: translateY(-50%);	-moz-transform: translateY(-50%);}.home_foto_corporativo img{	position:relative;	display:block;	max-width: 96%;	max-height: 96%;	margin-left: auto;	margin-right: auto;	background: transparent;	padding: 2%;	top: 50%; 	transform: translateY(-50%); 	-webkit-transform: translateY(-50%);	-moz-transform: translateY(-50%);}.home_over, .home_over_redondo{	position:absolute;	top: 0px;	left: 0px;	width: 100%;	height: 100%;	background: rgba(255, 255, 255, 0.9);	color: rgba(224,0,0,1);	display:block;	z-index: 50;	opacity: 0;	-webkit-transition: all 0.2s ease-in-out !important;	-moz-transition: all 0.2s ease-in-out !important;	-ms-transition: all 0.2s ease-in-out !important;	-o-transition: all 0.2s ease-in-out !important;	transition: all 0.2s ease-in-out !important;}#textos_home{	position:absolute;	top: 1em;	right: 2em;	width: 30%;	text-align: right;	color: rgba(255,255,255,1);	display:block;	font-style: italic;	font-size: 0.8em;	z-index: 50;	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);}/* FIN HOME *//* TRABAJOS */#trabajos{	position:relative;	width: 95%;	margin-left: auto;	margin-right: auto;	margin-bottom: 4em;	border: 1px solid red;}#cliente_trabajos{	position:relative;	float:left;	width: 25%;	height: 100%;	padding-left: 2.5%;	padding-right: 2.5%;	text-align: left;	/*background-image: -webkit-linear-gradient(top, rgba(224,0,0,0), rgba(224,0,0,1));*/}#logo_cliente{	position: relative;	clear:both;	width: 90%;	padding: 2.5%;	background: #fff;}#mas_trabajos{	position:relative;	float:right;	clear:both;	margin-top: 0.5em;}#btn_mas_trabajos{	background-image: url(../img/trabajos/mas_trabajos.png);}/* FIN TRABAJOS */	}