/* 
================================
Skin styles for DotNetNuke
================================
*/   

.pagemaster {
	width: 100%;
	height: 100%;	
	background-color: #FEFEFE;
}
.skinmaster {
	height: 100%;
	background-color: #F3F5FA;
	BORDER-RIGHT: #7994CB 1px solid; 
	BORDER-TOP: #7994CB 1px solid; 
	BORDER-LEFT: #7994CB 1px solid; 
	BORDER-BOTTOM: #7994CB 1px solid; 
	moz-border-radius-bottomleft: 15px; 
	moz-border-radius-bottomright: 15px; 
	moz-border-radius-topleft: 3px; 
	moz-border-radius-topright: 3px; 
}
.skinheader {
}
.skingradient {
	BACKGROUND-IMAGE: url(gradient_DkBlue.jpg); HEIGHT:30px;
}
.controlpanel {
	width: 100%;
	background-color: #DFE5F2;
}
.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.leftpane {
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.contentpane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.rightpane {
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.bottompane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.MainMenu_MenuContainer {
	background-color: transparent; 
}
.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand;
	height:16px;
	background-color: Transparent;
}
.MainMenu_MenuItem {
	border-left: #CAD5EA 0px solid; 
	border-bottom: #CAD5EA 1px solid; 
	border-top: #CAD5EA 1px solid; 
	border-right: #CAD5EA 0px solid;
	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
}
.MainMenu_MenuIcon {
	background-color: #CAD5EA; 
	border-left: #CAD5EA 1px solid; 
	border-bottom: #CAD5EA 1px solid; 
	border-top: #CAD5EA 1px solid; 
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 21px;
}
.MainMenu_SubMenu {
	background-color: #CAD5EA;  
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
}
.MainMenu_MenuBreak {
	height: 1px;
}
.MainMenu_MenuItemSel {
	background-color: #8DA4D3; 
	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
}
.MainMenu_MenuArrow {
	border-right: #CAD5EA 1px solid; 
	border-bottom: #CAD5EA 1px solid; 
	border-top: #CAD5EA 0px solid;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
}
.MainMenu_RootMenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}
.StandardButton     {
    background: #7994CB none; 
    color: #FFFFFF;
    font-family:Verdana, sans-serif; 
    font-size: 11px;
    font-weight: normal;
}
.TreeViewMenu {
	width: 175px;
	background-color: #DFE5F2;
	BORDER-RIGHT: #7994CB 1px solid; 
	BORDER-TOP: #7994CB 1px solid; 
	BORDER-LEFT: #7994CB 1px solid; 
	BORDER-BOTTOM: #7994CB 1px solid; 
	moz-border-radius-bottomleft: 15px; 
	moz-border-radius-bottomright: 15px; 
	moz-border-radius-topleft: 3px; 
	moz-border-radius-topright: 3px
}
.TreeViewMenu_Header {
	BACKGROUND-IMAGE: url(gradient_LtBlue.jpg);
}
.Head   {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  18px;
    font-weight:    normal;
    color: #333333;
}


body{
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: rgb(83,132,191);
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 960px;
	margin-top:10px;
}

#contenedorPrincipal
{
	width:960px;
	text-align:left;
	padding:none;
	margin:none;
	border:none;
	background-color:#9aade7;	
	background-image:url(FondoContenidos.jpg);
	background-repeat:repeat-y;
}

#cabecera
{
	font:black;
	background-color:White;
	background:url('Cabecera.jpg');
	height:184px;
}

#banderasIdioma{
	width:35px;
	position:absolute;
	top:50px;
	left:920px
}

#login{
	color:#734aa9;
	font-weight:bold;
	position:absolute;
	width:100%;
	text-align:right;
	top:160px;
	font-size:80%;
}

#enlaceLogo{
	position:absolute;
	top:45px;
	left:40px;
	width:140px;
	height:120px;
	border:none;
}

#toolTipCatedral{
	position:absolute;
	top:5px;
	left:610px;
	width:250px;
	height:180px;
	border:none;
}

#migasPanMasBuscador
{
	background-image:url(BarraMigasPan.jpg);
	vertical-align:top;
}

#bordeInferiorPie
{
	background:url(Pie.gif);
	background-repeat:no-repeat;
	height:5px;
}

#busqueda{
	float:right;
	position:relative;
	text-align:right;
	height:28px;
	width:220px;
	margin-right:5px;
}

#busqueda a:hover{
	color:White;
	text-decoration:underline;
}

#busquedaFondoCuadro{
	background-color:#dfe6fa;
	position:absolute;
	top:5px;
	left:0px;
	height:20px;
	width:150px;
}

#busquedaFondoBoton{
	background-color:rgb(206,153,116);
	position:absolute;
	top:5px;
	left:151px;
	height:20px;
	width:50px;
}


#dnn_dnnSEARCH_txtSearch {
	background-color:#dfe6fa;
	border:none;
	margin:none;
	padding:0;
	height:18px;
	color:black;
	font-weight:bold;
	width:148px;
	position:absolute;
	top:7px;
	left:2px;
}

#dnn_dnnSEARCH_cmdSearch
{
	background-color:rgb(206,153,116);
	border:none;
	color:White;
	font-size:11px;
	color:white;
	font-weight:bold;
	padding:2px 5px 2px 5px;
	height:17px;
	width:40px;
	position:absolute;
	top:5px;
	left:150px;
}

#dnn_dnnSEARCH_cmdSearch a:hover
{
	text-decoration:underline;
}

#menuPrincipal {
	background-image:url(FondoMenu.jpg);
	background-repeat:repeat-x;
	background-color:rgb(243,242,248);
	width:242px;
	vertical-align:top;
	border-left:solid white 3px;	
	text-align:left;
}

#pieMenu 
{
	background-image:url(pieMenu.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-color:rgb(243,242,248);
	border-left:solid white 3px;
	width:242px;
	height:227px;
	vertical-align:bottom;	
}

a img 
{
	/* Evito borde alrededor de imágenes enlace */
	border:none;
}


.bienvenida h1
{
	font-family:Arial;
	font-size:19px;
	color:White;
	width:100%;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:0px;
	padding:0px;
}

.bienvenida h2
{
	font-family:Arial;
	font-size:16px;
	color:rgb(245,245,255);
	margin-left:10px;
	margin-right:10px;
	font-weight:bold;
	margin-top:5px;
	padding:0px;
}

.contenidoFila
{
	width:100%;
	background-color:transparent;
	border:none;
	clear:both;
}

.contenidoFilaIzquierda
{
	float:left;
	width:50%;
	background-color:transparent;
	border:none;
}

.contenidoFilaDerecha
{
	float:left;
	width:49%;
	background-color:transparent;
	border:none;	
}

.paddingContenido
{
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
}

.tituloAnuncio
{
	color:#003366;
	font-size:12px;
	font-weight:bold;
	font-family: Tahoma, Arial, Helvetica; 
}

.tituloAnuncio a:link
{
	color:#003366;
	text-decoration:none;
}

.tituloAnuncio a:visited
{
	color:#003366;
	text-decoration:none;
}

.tituloAnuncio a:hover
{
	color:#003366;
	text-decoration:underline;	
}

.separadorTitulosAnuncio
{
	height:10px;
}

.cuerpoAnuncio
{
	color:#4e4c4c;
	font-size:12px;
	font-family: Tahoma, Arial, Helvetica; 	
}

.notita
{
	font-size:10px;
	font-weight:normal;
	font-family: Tahoma, Arial, Helvetica; 
}

/*
===========================================
Título Módulo:
===========================================
*/

.tituloModulo
{
	font-weight:normal;
	font-family:Verdana;
	font-size:20px;
	color:White;
}


/* 
===========================================
Estilos para menú:
===========================================
*/

.agrupadorMenu1
{
	width:100%;
	background-image:url(AgrupadorMenu1.jpg);
	background-repeat:repeat-x;
	background-color:#9a98d7;
	color:White;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	height:20px;
	padding:none;
	margin:none;
}

.agrupadorMenu1 div
{
	/* Se usa para dar un margen sin que se moleste el ancho 100% del contenedor */
	padding-left:5px;
	padding-top:2px;
}

div.menu1
{
	margin-left:7px;
	margin-top:5px;
	margin-bottom:7px;
}

div.menu2
{
	margin-top:5px;
	margin-bottom:5px;
}

div.menu3
{
	margin-top:7px;
	margin-bottom:7px;
}

div.item1
{
	/* Esto equivaldra a un li de primer nivel */
	background-image:url(BulletMenu.gif);
	background-position:0px 6px;
	background-repeat:no-repeat;
	padding-left:15px;
	padding-top:4px;
}

div.item2{
	/* Esto equivaldra a un li de segundo nivel */
	background-image:url(BulletMenu1.gif);
	background-position:0px 7px;	
	background-repeat:no-repeat;
	padding-left:12px;
	padding-top:4px;
}

div.item3{
	/* Esto equivaldra a un li de tercer nivel */
	background-image:url(BulletMenu2.gif);
	background-repeat:no-repeat;
	background-position:0px 8px;	
	padding-left:10px;
	padding-top:2px;
}

div.item1 a, div.item2 a
{
	font-family: Tahoma,Arial,Helvetica;
	font-size: 11px;
	font-weight: bold;
	color:#3e3c41;
	text-decoration: none;	
}


div.item1 a:link, div.item1 a:link
{
	color:#3e3c41;
	text-decoration:none;
}

div.item1 a:visited, div.item2 a:visited
{
	color:#3e3c41;
	text-decoration:none;
}

div.item1 a:hover, div.item2 a:hover
{
	color:#3e3c41;
	text-decoration:underline;	
}

span.subopciones
{
	color:#cd8d45;
	font-size:6px;
	margin-left:2px;
}


div.item3 a
{
	color:#6e5c86;
	font-size:11px;
}

div.item3 a:link
{
	color:#6e5c86;
	font-size:11px;
}

div.item3 a:visited
{
	color:#6e5c86;
	text-decoration:none;
}

div.item3 a:hover
{
	color:#6e5c86;
	text-decoration:underline;	
}

div.item1 a.opcionSeleccionada, div.item2 a.opcionSeleccionada, div.item3 a.opcionSeleccionada  
{
	color:#6e5c86;
	font-size:11px;
	font-weight:bold;
	font-family: Tahoma, Arial, Helvetica; 
}

div.item1 a.opcionSeleccionada:link, div.item2 a.opcionSeleccionada:link, div.item3 a.opcionSeleccionada:link  

{
	color:#6e5c86;
	text-decoration:none;
}

div.item1 a.opcionSeleccionada:visited, div.item2 a.opcionSeleccionada:visited, div.item3 a.opcionSeleccionada:visited  
{
	color:#6e5c86;
	text-decoration:none;
}

div.item1 a.opcionSeleccionada:hover, div.item2 a.opcionSeleccionada:hover, div.item3 a.opcionSeleccionada:hover  
{
	color:#6e5c86;
	text-decoration:underline;	
}

/* 
===========================================
Estilos para los contenidos:
===========================================
*/


/*
Tabla de bordes redondeados
---------------------------
*/


.contenido {
   background: url(ContenidosFondo.gif);
   width:100%; 
   margin-bottom:15px;
}
.contenido .esquinaTL{
   background: url(ContenidosEsquinaTL.gif) no-repeat top left;
}
.contenido .esquinaTR{
   background: url(ContenidosEsquinaTR.gif) no-repeat top right;
}
.contenido .esquinaBL{
   background: url(ContenidosEsquinaBL.gif) no-repeat bottom left;
}
.contenido .esquinaBR{
   background: url(ContenidosEsquinaBR.gif) no-repeat bottom right;
}

.contenido .esquinaTR, 
.contenido .esquinaTR, 
.contenido .esquinaBR, 
.contenido .esquinaBL {
   width: 100%;
   height: 8px;
   font-size: 1px;
}
.contenido .chicha, .contenido table
{
	margin-top:0px;
	margin-left: 15px;
	margin-right:15px;
	margin-bottom:0px;
	text-align:justify;
	font-size:13px;
	color:#3e3c71;
	font-weight:normal;
	font-family:Arial;	
}

.contenido .chicha P{
	margin-top:7px;
	margin-bottom:7px;
	/*clear:both;*/
}

.contenido .chicha ul li
{
	list-style-type:disc;
}

.contenido .chicha br
{
	line-height:10px;
}

.contenido a, .contenido a:link, .contenido a:visited, .contenido a:hover
{
	color:#3e3ccc;
	text-decoration:none;
}

.contenido a:hover
{
	color:#3e3ccc;
	text-decoration:underline;
}

.contenido .textoBoton a, .contenido .textoBoton a:link, .contenido .textoBoton a:visited,
.contenido .textoBoton a:hover
{
	color:White;
}

.contenido .textoBoton a:hover
{
	text-decoration:underline;
}



.contenido .textoBoton a
{
	color:White;
}
a.navegacion, a.navegacion:link, a.navegacion:visited, a.navegacion:hover
{	
	font-family:Verdana;
	font-size:11px;
	color:white;
	font-weight:bold;
	text-decoration:none;
	color:white;
}

span.navegacion
{
	font-family:Verdana;
	font-size:11px;
	color:white;
	font-weight:bold;
	text-decoration:underline;
	color:white;	
}

a.navegacion:hover
{
	text-decoration:underline;
}


div.tituloDummyApartado
{
	width:100%;
	clear:both;
	text-align:right;
}

div.tituloApartado
{
	width:100%;
	clear:both;
}

div.tituloApartado br
{
	clear:both;
	line-height:10px;	
}

div.tituloApartado div
{
	/* Nota: Si le pongo float:left y display:inline al H2, ... no funciona.
	Tengo que usar un div encapsulador donde poner el float y luego al h2 ya sí
	le pongo el float left.
	*/
	float:left;
}

div.tituloApartado h2, div.tituloApartado h3, div.tituloApartado h4, div.tituloApartado h5
{
	display:inline;	
	color:white;
	font-family:Verdana;
	font-weight:normal;
}

div.tituloApartado h2{
	font-size:20px;
}

div.tituloApartado h3{
	font-size:18px;
}

div.tituloApartado h4{
	font-size:16px;
}

div.tituloApartado h5{
	font-size:14px;
	font-weight:bold;
}
.tituloApartado a.navegacion
{
	float:right;
	width:auto;
}

img.imagenIzquierda
{
	float:left;
	margin-right:10px;
}

img.imagenDerecha
{
	float:right;
	margin-left:10px;
}

div.imagenDerecha
{
	/* Esto será una imagen alineada a la derecha con un salto de línea */
	width:100%;
	text-align:right;
	margin:none;
}

div.imagenCentrada
{
	width:100%;
	text-align:center;
	margin:none;
}

br.clear
{
	clear:both;
}

.textoDestacado
{
	font-weight:bold;
}


#telefonosContacto
{
	width:200px;
	padding:5px;
	margin-top:7px;
	margin-bottom:7px;
}

#telefonosContacto .descripcion
{
	font-weight:bold;
	text-align:right;
}

#telefonosContacto .numero
{
	text-align:left;
}

.listado td
{
	border:dotted 1px rgb(230,230,255);
	padding:5px;
	text-align:center;
}


#mapaAPNAB
{
	width: 665px;
	height: 300px;
}

.infoWindowMapa
{
	font-size:11px;
	color:#3e3c71;
	font-family:Arial;	
	font-weight:normal;	
}