@import url(composicion.css);
@import url(limpiar.css);
/************************************************************
Diseño: Danilo Sarmiento
Email: danilo@intarmedia.net
***********************************************************
Estilos globales meridiano70.net
------------------------------------------------------------------
General
-------------------------------------------------------------------*/
HTML
{
	height: 100%;
}
BODY
{
	font-family: Tahoma, Verdana, Arial;
	background: #435 no-repeat;
	height: 100%;
}
H1
{
	font-size: 1.5em;
	padding: 5px 5px 5px 0;
}
H2
{
	font-size: 1.2em;
}
H3
{
	font-size: 1em;
	padding: 0 0 10px;
	font-weight: bold;
}
/*Contenedor*/
#contenedor
{
	position: relative;
	min-height: 100%;
}
* HTML #contenedor
{
	height: 100%;
}
/*Cabecera*/
#cabecera
{
	background-image: url(../images/bg_cabecera_001.jpg);
}
#rotador
{
	width: 960px;
	height: 119px;
	float: left;
	overflow: hidden;
}
#logomeridiano
{
	position: relative;
	width: 200px;
	float: left;
	margin: -115px 0 0 5px;
	background: url(../images/logomeridiano.png) no-repeat;
	height: 110px;
}
#logomeridiano .logo A
{
	position: relative;
	width: 100%;
	height: 110px;
	float: left;
	text-indent: -9999em;
}
/*iconos redes sociales y en vivo*/
#envivosocial
{
	width: 153px;
	height: 85px;
	float: right;
	margin: -110px 35px 0px 0;
	position: relative;
}
#envivosocial .siganos
{
	font-size: 11px;
	text-align: center;
	font-weight: bold;
}
#socialweb
{
	width: 153px;
	height: 40px;
	float: left;
	margin: 10px 0 0;
}
#socialweb .facebook
{
	position: relative;
	background: url(../images/socialweb.png) no-repeat 2px 1px;
	width: 35px;
	height: 35px;
	float: left;
	margin: 0 0 0 15px;
}
#socialweb .facebook A
{
	position: relative;
	text-indent: -9999em;
	float: left;
	width: 100%;
	height: 100%;
}
#socialweb .twitter
{
	position: relative;
	text-indent: -9999em;
	background: url(../images/socialweb.png) no-repeat -40px 1px;
	width: 35px;
	height: 35px;
	float: left;
	margin: 0 0 0 5px;
}
#socialweb .twitter A
{
	position: relative;
	text-indent: -9999em;
	width: 100%;
	height: 100%;
	float: left;
}
#socialweb .rss
{
	position: relative;
	background: url(../images/socialweb.png) no-repeat -75px 1px;
	width: 35px;
	height: 35px;
	float: left;
	margin: 0 0 0 5px;
}
#socialweb .rss A
{
	position: relative;
	text-indent: -9999em;
	width: 100%;
	height: 100%;
	float: left;
}
#socialweb .facebook:hover
{
	position: relative;
	background: url(../images/socialweb.png) no-repeat 2px -43px;
	width: 35px;
	height: 35px;
	float: left;
	margin: 0 0 0 15px;
}
#socialweb .twitter:hover
{
	position: relative;
	background: url(../images/socialweb.png) no-repeat -40px -43px;
	width: 35px;
	height: 35px;
	float: left;
	margin: 0 0 0 5px;
}
#socialweb .rss:hover
{
	position: relative;
	background: url(../images/socialweb.png) no-repeat -75px -43px;
	width: 35px;
	height: 35px;
	float: left;
	margin: 0 0 0 5px;
}
#envivo
{
	background: url(../images/envivo.png);
	margin: 50px 0px 0px 0;
	width: 153px;
	height: 35px;
}
#envivo P
{
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 0 0;
}
#envivo:hover
{
	background: url(../images/envivo.png) 0 35px;
}
#envivo A
{
	color: #0F405D;
	text-decoration: none;
}
/*Menu*/
#menu
{
	background: #F7A62D;
	/*+border-radius:0 0 7px 7px;*/
	-moz-border-radius: 0 0 7px 7px;
	-webkit-border-radius: 0 0 7px 7px;
	-khtml-border-radius: 0 0 7px 7px;
	border-radius: 0 0 7px 7px;
}
.menu
{
	margin: 0;
	padding: 0;
	float: left;
	font: bold 14px Arial;
	width: 100%;
	overflow: hidden;
	border-width: 1px 0;
}
.menu LI
{
	display: inline;
}
.menu LI A
{
	float: left;
	color: #F3F2DB;
	padding: 9px 11px;
	text-decoration: none;
	border-right: 1px solid #FED423;
}
.menu LI A:hover, .menu LI .current
{
	color: #FFFFFF;
	background: #F9DB08 repeat-x center center;
}
/*Formulario buscar*/
#buscar
{
	float: right;
	margin: 5px 10px 0 0;
}
#buscar INPUT
{
	height: 20px;
	margin: 0;
	float: left;
	/*+border-radius:6px 0 0 6px;*/
	-moz-border-radius: 6px 0 0 6px;
	-webkit-border-radius: 6px 0 0 6px;
	-khtml-border-radius: 6px 0 0 6px;
	border-radius: 6px 0 0 6px;
}
#buscar .boton
{
	background: url(../images/bt_buscar.png) no-repeat center center;
	height: 26px;
	width: 25px;
	border: 0 solid #000000;
	/*+border-radius:0 7px 7px 0;*/
	-moz-border-radius: 0 7px 7px 0;
	-webkit-border-radius: 0 7px 7px 0;
	-khtml-border-radius: 0 7px 7px 0;
	border-radius: 0 7px 7px 0;
}
/*Contenido*/
#contenido
{
	margin: 5px auto;
}
.esquinas
{
	display: block;
}
.esquinas *
{
	display: block;
	height: 1px;
	overflow: hidden;
	font-size: 0.01em;
	background: #FFFFFF;
}
.esquinas1
{
	margin-left: 3px;
	margin-right: 3px;
	padding-left: 1px;
	padding-right: 1px;
	border-left: 1px solid #6D6D6D;
	border-right: 1px solid #6D6D6D;
	background: #BFBFBF;
}
.esquinas2
{
	margin-left: 1px;
	margin-right: 1px;
	padding-right: 1px;
	padding-left: 1px;
	border-left: 1px solid #191919;
	border-right: 1px solid #191919;
	background: #CECECE;
}
.esquinas3
{
	margin-left: 1px;
	margin-right: 1px;
	border-left: 1px solid #CECECE;
	border-right: 1px solid #CECECE;
}
.esquinas4
{
	border-left: 1px solid #6D6D6D;
	border-right: 1px solid #6D6D6D;
}
.esquinas5
{
	border-left: 1px solid #BFBFBF;
	border-right: 1px solid #BFBFBF;
}
#esquinasfg
{
	background: #FFF url(../images/bg_bolivarx.jpg) no-repeat bottom left;
	padding: 4px;
	min-height: 400px;
}
#centro
{
	width: 720px;
	float: left;
}
/*lateral*/
#lateral
{
	float: left;
	width: 205px;
	margin: 0 0 0 15px;
}
#frases, #indicadores
{
	background: #FEF8E1;
	padding: 5px;
	/*+border-radius:5px;*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px 5px 5px 5px;
	font-size: 13px;
	font-style: normal;
	line-height: 1.5em;
	color: #322B01;
	border: 1px solid #F29910;
	margin-bottom: 5px;
	float: left;
	width: 190px;
}
#frases SPAN
{
	font-style: italic;
}
#indicadores SPAN
{
	font-weight: bold;
	padding-right: 10px;
}
#indicadores .ttitulo
{
	font-size: 15px;
	border-bottom: 1px dotted #F5821C;
	margin-bottom: 5px;
	font-weight: bold;
	margin-top: -7px;
}
/*banners*/
#banners
{
	float: left;
	margin: 5px 0;
	height: 200px;
}
/*Pie*/
#pie
{
	position: relative;
	bottom: 0;
	font-size: 12px;
	background: #FFCC33 url(../images/bg_pie.png) no-repeat top;
	margin: 3px auto;
	/*+border-radius:8px;*/
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px 8px 8px 8px;
}
/*A CSS hack that only applies to IE -- specifies a different offset for the footer*/
* HTML #pie
{
	margin-top: -7.4em;
}
#menupie
{
	width: 700px;
	float: left;
	margin: 20px 5px 0 20px;
	height: 80px;
}
#menupie UL
{
	margin: 10px 30px 0 10px;
}
#menupie LI
{
	display: inline;
	padding: 0 5px;
	border-right: 1px solid #733;
	line-height: 2em;
}
#menupie A
{
	color: #443;
	text-decoration: none;
	font-size: 12px;
}
#menupie A:hover
{
	color: #F22012;
}
#pietxt
{
	float: left;
	width: 200px;
	height: 80px;
	margin: 20px 10px 0 20px;
}
#pietxt P
{
	line-height: 2em;
	text-align: right;
	color: #22381A;
	font-size: 11px;
}
#webmapa
{
	width: 140px;
	height: 56px;
	float: left;
	margin: 35px 0 0 15px;
	color: #FFF;
	font-size: 10px;
}
.webmail
{
	text-align: center;
	float: left;
	width: 72px;
}
.mapasitio
{
	text-align: center;
	float: left;
	width: 60px;
	margin-left: 5px;
}
/*Tablas*/
.tab_titulos
{
	background: #458;
	height: 25px;
	color: #FFFFFF;
}
.tab_titulos TD
{
	color: #FFF;
	font-size: 15px;
	font-weight: bold;
	padding: 5px;
}
.celda1
{
	background: #EEF;
	font-size: 12px;
}
.celda2
{
	background: #ADF;
	font-size: 12px;
}
/*Titulares inicio*/
#titularesinicio
{
	float: left;
	margin: 0 2px 0 5px;
	width: 305px;
	font-size: 12px;
	line-height: 1.3em;
}
#titularesinicio UL
{
}
#titularesinicio LI
{
	padding: 5px 0;
}
#titularesinicio P
{
	text-align: justify;
	margin-bottom: 10px;
}
#titularesinicio A
{
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	color: #331;
	line-height: 1.5em;
}
#titularesinicio A:hover
{
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	color: #FF0000;
}
.publicado
{
	font-size: 10px;
}
/*Otros titulares en inicio*/
#titularesiniciootros
{
	float: left;
	width: 720px;
	margin: 5px 0px 0px;
	padding: 5px 0 0;
	/*+border-radius:5px;*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px 5px 5px 5px;
}
#titularesiniciootros UL
{
}
#titularesiniciootros LI
{
	margin: 0px 0px 2px;
	padding: 3px 0px 2px 15px;
	background: url(../images/bg_cuadrito_rojo.png) no-repeat 4px 10px;
}
#titularesiniciootros P
{
	line-height: 1.3em;
}
#titularesiniciootros A
{
	color: #222733;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}
#titularesiniciootros A:hover
{
	color: #F12C1E;
}
.tituloslista
{
	font-size: 16pt;
	border-bottom: 2px solid #FA8A20;
	padding: 0 0 5px 10px;
}
.locales
{
	background: #FAFAD9;
}
.cronica
{
	background: #F6EAB3;
	height: 110px;
}
#listacronicas
{
	float: left;
	margin: 0 5px;
	width: 350px;
	height: 80px;
	overflow: hidden;
}
#playeraudioinicio
{
	float: left;
	width: 340px;
	margin: 20px 0 0 10px;
	height: 41px;
}
.nacionales
{
	background: #E8FB9E;
	padding-left: 10px;
}
.nacionales FONT
{
	font-size: 11px;
	line-height: 1.5em;
}
/*Foto inicio*/
#fotoinicio
{
	background: #E9F3E1 no-repeat bottom;
	font-size: 12px;
	float: left;
	width: 400px;
	margin: 0 0 0 5px;
	padding: 0;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	border: 1px solid #D1E7C8;
	list-style: none;
}
#fotoinicio IMG
{
	width: 400px;
}
#fotoinicio P
{
	padding: 5px;
	line-height: 1.5em;
	font-size: 11px;
	float: left;
}
.fnumeros
{
	float: right;
	font-size: 11px;
	margin: 0 5px 5px 0;
}
.fnumeros LI
{
	display: inline;
	border: 1px solid #1C6605;
	padding: 2px 4px;
	background: #D3FD92;
	margin: 10px 4px 5px 2px;
}
/*Destacados*/
#destacados
{
	float: left;
	width: 360px;
}
#destacados LI
{
	background: url(../images/cuadrito.png) no-repeat 0px 7px;
	padding-left: 17px;
	margin-bottom: 10px;
}
#destacados A
{
	color: #006666;
	text-decoration: none;
	font-size: 12px;
}
#destacados A:hover
{
	color: #FF0000;
	text-decoration: none;
}
/*lineas*/
#lineas
{
	width: 400px;
	margin-top: 5px;
}
#lineas P
{
	background: url(../images/f_lineas.png) no-repeat;
	height: 30px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px 0px 0px 5px;
}
/*Fotos*/
#fotodetalle
{
	float: right;
	width: 404px;
	margin: 0 0 5px 5px;
	padding: 2px;
	background-color: #F3F3F3;
	border-bottom: 3px solid #666666;
}
#fotodetalle IMG
{
	width: 400px;
	border: 1px solid #003366;
}
#fotodetalle P
{
	font-size: 11px;
}
/*Detalles notas*/
#n_detalle
{
	padding: 5px 15px;
	width: 600px;
	float: left;
}
#n_detalle P
{
	line-height: 1.5em;
	margin-bottom: 10px;
	text-align: justify;
	font-size: 14px;
}
#n_detalle UL
{
	margin: 2px 0 5px;
}
#n_detalle LI
{
	list-style: disc inside;
	font-size: 13px;
	line-height: 1.2em;
	margin: 0 0 0 15px;
}
/*Foto interna*/
#fotointerna
{
	width: 360px;
	margin: 5px 0 5px 5px;
	float: right;
	background: #1B334A;
	border-bottom: 3px solid #0882F6;
}
#fotointerna IMG
{
	width: 350px;
	padding: 4px;
	background: #E6E6E6;
	border: 1px solid #999;
}
#fotointerna P
{
	font-size: 11px;
	padding: 3px;
	color: #E6EDF3;
}
#detalle_galeria
{
	float: left;
	width: 450px;
}
#detalle_archivos
{
	float: left;
	width: 450px;
}
/*social compartir*/
#socialcompartir
{
	float: left;
	width: 100%;
	border-bottom: 1px dotted #876F6F;
	border-top: 1px dotted #876F6F;
	margin: 10px 0;
	padding: 5px 0 2px;
	font-size: 11px;
}
#compartir
{
	float: right;
	width: 180px;
}
.titularfecha
{
	font-size: 11px;
	font-style: normal;
	float: left;
	margin-left: 5px;
}
/*lista titulares detalle*/
#titulares_detalle
{
	padding-top: 10px;
	float: left;
	width: 270px;
}
/*Relacionadas*/
#cat_relacionadas
{
	width: 310px;
	float: left;
	padding: 10px 5px 0 10px;
}
#cat_relacionadas UL
{
	list-style: none;
	padding: 5px 10px;
	line-height: 1.3em;
}
#cat_relacionadas LI
{
	background: url(../images/cuadrado_azul.png) no-repeat 0px 7px;
	padding-left: 17px;
	margin-bottom: 10px;
}
#cat_relacionadas A
{
	color: #006666;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
}
#cat_relacionadas A:hover
{
	color: #FF0000;
	text-decoration: none;
	font-size: 15px;
}
/*lista titulares por categoria*/
#titulares_lista
{
	padding: 10px 0 0 10px;
	float: left;
	width: 715px;
}
#titulares_detalle
{
	float: left;
}
#titulares_lista UL, #titulares_detalle UL
{
	list-style: none;
	padding: 5px 10px;
	line-height: 1.3em;
}
#titulares_lista LI, #titulares_detalle LI
{
	background: url(../images/bg_cuadrito_rojo.png) no-repeat 0px 7px;
	padding-left: 17px;
	margin-bottom: 10px;
}
#titulares_lista A, #titulares_detalle A
{
	color: #006666;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}
#titulares_lista A:hover, #titulares_detalle A:hover
{
	color: #FF0000;
	text-decoration: none;
	font-size: 14px;
}
/*Archivos*/
#archivos
{
	width: 100%;
}
#archivos H2
{
	padding-bottom: 5px;
	border-bottom: 1px dotted #666;
}
#archivos UL
{
	list-style: none;
	padding: 5px 10px;
	line-height: 1.3em;
}
#archivos LI
{
	list-style: none;
	background: url(../images/cuadrado_azul.png) no-repeat 0px 7px;
	padding-left: 17px;
	margin-bottom: 10px;
}
#archivos H2
{
	font-size: 16px;
	font-weight: bold;
}
#archivos A
{
	color: #069;
	text-decoration: none;
}
#archivos A:hover
{
	color: #F00;
}
/*Formularios*/
#formularios
{
	float: left;
	margin-top: 10px;
	width: 100%;
	height: 100%;
}
#formularios H4
{
	margin: 10px;
	padding-top: 20px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #CC9;
	font-size: 16px;
}
#formularios FORM
{
	padding: 15px 5px 15px 10px;
	font-size: 12px;
}
#formularios INPUT, TEXTAREA, SELECT
{
	border-top: 1px solid #FCEBBF;
	border-right: 1px solid #FCEBBF;
	border-bottom: 1px solid #F3C018;
	border-left: 1px solid #F3C018;
	color: #A13C03;
	padding: 2px 2px 2px 4px;
	margin-top: 10px;
}
#formularios INPUT:focus, TEXTAREA:focus
{
	background: #FDFC99 url();
	border: 1px solid #EECC85;
	color: #3F2405;
}
#formularios INPUT#submit
{
	width: 130px;
	height: 25px;
	background: #F2930B no-repeat 6px 9px;
	padding: 2px 0px 3px 5px;
	color: #FFF;
	text-align: left;
	margin-left: 10px;
	border: none;
}
#formularios INPUT#submit:focus
{
	background: #F3FD7D 6px 9px;
}
/*Contacto error*/
#contacto_validar
{
}
#contacto_validar
{
	width: 500px;
	margin: 200px auto 0;
	background: #E5E5E5 url(../images/Error.png) no-repeat right;
	border: 1px dashed #776363;
	padding: 35px;
}
#contacto_validar H1
{
	color: #F60D0D;
	font-weight: bold;
}
#contacto_validar P
{
	margin-left: 160px;
}
/*Contacto validado*/
#contacto_check
{
	width: 500px;
	margin: 200px auto 0;
	background: #E5E5E5 url(../images/Good.png) no-repeat right;
	border: 1px dashed #776363;
	padding: 40px;
}
#contacto_check H1
{
	color: #39A328;
	font-weight: bold;
}
#contacto_check P
{
	margin-left: 160px;
}
/*galeria*/
#galeria
{
	width: 400px;
	display: block;
}
/*Mapa sitio*/
#mapasitio
{
	padding-top: 10px;
}
#mapasitio UL
{
	list-style: none;
	padding: 5px 10px;
	line-height: 1.3em;
}
#mapasitio .rojo
{
	background: url(../images/cuadrado_naranja.png) no-repeat 0px 7px;
	padding-left: 17px;
	margin-bottom: 10px;
}
#mapasitio .azul
{
	background: url(../images/cuadrito.png) no-repeat 0px 7px;
	padding-left: 17px;
	margin-bottom: 10px;
}
#mapasitio .verde
{
	background: url(../images/cuadrado_verde.png) no-repeat 0px 7px;
	padding-left: 17px;
	margin-bottom: 10px;
}
#mapasitio A
{
	color: #006666;
	text-decoration: none;
}
#mapasitio A:hover
{
	color: #FF0000;
	text-decoration: none;
}
/*Secciones*/
.linkseccion
{
	font-size: 14px;
	margin: 10px;
}
.linkseccion LI
{
	display: inline;
	padding: 0 5px;
	border-right: 1px solid #000000;
}
.linkseccion A
{
	color: #0099CC;
	text-decoration: none;
}
.linkseccion A:hover
{
	color: #FF9900;
}
/*Popup player*/
#playerenvivo
{
	width: 500px;
	height: 300px;
	border: 1px dotted #F1B753;
	background: url(../images/bg_envivo.jpg) no-repeat bottom center;
}
#playercabeza
{
	width: 500px;
	height: 110px;
	border-bottom: 1px solid #EE9210;
	background: #FEBA2A url(../images/logomeridiano.png) no-repeat;
	float: left;
}
#playercabeza H1
{
	float: right;
	margin: 25px 70px 0 0;
	color: #F0FDC1;
	font-size: 20pt;
}
#play
{
	width: 500px;
	height: 110px;
	float: left;
}
#container
{
	width: 350px;
	height: 60px;
	margin: 40px auto 0;
}
#pbotones
{
	width: 140px;
	height: 45px;
	margin: 40px auto 0;
	position: relative;
}
