* {
	padding: 0;
	margin: 0;
}

body {
	background-color:#000080; 
	color:#fff; 
	font: 1.1em Comic Sans MS, sans-serif
	}
	
img {
		border:2px solid white
		}
	
a:link, a:visited {
  font-family: Comic Sans MS, sans-serif;
	color:#fff;	
	text-decoration:none
	}
		
a:hover {
	font-family: Comic Sans MS, sans-serif;
	color:#666;
	text-decoration:none
	}

a:hover[name] {
		color: #fff;
	}

blockquote, dd, ol{
	margin-left: 25px;
}

/*--MENU PRINCIPAL--*/
	
#menu {
	position:absolute;
	top:250px;
	text-decoration:none;
	margin-left: 30px;
	}

#menu li{
  display: block;
	list-style-type: none;
	margin-bottom: 10px;
	margin-left: 0px;

}
#menu ul li a{
  width: 170px;
  height: 30px;
	padding: 4px 0px 0px 10px;
	display: block;
	background: url(imagenes/botonera.png) left top no-repeat;
}

#menu li a:hover{
width: 170px;
height: 30px;
	background: url(imagenes/botonera.png) left -75px no-repeat;
	color: #333;
}

/*--HEADER--*/
	
#logo {
	position:absolute;
	top:30px;
	left:20px
	border:solid;
	}
#logo img, #logoi img{
 border: none;
}
#logo img{
   padding-left:20px;
}
	
.cabecera {
	position:absolute;
	top:50px;
	left:450px
	}

.cabfotouno {
	position:absolute;
	top:140px;
	left:400px
	}
	
.cabfotodos {
	position:absolute;
	top:140px;
	left:700px
	}

/*** CONTAINER ***/

#cuerpog{
	position:absolute;
	top:10em;
	left:0;
	padding-bottom: 20px;
	}

	
#cuerpo{
	position:absolute;
	top:250px;
	left:300px;
	padding-bottom: 30px;
	}
#cuerpo img#cies {
		border:2px solid white
		}
	
.clic p{
	font-size:.6em}
	
#fotosbarco {
	position:absolute; 
	top:350px}
	
#fotosbarco img {
	border:1px solid white
	}
	
	
.islas {
	margin-left:50px
	}
	
.islas img{
	margin-right:10px;
	margin-left:30px; 
	border:1px solid white
	}
	
.cuerpo img{
	border: 1px solid white
	}
	
.dclic {
	margin-right:70px
	}
	
.dclic p{
	font-size:.6em}
	
#donde{
	margin-left:60px
	}
h1, h2, h3 {
  color:#ff9900
}

	
#puesta img {
	margin-right:70px
	}
	
dt {
	font-size:1.1em;
	color:#ffffff
	}
	
#batea {
	float:right;
	margin-top:0px
	}
	
.islascies {
	margin-left:50px
	}
	
.islascies img {
	border:solid 1px #fff
	}
	
.islascies img.mapa {
	border: solid 4px #fff;
	float: right; 
	margin: 0 25px
	} 
	
#mapacies {
	margin-left:0px
	}

#estelas img {
	float:right;margin-top:0px
	}
	
#achondo table{
	width: 200px;
	margin-left: auto;
	margin-right: auto;
}

#cachondo td {
	font-size:.6em;
	text-align: center;
	}
	
#cachondo th{
	font-size:.8em
	}
	
.video {
	margin-top:30px
	}

#videoscies {
	width: 100%;
}

#videoscies table {
	margin: 10px auto;
	text-align: center;
}

#videoscies td {
	font-size:.6em;
	text-align: center;
	padding: 5px 10px 0px;
	}

	#videoscies th {
	font-size:.7em;
	text-align: center
	}

#videoscies table#vcies caption {
	text-align: center;
	margin: 10px auto;
}
/**** TABLA EN GALERIAS ****/

table.gtabla{
	margin: 0px auto;
	padding: 1.5em;
}

table.gtabla a:link img{
	width: 50px;
	height: 50px;
	border-color: #fff;	
}

table.gtabla a:hover img{
	width: 50px;
	height: 50px;
	border-color: #f90;
	
}
table img{
	border-width: 2px;
	border-color: #fff;
	margin: 0.85em;
}
table.ec_tabla{
  margin: 50px auto auto;
	padding: 3.5em;
	order: solid;
}


.imagenes_v{
	width: 310px;
	margin: 20px auto;
	padding-bottom: 7px;
}

.imagenes{
	width: 410px;
	margin: 20px auto;
	padding-bottom: 7px;
}

.imagenes img, .imagenes_v img{
  padding: 0px;
	border-style: double;
	border-width: 5px;
	border-color: #fff;
}

.imagenes p, .imagenes_v p{
	text-align: center;
}


#logoi{
	margin-top: 10px;
	margin-left: 30px;
}


/* ----GALERIAS---- */

#wrap{
	margin-top: 5em;
  margin-left: 3em;
  margin-bottom: 0.5em;
  padding-bottom: 1.5em;
  height: 106px;
  width: 400px;
  overflow: hidden;
  position:relative;
}

#wrap ul li{
display: inline;
list-style-type: none;
height: 106px;
	width: 106px;
}


#wrap ul li#tec{
position: absolute;
top:10px;
left: 0px;
}

#wrap ul li#cur{
position: absolute;
top:10px;
left: 148px;
}

#wrap ul li#eve{
position: absolute;
top:-15px;
right: 0px;
}

#wrap ul li#tec a{
background:url(imagenes/tecnico_2.jpg) 0px 0px no-repeat;
padding: 10px 78px 72px 30px;
}

#wrap ul li#cur a{
background:url(imagenes/cursos_2.jpg) 0px 0px no-repeat;
padding: 10px 78px 72px 30px;
}
li#eve a{
background: url(imagenes/eventos_2.jpg) 0px 40px no-repeat;
padding: 25px 78px 97px 30px;
}

#wrap ul li#tec a:hover{
background:url(imagenes/tecnico_2.jpg) 0px -150px no-repeat;
}

#wrap ul li#cur a:hover{
background:url(imagenes/cursos_2.jpg) 0px -150px no-repeat;
}

#wrap ul li#eve a:hover{
background:url(imagenes/eventos_2.jpg) 0px -110px no-repeat;
}

p.tcet{
margin: 70px auto auto;
text-indent: 0.5em;
}

p.tcec{
margin: 70px auto auto;
text-indent: 2em;
}
p.tcev{
margin: 95px auto auto;
text-indent: 1.8em;
}

p.tcet, p.tcec, p.tcev{
font-size: 0.8em;
font-weight: bolder;
}



p#rastro{
	text-indent: 3em;
	padding-top: 1em;
	font-size: 1em;
	color: #f90;
}
p#rastro a{
	color: #f90;
}
p#rastro a:hover{
	color: #ccc;
}

#botones{
	border: solid 1px #9090D5;
	width: 170px;
	height: 50px;
	margin: 10px auto;
	
}


#botones li{
	border: none;
	display: inline;
	padding: 2px 5px 5px 5px;
	margin: 0px auto;
	}
#botones li#iz a{
	padding: 2px 12px 15px 22px;
	background: url(imagenes/bot_i.png) 0 0 no-repeat;
}

#botones li#ar a{
	padding: 2px 12px 15px 22px;
	background: url(imagenes/bot_a.png) 0 0 no-repeat;
}

#botones li#der a{
	padding: 2px 12px 15px 22px;
	background: url(imagenes/bot_d.png) 0 0 no-repeat;
}

#botones li#iz a:hover{
	background: url(imagenes/bot_i.png) left -49px no-repeat;
}

#botones li#ar a:hover{
	background: url(imagenes/bot_a.png) left -50px no-repeat;
}

#botones li#der a:hover{
	background: url(imagenes/bot_d.png) left -49px no-repeat;
}