/* CSS Document */
.style11 {font-size: small}
.style12 {font-size: small; color: #FFFFFF; }
.style14 {font-family: Verdana;	font-size: 11px; font-weight: bold;}
.style15 { font-size: 11px;	font-family: Verdana;}
.style16 {font-family: Verdana}
.style17 {font-size: 11px}
 
 body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}
 dd { margin:0 }
.style1{margin-right: 0px;}
.style2 { font-family: "Eureka Sans";color: #FFFFFF;}

#Inicio {
	background-image: url(imgs/inicio_up.gif);
	width: 52px;
	height: 32px;
}
#Inicio:hover {
	width: 52px;
	height: 32px;
	background-image: url(imgs/inicio_over.gif);
}
#Directorio {
	background-image: url(imgs/directorio_up.gif);
	width: 81px;
	height: 32px;
}
#Directorio:hover {
	width: 81px;
	height: 32px;
	background-image: url(imgs/directorio_over.gif);
}
#Contacto {
	background-image: url(imgs/contacto_up.gif);
	width: 72px;
	height: 32px;
}
#Contacto:hover {
	width: 72px;
	height: 32px;
	background-image: url(imgs/contacto_over.gif);
}
#Mapa {
	background-image: url(imgs/mapa_up.gif);
	width: 100px;
	height: 32px;
}
#Mapa:hover {
	width: 100px;
	height: 32px;
	background-image: url(imgs/mapa_over.gif);

}
#Idioma {
	background-image: url(imgs/idioma_up.gif);
	width: 100px;
	height: 32px;
}
#Idioma:hover {
	width: 100px;
	height: 32px;
	background-image: url(imgs/idioma_over.gif);
}

/* MENU PRINCIPAL */
.menu_principal {
	padding:0;
	margin:0;
	border-width:0;
	background-color:#E3EAEE;
	text-transform:uppercase;
}
#menu_principal {
	padding:0;
	margin:0;
	border-width:0;
	background-color:#D1ECF3;
}

.menu_principal ul {
	font-family: Verdana;
	list-style-image:url(imgs/bullet_blue3.gif);
	margin:0px;
	border-width:0px;
	/*margin-right:2px;*/
	margin-left:15px;
	padding-top:5px;
	padding-bottom:12px;
	padding-left:5px;
}

.menu_principal li {
    margin:0;
	border-width:0;
	padding:0;
	font-size:10px;
	text-align:left;
	padding-bottom:8px;
}
.menu_principal a {
    color:#595959;
	text-decoration:none;    
}
.menu_principal a:hover {
	color: #69ABDB;
	text-decoration: none;
}

#seccion_quienessomos #menu_principal #quienessomos a,
#seccion_acerca #menu_principal #acerca a,
#seccion_infraestructura #menu_principal #infraestructura a,
#seccion_serviciosportuarios #menu_principal #serviciosportuarios a,
#seccion_oportunidades #menu_principal #oportunidades a,
#seccion_serviciosenlinea #menu_principal #serviciosenlinea a,
#seccion_tarifas #menu_principal #tarifas a,
#seccion_programacionbuques #menu_principal #programacionbuques a,
#seccion_estadisticas #menu_principal #estadisticas a,
#seccion_area9 #menu_principal #area9 a,
#seccion_area10 #menu_principal #area10 a
{
    color:#FFFFFF;
	text-decoration:none;
}	

a.titulo_notaprincipal {
	font-family: Verdana;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #0768A9;
	text-decoration: none;
}
a.titulo_notaprincipal:hover {
	font-family: Verdana;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #0768A9;
	text-decoration: underline;
}
.titulo_notasecundaria1 {
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #5D98D3;
	text-decoration: none;
}
.titulo_seccioninterior {
	font-family: Verdana;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #00B5CC;
	text-decoration: none;
}
.subtitulo_seccioninterior {
	font-family: Verdana;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	color: #595959;
	list-style-position: outside;
	list-style-type: square;
	list-style-image: url(imgs/spacer_blanco.gif);
	text-decoration: none;
}
a.titulo_notasecundaria2 {
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #5D98D3;
	text-decoration: none;
}
a.titulo_notasecundaria2:hover {
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #5D98D3;
	text-decoration: underline;
}
a.titulo_notasecundaria2:active {
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: underline;
}
a.notas_rapidas {
	font-family: Verdana;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #595959;
	text-decoration: none;
}
a.notas_rapidas:hover {
	font-family: Verdana;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #595959;
	text-decoration: underline;
}
a.enlaces {
	font-family: Verdana;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #595959;
	text-decoration: none;
}
a.enlaces:hover {
	font-family: Verdana;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #0768A9;
	text-decoration: underline;
}

a.ver_mas {
	font-family: Verdana;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #00B5CC;
	text-decoration: none;
}
a.ver_mas:hover {
	font-family: Verdana;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #00B5CC;
	text-decoration: underline;
}
a.ver_todas2 {
	font-family: Verdana;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #00B5CC;
	text-decoration: none;
}
a.ver_todas2:hover {
	font-family: Verdana;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #00B5CC;
	text-decoration: underline;
}

.busqueda {
    border:none;
	background-color:#A5A5A5;
	border-color: #595959;
	font-family: "Eureka Sans";
	font-size: 12px;
	font-style: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
}

.titulo_notas {
	font-family: Verdana;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
}
a.titulo_notasvinculo {
	font-family: Verdana;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: underline;
}
a.titulo_notasvinculo:hover {
	font-family: Verdana;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: underline;
}
.eureKatitulos {
	font-family: "Eureka Sans";
	color: #FFFFFF;
	font-size: 16px;
	font-weight: normal;
}

.fecha_noticias {
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #808080;
	text-decoration: none;
}
.imprimir_enviar {
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #808080;
	text-decoration: none;
}
.imprimir_enviar:hover {
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #808080;
	text-decoration: underline;
}
.separador {
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #00B5CC;
	text-decoration: none;
}	
.breadcrumb {
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #00B5CC;
	text-decoration: none;
}
.breadcrumb:hover {
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #00B5CC;
	text-decoration: underline;
}
.breadcrumb2 {
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #00B5CC;
	text-decoration: none;
}
.txt_gral {
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #595959;
	text-decoration: none;
}
.actualizacion {
	font-family: Verdana;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #808080;
	text-decoration: none;
}
.footer {
	font-family: Verdana;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
}
a.links_articulo {
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: uppercase;
	color: #6AAADB;
	text-decoration: underline;
}
a.links_articulo:hover {
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: uppercase;
	color: #6AAADB;
	text-decoration: underline;
}
a.footer {
	font-family: Verdana;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
}

a.footer:hover {
	font-family: Verdana;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: underline;
}
.menu_interior {
	padding:0;
	margin:0;
	border-width:0;
	background-color:#E3EAEE;
}
.normateca {
	font-family: Verdana;
	font-size: 13px;
	font-style: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
}

.link {
	padding:0;
	margin:0;
	border-width:0;
	background-color:#FFFFFF;
}
#link {
	padding:0;
	margin:0;
	border-width:0;
	background-color:#D1ECF3;
}
.link ul {
	font-family: Verdana;
	list-style-image:url(imgs/bullet_blue3.gif);
	margin:0;
	border-width:0;
	margin-right:2px;
	margin-left:15px;
	padding-top:12px;
	padding-bottom:12px;
	padding-left:10px;
}
.link li {
    margin:0;
	border-width:0;
	padding:0;
	font-size:10px;
	text-align:left;
	padding-bottom:8px;
}
.link a {
    color:#595959;
	text-decoration:none;    
}
.link a:hover {
	color: #69ABDB;
	text-decoration: none;
}

.txt_gral2 {
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	color: #E3EAEE;
	text-decoration: none;
	text-align:center;
}


/* thickbox revised */

#TB_window {}
#TB_secondLine {}
#TB_window a:link {color:#039;}
#TB_window a:visited {color:#039;}
#TB_window a:hover {color:#039;}
#TB_window a:active {color:#039;}
#TB_window a:focus {outline:0;}
#TB_overlay {position:fixed; z-index:999; top:0px; left:0px; height:100%; width:100%;}
.TB_overlayMacFFBGHack {background: url(/images/tb-mac-overlay.png) repeat;}
.TB_overlayBG {background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;}
#TB_window {position:fixed; background:#fff url(/images/tb-emblem.gif) no-repeat center 10px; z-index:999; display:none; border:2px solid #fff; text-align:left; top:50%; left:50%;}
#TB_window img #TB_Image {display:block; margin:15px 0 0 15px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-top:1px solid #666; border-left:1px solid #666;}
#TB_caption {height:25px; float:left;}
#TB_closeWindow {height:25px; float:right;}
a#TB_closeWindowButton {background:url(/images/tb-btn-close.gif) no-repeat right top; display:block; text-indent:-9999px; text-align:left; width:70px; height:26px; margin:-9px -12px 2px 0;}
a#TB_closeWindowButton:hover {background-position:bottom;}
#TB_closeAjaxWindow {padding:7px 10px 0 0; float:right; margin:2px 2px 0 0; font-size:10px; text-transform:uppercase; color:#666; text-align:center;}
#TB_ajaxWindowTitle {float:left; padding:6px 0 0 10px; font-size:12px; color:#036;}
#TB_title {height:45px !important;}
#TB_ajaxContent {clear:both; padding:20px 15px 15px 15px; overflow:auto; text-align:center;}
#TB_ajaxContent.TB_modal {padding:15px; color:#000;}
#TB_ajaxContent h2 {font-size:13px; color:#000; margin-bottom:.3em;}
#TB_ajaxContent p {font-size:12px;}
#TB_ajaxContent div.graybox {width:340px; background-color:#ccc; padding:6px 0 4px 0; margin:10px auto; overflow:hidden;}
#TB_ajaxContent div.graybox div {padding:4px 0;}
#TB_load {position:fixed; display:none; height:13px; width:208px; z-index:103; top:50%; left:50%; margin:-6px 0 0 -104px;}
#TB_HideSelect {z-index:99;position:fixed; top:0; left:0; border:none; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; height:100%; width:100%;}
#TB_iframeContent {clear:both; overflow:hidden;}
h2 {font-family:Georgia,"Times New Roman",Times,serif; color:#036;}
h2 {font-size:1.3em;}
p {font-family:Verdana,Arial,Helvetica,sans-serif;}
p {font-size:1.0em;}

/* ESTILOS PARA EL AREA DE PROGRAMA ANUAL */
#programas { list-style-type:none; text-align:left; padding:0px; margin:10px 0 0 0; }
#programas .titulo a  { color:#808080 }
#programas .titulo { padding:0px; margin:0px; }
#programas li { margin-left:15px; font:normal 10px/13px verdana; text-transform: none; color: #595959; }
#programas li a { text-decoration:none; color:#33CCFF }