html {
	background-color: #3A3B4A; 
	margin:0px;
	padding:0px;
}

body {
	width:1024px;
	height: 1100px;
	margin: auto;	
}
/* INDEX -------------------------------------------------------------*/
header, footer, #slider, #servicios, #niveles, #english, #contacto {  
     display: block;	
}

header {
	width: 1020px;
	height: 189px;
	color: white;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(../images/Cabecera.jpg);
	position:relative;	
}

#logo {
	position:absolute;
	margin-left: -150px;
	margin-top: -90px;		
}

#media1{
	position:absolute;
	margin-left: 700px;
	margin-top: 30px;
}

#media1:hover{
	position:absolute;
	margin-left: 700px;
	margin-top: 30px;
	background-image:url(../images/facebookH.png);
	background-repeat:no-repeat;
}

#media2{
	position:absolute;
	margin-left: 738px;
	margin-top: 30px;
}

#media2:hover{
	position:absolute;
	margin-left: 738px;
	margin-top: 30px;
	background-image:url(../images/twitterH.png);
	background-repeat:no-repeat;
}

#media3{
	position:absolute;
	margin-left: 620px;
	margin-top: 30px;
}

nav {
	display: inline-block;
	padding-top: 75px;
	padding-left: 200px;
	margin: 0;
	width: 900px;
	font-family: Arial;
}

a {
	text-decoration:none;
}

ul {
	margin: 0;
	list-style-type: none;
  	width: 800px;
  	position: relative;
  	display: block;
  	height: 25px;
  	font-size: 12px;
  	font-weight: normal;
  	font-family: Arial;
  	text-align: center;
}

li {
  	display: block;
  	float: left;
  	margin: 10px;
  	padding: 2px;;
	color: white;
}

li:hover {
	text-decoration:underline;
	color: #F9B71D;
	font-weight:bold;s
}

li:visited {
	text-decoration:none;
}

a:visited {
	text-decoration:none;
}

#home {
	width: 100%;
	position: absolute;
	bottom: -3px;
	left: 10px;
	z-index: 2;
}

#home:hover {
	background-image:url(../images/HomeH.png);
	background-repeat:no-repeat;
}

#enlace1 {
	position:absolute;
	width: 100px;
	height: 100px;
	right: 125px;
	top: 240px;
	color: red;
	z-index: 2;
}

#enlace2 {
	position:absolute;
	width: 100px;
	height: 100px;
	right: 125px;
	top: 300px;
	color: red;
	z-index: 2;
}

#enlace3 {
	position:absolute;
	width: 100px;
	height: 100px;
	right: 100px;
	top: 375px;
	color: red;
	z-index: 2;
}

#info1 {
	position: absolute;
	bottom: 175px;
	left: 190px;
	z-index: 2;
}

#info1:hover {
	background-image:url(../images/MasInfoH.png);
	background-repeat:no-repeat;
}

#info2 {
	position: absolute;
	bottom: 40px;
	left: 765px;
	z-index: 2;
}

#info2:hover {
	background-image:url(../images/MasInfoH.png);
	background-repeat:no-repeat;
}

#slider {
	float: left;
	position: relative;
	/*margin-top: -5px;*/
	width: 1020px;
	height: 506 px;
}

#video {
	background-image:url(../images/Video.jpg);
	float:left;
	position: relative;
	background-color:red;
	width: 1020px;
	height: 475px;
}

#screen {
	margin: 0 auto;
	padding-top: 20px;
	width: 640px;
	height: 400px;
	text-align:center;
}

#servicios {
	float:left;
	position: relative;
	width: 1020px;
	height: 691px;
}

#niveles {
	float: left;
	position: relative;
	width: 1020px;
	height: 900px;
	background-color: #2D303A;
}

#english {
	float: left;
	position: relative;
	widht:1020px;
	height: 629px;
}

#contacto {
	float: left;
	position: relative;
	widht: 1020px;
	height: 762px;
}

footer {
	clear: both;
}

/* NIVEL 2 --------------------------------------------------------------*/
#csc, #contratar, #donde, #cuento {
	display:block;
}

#csc {
	float: left;
	position: relative;
	margin-top: -5px;
	width: 1020px;
	height: 1924px;
}

#cuento {
	float: left;
	position: relative;
	margin-top: -5px;
	width: 1020px;
	height: 1959px;
}

#contratar {
	float: left;
	position: relative;
	margin-top: -5px;
	width: 1020px;
	height: 356px;
}

#donde {
	float: left;
	position: relative;
	margin-top: -5px;
	width: 1020px;
	height: 1329px;
}


/* FICHAS ------------------------------------------------------------- */

#ficha1 {
	float: left;
	position: relative;
	margin-top: -5px;
	width: 1020px;
	height: 1300px;
}

#ficha2 {
	float: left;
	position: relative;
	margin-top: -5px;
	width: 1020px;
	height: 1729px;
}

#ficha3 {
	float: left;
	position: relative;
	margin-top: -5px;
	width: 1020px;
	height: 1698px;
}

#ficha4 {
	float: left;
	position: relative;
	margin-top: -5px;
	width: 1020px;
	height: 1518px;
}

#ficha5 {
	float: left;
	position: relative;
	margin-top: -5px;
	width: 1020px;
	height: 1946px;
}

#ficha6 {
	float: left;
	position: relative;
	margin-top: -5px;
	width: 1020px;
	height: 1548px;
}

#ficha7 {
	float: left;
	position: relative;
	margin-top: -5px;
	width: 1020px;
	height: 2204px;
}

#ficha8 {
	float: left;
	position: relative;
	margin-top: -5px;
	width: 1020px;
	height: 1573px;
}

#ficha9 {
	float: left;
	position: relative;
	margin-top: -5px;
	width: 1020px;
	height: 3116px;
}


/*TABLA  ---------------------------------------------------------*/
#tabla{
	margin-left: 200px;
}

.celda:hover {
	background-image:url(../images/Botones/BotonH02.png);
	background-repeat:no-repeat;
	z-index: 2;
}


.celda1 {
	color: white;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../images/Botones/Boton01.png);
	background-repeat:no-repeat;
}

.celda1:hover {
	background-image:url(../images/Botones/BotonH01.png);
	background-repeat:no-repeat;
}

.celda2 {
	color: white;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../images/Botones/Boton02.png);
	background-repeat:no-repeat;
}

.celda2:hover {
	background-image:url(../images/Botones/BotonH02.png);
	background-repeat:no-repeat;
}

.celda3 {
	color: white;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../images/Botones/Boton03.png);
	background-repeat:no-repeat;
}

.celda3:hover {
	background-image:url(../images/Botones/BotonH03.png);
	background-repeat:no-repeat;
}