/* ---------------------- Dolphin nav ---------------------- */
body {
	margin: 0px 0px 0px 0px;
	
}


#dolphincontainer{
	position:relative;height:50px;color:#E0E0E0;background:#143D55;
	width:865px;font-family:Helvetica,Arial,Verdana,sans-serif
	}
#dolphinnav{
	position:relative;height:50px;font-size:12.1pt;text-transform:uppercase;
	font-weight:bold;background:#FFF url(images/dolphin_bg.gif) repeat-x bottom left;padding:0 0 0 0px;
	} 
#dolphinnav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#dolphinnav ul li{display:block;float:left;margin:0px 0px  0px  0px;}
#dolphinnav ul li a{display:block;float:left;color:#EAF3F8;text-decoration:none;padding:0 0 0 20px;height:50px;}
#dolphinnav ul li a span{padding:15px 20px 0px 0px;height:50px;float:left;}
#dolphinnav ul li a:hover{color:#fff;background:transparent url(images/dolphin_bg-OVER.gif) repeat-x bottom left;}
#dolphinnav ul li a:hover span{display:block;width:auto;cursor:pointer;}
#dolphinnav ul li a.current, #dolphinnav ul li a:hover.current{
	color:#fff;
	background:#1D6893 url(images/dolphin_left-ON.gif) no-repeat top left;
	line-height:200%;
	}
#dolphinnav ul li a.current span{
	display:block;padding:0px 20px 0px 0px;
	width:auto;background:#1D6893 url(images/dolphin_right-ON.gif) no-repeat top right;
	height:50px;
	}

/* ---------------------- END Dolphin nav ---------------------- */


#tabla_centro {	position:relative; 	top:1px; 	left:0%; 	width:880px; 	height:820px;	border: 0px solid #D6D6D8;	background-color:#ffffff;	}

#tabla_contenedor {	position:absolute; 	top:5px; 	left:10px; 	width:850px; 	height:139px;	border: 0px solid #D6D6D8;	}

#tabla_sitios {	position:relative; 	top:5px; 	width:170px; 
	margin:0em auto;
	padding:1em 0em 1em 0em;
	border: 0px solid #D6D6D8;
	Background-color:#96adff;
	color:#ffffff;
	}


#tabla_sitios_cuerpo {
	position:relative;	top:5px; 	width:168px; 	border: 0px solid #D6D6D8;
	Background-color:#ffffff;
	}
	#tabla_sitios_cuerpo img {
	position:relative;
	top:0px; 
	margin:1em 0em 1em 0em;
	width:164px; 
	}
	
	
#tabla_contenedor2 {	position:absolute; 	top:220px; 	left:12px; 	width:875px; 	height:625px;	border: 0px solid #D6D6D8;	}

	
#tabla_encabezado1 {	position:absolute; 	top:15px; 	left:365px; 	width:490px; 	height:30px;	font-family:arial black;	font-size:16px;	color:#ffffff;	border: 0px solid #D6D6D8;	padding:5 5 5 5px;	}
	

#tabla_encabezado2 {	position:absolute; 	top:0px; 	left:0px; 	width:855px; 	height:45px;	color:#ffffff;	font-family:Arial;	font-size:16px;	border: 0px solid #D6D6D8;	padding:5 5 5 5px;	background-image:url('ima_portada/fondo21.png')
	}
#tabla_encabezado3 {	position:absolute; 	top:50px; 	left:165px; 	width:525px; 	height:394px;	color:#ffffff;	font-family:Arial;	border: 1px solid #D6D6D8;	padding:0 0 0 0px;	}
		
#tabla_encabezado4 {	position:absolute; 	top:58px; 	left:180px; 	width:483px; 	height:75px;	font-family:arial black;	font-size:16px;	color:#FFFFFF;	border: 0px solid #D6D6D8;
}




#panoramica { 
	position:relative;
	width:100%;
}

#panoramica img {
	width:100%;
}




#portadas {
	position:relative;
	top:3px;
	left:100px;
	float:left;
	weight:auto;
	height:1120px;
	border: 1px solid #D6D6D8;
} 


#marco {
	position:relative;
	
}

#cabecera {

	display:table;
	position: absolute;
	z-index:1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
	

}

#fil,#fil2 {

	display: table-row;
	
}

#cel1,#cel2,#cel3,#cel4,#cel5,#cel6 {
	display: table-cell;
	margin-top: 0px;
	margin-bottom:0px;
	padding:0px 0px 0px 0px;
	vertical-align:middle;
	
}

#cel2 p, #cel3 p, #cel4 p, #cel5 p, #cel6 p {
		margin-top:0px;
		margin-bottom:0px;
		padding:0px 0px 0px 0px;

}

#cel3 p, #cel6 a p {
	width:100%;
	background-color:#256AAB;
	color:#ffffff;
	font-size:1.5em;
	font-family:calibri,arial;
	margin:5px 5px 5px 5px;
	padding: 3px 3px 3px 3px;
	border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 0px solid #000000;
	
} 





#cel1 h1, #cel4 h1 {
		margin-top:0px;
		margin-bottom:0px;
		padding:0px 0px 0px 0px;
}




#cel1 h1 {
	margin-left:-3.4em;
}

#cel4 h1 {
	font-size:2.5em;
}

footer {
	position:relative;
	width:100%;
	padding-top:0.1em;
	
}

footer img {
	position:absolute;
	top:1em;
	width:100%;
	
}

#xpie {
	
	position:relative;
	width:68%;
	z-index:1;
	top:0em;
	height:13.3em;
	padding-top:3.5em;
	margin: 0px auto;
	
	
	
}

#xpie p {
	
	color:#ffffff;
	margin:0em 0em 0em 0em;
	text-align:center;
}


#xpie p a {
	text-decoration:none;
	color:#ffffff;
}

#xpie p a:hover {
	color:#ffffff;
	
}


#estructura4 tr td a {text-decoration:none;
	color:#ffffff;
	}
	
	
#estructura4 tr td a p{
	width:5%;
	background-color:#256AAB;
	color:#ffffff;
	font-size:1.5em;
	font-family:calibri,arial;
	text-align:center;
	margin:5px 5px 5px 5px;
	padding: 3px 3px 3px 3px;
	border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 0px solid #000000;
}


#estructura4 tr td a p span{font-size:1em;}




#estructura tr td p a {text-decoration:none;
	color:#ffffff;
	}
	
	
	#estructura tr td {
		vertical-align:middle;
	}
	
#estructura tr td p a span {
	position:relative;
	width:10%;
	
	background-color:#256AAB;
	color:#ffffff;
	font-size:1.5em;
	font-family:calibri,arial;
	padding: 3px 3px 3px 3px;
	border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 0px solid #000000;
	
}

#tabla_sitios_cuerpo a {
	text-decoration:none;
	color:#ffffff;
	
}

#tabla_sitios_cuerpo a span {
	position:relative;
	width:20%;
	top:0.3em;
	background-color:#256AAB;
	color:#ffffff;
	font-size:1.5em;
	font-family:calibri,arial;
	padding: 3px 3px 3px 3px;
	
	border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 0px solid #000000;
	
}


.contenedor{
    position: relative;
    display: inline-block;
    text-align: center;
}
 
.texto-encima{
    position: absolute;
	width:10%;
    top: 10px;
    left: 10px;
	background-color:#256AAB;
	color:#ffffff;
	font-size:1.5em;
	font-family:calibri,arial;
	padding: 3px 3px 3px 3px;
	border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 0px solid #000000;
	
	
}
.centrado{
    position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.marco{
    position: relative;
    display: inline-block;
    text-align: center;
}