﻿/*    número de elementos que caben en el menú principal = 100 / número          */
/*    5 elementos = 20%, en IE6 no caben por los márgenes, le restamos 0.1%      */
.MainMenu li{width: 19.9%;}


/* Resetear valores */
* {
	padding:0;
	margin:0;
	font-size: 100%;
}


ul, li  {
     list-style: none;
}

a img{border: 0;}

hr{ /*usados para romper flotados y separar bloques de contenido cuando no hay css*/
	display: block;
	height: 0.1em;
	background: #fff;
	color: #fff;
	clear: both;
	border: none;
	visibility:hidden;
}

.clear{
	clear: both;
}

/*----------------------Estructura general----------------------------*/ 



html{ font-size:100%;} /*indispensable para conseguir que toda la web reescale junto al tamaño del texto, así 0.1em = 1px*/

	body{
		font-size: 62.5%; /*indispensable para conseguir que toda la web reescale junto al tamaño del texto, así 0.1em = 1px*/
		font-family: Arial, Helvetica, sans-serif;
		color: #4c4c4c;
		background: #0068a0;
	}


.PlaceHolderMain{
	background: #fff;
	color: #4c4c4c;
	margin-bottom: 8.2em;
	overflow: hidden;
}

.Header{
	height: 12.0em;	
	position: relative;
	width: 98.0em;
	/*width: 96.4em;*/
	margin: 0 auto;
	left: 0.8em; /*ie lo duplica, ponemos la mitad y corregimos en la siguiente definición*/
	padding: 1.6em 0;
	overflow: hidden;
}
	html > body .Header{
		left: 1.6em;	
	}
	.Header h1{
		position: absolute;
		top: 2.0em; 
		margin: 0;
		padding: 0;
		line-height: 0;
	}
		.Header h1 a{
			display: block;
			background: url('Images/logoAyto.gif') no-repeat top left;
			height: 6.4em;
			width: 23.1em;
			text-indent: -1000.00em;
			overflow: hidden;
		}
	
	.MainMenu{

		width: 96.4em;
		background: url('Images/dottedBg1.gif') repeat-x bottom left;
		position: absolute;
		bottom: 1.6em;
		left: -0.1em;
		text-align: center;
	}
		.MainMenu li{
			float: left;
			/*el width de este elemento define cuantos items caben en el menú principal, se ha movido su
			definición al principio del documento para mayor facilidad en el cambio*/	
		}
		.MainMenu a{
			display: block;
			padding: 0.2em 0;
			font-size: 1.4em !important;
			text-transform: uppercase;
			color: #0062A6;
			text-decoration: none;
			background: url('Images/dottedBg1.gif') repeat-y bottom left;

			white-space: nowrap;
			font-weight: normal;
		}
			.MainMenu a:hover{
				background-color: #0062A6;
				color: #fff;
			}
			
			.MainMenu a.selected{
				background-color: #526F45;
				color: #fff;
			}
			/*el primer item del menú no lleva barra punteada vertical*/
		 .MainMenu li.first a{
			background-image: none !important;
		}
	.HeaderLinks{
		position: absolute;
		left: 24.6em;
		top: 4.2em;
		width: 44.0em;
		text-align: center;
	}
		.HeaderLinks li{
			display: inline;
			padding: 0 0.5em;
			}
			.HeaderLinks li a{
				color: #0062A6;
				font-size: 1.11em;
			}
				.HeaderLinks li a:hover{
					color: #526F45;
				}
			

	.Header .search{
		position: absolute;
		width: 28.0em;
		left: 70.3em;
		top: 3.0em;
		overflow: hidden;
	}

		.Header .search input{
			width: 14.0em !important;
			height: 0.6em;
			padding: 0.6em 0 0.5em 0.5em;
			height: 1.6em;
			border: 0;
			background: url('Images/searchInputBg.gif') no-repeat top left;
			display: block;
			font-size: 1.3em;
			float: left;
		}

			.Header .search label{ display: none;}
			
			.Header .search button{
				border: 0;
				display: block;
				width: 5.07em;
				height: 2.1em;
				line-height: 2.1em;
				padding-left: 0.7em;
				float: left;
				background: url('Images/searchButtonBg.gif') no-repeat top left #005197;
				color: #fff;
				letter-spacing: -0.07em;
				font-size: 1.6em;
				font-weight: bold;
				cursor: pointer;
				}

	.Header .welcome{
		position: absolute;
		width: 75.0em;
		left: 21.6em;
		top: 1.0em;
		text-align: right;
	}


.Content{
	width: 98.0em;
	padding: 1.6em 0 1.6em 1.6em;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	background: url('Images/contentBg.gif') no-repeat 74.5em 3.1em;
}
		
		/*titulares genericos para toda la web*/
		.Content h2.ms-WPTitle{
			font-size:1em;
			color:#0062a6;
			text-transform: uppercase;
			letter-spacing: -0.06em;
			background: url('Images/dottedBg1.gif') top left;
			height: 1.6em;
			margin: 0 0 1.6em 0;
			clear: both;
			float: none;
			border: 0;
		}
			.Content h2.Dotted{
			font-size:1em;
			color:#0062a6;
			text-transform: uppercase;
			letter-spacing: -0.06em;
			background: url('Images/dottedBg1.gif') top left;
			height: 1.6em;
			margin: 0 0 1.6em 0;
			clear: both;
			float: none;
			border: 0;
		}
			.Content h2.ms-WPTitle span{
				font-size:1.5em;
				background: #fff;
				color: #0062a6;
				height: 1.6em;
				padding-right: 0.2em;
			}
			.Content h2.Dotted strong{
				font-size:1.5em;
				background: #fff;
				color: #0062a6;
				height: 1.6em;
				padding-right: 0.2em;
			}
		.Content h3.standardheader{
			font-size:1em;
			color:#0062a6;
			text-transform: uppercase;
			letter-spacing: -0.06em;
			background: url('Images/dottedBg1.gif') top left;
			height: 1.6em;
			margin: 0 0 1.6em 0;
			border: 0;
			float: none;
			clear: both;
				
		}
			.Content h3.ms-WPTitle{
			font-size:1em;
			color:#0062a6;
			text-transform: uppercase;
			letter-spacing: -0.06em;
			background: url('Images/dottedBg1.gif') top left;
			height: 1.6em;
			margin: 0 0 1.6em 0;
			border: 0;
			float: none;
			clear: both;
				
		}
			.Content h3.Dotted{
			font-size:1em;
			color:#0062a6;
			text-transform: uppercase;
			letter-spacing: -0.06em;
			background: url('Images/dottedBg1.gif') top left;
			height: 1.6em;
			margin: 0 0 1.6em 0;
			border: 0;
			float: none;
			clear: both;
				
		}
			.Content h3.standardheader span{
				font-size:1.5em !important;
				background: #fff;
				color: #0062a6;
				height: 0.4em;
				padding-right: 0.2em;
			}
		
		 	.Content h3.ms-WPTitle span{
				font-size:1.5em !important;
				background: #fff;
				color: #0062a6;
				height: 0.4em;
				padding-right: 0.2em;
			}
		
		 	.Content h3.Dotted strong{
				font-size:1.5em !important;
				background: #fff;
				color: #0062a6;
				height: 0.4em;
				padding-right: 0.2em;
			}
		
		 .Content h3.standardheader{
					padding: 0;
			}
		 		
		 .Content h3.ms-WPTitle{
					padding: 0;
			}
		 		
		 .Content h2.ms-WPTitle{
					padding: 0;
			}
		 .Content h3.standardheader span{
			font-size: 1.2em;
			font-family: Arial, Helvetica, sans-serif
			}

		 .Content h3.ms-WPTitle span{
			font-size: 1.2em;
			font-family: Arial, Helvetica, sans-serif
			}

		 .Content h2.ms-WPTitle span{
			font-size: 1.2em;
			font-family: Arial, Helvetica, sans-serif
			}

/*migas de pan superior*/
.breadcrumb{
	font-weight: bold;
	position: relative;
	top: -1.5em;
	font-size: 1.1em;
}
	.breadcrumb a{
		color: #526F45;
		font-weight: normal;
		padding: 0 0.2em;
	}
		.breadcrumb a:hover{
			color: #0062a6;
		}
			

/*tamaños de texto para el content*/
.Content ul{
	font-size: 1.1em !important;
}			
			
.Content table{
	font-size: 1.1em !important;
}			
			
.Content p{
	font-size: 1.1em !important;
}			
			
/*columna de la izquierda, principal*/		
.ContentText{
	float: left;
	width: 71.4em;
	overflow: hidden;
	padding-right: 1.6em;
	}

	/*los titulares en ContentText romplen los flotados*/
	.ContentText h3.Dotted{
		clear: both;
		float: none;
	}

	.ContentText h2.Dotted{
		clear: both;
		float: none;
	}

/*columna de la derecha, secundaria*/		
.ContentColumn{
	float: left;
	width: 25.0em;
	/*imagen de fondo definida en content*/
	overflow: hidden;
	/*padding-bottom: 37.6em;
	background: url(Images/adornoColumna.gif) no-repeat bottom left;*/

}

	.ContentColumn h3.Dotted{
		padding-left: 0;
		margin: 0;
		background: none;
	}
	
	.ContentColumn h2.Dotted{
		padding-left: 0;
		margin: 0;
		background: none;
	}
	.ContentColumn h3.Dotted strong{
		padding-left: 0.8em;
		margin: 0;
	}

	.ContentColumn h2.Dotted strong{
		padding-left: 0.8em;
		margin: 0;
	}

	.ContentColumn .SubseccionsLinks{
		background: #fff;
		padding: 0.5em 0 1.6em 1.6em;
		margin: 0 !important;
	}
	.ContentColumn .SubseccionsLinks li{
		padding: 0.5em 0 0.5em 1.2em;
		background: url('Images/flecha2.gif') no-repeat 0 0.9em;
	}
	 .ContentColumn .SubseccionsLinks li a:hover{
		/*definidos así por entrar en conflicto con la core.css*/	
		text-decoration: none;
		color: #526F45 !important;
		font-size: 1.3em;
		letter-spacing: -0.065em;
		font-weight: bold;
	}
		.ContentColumn .SubseccionsLinks li a:link{
		/*definidos así por entrar en conflicto con la core.css*/	
		text-decoration: none;
		color: #526F45 !important;
		font-size: 1.3em;
		letter-spacing: -0.065em;
		font-weight: bold;
	}
		.ContentColumn .SubseccionsLinks li a{
		/*definidos así por entrar en conflicto con la core.css*/	
		text-decoration: none;
		color: #526F45 !important;
		font-size: 1.3em;
		letter-spacing: -0.065em;
		font-weight: bold;
	}
		.ContentColumn .SubseccionsLinks li a:hover{
			color: #0062A6 !important;
			text-decoration: none;
		}
		
	.ContentColumn .SubseccionsLinks li.selected{
		background-color: #526F45;
		background-image: url('Images/flecha1.gif');
		background-position: 0.5em 0.8em;
	}
		.ContentColumn .SubseccionsLinks li.selected a{
			color: #fff !important;
		}
		.ContentColumn .SubseccionsLinks li.selected a:hover{
			color: #fff !important;
	}
	/*tercer nivel*/
	.ContentColumn .SubseccionsLinks li ul li{
		font-size: 0.8em;
		
}
	.ContentColumn .SubseccionsLinks li ul li a{
		letter-spacing: normal !important;
		font-weight: normal !important;
	}
	.ContentColumn table img{
		display: block;
		margin: 0.5em auto;
	}


	.ColumnBanners{
		margin: 0;
		padding: 0 1.6em 10.0em 1.6em;
		background: url('Images/bannersBg.gif') no-repeat left bottom;
		height: 20.0em;
		}
		html > body .ColumnBanners{
			height: auto;
			min-height: 20.0em;
		}
		.ColumnBanners li{
			text-align: center;
			padding: 1.6em 0;
		}

	
/*pie*/
.Footer{
	background:  url('Images/footerBg.jpg') repeat-x left top #0068a0;
	padding: 3.0em 0 0 0;
}

	ul.webMap{
		width: 96.4em;
		margin: 0 auto;
		display: block;
		
	}
		ul.webMap li{
			color: #fff;
			width: 14%;
			float: left;
			margin-left: 2.5%; /*ie6 lo duplica, ponemos la mitad y corregimos abajo*/
			margin-bottom: 0;
			font-size: 1.1em;
			padding-top: 0.5em;
			
		}
		html > body ul.webMap li{
			margin-left: 5%; /*ie6 lo duplica, ponemos la mitad y corregimos abajo*/
		}
		
		ul.webMap li.clear{
			width: 100%;
			clear: both;
			float: none;
			margin: 0;
			}	
			ul.webMap li ul li{
				float: none;
				width: 100%;
				margin: 0;
				font-size: 1.0em;
				vertical-align: top;
				padding-top: 0.2em;
				padding-left: 1.0em;
				background: url('Images/pieBullet.gif') no-repeat 0 0.6em;
				}

				
				ul.webMap li a{
					color: #fff;
					text-decoration: none;
				}
					ul.webMap li a:hover{
						text-decoration: underline;
						}

	.Footer hr{
		color: #007abb;
		background: #007abb;
	}			




/*-------Home--------*/

/*enlaces a los tres perfiles*/
.Content ul.HomeNav{
	font-size: 100%; /*reseteamos el tamaño de fuente para poder trabajar con 10px = 1.0em*/
	}
.HomeNav li{
	width: 21.5em;
	height: 14.3em;
	float: left;
	margin: 0 0.1em 0 0;
	overflow: hidden;
	padding: 0;
	background-repeat: no-repeat;
	background-color: #000;
	background-position: top left;
	position: relative;
}
	li.HomeNav3{margin-right: 0;}


	.HomeNav li a{
		text-decoration: none;
	
		color: #D7E2D2;		
		}
			.HomeNav li a:hover{
				color: #fff;
				background-color: #202020 !important;
				cursor: pointer;
			}
		
	.HomeNav li a strong{
		position: absolute;
		right: 0;
		bottom: 1.6em;
		padding-right: 1.0em;
		text-align: right;
		font-size: 1.4em;
		letter-spacing: -0.05em;
		font-weight: bold;
		width: 23.7em;
		height: 3.0em;
		line-height: 3.0em;
		background: url('Images/flecha1.gif') no-repeat 99% 50% #000;
	}


.ContentColumnHome{
	float: left;
	width: 25.0em;
	overflow: hidden;
		padding-bottom: 37.0em;
	background: url("../PublishingImages/adornoColumna.gif") no-repeat bottom left;
	
}

.ContentColumnHome h3.Dotted{
		padding-left: 0;
		margin: 0;
		background: none;
	}
	
.ContentColumnHome h2.Dotted{
		padding-left: 0;
		margin: 0;
		background: none;
	}
	.ContentColumnHome h3.Dotted strong{
		padding-left: 0.8em;
		margin: 0;
	}

	.ContentColumnHome h2.Dotted strong{
		padding-left: 0.8em;
		margin: 0;
	}

	.ContentColumnHome .SubseccionsLinks{
		background: #fff;
		padding: 0.5em 0 1.6em 0;
	}
	.ContentColumnHome .SubseccionsLinks li{
		padding: 0.5em 0 0.5em 1.2em;
		background: url('Images/flecha2.gif') no-repeat 0 0.9em;
		margin: 0;
	}
	.ContentColumnHome .SubseccionsLinks li a:hover{
		/*definidos así por entrar en conflicto con la core.css*/	
		text-decoration: none;
		color: #526F45 !important;
		font-size: 1.3em;
		letter-spacing: -0.065em;
		font-weight: bold;
	}
		.ContentColumnHome .SubseccionsLinks li a:link{
		/*definidos así por entrar en conflicto con la core.css*/	
		text-decoration: none;
		color: #526F45 !important;
		font-size: 1.3em;
		letter-spacing: -0.065em;
		font-weight: bold;
	}
		.ContentColumnHome .SubseccionsLinks li a{
		/*definidos así por entrar en conflicto con la core.css*/	
		text-decoration: none;
		color: #526F45 !important;
		font-size: 1.3em;
		letter-spacing: -0.065em;
		font-weight: bold;
	}
		.ContentColumnHome .SubseccionsLinks li a:hover{
			color: #0062A6 !important;
			text-decoration: none;
		}
		
	.ContentColumnHome .SubseccionsLinks li.selected{
		background-color: #526F45;
		background-image: url('Images/flecha1.gif');
		background-position: 0.5em 0.8em;
	}
		.ContentColumnHome .SubseccionsLinks li.selected a{
			color: #fff !important;
		}

	
	.ContentColumn .SubseccionsLinks li.Submenu{
			background-image: none !important;
			font-size: 1.0em;
	}
		
/*noticias destacadas*/
ul.HomeImgNews{
	clear: both;
	padding: 1.6em 0;
}

.HomeImgNews li{
	width: 31.5em;
	height: 15.6em;
	float: left;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
}
.HomeImgNews li.HomeImgNews1{
	margin-right: 1.8em;
}

	.HomeImgNews li a{
		width: 31.5em;
		height: 15.6em;
		background: #fff;
		color: #526F45;
		text-decoration: none;
		}
			.HomeImgNews li a:hover{
				color: #0062a6;
				cursor: pointer;
			}
	.HomeImgNews li a strong{
		position: absolute;
		left: 0;
		bottom: 1.6em;
		overflow: visible !important;
		margin-left: auto;
		background: url('Images/flecha2.gif') no-repeat 0.3em 0.6em #fff;
		padding: 0.3em 0.3em 0.3em 1.0em;
		text-align: right;
		font-size: 1.4em;
		letter-spacing: -0.05em;
		font-weight: bold;
	}

/*estructura de dos columna dentro de ContentText*/
.ContentText .ContentText1{
	width: 46.0em;
	padding-left: 1.7em;
	background: url('Images/dottedBg1.gif') repeat-y top left;
	float: right;
}
.ContentText .ContentText2{
	width: 21.4em;
	padding-right: 1.6em;
	float: left;
}

/*------cabecera de imagen grande-------*/
.SubHeader{
	position: relative;
	margin-bottom: 1.6em;
	width: 100%;
	height: 15.7em;
	overflow: hidden;
	text-align: center;
	}
	
	.Content .SubHeader h2{
		position: absolute;
		bottom: 1.0em;
		letter-spacing: -0.06em;
		right: -0.1em;
		background: #fff;
		font-size: 2.3em;
		line-height: 1.5em;
		text-transform: none;
		padding: 0 0.3em;
		color:#0062a6;
	}
		.Content .SubHeader h2 a{
			padding-left: 0.3em;
			background: url('Images/flecha2.gif') no-repeat 0.5em 1.1em;
			color: #526F45;
			text-decoration: none;
			}
			.Content .SubHeader h2 a:hover{
				color: #0062a6;
			}

/*-----listado de elementos generico------*/

.MainItems{
	clear: both;
	margin-bottom: 2.6em;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif !important;
}
.MainItems img{
	float: left;
	margin: 0 0.5em 0.2em 0;
	width: 8.4em;
	border: 0.2em solid #a3bd98 !important;
}
.MainItems strong.Title{
	color:#0062a6;
	font-size:1.4em;
	text-align:left;
	letter-spacing: -0.07em;
	margin-bottom: 0;
}
	.MainItems strong.Title a{
		text-decoration: none;
		color: #0062a6;
}
		.MainItems strong.Title a:hover{
			color: #526F45;
			text-decoration: none;
		}
	.MainItems a.MoreInfo:visited{
		display: block;
		float: right;
		white-space: nowrap;
		margin-left: auto;
		text-align:right;
		padding-left:1.0em;
		background:url('Images/bullet_list.gif') no-repeat 0 0.2em;
		clear: both;
		color:#526F45;
		font-weight:bold;
		text-align: right;
		margin-top: 0.5em;
		text-decoration: none;
	}
		.MainItems a.MoreInfo:link{
		display: block;
		float: right;
		white-space: nowrap;
		margin-left: auto;
		text-align:right;
		padding-left:1.0em;
		background:url('Images/bullet_list.gif') no-repeat 0 0.2em;
		clear: both;
		color:#526F45;
		font-weight:bold;
		text-align: right;
		margin-top: 0.5em;
		text-decoration: none;
	}
		.MainItems a.MoreInfo{
		display: block;
		float: right;
		white-space: nowrap;
		margin-left: auto;
		text-align:right;
		padding-left:1.0em;
		background:url('Images/bullet_list.gif') no-repeat 0 0.2em;
		clear: both;
		color:#526F45;
		font-weight:bold;
		text-align: right;
		margin-top: 0.5em;
		text-decoration: none;
	}
		body .MainItems a.MoreInfo:hover{
			color: #0062a6;
			text-decoration: none;
		}	

/*adorno en titulares de la lista de enlaces*/
.MainItemsSideBySide .MainItems strong.Title{
	color:#0062a6;
	font-size:1.4em;
	text-align:left;
	margin-left: 6.0em;
	padding: 1em 0 0.6em 1em;
	letter-spacing: -0.07em;
	background: url(Images/MainItemsTitle.gif) no-repeat bottom left;
	display: block;
	margin-bottom: 0;	
}
.MainItemsSideBySide .MainItems br{
 display: none;

}
.MainItemsSideBySide .MainItems img{
	float: left;
	margin: 0.8em 0.5em 0.2em 0;
	width: 8.4em;
	border: 0.2em solid #a3bd98 !important;
}


/*Listado de elementos dos a dos*/
.MainItemsSideBySide .MainItems{
	width: 31.5em;
	margin: 0 1.6em 0em 0;
	float: left;
	clear: none;
}

/*------- imagenes a 3 columnas ------*/
.MainItemsImage{
	clear: both;
	margin-bottom: 2.6em;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif !important;
}

.MainItemsImage strong.Title{
	color:#0062a6;
	font-size:1.4em;
	text-align:left;
	padding-top:0.5em;
	letter-spacing: -0.07em;
}
	.MainItemsImage strong.Title a{
		text-decoration: none;
		color: #0062a6;
}
		.MainItemsImage strong.Title a:hover{
			color: #526F45;
			text-decoration: none;
		}
	.MainItemsIamge a.MoreInfo:visited{
		display: block;
		white-space: nowrap;
		margin-left: auto;
		padding-left:1.0em;
		background:url('Images/bullet_list.gif') no-repeat 0 0.2em;
		clear: both;
		color:#526F45;
		font-weight:bold;
		text-align: right;
		margin-top: 0.5em;
		text-decoration: none;
	}
		.MainItemsImage a.MoreInfo:link{
		display: block;
		white-space: nowrap;
		margin-left: auto;
		padding-left:1.0em;
		background:url('Images/bullet_list.gif') no-repeat 0 0.2em;
		clear: both;
		color:#526F45;
		font-weight:bold;
		text-align: right;
		margin-top: 0.5em;
		text-decoration: none;
	}
		.MainItemsImage a.MoreInfo{
		display: block;
		white-space: nowrap;
		margin-left: auto;
		padding-left:1.0em;
		background:url('Images/bullet_list.gif') no-repeat 0 0.2em;
		clear: both;
		color:#526F45;
		font-weight:bold;
		text-align: right;
		margin-top: 0.5em;
		text-decoration: none;
	}
		body .MainItemsImage a.MoreInfo:hover{
			color: #0062a6;
			text-decoration: none;
		}	

.MainItemsImage img{
	margin: 0 0.5em 0.2em 0;
	width: 95%;
	height: auto;
}

.MainItemsSideBySideImage {
	width:22.5em;
	float:left;
}

/*---------Detalle---------*/


/*texto*/
.DetailText{
	padding-right: 0;
	text-align: justify;
	width: 47.6em;
}
.DetailText *{
	line-height: 1.4;
}
.DetailText h2.DetailTitle{
	font-size: 2.3em;
	background: url(Images/DetailTitle_bg.gif) no-repeat bottom left #fff !important;
	text-transform: none;
	margin: 0 0 1em 0;
	color: #0062a6;
	letter-spacing: -0.06em;
	
}
.DetailText p{
	margin: 0.8em 0;
}

.DetailText a{
	color: #526F45;
}
	.DetailText a:hover{
		color:#0062a6;
	}

/*imagen*/
.DetailImage{
 text-align: center;
 font-style:italic;
 width: 21.4em;
 overflow: hidden;
 padding-top: 0.8em; 
 }
 .DetailImage div{
  width: 21.4em;
  margin: 0;
  padding: 0;
  overflow: hidden;
  
 }
 .DetailImage div.ImageWrapper{
  background: url(Images/DetailImage_bg.gif) no-repeat bottom right;
  padding-bottom: 5.0em;
 }
 .DetailImage div.ImageWrapper span{
		border: 0.2em solid #a3bd98;
		display: block;
		width: 21.0em;
		overflow: hidden;
		background: #fff;
 }
 .DetailImage div.ImageWrapper span img{
 display: block;
 margin: 0;
 padding: 0;
 }
 .DetailImage div.TextWrapper{
  margin:0;
  padding-bottom: 0;
  position: relative;
  top: -4.0em;
 }
 /*generar las dos disposiciones*/
.DetailRight{float: right; padding-left: 0.04em;}
.DetailLeft{float: left; margin-right: 0.04em;}

/*texto inferior*/

.DetailTextExtended{
	padding-right: 0;
	text-align: justify;
	margin-bottom: 1.6em;
	clear: both;
	float: none;
}
	.DetailTextExtended *{
		/*font-size: 1.1em;*/
		line-height: 1.4;
	}
		.DetailTextExtended h2.DetailTitle{
			font-size: 2.3em;
			background: url(Images/DetailTitle_bg.gif) no-repeat bottom left #fff !important;
			text-transform: none;
			margin: 0 0 0.8em 0;
			padding: 0.8em 0 0 0;
			color: #0062a6;
			letter-spacing: -0.05em;
		}
		.DetailTextExtended p{
			margin: 0.8em 0;
		}
		.DetailTextExtended h3.ms-WPTitle strong{
			font-size: 1.6em !important;
		}
		.DetailTextExtended a{
			color: #526F45;
		}
			.DetailTextExtended a:hover{
				color:#0062a6;
			}
			
	   .Date{
			font-size:xx-small;
			font-weight:bold;
		}
		

/*----------elementos editables de usuario----------*/


.ms-WPBody {
	font-family: Arial, Helvetica, sans-serif !important;
	text-align: justify;	
}

.ms-WPHeader td{
	border: 0;
	float: none;
	clear: both;
}
.ms-standardheader{
	font-size: 100%;
}
/*para el contenido*/
	.ContentText .SubseccionsLinks{
		background: #fff;
		padding: 0 0 1.6em 0;
	}
	.ContentText .SubseccionsLinks li{
		padding: 0.2em 0 0.2em 0.8em;
		background: url('Images/flecha2.gif') no-repeat 0 0.6em;
	}
	 .ContentText .SubseccionsLinks li a:hover{
		/*definidos así por entrar en conflicto con la core.css*/	
		text-decoration: none;
		color: #526F45 !important;
		font-size: 1.3em;
		letter-spacing: -0.065em;
		font-weight: bold;
	}
		.ContentText .SubseccionsLinks li a:link{
		/*definidos así por entrar en conflicto con la core.css*/	
		text-decoration: none;
		color: #526F45 !important;
		font-size: 1.3em;
		letter-spacing: -0.065em;
		font-weight: bold;
	}
		.ContentText .SubseccionsLinks li a{
		/*definidos así por entrar en conflicto con la core.css*/	
		text-decoration: none;
		color: #526F45 !important;
		font-size: 1.3em;
		letter-spacing: -0.065em;
		font-weight: bold;
	}
		.ContentText .SubseccionsLinks li a:hover{
			color: #0062A6 !important;
			text-decoration: none;
		}

/*paginador*/

.pager{
	font-size:1.3em;
	color:#0062a6;
	text-transform: uppercase;
	letter-spacing: -0.06em;
	background: url('Images/dottedBg1.gif') top left;
	height: 1.6em;
	margin: 0 0 1.6em 0;
	clear: both;
	float: none;
	border: 0;
	font-weight: bold;
	text-align: center;
	line-height: 1.6em;
}
	.pager a{
		background: #fff;
		color:#526f45 !important;
		padding: 0.1em 0.5em 0.1em 0.5em;
		margin: 0 0.2em 0 0;		
}
	.pager a:hover{
		background:#526f45;
		color: #fff !important;
		text-decoration: none !important;
}
	.pager span{
		padding: 0.1em 0.5em 0.1em 0.5em;
		background: #0062a6;
		color:#fff;
		margin: 0 0.2em 0 0;
}



/*para la columna*/
.ContentColumn .ms-WPBody{
	padding: 0;
	margin: 0;
	background: #fff;
}
.ContentColumn .ms-WPBody .SubseccionsLinks{
	padding-left: 0;
}
	.ContentColumn .ms-WPBody h3{
		padding-left: 0;
		margin-left: 0;
		background: url('Images/dottedBg1.gif') top left;
	}
	.ContentColumn .ms-WPBody h3 strong{
		padding-left: 0;
		font-size: 1.4em;
	}
	.ContentColumn .ms-WPBody img{
		display: block;
		width: auto;
		margin: 0 auto 1.6em auto;
	}

/*elementos de la columna con fondo blanco*/
.ColumnGeneric{
		background: #fff;
		padding: 0 0 1.6em 1.6em;
		text-align: justify;	
	}

/*elementos de la columna con fondo transparente*/	
body .ContentColumn .ColumnGeneric2 *{
	background-color: transparent !important;
}

/*para la columna en la home*/
.ContentColumnHome .ms-WPBody{
	 padding: 0 0 1.6em 0;
 	background: #fff;
 }
.ContentColumnHome .ms-WPBody h3{
	padding-left: 0;
	margin-left: 0;
	background: url('Images/dottedBg1.gif') top left;
}
.ContentColumnHome .ms-WPBody h3 strong{
	padding-left: 0;
}
.ContentColumnHome .ms-WPBody img{
	display: block;
	width: auto;
	margin: 0 auto 1.6em auto;
}



/*---------información meteorológica------------*/

.WeatherInfo{
	font-family: Arial, Helvetica, sans-serif;
	margin: 1.6em 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
}
.WeatherInfo h2{
	font-size:1em;
	color:#0062a6;
	text-transform: uppercase;
	letter-spacing: -0.06em;
	background: url('Images/dottedBg1.gif') top left;
	height: 1.6em;
	margin: 0 0 1.6em 0;
	clear: both;
	float: none;
	border: 0;
}
	.WeatherInfo h2 strong{
		font-size:1.5em;
		background: #fff;
		color: #0062a6;
		height: 1.6em;
		padding-right: 0.2em;
	}

.WeatherInfo ul{
	display: block;
	border: 0.1em solid #526F45;
	padding: 1.6em 0 1.6em 1.6em;
	margin: 1.6em;
	position: relative;
	line-height: 1.4;
	margin-bottom: 1.6em;
}

	.WeatherInfo li.TodayWeather{
		position: absolute;
		padding: 1.6em;
		white-space: nowrap;
		text-align: center;
		top: 1.6em;
		right: 3.2em;
		border: 0.1em solid #ccc;
		font-weight: bold;
		font-size: 1.3em;
		letter-spacing: -0.06em;
}
	html > body .WeatherInfo li.TodayWeather{
	right: 1.6em;
}
.WeatherInfo .WeekWeather{
	border: 0.1em solid #526F45;
	margin: 1.6em;
	width: 58.0em;
}

.WeatherInfo .WeekWeather th{
	padding: 1.6em;
	background: #526F45;
	color: #fff;
}


.WeatherInfo .WeekWeather th{
	padding: 0.8em;
	text-align: center;
	
}


.WeatherInfo .WeekWeather td{
	padding: 0.8em;
	text-align: center;
	
}
.weatherInfo .WeekWeather td{
	border: 0.1em solid #526F45;
}
.weatherInfo .WeekWeather img{
	display: block;
	width: auto;
	margin: 0.8em auto;
}
.WeatherInfo p{
	text-align: center;
	font-size: 1em !important;
}

ul.MenuRegister {
  float: left;
  list-style: none;
  margin: 0;
  margin-top:2em;
  padding: 0;
}
ul.MenuRegister li.TextBox {
  float: left;
  
}

ul.MenuRegister li.Label{
  float: left;
  width:12.5em;
}

.Label{
	float:left;
	width:12.5em;
	font-size:0.9em;
}

.TextBox{
	float:left;
	
}

.FormRegister input[type="text"]{
	width:18em;
}

.TextBox{
	width:18em;
}

.FieldSet{
	border:0em 0em;
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
	font-size:1.2em;
}

.FieldSet legend{
	visibility:hidden;
}


ul.MenuRegister hr{
  line-height:0.1em;
  height:0.1em;
}

/*---- formato de los datos personales que se envian por correo al ciudadano --------*/

.HeaderUserData{
	font-size:1em;
}
.TitleUserData{
	text-decoration:underline;
	font-size:2.2em;
}
.UserDataCol1{
	font-weight:bold;
	font-size:1.8em;
}
.UserDataCol2{
	font-size:1.8em;
}

.ThHidden{
	visibility:hidden;
}

.LinkClose{
	margin-right:1.5em;
	font-size:1.2em;
	color:#3366FF;
}

.LinkUserData{
	color:#0062a6;
	font-size:1.4em;
	text-align:left;
	padding-top:0.5em;
	letter-spacing: -0.07em;
	color: #0062a6;
	text-decoration: none;
	margin-left:2em;
	margin-top:2em;
	font-size:1.8em;
}

/*-- Formato de la vista de los datos personales del ciudadano --*/
.UserData{
    float:left;
}
img.ProfileImage{
    float:left;
    height:13.7em;
    width:10em;
}
.DescriptionUserData{
    float:left;
    width:15em;
    margin-left:3em;
}

.DescriptionUserData p{
    margin-bottom:1.9em;
    font-weight:bold;
}
.UserData p{
    margin-bottom:1.9em;
}
/*-------- Formato del cuadro de login ---------------------*/
.AspNet-Login{
	clear:both;
}
.AspNet-Login-InstructionPanel{
	font-size:1.1em;
	margin-bottom:1em;
}
.AspNet-Login-UserPanel input[type="text"]{
	width:7.2em !important;
	margin-left:4.3em !important;
}
.AspNet-Login-PasswordPanel input[type="password"]{
	margin-left:0.5em !important;
	width:7.2em !important;
}
.AspNet-Login-SubmitPanel{
	width:10em;
	margin-left:4em;
}
.AspNet-Login-RememberMePanel{
	margin-top:1em;
	margin-bottom:0.5em;
}

.AspNet-Login-FailurePanel{
	color:red;
}
.AspNet-Login-PasswordRecoveryPanel{
	margin-top:2em;
}

/* -------- Formato del cuadro de cambiar contraseña -------------- */

.AspNet-ChangePassword{
	width:30em;
}
.AspNet-ChangePassword-PasswordPanel input[type="password"]{
	width:10em;
	margin-left:9.3em;
}

.AspNet-ChangePassword-NewPasswordPanel input[type="password"]{
	width:10em;
	margin-left:6.1em;
}

.AspNet-ChangePassword-ConfirmNewPasswordPanel input[type="password"]{
	width:10em;
	margin-left:1.6em;
	
}
.AspNet-ChangePassword-ConfirmNewPasswordPanel label{
	text-align:left;	
}


.AspNet-ChangePassword-SubmitPanel{
	margin:0 auto;
	margin-top:1em;
	text-align:center;
}

.AspNet-ChangePassword-CreateUserPanel{
}

.AspNet-ChangePassword-FailurePanel{
	color:red;
}

/* ----- Formato para el formulario de registro de ciudadano-------------  */
.ButtonRegister {
	margin-left:7em;
	margin-top:1em;
}
/*--- Formato para los gridview -----*/
.AspNet-GridView  table{
	width:100%;
	text-align:center;
	border:0.1em solid;
}
.AspNet-GridView  td{
	border:0.1em solid;
	padding:0.5em;
}
.AspNet-GridView-Alternate td{
	border:0.1em solid;
	padding:0.5em;
	background-color:#F2F2F2;
}
 .AspNet-GridView .sortable{
	border-bottom:0.1em solid;
	padding:0.5em;
	background-color:#DBDBDB;
 }
 td.IdCaso{
	display:none;
	border:0em solid white;
	visibility:hidden;
}

/*-- Para la tabla de casos del funcionario -- */

table.TablaCasos{
	width:100%;
	text-align:center;
	border:0.1em solid;
}


.TablaCasos th{
	border-bottom:0.1em solid;
	padding:0.5em;
	background-color:#DBDBDB;
}

th.HeaderIdCaso{
	visibility:hidden;
	display:none;
}


/* Clases para retocar el diseño de la master TarazonaAdmin.master */

/* Esta clase se creó para solucionar 
el tamaño de los titulos de los checkbox dentro de las listas */
.ContentPlaceMainAdmin{
	font-size:1.1em;
}

.ms-listdescription{
	font-size:1em;
}

.ms-standardheader{
	font-size:1.1em !important;
}
.ms-sbscopes{
	visibility:hidden;
}
.ms-sbplain{
	height:2em !important;
	width:2em;
	border:0.1em solid teal;
	margin-right:0.3em;
}

.srch-stats{
	margin-top:1em;
}

/* Tamaño del texto contenido en 
el editor de contenido de la página. */
td.ms-formbody{
	font-size:1.1em;
}

/* textos de las 
descripciones de los campos 
de la página cuando entras 
en la configuracion */
td.ms-formlabel{
	font-size:1.1em;
}

/* Clases para retocar el diseño de la master application.master */

.ms-propertysheet, .ms-descriptiontext{
	font-size:1.05em !important;
	line-height:1.6em;
}

/*.AspNet-ChangePassword-ContinuePanel{
	display:none;
}*/

.Banner{
	text-align:center;
	margin: 0;
	padding: 0;
	
}
.Banner a{
		margin: 1.0em 0 !important;
		padding: 0 !important;
		display: block;
}

.Banner a img{
	width:19.2em !important;
}


/* Estilos para el boletín de noticias */
.ButtonSubscription{
	text-align:center;
}

/*Centramos el callejero de DondeVivo*/
.MSVE_MapContainer{
	margin:0 auto !important;
}

.PnlHip span, .PnlHip a{
 font-size:0.9em;
}
