@charset "utf-8";
/* CSS Document */
/*Eliminar los estilos del navegador RESET*/
@import url(reset.css);

body{
	font-family:Verdana, Geneva, Arial, sans-serif;
	font-size:12px;
	line-height:16px;
	background: #FFF;
	color:#000;
	cursor:default;

}

div#contenedor{
	width:480px;
	text-align:left;
	margin:0 auto;
	background-color: #FFF;
}

div#header{
	background-color:#FFF;
	height:75px;
	/* [disabled]margin-bottom: 20px; */
	border-bottom: 5px solid #b22721;
}

#portalContent {
	margin: 0 5px 0 5px; /* los márgenes derecho e izquierdo de este elemento div crean las dos columnas externas de los lados de la página. Con independencia de la cantidad de contenido que incluyan los divs de las barras laterales, permanecerá el espacio de la columna. */
	/* [disabled]padding: 10px 10px; */ /* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
	float: left;
	width: 480px;
}


/**  Logo  **/
#logo-ayuntamiento{
	position:relative;
	width: 160px;
	height: 20px;
	padding:0;
	left: 9px;
	top:7px;
	border:none;

}

#logo-ayuntamiento h1{
	text-indent:-9999px;
	border: none;
}
#logo-ayuntamiento h1 a{
	margin:40px;
}

#logo-ayuntamiento a img{
	border:none;
}

#logo-soluciones{
	display:none;
	position:relative;
	width: 220px;
	height: 70px;
	top: -9px;
	left: 250px;
	background: url(../imagenes/logo-soluciones.png) no-repeat;

	
}

#logo-soluciones h2{
	text-indent:-9999px;
	border: none;
}



h1{
	font-size:16px;
	line-height:28px;
	/* [disabled]text-shadow: 1px 1px 1px #ccc; */ /*--Not supported by IE--*/
	text-align:left;
	display:block;
	/* [disabled]width:926px; */
	padding:5px 2px 0;
	margin:0 5px 5px 0;
	border-bottom: 1px dashed #392b22;
	/* [disabled]border-top: 1px dashed #900; */    /*background-color:#CCC;*/
	font-weight: bold;
	color: #b22721;
}

h1 a{
	color: #b22721;
	text-decoration:none;
}
h1 a:hover{
	text-decoration:underline;
}


div.ficha{
	margin:0 5px 5px 0;
	padding:5px;
	background:#F9F9F9 url(../imagenes/separador.png) no-repeat bottom;
}

div.ficha img{
	float:left;
	margin-right:10px;
	position:relative;
}

div.ficha ul{
	display:block;
	float:left;
	width:353px;
	/*height:120px;*/
}

div.ficha li{
	margin: 0 4px 4px;
}

.ficha.limpiar ul li span{
	float:right
}


h2{
	font-size:14px;
	line-height:1.1;
	font-weight:bold;
	
}

div.ficha h2 a{
	color: #333;
	text-decoration:none;
	position:relative;
}

div.ficha h2 a:hover{
	text-decoration:underline;
}

.fecha{
	display:block;
	margin:10px 0 5px;
	position:relative;
	color:#666;
}

#boletin h2{
	font-size:15px;
	line-height:1.2;
	font-weight:bold;
	margin-bottom:5px;
	padding-bottom:4px;
}

#boletin .fecha{
	color:#666;
	position:relative;
	top: -10px;
}
#boletin img{
	display:block;
	margin:0 0 20px 25px;
	position:relative;
}

#boletin p {
	display:block;
	font-size:1em;
	line-height:1.4;
	margin:0 0 10px;
}



/** nav-paginacion
******************************/
#nav-pag{
	color:#ffffff;
	margin:4px 4px 4px 0px;
	padding:8px 0;
	border-top:5px solid #B22721;
	font-weight:bold;
	float:left;
	width:100%;
	
}

#nav-pag b {
	font-size:12px;
	color:#333;
	margin:0 3px;

}

#nav-pag a {
	color:#B22721;
	font-size:12px;
	margin:0 3px;
	text-decoration:none;	
}

#nav-pag a.num {
	color:#B22721;
	background-color:#FFF;
	font-size:11px;
	padding:1px 5px;
}

#nav-pag a:hover {
	color:#333;
	cursor:pointer;
}

/**galeria
******************************/

#ppy2 img{
	margin:0;
}


#ppy2.ppy ul{
	margin:0px;
	margin-left:10px;
	padding:0px;
}

.ppy-outer{
	color:#FFF;
	display:none;
	visibility:visible;
}

.ppy-imglist {
    width:          100%;
    display:        block;
    overflow:       hidden;
    
}
.ppy-imglist li {
    padding:        5px;
    border:         1px solid #f0f0f0;
    background:     #fff;
    list-style:     none;
    float:          left;
    margin:         0 10px 10px 0;
}
.ppy-imglist img {
	margin:0px;
}

.ppy-imglist li a img {
    display:        block;
    border:         0;
}

#ppy1 .ppy-extcaption {
    width:          240px;
    display:        block;
}
#ppy1 .ppy-imglist li {
    width:          240px;
    height:         270px;
}
#ppy2 .ppy-imglist li,
#ppy2 .ppy-imglist li a {
	width:              128px;
	height:             91px;
	overflow:           hidden;
	display:        block;
}