
@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-color: #ecf1f5;
}

/* 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;
}

/* Se le quitan los adornos a las listas */
ul, li {
	list-style-type: none;
	font-size: 8.5pt;
}

/* Los titulos son en negritas */
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}

/* Los titulos principales deben ser grandes */
h1, h2 {
	font-size: large;
	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 0 0;
	margin: 0;
	margin-top: -4px;
	padding-bottom: 2px;
}

/* llevan a su izquierda una imagen */
p.vermas a {
	padding-left: 18px;
	background: url(icons/masinfo.gif) left center no-repeat;
	font-size: 98%;
}

/* Quita los espacios a los ul y los separa del borde superior */
ul {
	padding: 4px 0 0 0;
	margin: 0;
}		

/* 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(icons/flecha.jpg) left 30% 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;
}

.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 {	
	width: 772px;
	text-align: left;
	border: 10px solid #fff;
	border-bottom-width: 0;
	border-top-width: 0;
}

/* Encabezado del sitio, el fondo se pone dinamico */
#encabezado, #encabezado-main {
	height: 214px;
	border-top-width: 10px;
}

#encabezado {
	height: 139px;
}

	/* Posicion del logotipo */
	#logo {
		padding-left: 30px;
		padding-top: 5px;
		width: 205px;
		height: 95px;
		float: left;
	}
	
	#logo img {
		width: 205px; 
		height: 95px;
	}
	
	/* Imagen de bienvenida del index */
	#welcome {
		width: 265px;
		height: 162px;
		float: right;
		margin: 5px 5px 0 0;		
	}
	
	#encabezado #welcome {
		height: 87px;
	}
	
		/* Subtitulo de la pagina */
		#welcome h2 {
			display: none;
		}
	
	/* Bucsador sobre la pleca */
	#buscador {
		margin: 110px 0 0 30px;
	}
	
		#encabezado #buscador {
			margin-top: 38px;
		}
	
		/* No mostrar la etiqueta del buscador */
		#buscador label {
			display: none;
		}
	
	/* Fondo donde van el rss y mapa del sitio */
	#encabezado-pleca {
		width: 210px;
		height: 19px;
		margin-left: 30px;
		background: url(images/header-pleca.gif) bottom left no-repeat;
	}
	
	/* Interior de la pleca con el rss y mapa del sitio */
	#encabezado-pleca div {
		height: 19px;
		padding: 2px 10px 0 0;
		text-align: right;
		vertical-align: bottom;
	}

/* menu superior horizontal */
#menu-superior {
	height: 24px;
}

    /* Las ligas no llevan subrayado */
    #menu-superior a {text-decoration: none;}

	/* interior del menu con el fondo gris */
	#menu-superior div {
		background-color: #e7e6e6;
		font-weight: bold;
	}
	
	/* 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;
	}
		
	/* 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: 18px;
		text-align: center;
		border-bottom: 3px solid #f00;
		float: left;
		padding-top: 3px;
	}
	
	#menu-superior .menu-option a {
		color: #333;	
	}

	/* Inicio */
	#menu-superior .red div {
		border-bottom-color: #f15b4e;
		width: 56px;
	}		
	
		/* Respuesta al evento mouseOver en Inicio y seleccionado */
		#menu-superior #inicio div:hover, #tag-inicio #inicio div, #tag- #inicio div {
			background-color: #f7cac7;
		}
	
	/* Perfiles y temas */
	#menu-superior .blue div {
		border-bottom-color: #0089cf;
		width: 131px;
	}
		/* Respuesta al evento mouseOver en Perfiles y temas */
		#menu-superior #audytem div:hover, #tag-audytem #audytem div {
			background-color: #cee2f6;
		}
	
	/* Tramites y servicios */
	#menu-superior .green div {
		border-bottom-color: #0db14b;
		width: 162px;
	}
		/* Respuesta al evento mouseOver en Tramites y servicios */
		#menu-superior #tramyserv div:hover, #tag-tramyserv #tramyserv div {
			background-color: #d9e9bf;
		}
	
	/* Gobierno */
	#menu-superior .yellow div {
		border-bottom-color: #ffd400;
		width: 86px;
	}
	
		/* Respuesta al evento mouseOver en Gobierno */
		#menu-superior #gobierno div:hover, #tag-gobierno #gobierno div {
			background-color: #f7ebb0;
		}
	
	/* Nuestro estado */
	#menu-superior .orange div {
		border-bottom-color: #ff9933;
		width: 129px;
	}

		/* Respuesta al evento mouseOver en Nuestro estado */
		#menu-superior #nestado div:hover, #tag-nestado #nestado div {
			background-color: #fadab9;
		}
	
	/* Sala de prensa */
	#menu-superior .navy div {
		border-bottom-color: #336699;
		width: 124px;
	}

		/* Respuesta al evento mouseOver en Sala de prensa */
		#menu-superior #noticias div:hover, #tag-noticias #noticias div {
			background-color: #cee2f6;
		}
	
	/* Contacto */
	#menu-superior .gray div {
		border-bottom-color: #999;
		width: 84px;
		float: right;
		clear: right;
	}
	
		/* Respuesta al evento mouseOver en Contacto */
		#menu-superior #contacto div:hover, #tag-contacto #contacto div {
			background-color: #ddd;
		}

/**
 * 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: 100%;
		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: 414px;
	height: 217px;
	background: url(images/temas.jpg) top center no-repeat;
}

	#content-temas h3 {
		padding-left: 8px;
	}
	
	#content-temas h3 a {
		text-decoration: underline;
	}
	
	/* Ccntenidos en los temas */
	#temas-col1, #temas-col2, #temas-col3 {
		padding: 60px 0 0 4px;
		width: 132px;
		float: left;
	}
	
	/* El espacio donde van los contenidos */
	/*
	#content-temas div div {
		height: 107px;
	}
	*/
	
	/* El contenedor de la lista */
	#content-temas div ul {
		padding: 3px 0 0 2px;
		height: 105px;
	}
		
	#content-temas ul li {
		padding-bottom: 1px;
		font-size: 8pt;
		line-height: 135%;
		background-position: left 20%;
	}

/* Bloque rojo de la derecha */
#servicios-rojo {
	width: 178px;
	height: 217px;
	text-align: left;
	background: url(images/servicios_bg.jpg) top center no-repeat;
}

	/* El titulo no se debe mostrar */
	#servicios-rojo h3 {
		display: none;
	}		

	/* Las ligas van casi en blanco y en negritas */	
	.whitelinks, .whitelinks a:link, .whitelinks a:visited, .whitelinks a:hover {
		color: #ffe;
		font-weight: bold;
	}
	
	/* Para conexiones lentas primero lo ponemos en negro las ligas */
	.servicios-rojo a {
		color: #000;
		font-weight: bold;
	}
	
	/* Listas de los servicios en la caja roja */
	#servicios-rojo li {
		margin-left: 10px;
		padding-left: 35px;
		line-height: 250%;
		background-image: none;
	}

/* Menu izquierdo principal del sitio */
#main-menu {
	width: 168px;		
	background: url(images/main-menuicons.jpg) center bottom no-repeat;
}

    #main-menu li {
        background-image: none;
    }

/* Los menus interiores */
#sub-menu {
	width: 168px;		
	background: url(images/main-menu.jpg) center top no-repeat;
	margin-bottom: 8px;
}

	/* Contenido de los titulares del menu con la imagen de fondo */
	#main-menu h3, #sub-menu div h3 {
		width: 168px;
		height: 25px;
		background: url(images/menu-titulo.gif) center center no-repeat;
		padding-top: 3px;	
		text-align: center;
	}			

	/* El icono de la flecha va en el div adentro del li */
	#main-menu li div {
		padding-left: 10px;
		margin-left: 8px;
	}
	
	/* No poner imagenes en el menu, vienen en el fondo */
	#main-menu li {
		background-image: none;
	}

	/* 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;
	background: url(images/noticia-sup.gif) top center no-repeat;
	margin: 10px 0;
	border-top: 1px solid #fff;
	clear: both;
}

	/* Contenido de la caja blanca */
	.caja-blanca-content {
		margin: 22px 0 -1px 0;
		padding: 0 5px;
		border: 1px solid #ccc;
		border-top-width: 0;
		border-bottom: 1px solid #fff;
		clear: both;
	}
	
	/* Borde inferior de la caja blanca */
	.caja-blanca-inf {
		height: 24px;
		background: url(images/noticia-inf.gif) top center no-repeat;
	}
	
	/*
	 * Propiedades de noticias y obras del index
	 *
	 */
	.splash-section {	
		width: 412px;
		margin-left: -5px;
		clear: both;
	}
	
	/* Titulos de noticias y obras principales */	
	#destacados h3 {
		padding: 0 0 5px 8px;
		font-size: large;
	}
	
	
	/*
	 * Noticias
	 *
	 */
	 	
	/* 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;
	}
	
	
	/*
	 * 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;
	}
	
	/* 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: 15px 0 5px 10px;
		margin-top: -15px;
		clear: both;
	}
		

/**************************************************************************************
 *
 * Caja de municipios
 *
 */

/* Caja de los municipios con el fondo y medidas */
#municipios-splash {
	width: 415px;
	height: 129px;
	background: url(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%;
	}
	
	/* La liga flota junto al titulo, se quita el margen superior para dejarlo al mismo nivel */
	#municipios-splash .vermas {
		float: left;
		padding-left: 130px;
		margin-top: -123px;
	}
	
	/* 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;
	background: url(images/menu_inf.png) center 98% no-repeat;
	padding-bottom: 13px;
	line-height: 50%;
	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(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;
	}
	
	/* 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(images/bgbloque-140.png) bottom center repeat-x;
	}
	
	/* Las noticias tienen mas padding para que quede mas al centro */
	.bloque-noticias div p {
		padding: 14px 18px 0 18px;
	}
	
	/* La imagen de la noticia se centra y queda salida del cuadro */
	.bloque-noticias div img {
		padding: 0 0 0 17px;
	}
	
	/* La caja de herramientas tiene mas espaciado a la izquierda */
	.bloque-tools {background-image: none;}
	
	.bloque-tools li {
        background-image: none;
    }
	
	.bloque-tools div {
		padding-top: 4px;
		height: 187px;
		background: url(images/tools_bg.jpg) top center no-repeat;
	}
	
	.bloque-tools li {
		padding-left: 25px;
		line-height: 160%;
		background-image: none;
	}
	
	/* Fondo para los que miden 85 de alto */
	.bloque-efemerides div, .bloque-clima div, .bloque-encuesta div {
		height: 85px;
		background: url(images/bgbloque-85.png) bottom center repeat-x;
		font-size: 8pt;
	}
	
	/* Fondo para los eventos */
	.bloque-eventos div {
		/*height: 210px;*/
		background: url(images/bgbloque-196.png) bottom center repeat-x;
	}
	
	/* La imagen de los eventos debe ser de medidas especificas */
	.bloque-eventos img {
		width: 118px;
		height: 75px;
	}
	
	.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 {
		padding-top: 10px;
	}

/* Los banners del sitio */
.bloque-banners {margin: 8px 0 14px 0;}


/**************************************************************************************
 *
 * Caja de destacados
 *
 */

/* Pie de pagina del sitio */
#pie {
	height: 51px;
	border-top: 1px solid #fff;
	border-bottom: 10px solid #fff;
	background-color: #cce6ff;
	clear: both;
}	
	
	/* Contenido del pie de pagina */
	#pie div {
		height: 25px;
		padding: 2px 0 0 10px;
		font-size: 8pt;
		line-height: 180%;
	}
	
	/* El logotipo se pone a la derecha sobre */
	#pie-logo {		
		width: 26px;
		height: 45px;
		margin-top: 3px;
		float: right;
		margin: -58px 20px 0 0;
		background: url(images/pie.gif) center center no-repeat;
	}
	
	/* La primer linea lleva un borde blanco que separa el fondo en dos partes */
	#pie-first-line {
		border-bottom: 1px solid #fff;
	}
	
	#pie-validador {
		float: left;
		margin-top: -25px;
		margin-left: 620px;
		vertical-align: top;
		width: 100px;
	}
	
	#pie-validador li {
		display: inline;
		background-image: none;
	}
	
	#pie-validador a {
        background-color: #dd4300;
        color: #fff;
        font-size: xx-small;
        font-weight: bold;
        text-decoration: none;
        padding: 0 3px;
    }
	
/*
 * 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('icons/flecha.png') no-repeat left 30%;
}

.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: url('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 {
	/*text-align: right;*/
	margin: 0;
	padding: 0;
	display: inline;
	padding-left: 10px;
}

.sec-list .vermas a {
    background: url('icons/flecha.png') no-repeat left center;
}

.sec-list .vermas span {
	display: none;
}

/* llevan a su izquierda una imagen */
.sec-list .hide a {
	padding-left: 18px;
	background: url('icons/up-arrow.gif') no-repeat left center;
	font-size: 98%
}

a.verdeps0, a.verdeps0:link,  a.verdeps0:visited {
    color: #ddd;
    background-image: url('none');
}

a.verdeps0:hover {
    color: #ddd;
    text-decoration: none;
    background-image: url('none');
}

hr {
	border: 1px solid #ddd;
	height: 1px;
}

/************img de post grandes***********/
#post-izq{
	margin-bottom: 0;
	width: 31px;
	height: 21px;
	background: url(images/bg-sup-izq.jpg) no-repeat left; 
}

#post-medio{
	height: 31px;
	background: url(images/bg-sup-medio.jpg) repeat-x left;
}
#post-der{
	width: 31px;
	height: 21px;
	background: url(images/bg-sup-der.jpg) no-repeat left;
}

/**inferior**/
#post-inf-izq{
	margin-bottom: 0;
	width: 31px;
	height: 28px;
	background: url(images/bg-inf-izq.jpg) no-repeat left; 
}

#post-inf-medio{
	height: 5px;
	background: url(images/bg-inf-centro.jpg) repeat-x left;
}
#post-inf-der{
	width: 31px;
	height: 28px;
	background: url(images/bg-inf-der.jpg) no-repeat left;
}

/*lados**/
#lado-izq-uno{
    width: 31px;
	height: 194px;
	/*margin-top: 0px;*/
	background: url(images/bg-izq.jpg) repeat-y bottom;
}
#lado-der-uno{
    width: 35px;
	height: 194px;
	background: url(images/bg-der.jpg) repeat-y bottom;
}


/***************img de post thumb**************/
#thumb-sup-izq{
	margin-bottom: 0;
	width: 5px;
	height: 9px;
	/*border-color:#666666;
	background-color:#CCCCCC;*/
	background: url(images/bgthumb-sup-izq.jpg) no-repeat left bottom; 
}

#thumb-sup-medio{
	height: 9px;
	/*border-color:#666666;
	background-color:#CCCCCC;*/
	background: url(images/bgthumb-sup-centro.jpg) repeat-x left bottom;
}
#thumb-sup-der{
	width: 7px;
	height: 9px;
	/*border-color:#666666;
	background-color:#CCCCCC;*/
	background: url(images/bgthumb-sup-der.jpg) no-repeat right bottom;
}

/**inferior thumb**/
#thumb-inf-izq{
	width: 5px;
	height: 9px;;
	/*border-color:#666666;
	background-color:#CCCCCC;*/
	background: url(images/bgthumb-inf-izq.jpg) no-repeat left top; 
}

#thumb-inf-medio{
	height: 1px;
	/*border-color:#666666;
	background-color:#CCCCCC;*/
	background: url(images/bgthumb-inf-centro.jpg) repeat-x left top;
}
#thumb-inf-der{
	width: 7px;
	height: 9px;
	/*border-color:#666666;
	background-color:#CCCCCC;*/
	background: url(images/bgthumb-inf-der.jpg) no-repeat right top;
}

/**lados thumb**/
#thumb-izq{
    width: 5px;
	background: url(images/bgthumb-izq.jpg) repeat-y bottom left;
}
#thumb-der{
	width: 5px;
	/*right*/
	background: url(images/bgthumb-der.jpg) repeat-y bottom right;
}


}

