@charset "UTF-8";
/* CSS Document */

/* CON ESTO SE VE EN EL EXPLORER  */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display: block;
}
 
body {
	margin:0px;
}
img{border:0px;}

.textocorre {
	width:800px;
	height:18px;
	position:absolute;
	clear: left;
	left: 50%;
	margin: 0px -400px;
	z-index: -15;
}

.izquierda {
	position:absolute;
	left:50%;
	top:0px;
	width:268px;
	height:782px;
	margin-left: -668px; 
	z-index:3;
	visibility: visible;
	
}
/*EMPIEZA TODO EL CSS PARA EFECTO FADE EN EL fondo izquierdo */.izquierda{
	-webkit-animation: fadeizquierda 5s;
}

@keyframes fadeizquierda { 
from { opacity:0; } to { opacity:1; }
	}
	
	@-webkit-keyframes fadeizquierda { 
from { opacity:0; } to { opacity:1; }
	}
/*ACABA TODO EL CSS PARA EFECTO FADE EN EL fondo izquierdo */
.derecha {
	position:absolute;
	left:50%;
	top:0px;
	width:268px;
	height:782px;
	margin-left: 400px; 
	z-index:3;
	visibility: visible;
	
	
}
/*EMPIEZA TODO EL CSS PARA EFECTO FADE EN EL fondo derecho */.derecha{
	-webkit-animation: fadederecha 5s;
}

@keyframes fadederecha { 
from { opacity:0; } to { opacity:1; }
	}
	
	@-webkit-keyframes fadederecha { 
from { opacity:0; } to { opacity:1; }
	}
/*ACABA TODO EL CSS PARA EFECTO FADE EN EL fondo derecho */

header{
	width:799px;
	height:238px;
	position:absolute;
    clear: left;
	left: 50%; 
	margin: 25px -400px;
	z-index: -10;
	
}


/*EMPIEZA TODO EL CSS PARA EFECTO FADE EN EL CONTENIDO -> HEADER */header{
	-webkit-animation: fadeheader 4s;
}

@keyframes fadeheader { 
from { opacity:0; } to { opacity:1; }
	}
	
	@-webkit-keyframes fadeheader { 
from { opacity:0; } to { opacity:1; }
	}
/*ACABA TODO EL CSS PARA EFECTO FADE EN EL O -> HEADER */

.campa{
	width:165px;
	position:absolute;
    clear: left;
	left: 50%; 
	margin: 45px 235px;
	z-index: 55;
	
}



.premio{
	width:300px;
	position:absolute;
    clear: left;
	left: 50%; 
	margin: 25px -70px;
	z-index: 55;
	
}



nav{
	width:800px;
	position:absolute;
    clear: left;
	left: 50%; 
	margin: 263px -400px;
	z-index: 10;
	-webkit-animation: superiores 4s;
}
/*EMPIEZA TODO EL CSS PARA EFECTO TRANSLATE NAV */
@keyframes superiores { 
0% {-webkit-transform: translate(-800px, 0px);}
100% {-webkit-transform: translate(0px, 0px);}
	}
	
	@-webkit-keyframes superiores { 
0% {-webkit-transform: translate(-800px, 0px);}
100% {-webkit-transform: translate(0px, 0px);}
	}

/*ACABA TODO EL CSS PARA EFECTO TRANSLATE NAV */


.botonesinf{
	width:800px;
	position:absolute;
    clear: left;
	left: 50%; 
	margin: 526px -400px;
	z-index: -10;
	-webkit-animation: inferiores 4s;
}
/*EMPIEZA TODO EL CSS PARA EFECTO TRANSLATE BOTONES INFERIORES */
@keyframes inferiores { 
0% {-webkit-transform: translate(-800px, 0px);}
100% {-webkit-transform: translate(0px, 0px);}
	}
	
	@-webkit-keyframes inferiores { 
0% {-webkit-transform: translate(-800px, 0px);}
100% {-webkit-transform: translate(0px, 0px);}
	}

/*ACABA TODO EL CSS PARA EFECTO TRANSLATE BOTONES INFERIORES */


section{
	width:780px;
	position:absolute;
    clear: left;
	left: 50%; 
	margin: 324px -390px;
	z-index: 10;
	-webkit-animation: section 4s;
}
/*EMPIEZA TODO EL CSS PARA EFECTO TRANSLATE SECTION */
@keyframes section { 
0% {-webkit-transform: translate(800px, 0px);}
100% {-webkit-transform: translate(0px, 0px);}
	}
	
	@-webkit-keyframes section { 
0% {-webkit-transform: translate(800px, 0px);}
100% {-webkit-transform: translate(0px, 0px);}
	}

/*ACABA TODO EL CSS PARA EFECTO TRANSLATE SECTION */

.titulos{
	width:800px;
	
	position:absolute;
    clear: left;
	left: 50%; 
	margin: 580px -400px;
	-webkit-animation: titulosanima 3s;
	
}
/*EMPIEZA TODO EL CSS PARA EFECTO TRANSLATE titulos */
@keyframes titulosanima { 
0% {-webkit-transform: translate(0px, 650px);}
100% {-webkit-transform: translate(0px, 0px);}
	}
	
	@-webkit-keyframes titulosanima { 
0% {-webkit-transform: translate(0px, 650px);}
100% {-webkit-transform: translate(0px, 0px);}
	}

/*ACABA TODO EL CSS PARA EFECTO TRANSLATE titulos */

.contenido{
	width:800px;
	
	position:absolute;
    clear: left;
	left: 50%; 
	margin: 700px -400px;
	-webkit-animation: contenidoanima 3s;
	
}

/*EMPIEZA TODO EL CSS PARA EFECTO TRANSLATE contenido */
@keyframes contenidoanima { 
0% {-webkit-transform: translate(0px, 650px);}
100% {-webkit-transform: translate(0px, 0px);}
	}
	
	@-webkit-keyframes contenidoanima { 
0% {-webkit-transform: translate(0px, 650px);}
100% {-webkit-transform: translate(0px, 0px);}
	}

/*ACABA TODO EL CSS PARA EFECTO TRANSLATE contenido */

footer{
	width:800px;
	
	position:absolute;
    clear: left;
	left: 50%; 
	margin: 1015px -400px;
	-webkit-animation: animado 3s;
	
}

/*EMPIEZA TODO EL CSS PARA EFECTO TRANSLATE FOOTER */
@keyframes animado { 
0% {-webkit-transform: translate(0px, 150px);}
100% {-webkit-transform: translate(0px, 0px);}
	}
	
	@-webkit-keyframes animado { 
0% {-webkit-transform: translate(0px, 150px);}
100% {-webkit-transform: translate(0px, 0px);}
	}

/*ACABA TODO EL CSS PARA EFECTO TRANSLATE FOOTER */



	
.ladoizquierdo {
	background-image: url(interfase/titulos/ladoizquierdo.jpg);
}
.ladoderecho {
	background-image: url(interfase/titulos/ladoderecho.jpg);
}





/*EMPIEZA TODO EL CSS PARA EFECTO FADE EN EL BOX MENU */
.transparencia{
	-webkit-animation: transpa 2s;
}

@keyframes transpa { 
from { opacity:0; } to { opacity:1; }
	}
	
	@-webkit-keyframes transpa { 
from { opacity:0; } to { opacity:1; }
	}

</style>

<!-- /*ACABA TODO EL CSS PARA EFECTO TRANSPARENCIA */--


<!-- /*EMPIEZA EL CODIGO PARA LOS TOOLTIPS */ -->

a.Ntooltip {
position: relative; /* es la posición normal */
text-decoration: none !important; /* forzar sin subrayado */
color:#0080C0 !important; /* forzar color del texto */
font-weight:bold !important; /* forzar negritas */

}

a.Ntooltip:hover {
z-index:999; /* va a estar por encima de todo */
 /* DEBE haber un color de fondo */
}

a.Ntooltip span {
display: none; /* el elemento va a estar oculto */
}

a.Ntooltip:hover span {
display: block; /* se fuerza a mostrar el bloque */
position: absolute; /* se fuerza a que se ubique en un lugar de la pantalla */
top:150px; 
	left:50%; 
	margin-left:217px; /* donde va a estar */
width:340px; /* el ancho por defecto que va a tener */
padding:0px; /* la separación entre el contenido y los bordes */
 /* el color de fondo por defecto background-color: #0080C0;*/
color: #FFFFFF; /* el color de los textos por defecto */
z-index:999;
}
.izqglobogrande {
	background-image: url(imagenes/izqglobogrande.png);
}
.textoblanco {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	color: #FFF;
	font-weight: lighter;
}

.fondoglobo {
	background-image: url(imagenes/tool_globo4.png);
}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}


<!-- /*ACABA EL CODIGO PARA LOS TOOLTIPS */ -->