@media print {
body {
	background-color: #fff;
	font: normal 12pt Arial, Helvetica, sans-serif;
}
a {color: #000; text-decoration: none}
img, table {border: 0}

#menu-superior, #main-menu, #sub-menu, #servicios-rojo, .migas, .bloque-banners, #content-temas, 
#cols3-1, #welcome, #buscador, .bloque-encuesta, #encabezado-pleca, .vermas, #logo, #pie, .accesibility {
	display: none;
}
}

@media screen {
/* Se ocultan las opciones de accesibilidad */
.accesibility {
	margin-left: -9000px;
	position: absolute;
	top: 0;
	left: 0;
}

/* El color de fondo de toda la ventana */
html {
	background: #47b7df url(http://guerrero.gob.mx/skins/portal2010/images/bg.jpg) top center repeat-x;
}

/* Los encabezado no deben llevar espaciado de margenes o padding */
body, div, span, td, th, h1, h2, h3, h4, h5, h6, ul, li {
	margin: 0;
	padding: 0;	
	font: normal 9pt Arial, Helvetica, sans-serif;
}

/* Quita los espacios a los ul y los separa del borde superior */
ul {
	padding: 4px 0 0 0;
	margin: 0;
}

/* Se le quitan los adornos a las listas */
ul, li {
	list-style-type: none;
	font-size: 8.5pt;
}

/* Separacion inferior de cada elemento en la lista, la imagen queda alineada verticalmente al centro y a la izquierda en horizontal */
ul li {
	padding-bottom: 4px;
	padding-left: 10px;
	margin-left: 2px;
	background: url(http://guerrero.gob.mx/skins/icons/flecha.jpg) 0px 5px no-repeat;
}

/* las ligas de las listas no tienen estan subrayadas */
ul li a {
	text-decoration: none;
	/*clear: both;*/
}

/* Cuando se pasa por una liga de las listas se subrayan */
ul li a:hover {
	text-decoration: underline;
}

/* Los titulos son en negritas */
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/* Los titulos principales deben ser grandes */
h1, h2 {	
	margin-bottom: 5px;	
}

/* la imagenes no deben usar bordes ni las tablas */
img, table {
	border: 0;
}

/* Los titulos en la columna central deben ser mas grandes */
#cols3-2 h3, #cols3-2 h4 {
	font-size: small;
}

#cols3-2 h1, #cols3-2 h2, #cols2-2 h1, #cols2-2 h2 {
    font-family:  Georgia, Arial, Helvetica, sans-serif;
    font-size: x-large;
    font-weight: normal;
}

/* 
 * El cuerpo de la pagina lleva el color de fondo y margenes superior e inferior,
 * centra todo el contenido y aplica las medidas del sitio
 */
body {
	background-color: #fff;
	margin: 10px auto 40px auto;
	text-align: center;
	width: 792px;
}

/* Las ligas son color negro */
a {color: #000;}

/* Visitadas son color marron */
a:visited {color: #565656;}

a:hover {color: #000;}

/*
 * Ligas ver mas
 * estan alineadas al centro
 */
p.vermas {
	text-align: center;
	padding: 8px 0 2px 0;
	margin: 0;
}

/* llevan a su izquierda una imagen */
p.vermas a {
	font-size: 100%;
	color: #777;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	background: url(http://guerrero.gob.mx/skins/portal2010/icons/arrow-vermas.jpg) 0px 4px no-repeat;
	padding-left: 15px;
}

.depsmenu {
	display: none;
}

/* Los enlaces seleccionados del menu */
.selected a {
	font-weight: bold;
	border-bottom: 1px dotted #888;
}


/* Todas las partes del sitio tienen las mismas propiedades */
#encabezado, #encabezado-main, #menu-superior, #cuerpo, #pie {	
	text-align: left;
	border: 0;
}

#cuerpo, #pie {
	width: 772px;
	border: 10px solid #fff;
	border-bottom-width: 0px;
	border-top-width: 0;
	background-color: #fff;
}

#encabezado, #encabezado-main, #menu-superior {	
	width: 792px;
}

/* Encabezado del sitio, el fondo se pone dinamico */
#encabezado, #encabezado-main {
	border-top: 0;
	background: #fff url(http://guerrero.gob.mx/skins/portal2010/images/header.jpg) top center no-repeat;
	height: 116px;
	line-height: 16px;
}

	/* Posicion del logotipo */
	#logo {
		padding-left: 30px;
		padding-top: 5px;
		width: 400px;
		height: 110px;
		float: left;
	}
	
	#logo img {
		width: 105px;
		height: 100px;
		float: left;
	}
	
	#logo h2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14.5px;
		color: #c00;
		padding-top: 37px;
	}
	
    /* Fondo donde van el rss y mapa del sitio */
    #encabezado-pleca {
    width: 340px;
    height: 19px;
    float: right;
    margin-top: 10px;
    }
        
    /* Interior de la pleca con el rss y mapa del sitio */
    #encabezado-pleca div {
	    height: 19px;
	    padding: 5px 62px 0 0;
	    text-align: right;
    }
	
	/* Imagen de bienvenida del index */
	#welcome {
		width: 340px;
		height: 60px;
	    float: right;
	}
		
		/* Subtitulo de la pagina */
		#welcome h2 { display: none; }
		
	/* Buscador sobre la pleca */
	#buscador {
	   margin: 12px 0 10px 140px;
	   clear: right;	
	}
	
        #buscador #q {
            border: 0;
            padding: 4px 2px;
            margin-top: 8px;
        }
	
	    #boton-search {
	        display: inline;
	        margin-left: 4px;
	    }		
	
		/* No mostrar la etiqueta del buscador */
		#buscador label { display: none; }
	
    #encabezado-redes {
        width: 340px;
        height: 19px;
        float: right;
        /*display: none;*/
    }
    
    #encabezado-redes div {
        height: 21px;
        padding: 0 0 0 5px;
        text-align: right;
        vertical-align: top;
    }
    
    #encabezado-redes div img {
        height: 21px;
        width: 21px;
        margin: 0 3px;
        vertical-align: bottom;
    }
	

/* menu superior horizontal */
#menu-superior {
	height: 29px;
	clear: both;
	border-bottom: 5px solid #47b7df;
	background-color: #fff;
}

    /* Las ligas no llevan subrayado */
    #menu-superior a {text-decoration: none;}

	/* interior del menu con el fondo gris */
	#menu-superior div {
		background-color: #333;
		font-weight: bold;
	}
	
	#menu-superior div:hover {
			background-color: #5fc7e0;
		}
	
	/* El titulo del menu no se debe mostrar */
	#menu-superior div h3 {
		display: none;
	}
		
	/* Las listas deben mostrarse horizontal y son decoracion */
	#menu-superior div ul, #menu-superior div li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	/* Idem que el anterior */	
	#menu-superior div ul li {
		display: inline;
		line-height: 28px;
	}
		
	/* Cada elemento tiene las mismas propiedades, mismo alto y texto centrado, 
	 * con borde de color abajo, debe alinearse a la izquierda para que el siguiente elemento 
	 * se acomode enseguida de el
	 */
	#menu-superior .menu-option div {
		height: 29px;
		text-align: center;	
		float: left;
		line-height: 28px;
		margin-right: 2px;
	}
	
	#menu-superior .menu-option a { color: #fff; }

	/* Inicio */
	#menu-superior .red div {
		width: 90px;
		margin-left: 8px;
		/*background: #333 url(http://guerrero.gob.mx/skins/portal2010/images/binicio_off.jpg) center bottom no-repeat;*/
	}		
	
		/* Respuesta al evento mouseOver en Inicio y seleccionado */
		#tag-inicio #inicio div, #tag- #inicio div {
			background-color: #47b7df;
		}
	
	/* Perfiles y temas */
	#menu-superior .blue div {
		width: 130px;
	}
		/* Menu seleccionado: Perfiles y temas */
		#tag-audytem #audytem div, #tag-tema #audytem div {
			background-color: #47b7df;
		}
	
	/* Tramites y servicios */
	#menu-superior .green div {
		width: 140px;
	}
		/* Menu seleccionado: Tramites y servicios */
		#tag-tramyserv #tramyserv div, #tag-servlinea #tramyserv div, #tag-tramitesmasconsultados #tramyserv div, 
		#tag-buscatramites #tramyserv div, #tag-tramitedetalle #tramyserv div, #tag-curp_en_linea #tramyserv div {
			background-color: #47b7df;
		}
	
	/* Gobierno */
	#menu-superior .yellow div {
		width: 80px;
	}
	
		/* Menu seleccionado: Gobierno */
		#tag-gobierno #gobierno div, #tag-dependenciaslist #gobierno div, #tag-gobernador #gobierno div, 
		#tag-planedd #gobierno div, #tag-informesdegobierno #gobierno div, #tag-leyes #gobierno div, 
		#tag-municipios #gobierno div, #tag-obras #gobierno div, #tag-judicial #gobierno div, 
		#tag-legislativo #gobierno div, #tag-busquedaprogramas #gobierno div, #tag-dirgobierno #gobierno div, 
		#tag-directorio_buscar #gobierno div, #tag-programasgobierno #gobierno div, #tag-secretarias #gobierno div, 
		#tag-secretariasdetalle #gobierno div, #tag-orgs #gobierno div, #tag-autonomos #gobierno div, 
		#tag-obrasdetalle #gobierno div {
			background-color: #47b7df;
		}
	
	/* Nuestro estado */
	#menu-superior .orange div {
		width: 115px;
	}

		/* Respuesta al evento mouseOver en Nuestro estado */
		#tag-nestado #nestado div {
			background-color: #47b7df;
		}
	
	/* Sala de prensa */
	#menu-superior .navy div {
		width: 120px;
	}

		/* Menu seleccionado: Sala de prensa */
		#tag-dirmedios #noticias div, #tag-efemerides #noticias div, #tag-busca_articulo #noticias div, 
		#tag-eventos #noticias div, #tag-leearticulo #noticias div, #tag-noticias #noticias div {
			background-color: #47b7df;
		}
	
	/* Contacto */
	#menu-superior .gray div {
		width: 90px;
		clear: right;
	}
	
		/* Respuesta al evento mouseOver en Contacto */
		#tag-contacto #contacto div {
			background-color: #47b7df;
		}

/**
 * Cuerpo de la pagina
 *
 *
 */

/* Cuerpo de la pagina */
#cuerpo {
	padding: 10px 0;
	overflow: hidden;
	clear: both;
}

/* Las columnas del cuerpo de la pagina */
.content-cols {
	float: left;
	/* Con IE 6 no se ve el contenido, se corrige en los hacks quitando el padding */
	padding-bottom: 20010px;  /* X + padding-bottom */
	margin-bottom: -20000px;
}

	/* Columna 1 del esquema de 3 columnas */
	#cols3-1 {
		width: 170px;
	}
	
	/* Columna 2 del esquema de 3 columnas */
	#cols3-2, #cols2-2, #cols3-2 .itemdestacado, #cols2-2 .itemdestacado {
		width: 414px;
		border-left: 2px solid #fff;
		border-right: 2px solid #fff;
	}
	
	#cols2-2 {
		width: 585px;
		text-align: left;
		clear: right;
	}
	
	
	#cols2-2 .itemdestacado {
	   width: 585px;
	}	
	
	/* Columna 3 del esquema de 3 columnas */
	#cols3-3 {
		width: 178px;
		text-align: right;
		clear: right;
	}

/* Temas principales del portal en el index */
#content-temas {
	width: 416px;
	height: 257px;
	background: url(http://guerrero.gob.mx/skins/portal2010/images/temas.jpg) top center no-repeat;
	clear: both;
}

	#content-temas h3 {
		font-weight: normal;
		font-size: 18px;
		color: #369;
		text-align: center;
	}
	
	#content-temas h3 a {
		color: #369;
		text-decoration: none;
	}
	
	/* Ccntenidos en los temas */
	#temas-col1, #temas-col2, #temas-col3 {
		padding: 0 0 0 5px;
		width: 133px;
		float: left;
	}
	
	/* El espacio donde van los contenidos */
	/*
	#content-temas div div {
		height: 107px;
	}
	*/
	
	/* El contenedor de la lista */
	#content-temas div ul {
		padding: 108px 0 0 2px;
		height: 92px;
	}
		
	#content-temas ul li {
		padding-bottom: 1px;
		font-size: 8pt;
		line-height: 135%;
		background-position: left 20%;
		background: url(http://guerrero.gob.mx/skins/portal2010/icons/arrow-articulos.jpg) 0px 3px no-repeat;
	}
	
	#content-temas .vermas a {
		background-image: none;
		padding-left: 0;
	}

/* Bloque rojo de la derecha */
#servicios-rojo {
	width: 178px;
	height: 217px;
	text-align: left;
	background: url(http://guerrero.gob.mx/skins/portal2010/images/servicios_bg.jpg) top right no-repeat;
}

	/* El titulo no se debe mostrar */
	#servicios-rojo h3 { display: none; }		

	/* Listas de los servicios en la caja roja */
	#servicios-rojo li {
		margin-top: 1px;
		margin-left: 10px;
		padding-left: 22px;
		line-height: 250%;
		background-image: none;
	}
	
	/* Para conexiones lentas primero lo ponemos en negro las ligas */
	.servicios-rojo a {
		color: #000;
		font-family: Georgia, "Times New Roman", Times, serif;
	}

/* Menu izquierdo principal del sitio */
#main-menu, 
#tag-secretarias #sub-menu, #tag-secretariasdetalle #sub-menu {
	width: 168px;
	background: url(http://guerrero.gob.mx/skins/portal2010/images/bg_menu.jpg) top left no-repeat;
	height: 480px;
}

	#main-menu .perfiles {
		background: url(http://guerrero.gob.mx/skins/portal2010/images/bg-menu1.jpg) right top no-repeat;
	}
	
	#main-menu .temas-ul {
		background: url(http://guerrero.gob.mx/skins/portal2010/images/bg-menu3.jpg) right bottom no-repeat;
	}    

/* Los menus interiores */
#sub-menu {
	width: 168px;		
	background: url(http://guerrero.gob.mx/skins/gro-base-08/images/main-menu.jpg) center top no-repeat;
	margin-bottom: 4px;
}

	/* Cambiar el menu lateral cuando esta en gobierno */
	#tag-gobierno #sub-menu, #tag-dependenciaslist #sub-menu, #tag-gobernador #sub-menu, #tag-planedd #sub-menu, 
	#tag-informesdegobierno #sub-menu, #tag-leyes #sub-menu, #tag-municipios #sub-menu, #tag-obras #sub-menu, 
	#tag-judicial #sub-menu, #tag-legislativo #sub-menu, #tag-busquedaprogramas #sub-menu, #tag-dirgobierno #sub-menu,
	#tag-directorio_buscar #sub-menu, #tag-programasgobierno #sub-menu, #tag-orgs #sub-menu, #tag-autonomos #sub-menu, 
	#tag-obrasdetalle #sub-menu {
		height: 280px;
		background: url(http://guerrero.gob.mx/skins/portal2010/images/bg_menugob.jpg) left top no-repeat;
	}
	
	/* Cambiar el menu lateral cuando esta tramites y sala de prensa */	
	#tag-dirmedios #sub-menu, #tag-efemerides #sub-menu, #tag-busca_articulo #sub-menu, #tag-eventos #sub-menu, #tag-leearticulo #sub-menu, #tag-noticias #sub-menu, .menu-prensa, 
	#tag-tramyserv #sub-menu, #tag-servlinea #sub-menu, #tag-tramitesmasconsultados #sub-menu, #tag-buscatramites #sub-menu, #tag-tramitedetalle #sub-menu,   
	.menu-tramites, #tag-curp_en_linea #sub-menu {
		height: 150px;
		background: url(http://guerrero.gob.mx/skins/portal2010/images/bg_menutramites-prensa.jpg) left top no-repeat;
	}

	/* Contenido de los titulares del menu con la imagen de fondo */
	#main-menu h3, #sub-menu div h3 {
	width: 168px;
	height: 20px;
	padding-top: 12px;
	text-align: left;
	padding-left: 30px;
	padding-bottom: 0px;
	}
	
	/* No poner imagenes en el menu, vienen en el fondo */
	#main-menu li, #sub-menu li {
		background-image: none;
	}
	
	/* El icono de la flecha va en el div adentro del li */
	#main-menu li div {
		padding-left: 10px;
		margin-left: 18px;
		background: url(http://guerrero.gob.mx/skins/portal2010/icons/arrow-menu.jpg) 1px 4px no-repeat;
	}	
	
	#main-menu li a {
		font-family: Georgia, "Times New Roman", Times, serif;
	}

	/* Los submenus llevan la flechita */
	#sub-menu li {
		margin-left: 8px;
		padding-left: 15px;
	}


/**************************************************************************************
 *
 * Caja de destacados
 *
 */
 
/* Caja Blanca donde van las noticias */
.caja-blanca {
	width: 414px;
	margin: 0px 0;
	clear: both;
}

	/* Contenido de la caja blanca */
	.caja-blanca-content {		
		margin: 22px 0 -1px 0;
		padding: 0 5px;
		clear: both;
	}
	
	/* Borde inferior de la caja blanca */
	.caja-blanca-inf {
		height: 24px;
		background: url(http://guerrero.gob.mx/skins/portal2010/images/sombra-inf.jpg) top center no-repeat;
	}
	
	/*
	 * Propiedades de noticias y obras del index
	 *
	 */
	.splash-section {	
		width: 412px;
		margin-left: -5px;
		clear: both;
	}
		
	
	/*
	 * Noticias
	 *
	 */
	 .noticias-splash {
		 background: url(http://guerrero.gob.mx/skins/portal2010/images/sombra-sup.jpg) 1px 30px no-repeat;
	 }
	 
	 .noticias-splash ul {
		 padding-top: 20px;
	 }
	 	
	/* Las listas tienen una medida exacta y sin imagen de decoracion, ocupan el ancho completo de la lista,
	 * lleva una raya blanca en su parte inferior
	 */
	.noticias-splash li {
		border-bottom: 1px solid #fff;
		height: 34px;
		background-image:  none;
		padding: 2px 0 0 0;
		width: 412px;
		clear: both;
		font-weight: bold;
		background-color: #ebf3fb;
		margin-left: 0px;
	}
	
	/* Las ligas de abajo no van en negritas */
	.noticias-splash li a {
		font-weight: normal;
	}
	
	/* La lista lleva el fondo azul */
	.noticias-splash ul li.firstChild {
		/*width: 256px;*/
		height: 110px;
		background-color: #fff;
		clear: both;
	}
	
	/* Imagen de la noticias */
	#boxmainimg {
		width: 150px;
		height: 110px;
	}
	
	/* La liga va dentro de un div, para ponerla al nivel de la foto */
	.noticias-splash ul li.firstChild div {
		width: 256px;
		margin-left: 150px;
		margin-top: -114px;
		padding-left: 5px;
		font-weight: bold;
	}
	
	/* La primer noticia tiene su liga en color blanco */
	.noticias-splash ul li.firstChild div a {
		color: #369;
		font-size: 10pt;
		font-weight: bold;
		border-top: 1px solid #ccc;
		padding-top: 5px;
		display: block;
	}				
	
	/* las ligas de ver obras */
	.noticias-splash .vermas {
		text-align: right;
		clear: both;
		padding: 8px 5px 0 5px;
		margin: 5px 20px 2px 0;
		display: none;
	}
	
	
	/*
	 * Obras destacadas
	 *
	 */
	 
	/* El titulo va un poco mas abajo de lo normal y tuene una raya abajo */
	.obras-splash h3 {
		margin-top: 5px;
		border-bottom: 1px solid #ccc;
		width: 255px;
		padding-left: 10px;
	}
	
	/* la imagen va un poco mas arriba del titulo */
	.obras-splash img {
		float: right;
		padding-right: 15px;
		margin-top: -15px;
	}
	
	/* El contenido va un poco separado del titulo */
	.obras-splash ul {
		float: left;
		padding-top: 8px;
		width: 260px;
	}
	
	/* la listas no deben llevar imagen */
	.obras-splash li {
		background-image: none;
	}
	
	/* El titulo de la obra va en negritas */
	.obras-splash .obra-titulo {
		font-weight: bold;
	}
	
	/* la liga ver mas va a la izquierda y ligeramente arriba junto a la imagen enseguida del texto,
	 * se carga a la izquierda pero se deja una separacion del borde izquierdo
	 */
	.obras-splash .vermas {
		text-align: left;
		padding: 10px 0 5px 12px;
		clear: both;
	}
	
	#destacados .titulo-destacado, #destacados h3 {
		font-size: 20pt;
		text-align: left;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: normal;
	}

		

/**************************************************************************************
 *
 * Caja de municipios
 *
 */

/* Caja de los municipios con el fondo y medidas */
#municipios-splash {
	width: 415px;
	height: 129px;
	/*background: url(http://guerrero.gob.mx/skins/gro-base-08/images/municipios_bg.jpg) center center no-repeat;*/
	margin: 10px 0;
}

	/* El contenedor tiene espaciado y un tamaño especifico */
	#municipios-splash div {
		padding: 10px;
		height: 108px;
	}
	
	/* El titulo flota y ocupa el 100%, con un borde inferior de color */
	#municipios-splash h3 {
		font-size: large;
		padding-bottom: 5px;
		margin-bottom: 8px;
		float: left;
		width: 100%;
		border-bottom: 1px solid #ccc;
	}
	
	/* La liga flota junto al titulo, se quita el margen superior para dejarlo al mismo nivel */
	#municipios-splash .vermas {
		float: left;
		padding-left: 240px;
		margin-top: -123px;
	}
	
	#municipios-splash .vermas a {
		background-image: none;
		color: #000;
		text-decoration: underline;
	}
	

	/* Se deja un espacio para el mapa */
	#municipios-splash ul {
		width: 80%;
		clear: both;
	}
	
	/* No llevan imagen decorativa ni espaciado a la izquierda */
	#municipios-splash li {
		background-image: none;
		float: left;
		width: 45%;
		line-height: 125%;
		padding-left: 0;
	}
	
	/* Las ligas a municipios estan en negritas y mas grandes que el texto normal */
	#municipios-splash li a {
		font-size: 130%;
		color: #369;
		font-weight: bold;
	}
	

/**************************************************************************************
 *
 * Bloques de los costados
 *
 */

/* Pone el fondo con bordes redondos en la parte de abajo */
.bloque-info {
	width: 170px;
	margin: 2px auto 0 auto;
	padding-bottom: 13px;
	line-height: 70%;
	text-align: left;
	min-height: 80px;
}
		
	/* Para que no quede espacio entre los divs en la parte de abajo */
	.bloque-info div {
		margin-bottom: 0;
		padding: 0 6px 4px 6px;
		/*background: url(http://guerrero.gob.mx/skins/gro-base-08/images/bgbloque-140.png) bottom center repeat-x;*/
	}
		
	/* los parrafos si tienen un margen y espaciado en su parte superior */
	.bloque-info div p {
		margin-top: 2px;
		padding-top: 2px;
	}
	
	/* Elimina la imagen de las listas */
	.bloque-info li {/*background-image: none;*/}
	
	/* Cuando pasan sobre una liga aparece subrayada */
	.bloque-info a:hover {text-decoration: underline;}
	
	/* la imagen no deben llevar bordes */
	.bloque-info div ul li img {
		margin-left: 8px;
		border: 0;
	}
	
	.bloque-info div ul li.nolistimg {background-image: none;}
			
	/* Los titulos van centrados y separados del borde superior */	
	.bloque-info h3 {
		text-align: center;
		padding-top: 3px;
	}
	
	/* Fondo de los que miden 140 de alto */
	.bloque-noticias div {
		min-height: 140px;
		/*background: url(http://guerrero.gob.mx/skins/gro-base-08/images/bgbloque-140.png) bottom center repeat-x;*/
	}
	
	/* Las noticias tienen mas padding para que quede mas al centro */
	.bloque-noticias div p {
		padding: 10px 10px 0 10px;
	}
	
	/* La imagen de la noticia se centra y queda salida del cuadro */
	.bloque-noticias div img {
		padding: 0 0 0 17px;
	}
	
.bloque-214x178 {
	height: 214px;
	width: 178px;
	background: url(http://guerrero.gob.mx/skins/portal2010/images/tramitesyprogramas_bg.jpg) top right no-repeat;
}

	.bloque-214x178 li {
		padding: 0 6px 0 10px;
		line-height: 150%;
	}
	
	.bloque-214x178 .vermas {
		padding-left: 12px;
		text-align: left;
	}
	
/* La caja de herramientas tiene mas espaciado a la izquierda */
.bloque-tools {background-image: none;}

	.bloque-tools h3 {
		display: none;
	}
		
	.bloque-tools div {
	padding-top: 0px;
	height: 215px;
	background: url(http://guerrero.gob.mx/skins/portal2010/images/tools_bg.jpg) top left no-repeat;
	}
	
	.bloque-tools li {
		line-height: 130%;
		background-image: none;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 11px;
		padding: 6px 0 12px 38px;
	}
	
	/* Fondo para los que miden 85 de alto */
	.bloque-efemerides, .bloque-clima div {
		margin-top: 5px;
		height: 175px;
		background: url(http://guerrero.gob.mx/skins/portal2010/images/eventos_bg.jpg) top right repeat-x;
	}
	
	.bloque-efemerides h3, .bloque-214x178 h3 {
		color: #6c6c6c;
		font-size: 16px;
		font-weight: normal;
		font-family: Georgia, "Times New Roman", Times, serif;
		padding: 10px 10px 16px 0;
		word-spacing: -1px;
	}
	
	.bloque-efemerides li {
		padding: 0 6px 0 4px;
		background-image: none;
	} 
	
	.bloque-efemerides a, .bloque-214x178 a {
		color: #6c6c6c;
		font-size: 11px;
		font-family: Arial, Helvetica, sans-serif;
	}	

.bloque-eventos {
	border: 1px solid #ccc;
	border-top: none;
	background-color: #def1f7;
	
}
	
	/* Fondo para los eventos */
	.bloque-eventos div {
		background: #def1f7 url(http://guerrero.gob.mx/skins/portal2010/images/eventos_bg1.jpg) top center repeat-x;
	}
	
	.bloque-eventos div h3 {
		padding-top: 8px;
		font-size: 1.3em;
		color: #fff;
		font-weight: normal;
	}
	
	/* La imagen de los eventos debe ser de medidas especificas */
	.bloque-eventos img {
		width: 118px;
		height: 75px;
		padding-top: 4px;
	}
	
	.bloque-eventos li, .bloque-eventos a {
		color: #22a6ca;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	.bloque-eventos .vermas {
		text-align: left;
	}
	
	.bloque-eventos .vermas a {
		color: #22a6ca;
		background-image: none;
		font-weight: bold;
	}
		
.bloque-ligas, .bloque-ligas div {
	background-image: none;
}
	
	.bloque-ligas div ul li img {
		padding: 0;
		margin-left: -12px;
	}
		
	/* Los eventos y efemerides deben llevar la imagen hasta arriba no al centro */
	.bloque-eventos li, .bloque-efemerides li {
		background-position: left 10%;
	}
	
/* la imagen del clima sale un poco de la caja */
.bloque-clima div img {
	margin: -18px 0 0 2px;
}
	
	/* La imagen de la lista del clima debe ir al centro */
	.bloque-clima li {
		background-position: left 40%;
	}
	
	.bloque-clima .vermas {
	}
	
.bloque-rss {
	background: url(http://guerrero.gob.mx/skins/portal2010/images/rss_bg.jpg) 0 0 no-repeat;	
}
	
	.bloque-rss h3, .bloque-encuesta h3 {
		color: #336699;
		font-size: 15px;
		padding-top: 50px;
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
	
	.bloque-rss p, .bloque-rss p a, .bloque-encuesta p, .bloque-encuesta p a {
		font-size: 13px;
		font-family: Arial, Helvetica, sans-serif;
		color: #6c6c6c;
		text-decoration: none;
		line-height: 120%;
	}
	
.bloque-encuesta {
	background: #fff url(http://guerrero.gob.mx/skins/portal2010/images/encuesta_bg.jpg) top center repeat-x;
}
	
	.bloque-encuesta h3 {
		padding-top: 50px;
		padding-bottom: 8px;
	}
	
	.bloque-encuesta p {
		text-align: center;
	}

/* Los banners del sitio */
.bloque-banners {margin: 8px 0 14px 0;}


/**************************************************************************************
 *
 * Caja de destacados
 *
 */

/* Pie de pagina del sitio */
#pie {
	height: 100px;
	clear: both;	
	background: #fff url(http://guerrero.gob.mx/skins/portal2010/images/piepagina.jpg) center center no-repeat;	
}	
	
	/* Contenido del pie de pagina */
	#pie div {
		height: 21px;
		padding: 15px 0 0 150px;
		font-size: 9px;
		line-height: 100%;
		color: #000;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	/* El logotipo se pone a la derecha sobre */
	#pie-logo {		
		width: 1px;
		height: 1px;
		display: none;
	}
	
	/* La primer linea lleva un borde blanco que separa el fondo en dos partes */
	#pie-first-line {
		margin-bottom: 15px;
	}
	
	#pie-validador {
		display: inline;
		vertical-align: top;
		width: 100px;
	}
	
	#pie-validador li {
		display: inline;
		background-image: none;
		padding-left: 0px;
	}
	
	#pie-validador a {
        padding: 0 3px;
		margin-right: 8px;
		text-transform: uppercase;
    }
	
/*
 * Destacados
 *
 */
.itemdestacado {
    border-width: 0;
    clear: both;
    margin: 5px auto;
    border-bottom: 1px dotted #888;
}

.itemslist {clear: both;}

.itemslist li {line-height: 180%;}

.itemdestacado img {
    float: left;
    margin: 0 10px 20px 0;
    border: 0;
    width: 120px;
    height: 72px;
}

.itemdestacado div {
    float: left;
    width: 275px;
    margin-bottom: 5px;
}

.itemdestacado a {text-decoration: none;}

.itemdestacado h4 a:hover {text-decoration: underline;}


/* Imagen de los temas */
.temas_img {margin-bottom: 8px;}

/* Ancho de los select de las listas de dependencias */
.selectdep {width: 90%;}

/* Espaciador */
.spacerclear {clear: both;}


.nestado {
	width: 100%;
	height: 15px;
}

.nestado img  {
	float: left;
	padding-right: 10px;
	padding-bottom: 100px;
}

.nestado ul {
	clear: left;
}

.nestado li {
	display: inline;
}

.required{color: #f00;}

/* Migajas de pan */
.migas {
	width: 98%;
	margin-bottom: 5px;
}

.migas ul, .migas ul li {
	display: inline;
}

.migas ul li {
	background: url(http://guerrero.gob.mx/skins/icons/flecha.png) left 30% no-repeat;
}

.migas ul li a {
	margin-left: 4px;
}

/**
 * Dependencias
 */
.orgs-list {
	background-color: #ecf1f5;
	margin: 4px 0 2px 8px;
}

/*
.sec-list dt, .orgs-list dt, .aut-list dt {
	font-weight: bold;
	font-size: 11pt;
}
*/
.sec-list li div {
    width: 400px;
    float: left;
}

.sec-list li, .orgs-list li, .aut-list li {
    background-image: none;
}

/*.sec-list dd, .orgs-list dd, .aut-list dd {*/
.sec-list li, .orgs-list li, .aut-list li {
	margin: 8px 0;
	border-bottom: 1px dotted #ddd;
	padding-bottom: 8px;
	clear: both;
}

.sec-list p.vermas {
	margin: 0;
	padding: 0;
	display: inline;
	padding-left: 10px;
}

.sec-list .vermas a {
    /*background: url(http://guerrero.gob.mx/skins/icons/flecha.png) left center no-repeat;*/
}

.sec-list .vermas span {
	display: none;
}

/* llevan a su izquierda una imagen */
.sec-list .hide a {
	padding-left: 18px;
	background: url(http://guerrero.gob.mx/skins/icons/up-arrow.gif) left center no-repeat;
	font-size: 98%;
}

a.verdeps0, a.verdeps0:link,  a.verdeps0:visited {
    color: #ddd;
    background-image: none;
}

a.verdeps0:hover {
    color: #ddd;
    text-decoration: none;
    background-image: none;
}

hr {
	border: 1px solid #ddd;
	height: 1px;
}

}