@import url(composicion.css);
@import url(limpiar.css);
/************************************************************
Diseño: Danilo Sarmiento
Email: danilo@intarmedia.net
***********************************************************
Estilos globales lavozdelcinaruco.com
------------------------------------------------------------------
General
-------------------------------------------------------------------*/
BODY
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-color: #FFF;
}
H1
{
	font-size: 1.7em;
	padding: 5px 5px 5px 2px;
}
/*Contenedor*/
#contenedor
{
	background: #FFF;
}
/*Sombra contenedor*/
.blur
{
	background: transparent url(../images/shadow1.png);
	color: inherit;
	margin: 0 auto;
	width: 999px;
}
.shadow
{
	background: transparent url(../images/shadow2.png);
	color: inherit;
}
.shadow, .contenedor
{
	margin: 0 2px;
}
/*Cabecera*/
#cabecera
{
/*background: url(../images/barracinaruco2009.jpg) no-repeat;*/
	background: #012354;
}
/*Menu*/
#barramenu
{
	width: 990px;
	background: #AAA;
}
.smenu
{
	margin: 0;
	padding: 0;
	float: left;
	font: bold 13px Arial;
	width: 100%;
	height: 35px;
	overflow: hidden;
	margin-bottom: 1px;
	border-width: 1px 0;
	background: #000000 url(../images/blockdefault.jpg) repeat-x center center;
}
.smenu LI
{
	display: inline;
}
.smenu LI A
{
	float: left;
	color: #458;
	padding: 9px 11px;
	text-decoration: none;
	border-right: 1px solid #004778;
}
.smenu LI A:visited
{
	color: #458;
}
.smenu LI A:hover, .smenu LI .current
{
	color: #236;
	background: transparent url(../images/blockactive.jpg) repeat-x center center;
}
/*fecha letras*/
.fechaletras
{
}
.fechaletras
{
	color: #337;
	font-size: 11px;
	float: right;
	margin: 10px 5px 0 0;
	font-weight: normal;
}
.fechaaudio
{
	color: #F30;
	font-size: 11px;
	margin: 10px 5px 0 0;
	font-weight: normal;
}
/*Contenido
-------------------------------------------------------------------*/
#contenido
{
	background: #FFF;
	float: left;
}
#centro
{
	float: left;
	width: 780px;
	margin: 2px 5px 0 2px;
	background: #FFF;
}
#centro H1
{
	font-size: 16px;
	color: #069;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#centro H2
{
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
}
#centro H3
{
	font-size: 1.1em;
	font-weight: bold;
	padding-bottom: 5px;
}
/*Lateral*/
#lateral
{
	float: left;
	width: 190px;
	margin-left: 2px;
	background: #EFEBEB;
	padding: 5px;
}
#lateral H2
{
	font-size: 14px;
	color: #069;
	font-weight: bold;
}
/*lateral centro*/
#lateralcentro
{
	float: left;
	width: 255px;
	margin: 5px 0 5px 20px;
	padding: 5px 0 0;
}
/*titulares categorias*/
#titulares_categorias
{
	width: 500px;
	margin: 5px;
	padding: 3px;
	float: left;
}
#titulares_categorias P
{
	margin-bottom: 20px;
	font-size: 12px;
	line-height: 1.5em;
	text-align: justify;
}
#titulares_categorias UL
{
}
#titulares_categorias LI
{
	margin-bottom: 20px;
}
#titulares_categorias A
{
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #FA570A;
}
#titulares_categorias A:hover
{
	color: #625FF6;
}
/*Foto inicio*/
#fotoinicio
{
	float: left;
	width: 400px;
}
/*audio inicio*/
#audioinicio
{
	float: left;
	width: 390px;
	padding-left: 10px;
	background: #FFF2EC;
}
#audioinicio LI
{
	height: 25px;
	padding: 5px 10px 0 17px;
	border-bottom: 1px solid #FFE6D9;
	background: url(../images/cuadritoamarillo.png) no-repeat 0px 7px;
}
#audioinicio A
{
	font-size: 12px;
	text-decoration: none;
	color: #09C;
}
#audioinicio A:hover
{
	font-size: 12px;
	color: #F30;
}
/*audio interno*/
#archivosaudios
{
	border-top: 1px solid #F6AA17;
	margin: 2px 0 45px;
	padding-top: 5px;
}
/*Videos internos*/
#archivosvideos
{
	border-top: 1px solid #F6AA17;
	margin: 2px 0 45px;
	padding-top: 5px;
}
/*Publicidad inicio*/
#publicidad_inicio{
	width:350px;
	margin:35px auto 0 auto;
	}
/*Titulares Nacionales*/
#tnacionales
{
	float: left;
	width: 400px;
	height: 230px;
	padding: 0 0 3px;
}
/*Titulares inicio*/
#titulares_inicio
{
	float: left;
	margin-left: 10px;
	width: 365px;
	padding: 0 3px 0 0;
	font-size: 1em;
	line-height: 1em;
}
#titulares_inicio P
{
	font-size: 0.8em;
	text-align: justify;
}
#titulares_inicio UL
{
	width: 365px;
}
#titulares_inicio LI
{
}
#titulares_inicio LI
{
	padding: 5px 0;
}
#titulares_inicio A
{
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
	color: #FA570A;
}
#titulares_inicio A:hover
{
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
	color: #06C;
}
#titulares_inicio .titularuno A
{
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	color: #FA570A;
	line-height: 1.2em;
}
#titulares_inicio .titularuno A:hover
{
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	color: #06C;
	line-height: 1.2em;
}
/*Foto lista inicio*/
P.thumb
{
	float: right;
	margin: 0.5em 0;
	margin-left: 10px;
	border: 1px solid #999;
	padding: 2px;
	#width: 100px;
/*Sólo IE7*/
}
P.thumb A
{
	display: block;
	float: right;
	width: 100px;
	height: 90px;
	line-height: 100px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
P.thumb A IMG
{
	width: 150px;
	float: right;
	position: absolute;
	top: -20px;
	right: -20px;
}
/*lista titulares inicio*/
#titulares_inicio .titulareslista A
{
	font-size: 12px;
	text-decoration: none;
	color: #FA570A;
	line-height: 1.2em;
}
#titulares_inicio .titulareslista A:hover
{
	font-size: 12px;
	text-decoration: none;
	color: #06C;
	line-height: 1.2em;
}
/*Fecha inicio*/
.fechainicio
{
	color: #006699;
	font-size: 0.6em;
	border-bottom: 1px dotted #CCC;
	height: 10px;
	text-align: right;
}
/*video Inicio*/
#videoinicio
{
	width: 365px;
	float: left;
	padding: 0 0 0 15px;
}
/*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;
}
#lineasmenu
{
	width: 396px;
	border-bottom: 1px solid #0099FF;
	border-left: 1px solid #0099FF;
	border-right: 1px solid #0099FF;
}
/*banner*/
#banner
{
	width: 400px;
}
/*Detalles*/
#n_detalle
{
	margin: 10px;
	font-size: 12px;
	line-height: 1.5em;
	width: 480px;
	float: left;
}
#n_detalle H1
{
	font-size: 1.8em;
	line-height: 1.3em;
}
#n_detalle P
{
	line-height: 1.5em;
	margin-bottom: 10px;
	text-align: justify;
}
#n_detalle LI
{
	padding-left: 17px;
	margin-bottom: 5px;
}
.fecha
{
	font-size: 10px;
	font-style: italic;
}
/*Foto Interna*/
#fotointerna
{
	background: #FBE1CA;
	border-bottom: 5px solid #DE9858;
	width:480px;
	float:left;
	margin: 5px 5px 5px 0;
}
#fotointerna P
{
	font-size: 10px;
	font-style: normal;
	margin: 5px;
}
#fotointerna IMG
{
	width:480px;
}
/*Compartir*/
#compartir
{
}
#compartir
{
	width: 150px;
	height: 40px;
	border: 1px dotted #CCC;
	padding: 3px;
}
#compartir LI
{
}
#compartir LI
{
	display: inline;
	padding-left: 17px;
	margin-bottom: 5px;
	height: 25px;
}
#compartir .facebook
{
}
#compartir .facebook
{
	background: url(../images/ico_facebook.gif) no-repeat 0px 1px;
}
#compartir .twitter
{
	background: url(../images/ico_twitter.gif) no-repeat 0px 1px;
}
/*Comentarios*/
#comentarios
{
	width: 100%;
	margin-top: 10px;
}
#lista
{
	width: 100%;
	height: 500px;
	overflow: auto;
}
#lista LI
{
	padding: 5px;
	width: 430px;
	margin: 5px;
}
/*titulares por categoria detalle*/
#t_tdetalle
{
	width: 275px;
	padding: 10px 5px 0 0;
	float: left;
	background-color: #F5EFE4;
}
#t_tdetalle H1
{
	font-size: 1.7em;
	padding: 5px 0 0 5px;
	color: #900;
	border-bottom: 1px dotted #999;
}
#t_tdetalle UL
{
	list-style: none;
	padding: 5px 0px 5px 5px;
	line-height: 1em;
}
#t_tdetalle LI
{
	background: url(../images/cuadritoamarillo.png) no-repeat 0px 7px;
	padding-left: 17px;
	margin-bottom: 10px;
}
#t_tdetalle A
{
	color: #006666;
	text-decoration: none;
	font-size: 13px;
}
#t_tdetalle A:hover
{
}
#t_tdetalle A:hover
{
	color: #FF0000;
	text-decoration: none;
}
/*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 #C5DCF0;
	border-right: 1px solid #C4DBEF;
	border-bottom: 1px solid #689DC4;
	border-left: 1px solid #679CC3;
	width: 300px;
	color: #6B6B6B;
	padding: 2px 2px 2px 4px;
	margin-top: 10px;
}
#formularios INPUT:focus, TEXTAREA:focus
{
	background: #DCE1EE url();
	border: 1px solid #5F96D7;
	color: #0E0640;
}
#formularios INPUT#submit
{
	width: 130px;
	height: 25px;
	background: #222B5D no-repeat 6px 9px;
	padding: 2px 0px 3px 5px;
	color: #FFF;
	text-align: left;
	margin-left: 10px;
	border: none;
}
#formularios INPUT#submit:focus
{
	background: #03B0F4 6px 9px;
}
/*archivos*/
#archivos
{
	width: 300px;
}
#archivos UL
{
	list-style: none;
	padding: 5px 10px;
	line-height: 1.3em;
}
#archivos LI
{
	background: url(../images/menu_cuadrito.png) no-repeat 0px 7px;
	padding-left: 17px;
	margin-bottom: 10px;
}
#archivos .ttitulo
{
	background: url(../images/f_tararchivos.png) no-repeat left;
	padding: 10px 0 10px 17px;
	font-weight: bold;
	color: #FFF;
	width: 500px;
}
#galeria
{
	width: 400px;
	display: block;
}
/*pie*/
#pie
{
	float: left;
	background: #003093 url(../images/bg_pie.png);
}
#cinarucopie
{
	background: url(../images/bg_cinaruco_pie.png) no-repeat right;
	float: right;
	width: 200px;
	height: 170px;
}
#direccion
{
	float: right;
	width: 190px;
	height: 60px;
	margin: 100px auto 0;
}
#direccion P
{
	color: #FFF;
	font-size: 11px;
	text-align: right;
	padding-right: 15px;
	line-height: 1.5em;
}
#menupie
{
	width: 400px;
	float: left;
	margin-top: 50px;
	margin-left: 17px;
	height: 40px;
	font-size: 12px;
}
#menupie LI
{
	padding-right: 5px;
	padding-left: 5px;
	display: inline;
	height: 8px;
	border-right: 1px solid #FFFFFF;
}
#menupie A
{
	color: #FFF;
	text-decoration: none;
}
#menupie A:hover
{
	color: #00CCFF;
	text-decoration: none;
}
#socialweb
{
	width: 235px;
	float: left;
	margin: 100px 0 0 120px;
}
#socialweb UL
{
	height: 40px;
}
#socialweb LI
{
	display: inline;
}
.rss IMG
{
	height: 36px;
}
/*Mapa sitio*/
#mapasitio
{
	padding-top: 10px;
}
#mapasitio UL
{
	list-style: none;
	padding: 5px 10px;
	line-height: 1.3em;
}
#mapasitio .rojo
{
	background: url(../images/cuadrado.png) no-repeat 0px 7px;
	padding-left: 17px;
	margin-bottom: 10px;
}
#mapasitio .azul
{
	background: url(../images/cuadrado_azul.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;
}
/*tablas*/
.tabtitulo
{
	background: #069;
	color: #FFF;
	height: 25px;
}
.tabtitulo TD
{
	font-size: 13px;
	font-weight: bold;
	padding: 4px 0 0 2px;
}
.celda1
{
	background-color: #DCE2E9;
	border-bottom: 1px dashed #3136AE;
}
.celda2
{
	background-color: #EFF3F6;
	border-bottom: 1px dashed #4B52F6;
}
.linder
{
	font-size: 12px;
	font-weight: normal;
	color: #F6DB97;
	background-color: #FFC;
	padding: 5px;
}
.linizq
{
	font-size: 12px;
	background-color: #EA3;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px;
}
/*limpiar elementos flotantes*/
.clear:after
{
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear
{
	display: inline-block;
}
.clear
{
	display: block;
}
* HTML .clear
{
	height: 1px;
}
/*Contacto error*/
#contacto_validar
{
}
#contacto_validar
{
	width: 500px;
	margin: 200px auto 0;
	background: #E5E5E5 url(../images/Symbol-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/Symbol-Check.png) no-repeat right;
	border: 1px dashed #776363;
	padding: 40px;
}
#contacto_check H1
{
	color: #39A328;
	font-weight: bold;
}
#contacto_check P
{
	margin-left: 160px;
}
/*En vivo*/
#envivo
{
	margin: 0 auto;
	width: 600px;
}
#envivobarra
{
	width: 600px;
	height: 150px;
	background-image: url(../images/envivo.png);
}
#envivoplayer
{
}
#envivoplayer
{
	background: #010F2C url(../images/envivobg.png) no-repeat top right;
	width: 600px;
	height: 150px;
}
#envivoplay
{
	width: 328px;
	margin: 0 auto;
	height: 40px;
	padding-top: 50px;
}
#windowsmedia
{
	float: right;
	margin-right: 5px;
}
#container
{
}
/*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;
}