/*******************CONTENIDO***************************/
/*HOME*/
/*COLUMNAS */
#columna1{
	width:20%;
	float:left;
	margin-top:40px;
	margin-left:5px;
}
#columna2{
	float:left;
	width:57%;
	margin-left:1.5%;
	margin-top:50px;
	height:500px;
}
#columna3{
	width:20%;
	float:right;
	margin-top:50px;
}
/*COLUMNA 1*/
#columna1>p{
	margin:0;
}
#columna1 #submenu{
	margin-left:0 !important;
}
#columna1 .titulo{
	margin-top:5px;
}
#avisos_home table{
	margin:5px;
	width:95%;
}
#avisos_home .encabezado{
	font-size:13px;
	color:#CF1717;
	font-weight:bold;
	background-image:url(../images/home_bg_subtitulos.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	padding:1px;
	padding-bottom:9px;
}
#solicite_productos{
	border:1px solid #CCC;
	padding:1%;
	margin-top:0;
	margin-left:1%;
}
#solicite_productos a{
	font-size:13px;
	color:#CF1717;
	display:block;
	text-decoration:none;
	font-weight:bold;
	margin-top:10px;
	padding-left:10px;
}
#solicite_productos a:hover{
	color:#FF5B1D;
}
#solicite_productos img{
	float:right;	
	margin:3px;
	margin-top:0;
	margin-right:10px;
}
#submenu .titulo_noticia, #submenu .titulo_noticia a{
	color:#2670BD;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}
#submenu .resumen_noticia{
	text-align:justify;
	color:#666;
}
#submenu .ver_mas{
	width:100%;
	text-align:right;
	margin-bottom:20px;
}
#submenu .ver_mas a{
	font-size:9px;
	color:#F78C23;
	text-decoration:none;
}
#submenu .ver_mas a:hover{
	color:#CF1717;
}
/*COLUMNA 3*/
#servicios_home{
	border:1px solid #CCC;
	padding:.9%;
	margin-top:30px;
	margin-right:10px;
	text-align:right;
}
#servicios_home a{
	font-size:11px;
	vertical-align:middle;
	text-decoration:none;
	color:#666;
	display:block;
	font-weight:bold;
	margin-top:8px;
}
#servicios_home a:hover{
	color:#FF5B1D;
}
#servicios_home img{
	vertical-align:middle;
	margin-left:5px;
	float:right;
}
#rss{
	border:1px solid #CCC;
	padding:.9%;
	margin-top:10px;
	margin-right:10px;
}
#rss table{
	font-weight:bold;
	margin:10px;
}
#rss table tr:first-child{
	font-size:12px;
}
#rss a{
	font-size:10px;
	vertical-align:middle;
	text-decoration:none;
	font-weight:bold;
	color:#000;
	display:block;
	padding:3px;
}
#rss a:hover{
	color:#FF5B1D;
}
/*NOTICIAS*/
#noticias{
	float:left;
}
#noticias p{
	margin-bottom:10px;
}
#noticias .contenedor{
	width:33%;
	vertical-align:top;
	text-align:center;
}
#noticias .table_noticia{
	margin:5px;
}
#noticias a{
	text-decoration:none;
	color:#06c;
}
#noticias a:hover{
	text-decoration:underline;
	color:#666;
}
#noticias .titulo_noticia{
	font-weight:bold;
	text-align:left;
	padding:5px;
	padding-left:10px;
	background-image:url(../images/bg_titulo_noticias.jpg);
	background-color:#FFF;
	background-repeat:repeat-y;
	height:25px;
}
#noticias .foto_noticia{
	padding-top:7px;
	padding-bottom:7px;
}
#noticias .resumen_noticia{
	text-align:justify;
}
#noticias .mas_noticia div{
	margin:0;
	margin-top:10px;
	float:left;
	font-size:90%;
	font-weight:bold;
	line-height:20px;
	background-image:url(../images/bg_noticias_mas.jpg);
	background-repeat:no-repeat;
	padding-left:10px;
	padding-right:22px;
}
#noticias .mas_noticia a{
	margin-top:10px;
	float:right;
	font-size:90%;
	font-weight:bold;
	padding-left:10px;
	text-decoration:none;
	color:#000;
	background-image:url(../images/bg_noticias_mas.jpg);
	background-repeat:no-repeat;
	line-height:22px;
	background-position:0 0;
	
}
#noticias .mas_noticia a:hover{
	background-position:0 -30px;
	color:#333; 
}
#noticias .subtitulo2{
	margin-bottom:25px;
	width:85%;
}
#noticias .ver_mas_noticias{
	background:url(../images/mas_noticias_bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height:37px;
	width:140px;
	position:absolute;
	right:2%;
	top:110px;
}
#noticias .ver_mas_noticias:hover{
	background:url(../images/mas_noticias_bg.jpg);
	background-position:0 -53px;
	background-repeat:no-repeat;
	height:37px;
}
#noticias .ver_mas_noticias a{
	display:block;
	width:100%;
	color:#000;
	text-decoration:none;
	font-weight:bold;
	line-height:35px;
	padding-left:15px;
}
#noticias .ver_mas_noticias a:hover{
	display:block;
	color:#FFF;
}
/*Mision VISION*/
#mision_vision p{
	margin-bottom:10px;
}
/*FUNCIONES*/
#funciones li{
	margin-bottom:5px;
}
/*SALUD*/
#salud{
	width:73%;
	float:left;
}
#salud p{
	margin-bottom:10px;
}
/*BOLETINES*/
#boletines{
	float:left;
}
#boletines #cuerpo_boletin p{
	margin-bottom:7px;
}
/*AVISOS*/
#avisos{
	float:left;
}
#avisos #cuerpo_aviso p{
	margin-bottom:7px;
}
/*MAREAS*/

#mareas #pacifico{
	float:left;
	width:40%;
	border: 1px solid #CCC;
	padding:15px;
}
#mareas #caribe{
	float:left;
	width:40%;
	border: 1px solid #CCC;
	padding:15px;
	margin-left:5%;
}
/*Salidas y Puestas del Sol y la luna*/
#salidas_puestas #sol{
	float:left;
	width:44%;
	border: 1px solid #CCC;
	padding:15px;
}
#salidas_puestas #sol .datos, #salidas_puestas #luna .datos{
	margin-left:10px;
}
#salidas_puestas #sol .imagen, #salidas_puestas #luna .imagen{
	float:right;
}
#salidas_puestas #luna{
	float:left;
	width:44%;
	border: 1px solid #CCC;
	padding:15px;
	margin-left:5%;
}
#salidas_puestas div .subtitulo2{ 
	background-image:url(../images/bg_titulo_salidas_puestas.jpg);
	width:165px;
	height:28px;
	padding-top:0px;
	line-height:25px;
}
#salidas_puestas #sol, #salidas_puestas #luna{
	background-color:#EDEDED;
}
/*Fases de la luna*/
#fases_luna .fase_luna{
	width:150px;
	float:left;
	text-align:center;
	margin:15px;
}
#fases_luna .fase_luna{
	color:#006fd3;
	font-weight:bold;
	line-height:30px;
}
#fases_luna .fecha{
	color:#000;
	font-weight:normal;
	font-size:10px;
	margin-top:5px;
}
/*QUIENES SOMOS*/
/*Antecedentes*/
#antecedentes p{
	margin-left:10px;
	margin-bottom:10px;
}
/*CONTACTOS*/
#contactos p{
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	width:575px;
}
#contactos_in{
	background-image:url(../images/bg_consultas.jpg);
	background-repeat:no-repeat;
	width:610px;
	height:296px;
	margin-top:10px !important;
	margin-left:auto;
	margin-right:auto;
	top:75px;
}
#contactos_in_ok{
	background-image:url(../images/bg_consultas_ok.jpg);
	background-repeat:no-repeat;
	width:610px;
	height:296px;
	margin-top:10px !important;
	margin-left:auto;
	margin-right:auto;
	top:75px;
}
#contactos_in table{
	width:395px;
	float:left;
}
#contactos_in .col1{
	width:120px;
	font-weight:bold;
	padding:7px;
	padding-left:30px;
}
#contactos_in .col2{
	width:245px;
	text-align:right;
}
#contactos_in .col2 input{
	width:98%;
}
#contactos_in .coldoble {
	text-align:right;
}
#contactos_in .coldoble textarea{
	width:365px;
	height:95px;
}
#contactos_in .boton{
	text-align:right;
	padding-top:15px;
}
#contactos_in #direccion, #contactos_in_ok #direccion{
	float:right;
	margin:0;
	margin-top:165px;
	margin-right:10px;
	width:175px;
	text-align:left;
	font-size:11px;
}
/*Organigrama*/
#f_organigrama{
	width:96%;
	height:600px;
	position:relative;
	left:2%;
	margin-bottom:100px;
	top:100px;
	border:1px solid #CCC;
}
/*Tablas de Mareas*/
#tablas_mareas #pacifico{
	float:left;
	width:44%;
	border: 1px solid #CCC;
	padding:15px;
}
#tablas_mareas #pacifico .datos, #tablas_mareas #caribe .datos{
	float:left;
}
#tablas_mareas #pacifico .datos table td, #tablas_mareas #caribe .datos table td{
	padding:3px;
	padding-left:8px;
	padding-right:8px;
}
#tablas_mareas #pacifico .imagen, #tablas_mareas #caribe .imagen{
	float:right;
	margin-top:18px;
}
#tablas_mareas #pacifico .datos img, #tablas_mareas #caribe .datos img{
	vertical-align:middle;
	margin-right:3px;
}
#tablas_mareas #caribe{
	float:left;
	width:44%;
	border: 1px solid #CCC;
	padding:15px;
	margin-left:5%;
}
#tablas_mareas div .subtitulo2{
	background-image:url(../images/bg_titulo_salidas_puestas.jpg);
	width:165px;
	height:28px;
	padding-top:0px;
	line-height:25px;
}
#tablas_mareas .tabletitle{
	background-color:#ededed;
	background-image:url(../images/mareas_bg_tabletitle.jpg); 
	background-repeat:repeat-x;
}
#tablas_mareas #pacifico, #tablas_mareas #caribe{
	background-color:#EDEDED;
}
/*Imagenes de Satelite*/
#imagenes_satelite .imagen{
	position:absolute;
}
#imagenes_satelite #datos{
	width:68%;
	position:relative;
	left:25%;
}
#imagenes_satelite #datos table td{
	padding:3px;
}
#imagenes_satelite #datos div{
	border: 1px solid #CCC;
	background-color:#EDEDED;
	padding:2%;
	margin:4%;
}
#imagenes_satelite .titulo_tabla{
	background-image:url(../images/imagen_satelite_titulo_tabla.jpg);
	background-repeat:no-repeat;
	height:28px;
	font-weight:bold;
}
#imagenes_satelite .bgcolor1{
	background-color:#ADCBEF;
}
#imagenes_satelite .bgcolor2{
	background-color:#DEEBF7;
}
#imagenes_satelite table td{
	text-align:center;
}
#imagenes_satelite .bgcolor1 td:first-child, #imagenes_satelite .bgcolor2 td:first-child{
	border-right:1px solid #05005F;
}
#imagenes_satelite #datos .imagen{
	position:relative;
	float:left;
	margin-right:20px;
}
#imagenes_satelite a{
	text-decoration:none;
	color:#000;
	display:inline-block;
}
#imagenes_satelite a:hover{
	color:#06C;
}
/*PRONOSTICO EXTENDIDO*/
#pronostico_extendido{
	height:550px;
}
#pronostico_extendido .ver_mas_noticias{
	background:url(../images/mas_noticias_bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height:37px;
	width:140px;
	position:absolute;
	right:2%;
	top:110px;
}
#pronostico_extendido .ver_mas_noticias:hover{
	background:url(../images/mas_noticias_bg.jpg);
	background-position:0 -53px;
	background-repeat:no-repeat;
	height:37px;
}
#pronostico_extendido .ver_mas_noticias a{
	display:block;
	width:100%;
	color:#000;
	text-decoration:none;
	font-weight:bold;
	line-height:35px;
	padding-left:15px;
}
#pronostico_extendido .ver_mas_noticias a:hover{
	display:block;
	color:#FFF;
}
/*ESTACIONES SATELITALES*/
#estaciones_satelitales{
	min-height:550px;
}
#estaciones_satelitales #f_chart{
	margin-top:50px;
}
/*DOCUMENTOS*/
#documentos{
	float:left;
}
/*DATOS DIARIOS*/
#datos_diarios{
	float:left;
}
#datos_diarios .datos_encabezado td{
	font-size:10px;
	padding:1px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #FFF;
	border-bottom:none;
}
#datos_diarios .datos_internos td{
	font-size:10px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #CCC;
}
/*DATOS BALANCE HIDRICO*/
#balance_hidrico{
	float:left;
}
#balance_hidrico .datos_encabezado td{
	font-size:10px;
	padding:3px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #FFF;
	border-bottom:none;
}
#balance_hidrico .datos_internos td{
	font-size:10px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #CCC;
}
#balance_hidrico .datos_internos_top td{
	font-size:12px;
	text-align:left;
	padding:3px;
	vertical-align:middle;
	border:1px solid #CCC;
}
#balance_hidrico #f_reserva_chart, #balance_hidrico #f_deficit_chart, #balance_hidrico #f_lluvia_chart{
	margin-top:50px;
}
/*QUE ES SAT?*/
#que_sat>p{
	padding-left:15px;
}
#que_sat li{
	margin-bottom:5px;
}
#que_sat div>p{
	padding-left:5px;
	margin-bottom:10px;
}
#que_sat ul, #que_sat ol{
	margin:0;
	margin-left:25px;
	padding:0;
}
#que_sat ol{
	margin-left:30px;
}
#que_sat .container{
	width:45%;
	margin:2%;
	margin-top:0;
	margin-bottom:0;
	float:left;
}
/*SENSACION TERMICA*/
#sensacion_termica p{
	margin-bottom:10px;
}
#sensacion_termica table{
	border-collapse:collapse;
	border:1px solid #CCC;
}
#sensacion_termica td{
	padding:5px;	
	border:1px solid #CCC;
}
/*ENLACES*/
#enlaces .img_l_in{
	margin:15px;
	float:left;
	margin-top:75px;
}
#enlaces .portacuadro{
	float:left;
	margin-top:70px;
}
#enlaces .cuadro_azul{
	width:100%;
}
#enlaces .col5 table{
	margin-left:15px;
}
#enlaces .col5 td{
	width:50%;
}
#enlaces .col5 a{
	display:block;
	background-image:url(../images/bullets.jpg);
	background-repeat:no-repeat;
	background-position:0 5px;
	padding:3px;
	padding-left:15px;
	color:#333;
	text-decoration:none;
}
#enlaces .col5 a:hover{
	color:#39F;
}
/*SAT CABRA*/
#sat_cabra>ul>li{
	margin-bottom:10px;
}
/*MAPAS*/
#mapas table td{
	text-align:center;
	color:#666;
	font-style:italic;
	font-weight:bold;
}
#mapas table td img{
	margin-bottom:40px;
	margin-top:10px;
}
#mapas .meses{
	width:250px;
	border-collapse:collapse;
}
#mapas .meses td{
	border:1px solid #FFF;
	background-color:#06C;
}
#mapas .meses td:hover{
	background-color:#03C;
}
#mapas .meses a{
	display:block;
	padding:1px;
	text-decoration:none;
	color:#FFF;
}
#mapas .meses a:hover{
	color:#EFEFEF;
}
/*EDUCACION*/
/* glosario climatico e hidrologico*/
#glosario_climatico ul li, #glosario_hidrologico ul li{
	margin-bottom:15px;
	list-style:none;
}
#glosario_climatico ol li{
	margin-bottom:10px;
}
#glosario_climatico ul li p:first-child, #glosario_hidrologico ul li p:first-child{
	color:#006FD3;
}
/*REGIMEN HIDROLOGICO*/
#regimen_hidrologico p, #regimen_hidrologico li{
	margin-bottom:10px;
}
/*CENTRALES HIDRO*/
#centrales_hidro p{
	margin-bottom:10px;
}

/*SPI*/
#spi p{
	margin-bottom:10px;
}
#spi ol li p:first-child{
	color:#006FD3;
	font-weight:bold;
	margin-top:25px;
}
#spi a{
	text-decoration:none;
	color:#0065BF;
	font-weight:bold;
}
#spi a:hover{
	text-decoration:underline;
	color:#39F;
}
#spi ul.links li{
	list-style:none;
	margin-bottom:10px;
}
/*CLIMA PANAMA*/
#clima_panama p{
	margin-bottom:10px;
}
/*BRILLO SOLAR*/
#brillo_solar p{
	margin-bottom:10px;
}
#brillo_solar .datos_encabezado td{
	padding:2px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #FFF;
	border-bottom:none;
	font-weight:bold;
}
#brillo_solar .datos_internos td{
	text-align:center;
	vertical-align:middle;
	border:1px solid #CCC;
	padding:2px;
}
#brillo_solar .datos_internos td:first-child{
	text-align:left;
}
/*HURACANES*/
#huracanes .datos_encabezado td{
	padding:2px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #FFF;
	border-bottom:none;
	font-weight:bold;
}
#huracanes .datos_internos td{
	vertical-align:middle;
	border:1px solid #CCC;
	padding:2px;
}
#huracanes ul li p:first-child{
	color:#006FD3;
	font-weight:bold;
	margin-top:25px;
}
/*Condiciones Sinopticas*/
#sinoptica{
	width:73%;
	float:left;
}
/*DATOS HISTORICOS*/
#datos_historicos{
	height:650px;
}
/*NIVELES ACTUALES*/
#niveles_actuales #f_presa1, #niveles_actuales #f_presa2{
	margin:7px;
}
/*VIENTO*/
#viento p, #viento li{
	margin-bottom:10px;
	margin-top:10px;
}
/*RED NACIONAL*/
#red_nacional p{
	margin-bottom:10px;
	margin-top:10px;
}
/*CUENCAS HIDROGRAFICAS*/
#cuencas p{
	margin-bottom:10px;
	margin-top:10px;
}
/*AGROPECUARIOS*/
#agropecuarios p{
	margin-bottom:10px;
	margin-top:10px;
}
/*HIDROGEOLOGIA*/
#hidrogeologia p{
	margin-bottom:10px;
	margin-top:10px;
}
/*SOLICITE DATOS*/
#datos_productos a{
	color:#09F;
	text-decoration:none;
}
#datos_productos a:hover{
	color:#06F;
	text-decoration:underline;
}
/*BALANCE HIDRICO*/
#balance_hidrico p{
	margin-bottom:10px;
	margin-top:10px;
}
#balance_hidrico a{
	color:#09F;
	text-decoration:none;
}
#balance_hidrico a:hover{
	color:#06F;
	text-decoration:underline;
}
/*EL NIŅO*/
#nino_nina p{
	margin-bottom:10px;
	margin-top:10px;
}
/*PRONOSTICO DIARIO*/
#pronostico_diario .ver_mas_noticias{
	background:url(../images/mas_noticias_bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height:37px;
	width:140px;
	position:absolute;
	right:2%;
	top:110px;
}
#pronostico_diario .ver_mas_noticias:hover{
	background:url(../images/mas_noticias_bg.jpg);
	background-position:0 -53px;
	background-repeat:no-repeat;
	height:37px;
}
#pronostico_diario .ver_mas_noticias a{
	display:block;
	width:100%;
	color:#000;
	text-decoration:none;
	font-weight:bold;
	line-height:35px;
	padding-left:15px;
}
#pronostico_diario .ver_mas_noticias a:hover{
	display:block;
	color:#FFF;
}
/*Niveles de Estaciones*/
#niveles_estaciones a{
	color:#09F;
	text-decoration:none;
}
#niveles_estaciones a:hover{
	color:#06F;
	text-decoration:underline;
}
/*Condiciones Maritimas*/
#condiciones_maritimas .datos_encabezado td{
	padding:1px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #FFF;
	border-bottom:none;
}
/*PRONOSTICO LLUVIA*/
#pronostico_lluvia .datos_encabezado td{
	font-size:12px;
	padding:3px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #FFF;
	border-bottom:none;
}
#pronostico_lluvia .datos_internos td{
	font-size:11px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #CCC;
	padding:3px;
}
#pronostico_lluvia .ver_mas_noticias{
	background:url(../images/mas_noticias_bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height:37px;
	width:140px;
	position:absolute;
	right:2%;
	top:110px;
}
#pronostico_lluvia .ver_mas_noticias:hover{
	background:url(../images/mas_noticias_bg.jpg);
	background-position:0 -53px;
	background-repeat:no-repeat;
	height:37px;
}
#pronostico_lluvia .ver_mas_noticias a{
	display:block;
	width:100%;
	color:#000;
	text-decoration:none;
	font-weight:bold;
	line-height:35px;
	padding-left:15px;
}
#pronostico_lluvia .ver_mas_noticias a:hover{
	display:block;
	color:#FFF;
}
/*BUSQUEDA */
#busqueda a{
	text-decoration:none;
	color:#06c;
}
#busqueda a:hover{
	text-decoration:underline;
	color:#666;
}
#busqueda .titulo_buscador{
	margin-left:20px;
	font-weight:bold;
	margin-bottom:3px;
	margin-top:20px;
}
#busqueda .preview_buscador{
	margin-left:30px;
	margin-right:150px;
	border-bottom:1px solid #CCC;
}
/*Sitemap*/
#sitemap div:first-child{
	margin:30px;
}
#sitemap td{
	vertical-align:top;
}
#sitemap a{
	display:block;
	background-image:url(../images/bullets.jpg);
	background-repeat:no-repeat;
	background-position:0 5px;
	padding:3px;
	padding-left:15px;
	color:#333;
	text-decoration:none;
}
#sitemap a:hover{
	color:#39F;
}
#sitemap table table{
	margin-left:15px;
	margin-bottom:20px;
}
#sitemap .subtitulo2{
	background-image:url(../images/titulo_bg_sm.jpg);
	width:33%;
}
