/* CSS Document */

body
{
	color: #000;
	margin:0 auto;
	font: normal 12px "Lucida Grande", Verdana, Arial, Helvetica, Tahoma sans-serif;
	background:#cac7be;  /*color azul oscuro: #000819*/
}

.fecha {font-family: Arial, Helvetica, sans-serif; font-size:11px; color: #333; text-align:left;}

#ContenedorGeneral {
	/*background:url(/codigo4/images/bg.jpg) no-repeat #000819;*/
	background-color:#cac7be;
	margin:0 auto;
	width:980px;
}
.contenedorGeneral{ padding:5px}
.contenedorGeneralTitulo{ padding:5px 0}
.contenedorComentarios{background:url(/codigo4/images/bgComentarios.png); background-position:top center; background-repeat:no-repeat; padding:10px;}
.contenedorComentarios .btn{ margin:130px 10px 10px; 0}
.contenedorReporteros{background:url(/codigo4/images/bgReportero.png); background-position:top center; background-repeat:no-repeat; padding:10px;}	
.contenedorReporteros .btn{ margin:130px 0 10px 5px; }
.contenedorVideos{padding:0 0 10px 0;}
.sondeoContenedor{background:url(/codigo4/images/middle-top.jpg); background-color:#9d3700; background-position:top left; background-repeat:no-repeat; /*background-position:top left; background-repeat:repeat-x;*/ padding:10px 0px 0px 10px;}
.sondeoPregunta{background:url(/codigo4/images/bgSondeoPregunta.png); background-position:top; background-repeat:no-repeat; padding:5px 10px; font-size:14px; font-weight:bold; text-decoration:none; color:#000;}
.sondeoTexto{padding:5px; font-size:13px; font-weight:normal; text-decoration:none;}
.sondeoLink {padding:5px; font-size:11px; font-weight:normal; text-decoration:none; color:#666666;}
.sondeoLink:hover{padding:5px; font-size:11px; font-weight:normal; text-decoration:none; color:#b1390d;}
.sondeoContenedor .content{background:url(/codigo4/images/bgSondeo_01.png); background-position:top right; background-repeat:repeat-y; padding:3px 14px 3px 3px; margin:0}
.sondeoContenedor .content .contenedorGeneralTitulo{ margin-right:-15px}
.fondoPublicidad{border:1px #666 solid; background:#ccc; padding:3px; width:300px; color:#333333; font-size:9px; text-transform:uppercase; text-align:center; margin-bottom:5px;}
.contenedorBlog{background:url(/codigo4/images/bgBlog.png); background-position:top left; background-repeat:no-repeat; padding:12px; margin-right:-10px;}
.contenedorBlog .texto{ padding:25px 10px 5px 5px; font-size:11px; text-align:left; color:#000000; margin-top:70px;}
.contenedorBlog .texto a{color:#666; text-decoration:none}
.contenedorBlog .texto a:hover{color:#b1390d; text-decoration:none}
.contenedorPiramide{
	background:url(/codigo4/images/bgPiramide.png);
	background-position:top center;
	background-repeat:no-repeat;
	padding:12px;
	margin-right:-10px;
}
.contenedorPiramide .texto{
	padding:3px;
	font-size:24px;
	text-align:center;
	color:#9D3700;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
}

/*----------------    Videos de C4 en la portada   -------------------*/
.contenedorVideos .content{padding:0px;}
.contenedorVideos .content .thumb{padding:5px; margin-bottom:5px; background:#CCCCCC; border:1px #666 solid; width:115px;}
.contenedorVideos .content .thumb:hover{padding:5px; margin-bottom:5px; background:#d54410; border:1px #9d3700 solid;width:115px;}
.contenedorVideos .content .texto a{color:#666666; font-size:10px; text-decoration:none;}
.contenedorVideos .content .texto a:hover{color:#333; font-size:10px; text-decoration:none;}


/*----------------    Carrusel de VIDEOS en la portada   -------------------*/
.contenidovideosTV {
	text-align:center;
	vertical-align:middle;
	margin-top:5px;
	/*	padding-top:5px; */
	width:540px;
	/*	border-top:3px solid #333333;*/
	border-top:0;
	}
	#contenedorvideos {
	width:270px;
	height:155px;
	border: 1px solid #d5d4d4;
	text-align:center;
	padding: 15px 5px; /*top - right - bottom - left*/
	margin: 5px;}
		#contenedorvideos a {
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#333333;
			text-decoration:none;}
		#contenedorvideos a:hover {
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#0578aa;
			text-decoration:underline;}

/***********************************************************************/
/*** SCROLL DE VIDEOS ***/
/***********************************************************************/
.itemsNoticias IMG {
	margin: 0px;
	width:125px; /*150px*/
	height: 94px; /*84px*/
	border: 1px #666 solid;
	}
	
.itemsNoticias A {
	margin: 9px 7px; /*top and bottom es el primero, right and left son el segundo*/
	_margin: 10px 7px;
	display: block; 
	float: left;
	width:125px;
	height:94px;
	font-family:Arial, Helvetica, sans-serif;
	color:#bbb;
	font-size:11px;
	text-decoration:none;
	padding:0px 0px 0px 0px; 
	_padding:10px 0px 30px 0px;} /*top - right - bottom - left*/
	
.itemsNoticias A:hover {
	margin: 9px 7px; /*top and bottom es el primero, right and left son el segundo*/
	_margin: 10px 7px;
	display: block; 
	float: left;
	width:125px;
	height:94px;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:11px;
	text-decoration:underline;
	padding:0px 0px 0px 0px;
	_padding:10px 0px 30px 0px;} /*top - right - bottom - left*/

.titleArea {
	background-color:#fff; 
	width:119px; 
	height:48px; 
	margin-left:5px; 
	margin-top:50px;
	*margin-top:-6px;
	padding:50px 4px 0px 4px; /*top - right - bottom - left*/
	*padding:8px 4px 0px 4px; /*top - right - bottom - left*/
	text-align:center;}
	 
#galleryVideos .disabled {
	visibility: visible !important;}
	
#galleryVideos .inactive {
	visibility: hidden !important;}
	
.scrollableVideos {
	position: relative;
	width: 500px;
	background-color:#CCCCCC;
	height: 170px;
	overflow: hidden;
	float: left;
	margin-left:34px;
	_margin-left:7px;
	_margin-right:7px;
	-ms-border-radius: 5px; /*para IE 8*/
	-moz-border-radius:5px; /*Firefox*/
	-webkit-border-radius: 5px; /*WebKit y Safari*/
	-khtml-border-radius: 5px;
}
	
.scrollableVideos .itemsNoticias {
	position: relative; 
	width: 20000em; 
	clear: both;}
	
.scrollableVideos IMG {
	width:125px;
	height:94px;
	border: #333333 1px solid; 
	/*padding: 1px 1px 1px 1px; 
	background-color: #ffffff; */
	margin: 0px 5px 6px 5px; /*top - right - bottom - left*/
	_margin: 0px 0px 0px 10px;
	float: left;
	cursor: pointer; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;}

.scrollableVideos .active {
	z-index: 9999; 
	position: relative;
	/*border: #0578aa 2px solid;*/}
	
A.browseVideo {
/*margin:0px 288px 0px 288px; /*top and bottom es el primero, right and left son el segundo*/
	margin: -25px 0px 0px 520px;
	*margin:-25px 0px 0px 520px;
	width: 30px; 
	position: absolute; 
	background: url(/codigo4/images/hori_largeNoticias.png) no-repeat;
	behavior: url(/iepngfix.htc); 
	float: left; 
	height: 30px; 
	cursor: pointer;}
	
A.right {
	background-position: 0px -30px; 
	clear: right; 
	margin-right: 0px;}
	
A.right:hover {
	background-position: -30px -30px;}
	
A.right:active {
	background-position: -60px -30px;}
	
A.left {
	margin-left: 0px}
	
A.left:hover {
	background-position: -30px 0px;}
	
A.left:active {
	background-position: -60px 0px;}
	
A.disabled {
	visibility: hidden !important;}

/* position and dimensions of the navigator */
.navi {
	margin-left:450px;
	_margin-left:420px;
	margin-top:6px;
	width:50px;
	height:19px;
	vertical-align:middle;}

/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(/images/r4/navigator.png) 0 0 no-repeat;
	behavior: url(/iepngfix.htc);
	display:block;
	font-size:1px;}

/* mouseover state*/ 
.navi a:hover {
	background-position:0 -8px;}

/* active state (current page state)*/ 
.navi a.active {
	background-position:0 -16px;}

/*----------------    Carrusel de STAFF en la portada   -------------------*/
.contenidostaff {
	text-align:center;
	vertical-align:middle;
	margin-top:5px;
	/*	padding-top:5px; */
	width:540px;
	/*	border-top:3px solid #333333;*/
	border-top:0;
	}
	#contenedorstaff {
	width:270px;
	height:155px;
	border: 1px solid #d5d4d4;
	text-align:center;
	padding: 15px 5px; /*top - right - bottom - left*/
	margin: 5px;}
		#contenedorstaff a {
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#333333;
			text-decoration:none;}
		#contenedorstaff a:hover {
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#0578aa;
			text-decoration:underline;}

/***********************************************************************/
/*** SCROLL DEL STAFF ***/
/***********************************************************************/
.itemsStaff IMG {
	margin: 0px;
	width:125px; /*150px*/
	height: 94px; /*84px*/
	border: 1px #666666 solid;
	}
	
.itemsStaff A {
	margin: 9px 7px; /*top and bottom es el primero, right and left son el segundo*/
	_margin: 10px 7px;
	display: block; 
	float: left;
	width:125px;
	height:94px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:11px;
	text-decoration:none;
	padding:0px 0px 0px 0px; 
	_padding:10px 0px 30px 0px;} /*top - right - bottom - left*/
	
.itemsStaff A:hover {
	margin: 9px 7px; /*top and bottom es el primero, right and left son el segundo*/
	_margin: 10px 7px;
	display: block; 
	float: left;
	width:125px;
	height:94px;
	font-family:Arial, Helvetica, sans-serif;
	color:#cc0000;
	font-size:11px;
	text-decoration:underline;
	padding:0px 0px 0px 0px;
	_padding:10px 0px 30px 0px;} /*top - right - bottom - left*/

.titleAreaStaff {
	background-color:#ffffff;
	color:#666666;
	width:119px; 
	height:48px; 
	margin-left:5px; 
	margin-top:50px;
	*margin-top:-6px;
	padding:50px 4px 0px 4px; /*top - right - bottom - left*/
	*padding:8px 4px 0px 4px; /*top - right - bottom - left*/
	text-align:center;}
	 
#galleryStaff .disabled {
	visibility: visible !important;}
	
#galleryStaff .inactive {
	visibility: hidden !important;}
	
.scrollableStaff {
	position: relative;
	width: 500px;
	background-color:#CCCCCC;
	height: 170px;
	overflow: hidden;
	float: left;
	margin-left:34px;
	_margin-left:7px;
	_margin-right:7px;
	-ms-border-radius: 5px; /*para IE 8*/
	-moz-border-radius:5px; /*Firefox*/
	-webkit-border-radius: 5px; /*WebKit y Safari*/
	-khtml-border-radius: 5px;}
	
.scrollableStaff .itemsNoticias {
	position: relative; 
	width: 20000em; 
	clear: both;}
	
.scrollableStaff IMG {
	width:125px;
	height:94px;
	border: #333333 1px solid; 
	/*padding: 1px 1px 1px 1px; 
	background-color: #ffffff; */
	margin: 0px 5px 6px 5px; /*top - right - bottom - left*/
	_margin: 0px 0px 0px 10px;
	float: left;
	cursor: pointer; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;}

.scrollableStaff .active {
	z-index: 9999; 
	position: relative;
	/*border: #0578aa 2px solid;*/}
	
A.browseStaff {
/*margin:0px 288px 0px 288px; /*top and bottom es el primero, right and left son el segundo*/
	margin: -25px 0px 0px 520px;
	*margin:-25px 0px 0px 520px;
	width: 30px; 
	position: absolute; 
	background: url(/codigo4/images/hori_largeNoticias.png) no-repeat;
	behavior: url(/iepngfix.htc); 
	float: left; 
	height: 30px; 
	cursor: pointer;}
	
A.right {
	background-position: 0px -30px; 
	clear: right; 
	margin-right: 0px;}
	
A.right:hover {
	background-position: -30px -30px;}
	
A.right:active {
	background-position: -60px -30px;}
	
A.left {
	margin-left: 0px}
	
A.left:hover {
	background-position: -30px 0px;}
	
A.left:active {
	background-position: -60px 0px;}
	
A.disabled {
	visibility: hidden !important;}

/* position and dimensions of the navigator */
.navi {
	margin-left:450px;
	_margin-left:420px;
	margin-top:6px;
	width:50px;
	height:19px;
	vertical-align:middle;}

/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(/images/r4/navigator.png) 0 0 no-repeat;
	behavior: url(/iepngfix.htc);
	display:block;
	font-size:1px;}

/* mouseover state*/ 
.navi a:hover {
	background-position:0 -8px;}

/* active state (current page state)*/ 
.navi a.active {
	background-position:0 -16px;}
	
	
/* --------------     FOOTER    -------------------- */	
.footer { 
	color: #f2ebeb;
	font-size:10px;
}

.textofooter { color:#f2ebeb; font-size:10px; }

.numerosTit { color:#FFCC66; font-size:11px; font-weight:bold; }

.numeros { color:#fff; font-size:11px;  font-weight:bold; }

a.linkfooter { color:#f2ebeb; font-size:10px; text-decoration:none;}
a.linkfooter:hover { color:#d6dce7; font-size:10px; text-decoration:underline;}

/******************  Reportero Ciudadano  - Lightbox  ************************/

.reportero .wrapper{
	background:#f3f1f2 url(/images/r4/repC4titulo.jpg) top left no-repeat;
	behavior: url(/iepngfix.htc);
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.reportero .wrapper .caja{
	background-color:#eee;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 3px;
	border: #ddd 3px solid;
}
.reportero .wrapper .caja .titulo{
	background-color:#ddd;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	padding: 5px;
}
.reportero .wrapper .asterisco{
	color:#e36500;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}
.reportero .wrapper .lineaHoz{
	border-bottom: #ddd solid 2px;
	margin: 3px 0 2px 0;
}

/* --------------     Layers Flotantes    -------------------- */	
#grettel {
	position:absolute;
	margin-left:-100px;
	margin-top:-30px;
	width:0px;
	height:0px;
	z-index:1;
}