/*  
1996-2008 CyberCenter S.A. Todos los Derechos Reservados.
CSS para proyecto {DEFENSORIA PENAL PUBLICA - SITIO WEB}               
Media: SCREEN
Autor: Area Diseño Web - CyberCenter S.A.         					
Fecha de creacion 30/10/2009                        
Fecha de ultima modificacion: dd/mm/aaaa
Version: 1.0
/*

/* llamado CSS menu superior \*/
@import url("menu.css");

body {
	background-color: #E6E7E9;
	text-align: center;
	margin: 0px;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:11px;
}
.guia { position:absolute; bottom:0; left:0; }
a img {
	border:none !important;
}
.menu_lateral li a {
	color:#FFF;
	text-decoration:none;
}
.menu_lateral li a:hover {
	color:#CCC;
	text-decoration:underline;
}
#menu {
	height: 24px;
	width: 770px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	margin: auto;
	background:url(../images/menu_superior/bg_menu_principal.jpg) top left no-repeat;
	text-align: center;
}

#menuInt {
	background-color: #FFFFFF;
	height: 44px;
	width: 770px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	margin: auto;
}
#contenedor {
	width: 770px;
	background-color: #E6E7E9;
	background-image: url(../images/portada/fondo_general.gif);
	background-repeat: repeat-y;
	margin:auto;
	text-align:left;
	height: auto;
}
#colofon {
	width: 770px;
	height: 47px;
	margin:auto;
}
/* MENU LATERAL */
.lateral {
	width: 149px;
	padding-left: 22px;
	padding-right: 10px;
	font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
	font-size:11px;
	background-image: url(../images/portada/fondo_costado.gif);
	background-repeat: repeat-y;
	font-weight: normal;
	color: #2b2d35;
	padding-top: 3px;
	padding-bottom: 3px;
}
.lateral A{
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}
.lateral A:hover{
	text-decoration:underline;
	color:#FFFFFF;
	font-weight:bold;
}
.lateral strong{
	color:#484D55;
}
.latNoti {
	width: 158px;
	padding-left: 13px;
	padding-right: 10px;
	/*vertical-align: top;*/
	font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
	font-size:11px;
	color:#484D55;
	height: 22px;
	/*font-weight:bold;*/
	background-image: url(../images/portada/fondo_lateral.gif);
	background-repeat: repeat-y;
}
.latNoti A{
	text-decoration:none;
	color:#484D55;
	font-weight:bold;
}
.latNoti A:hover{
	text-decoration:underline;
	color:#000000;
	font-weight:bold;
}
.latNoti strong{
	color:#484D55;
}
.banners {
	width: 158px;
	vertical-align: top;
	font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
	text-align:center;
	background-image: url(../images/portada/fondo_lateral.gif);
	background-repeat: repeat-y;
	padding-left: 7px;
}
/* ENCUESTA */
.pregunta {
	font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
	height: 22px;
	color:#484D55;
	padding-left: 10px;
	font-weight:bold;
	
}
.opciones{
	font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
	height: 22px;
	color:#61666E;
	padding-left: 5px;
	vertical-align: top;
}
.lateral2 {
	width: 158px;
	padding-left: 13px;
	padding-right: 10px;
	font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
	font-size:11px;
	height: 22px;
	background-image: url(../images/portada/fondo1.gif);
	background-repeat: repeat-y;
	font-weight: normal;
	color: #FFFFFF;
} 
/* NOTICIAS PORTADA */
.icono {
	background-image: url(../images/portada/ico_fondo.gif);
	background-repeat: repeat-y;
	width: 48px;
}
.izquierda{
	background-image: url(../images/portada/fondo_noti1.gif);
	background-repeat: repeat-y;
	width: 200px;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: top;
}
.notiIzq {
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 11px;
	line-height: 15px;
	color: #61666E;
	text-align: left;
	margin-bottom: 15px;
}
.notiIzq strong{
	font-family: "Trebuchet MS", Arial, Verdana;
	line-height: 15px;
	text-align: left;
}
.notiIzq A{
	color:#484D55;
	text-decoration:none;
}
.notiIzq A:hover{
	color:#000000;
	text-decoration:underline;
}
.notiDer {
	margin-bottom: 25px;
}

.notiDer strong{
	font-family: "Trebuchet MS", Arial, Verdana;
	line-height: 15px;
	text-align: left;
}
.notiDer A{
	color:#484D55;
	text-decoration:none;
}
.notiDer A:hover{
	color:#000000;
	text-decoration:underline;
}
.notiFechas{
	font-size: 90%;
	line-height: 15px;
	text-align: left;
}
.notiFotos { background-color: #FFF; padding: 3px; border-top-width: 1px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 1px; border-top-style: solid; border-right-style: groove; border-bottom-style: groove; border-left-style: solid; border-top-color: #E3E5E4;	border-right-color: #C4C8C6; border-bottom-color: #C4C8C6; border-left-color: #E3E5E4; float:left; margin-right:5px; }
.notaPortada {
	margin-bottom: 25px;
}

/* DESTACADOS PORTADA */
.destacados {
	width: 220px;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: top;
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 11px;
	line-height: 15px;
	color: #61666E;
	text-align: left;
}
.destacados strong{
	font-family: "Trebuchet MS", Arial, Verdana;
	line-height: 15px;
	text-align: left;
}
.destacados A{
	color:#484D55;
	text-decoration:none;
}
.destacados A:hover{
	color:#000000;
	text-decoration:underline;
}
.vermas{
	vertical-align:middle;
	margin-left:5px;
}
/*OTROS*/
.fondo1{
	background-image: url(../images/portada/fondo1.gif);
}
.columnaIzq{
	background-image: url(../images/portada/fondo_lateral.gif);
}
.fondoCostado {
	background-image: url(../images/portada/fondo_costado.gif);
	background-repeat: repeat-y;
}
#bannerInf {
	text-align: center;
	background-repeat: repeat-x;
	padding-top: 20px;
	width: 579px;
}
#bannerInf img {
	padding-left: 20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.fondobot {
	background-image: url(../images/degrade.gif);
	background-repeat: repeat-x;
	position: relative;
	height: 195px;
}
.fondobotsup {
	background-color: #185294;
	background-image: url(../images/fondo_menu.gif);
	background-repeat: repeat-x;
}


/* ESTILOS AGREGADOS NOV/2009 */

/* BREADCRUMBS */
#breadcrumbs { float:left; background:url(../images/html/bg_ruta.jpg) repeat-x; height:21px; margin:0; padding:0 0 0 40px; width:550px; }
#ruta { float:left; background:url(../images/html/ico_ruta.jpg) left no-repeat; width:550px; font-family: "Arial Narrow", Arial, Helvetica; font-size: 11px; color: #A7ACAF; padding:2px 0 2px 5px; margin:0 0 0 7px; }
#ruta .primero { padding:0 5px 0 5px; }
#ruta .normal { border-left:1px dotted #A3C53A; padding:0 5px 0 5px; }
#ruta .ultimo { border-left:1px dotted #A3C53A; padding:0 5px 0 5px; color:#069; font-weight:bold; }
#ruta a { color:#A7ACAF; text-decoration:none; }
#ruta a:hover { color:#999; text-decoration:none; }
#ruta ul { margin:0px; padding:0px; list-style-type:none; }
#ruta li { float:left; padding:0 3px 0 12px; }


/* LATERAL */
#lateral_home { width:181px; border-top:5px solid #FFF; margin:0; text-align:center; min-height:560px; float:left; background:#FFF url(../images/portada/fondo_lateral.gif) top left repeat-y; }
#banners_ { padding:5px 0 5px 0; text-align:center; }

#menu_lat_home { float:right; background:url(../images/bg_menu_lateral.jpg) repeat-y; width:176px; }
#menu_lat_home ul { margin:0; padding:0; list-style-type:none; text-align:left; }
#menu_lat_home li { color:#FFF; text-decoration:none; background:url(../images/bullet_menu_lateral.gif) 7px 8px no-repeat; padding:3px 0 6px 15px; border-bottom:1px dotted #CCC; }
#menu_lat_home a { color:#FFF; text-decoration:none;	font-weight:bold; }
#menu_lat_home a:hover { color:#FFF; text-decoration:underline;	font-weight:bold; }
.lat_abajo { background:url(../images/portada/lat_abajo.gif) no-repeat; height:19px; }

/* CONTENIDOS */
#top_contenidos { width:589px; margin:-35px 0 0 0; float:left; background:none; height:48px; position:relative; }
.caja_buscar { width:108px; color:#999; font-size:11px; height:17px; background:#D5D9DF; border:none; border-top:1px solid #EAECEF; }

#contenidos { width:589px; float:right; }
#contenidos a { color:#333; text-decoration:none; }
#contenidos a:hover { color:#000; text-decoration:underline; }
#contenidos h1 { color:#5D86B4; height:25px; font-size:18px; font-weight:bold; text-transform:capitalize; background:url(../images/html/ico_h1_noticias.jpg) 8px 0px no-repeat; padding:0 0 0 45px; margin:0; }
#contenidos small { font-size:9px; color:#185294; margin:0; padding:0 0 0 45px; }

/* CCC */
#ccc { width:770px; height:145px; }

/* NOTICIAS PORTADA */
#noticias_izq {
	float:left;
	width:242px;
	padding:10px 0 0 47px;
	border-left:1px solid #BFC5CD;
}
#noticias_izq #moviles {
	position: relative;
	height: 280px;
	width: 200px;
}
#noticias_izq h2 {
	font-size: 12px;
	line-height: 16px;
	margin: 0px;
	background-image: url(../images/portada/flecha.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
}
#noticias_izq p {
	color: #61666E;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
}


#noticias_der { float:left; width:270px; padding:10px;	border-left:1px dotted #61666E; }
#noticias_der h2 {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	line-height: 16px;
}
#noticias_der p {
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	color: #61666E;
}
.banner_destacado { width:589px; float:left; background:none; }

/* PORTADA - ACCESOS DIRECTOR */
#accesos_directos { width:548px; position:relative; margin:0 auto; }
#accesos_directos a { color:#5D86B4; font-weight:bold; text-decoration:none; }
#accesos_directos a:hover { color:#185194; font-weight:bold; text-decoration:underline; }
#accesos_directos .ad_left { float:left; width:310px; list-style-type:none; margin:0; padding:0; }
#accesos_directos .ad_left .derechos { background:url(../images/ico_derechos.gif) no-repeat 15px 5px; }
#accesos_directos .ad_left .estadisticas { background:url(../images/ico_estadisticas.gif) no-repeat 15px 5px; }
#accesos_directos .ad_left .concursos { background:url(../images/ico_concursos.gif) no-repeat 15px 5px; }
#accesos_directos .ad_left .biblioteca { background:url(../images/ico_biblioteca.gif) no-repeat 15px 5px; }

#accesos_directos li { color:#5D86B4; font-size:12px; font-weight:bold; padding:0 0 15px 40px; }
#accesos_directos .ad_right { float:left; width:237px; list-style-type:none; margin:0; padding:0; }
#accesos_directos .ad_right .oficinas { background:url(../images/ico_oficinas.gif) no-repeat 15px 5px; }
#accesos_directos .ad_right .licitaciones { background:url(../images/ico_licitaciones.gif) no-repeat 15px 5px; }
#accesos_directos .ad_right .publicaciones { background:url(../images/ico_nuestras_publicaciones.gif) no-repeat 15px 5px; }
#accesos_directos .ad_right .gestion { background:url(../images/ico_gestion.gif) no-repeat 15px 5px; }

#pie { background:url(../images/bg_pie.jpg) no-repeat; width:770px; height:47px; }
#pie p { width:575px; font-size:10px; color:#FFF; text-align:center; padding-top: 5px; padding-right: 0; padding-bottom: 0;	padding-left: 181px; }
#pie a { color:#FFF; text-decoration:none; }
#pie a:hover { color:#FFF; text-decoration:underline; }


.ad_buscador { float:right; margin:10px 20px 0 0; }
.fecha { float:left; margin:10px 0 0 10px; color:#999; }
.dato {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.dato th {	color:#FFF; background-color:#B63108; border-bottom:1px solid #FFF; font-weight:bold; padding-top:1px; padding-bottom:1px; text-align:left; }
.dato td { background:#FEDACF; color:#333; padding:5px; border-top:1px solid #FFF; border-bottom:1px solid #FFF; }	
.dato tr.dif td { background:#FEEFEB; }

.clear { clear:both; }
.paginador { font-size:10px; font-family:"Trebuchet MS", tahoma, arial; color:#333; text-align:center; margin:0 auto; }
.paginador span a { font-weight:bold; color:#cc0000; text-decoration:none; }

.herramientas { border-top:1px dashed #CCC; text-align:center; margin:0 auto; width:450px; padding:5px 0 5px 0; }
/* MOVILES */
#AutoScrollContainer {position:absolute; top:0px; left:0px; width:200px; height:280px; clip:rect(0,200,280,0); overflow:hidden; z-index:1; visibility:visible; background-color: #FFFFFF; background-color: #FFFFFF; border: 1px none #000000;}
#AutoScrollContent {position:absolute; top:50px; left:0px; width:200px; visibility:visible;}
.espaciobaner {
	display: block;
	padding-bottom: 5px;
	margin-left: 0px;
}