body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-top: 15px; 
	text-decoration: none;
	

	scrollbar-face-color: #E8ECF5;
	scrollbar-3dlight-color: #E8ECF5;
	scrollbar-arrow-color : #677CAA;
	scrollbar-darkshadow-color : #E8ECF5;
	scrollbar-shadow-color : #E8ECF5;
	scrollbar-base-color : #E8ECF5;
	scrollbar-highlight-color : #E8ECF5;
	scrollbar-track-color : #E8ECF5;


}	

.fondoCabecera{
	background-color:#FFFFFF;	
	background-image:url(../images/skylineBCN.png);
	background-repeat:no-repeat;
	background-position:top;
}

.fondoBody{
	/*background-color: #E8ECF5;*/
	background-color: #5B70A1; 
}


.fondoContenido{
	/*background-color : #677CAA;*/
	background-color : #ffffff;	
	
}
.margenesContenido{
	margin-right:7px;
	margin-left:7px;
}
.anchoContenido{
	width:728px;
}


.fondoContenidoLateral{
	background-color:#E8ECF5;
}
.margenesContenidoLateral{
	margin-left:8px;
	margin-right:8px;
}
.anchoContenidoLateral{
	width:160px;
}
.paddingContenidoLateral{
	padding-left:6px;
}

.fondoContenidoCentral{
	background-color:#E8ECF5;
}
.margenesContenidoCentral{
	margin-left:8px;
	margin-right:8px;
}
.anchoContenidoCentral{
	width:520px;
}
.paddingContenidoCentral{
	padding-left:6px;
}

.fondoContenidoCentralTexto{
	background-color:#E8ECF5;
}
.margenesContenidoCentralTexto{
	margin-left:12px;
	margin-right:12px;
}
.anchoContenidoCentralTexto{
	width:496px;
}
.paddingContenidoCentralTexto{
	padding-left:6px;
}

.sombraDerecha{
	background-image:url(../images/WhiteBoxRight.png); 
	background-repeat:repeat-y;
}
.sombraBottom{
	background-image:url(../images/WhiteBoxBottom.png); 
	background-repeat:repeat-x;
}

/******************************************/

.fondoContenidoDegradado{
	filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#ffffff', startColorstr='#677CAA', gradientType='0');
	background-color:Transparent;	
}

.fondoBarraSuperior
{
	background-color: #BAD3DC; 
}

.fondoHome{
	background-color: #C9CACE; 
}

.fondo{
	background-color: #E7E2D8; 
}

.fondoOscuro{
	background-color: #777777; 
}

.fondoClaro{
	background-color: #999999; 
}

.colorFondoWeb
{
	background-color : #FFFFFF;
}










.TituloMenuDestacado
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#ff88c0;
}

.tituloBarrio
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#ff88c0;
}
/*
.menuTop
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#01a1c9;
}
*/
.slogan
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color:#878787;
	
}

.textoCreditos
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#01a1c9;
}

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #01a1c9;
	text-decoration: none;
}

a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #01718b;
	text-decoration: none;

}

a.menuTop
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0a0a0a;
	text-decoration: none;
}

a.menuTop:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ff88c0;
	text-decoration: none;
}



a.menuUtils
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: black;
	text-decoration: none;
}

a.menuUtils:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #7c7c7c;
	text-decoration: none;
}

a.menuUtilsSeleccionado
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #7c7c7c;
	text-decoration: none;
}

a.menuUtilsSeleccionado:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #7c7c7c;
	text-decoration: none;
}


a.menuWeb
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: black;
	text-decoration: none;
}

a.menuWeb:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #7c7c7c;
	text-decoration: none;
}

a.menuWebSeleccionado
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #7c7c7c;
	text-decoration: none;
}

a.menuWebSeleccionado:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #7c7c7c;
	text-decoration: none;
}



a.linkAgrupador
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:black;
	text-decoration: none;
}

a.linkAgrupador:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #7c7c7c;
	text-decoration: none;
}

.buscador
{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12;
	font-weight : normal;
	color : black;
	
}

.textboxBuscador
{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10;
	font-weight : normal;
	color : black;
	background-color : White;
	border : 1px solid #e1e1e1;	
}

.textboxSubscripcion
{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10;
	font-weight : normal;
	color : black;
	background-color : White;
	border : 1px solid #01a1c9;	
}


.subscripcionHeader
{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color:black;
}

.subscripcionTexto
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	color:#e2ffff;
}

.subscripcionCaption
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:black;
}

.botonSubscripcion
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:white;
	background-color: black;
	border: none;
}

.captionPublicidad
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color:#979797;
}

.cabeceraDestacado
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:black;	
}

.Titulo{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: black;
	padding-bottom:6px;
}

.tituloPaginaInicio{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: black;
}


.Subtitulo{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	padding-top:12px;
	padding-bottom:12px;
	color: black;
}

.Texto{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; 
	color: black;
}
.TextoNegrita{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; 
	font-weight: bold;
	color: black;
}

.TextoNegritaUp{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; 
	font-weight: bold;
	color: #7c7c7c;
}
.TextoPath
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:9px; 
	color: #000000;
	
}

.bannerTitulo
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:black;
}

.bannerSubtitulo
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:black;
	font-weight: bold;

}

.bannerTexto
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:black;

}
.entrevistaTitulo
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:black;
}

.entrevistaTexto
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:black;
}

.testimonioTitulo
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:black;
}

.testimonioTexto
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#808080;
}

.noticiaTitulo
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#01a1c9;
	
}

.noticiaTexto
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
	
}

.colaboradorTextoFecha
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#e9e9e9;
	
}

.colaboradorNombre
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#000000;
	
}

.colaboradorMail
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#fefefe;
	
}

.destacadoHeader
{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:black;
}

.divDestacado
{
	scrollbar-face-color: #E8ECF5;
	scrollbar-3dlight-color: #E8ECF5;
	scrollbar-arrow-color : #677CAA;
	scrollbar-darkshadow-color : #E8ECF5;
	scrollbar-shadow-color : #E8ECF5;
	scrollbar-base-color : #E8ECF5;
	scrollbar-highlight-color : #E8ECF5;
	scrollbar-track-color : #E8ECF5;

}

/*
	color: #767676;
	scrollbar-face-color: #ffffff;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-arrow-color : #000000;
	scrollbar-darkshadow-color : #ffffff;
	scrollbar-shadow-color : #ffffff;
	scrollbar-base-color : #ffffff;
	scrollbar-highlight-color : #ffffff;
	scrollbar-track-color : #ffffff;

*/
.Boton
{
	font-family:"Verdana", Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color:black;	
	background-color:white;
	border : 1px solid #01a1c9;
	cursor : pointer;
}

.BotonMapa {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10;
	font-weight : bolder;
	color : #669999;
	background-color : White;
	border : 1px solid #669999;
}






.imagenMenu
{
	border-bottom: 1px solid #CECFCE;
}

.tituloMenu
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #8C2A2A;
	padding:14px;

}

.separadorMenu
{
	height: 2px;
	padding-left:6px;
	padding-right:6px;
	border-bottom: 1px solid #CECFCE;
}

hr.separadorBusqueda
{
	 
	height: 1px;
	padding-left:12px;
	padding-right:12px;
	border-bottom: 1px solid #CECFCE;

}

.menuIzquierdo
{
	padding:6px;
	border-right:1px solid #CECFCE;
}

.izquierdaMapa
{
	padding:0px;
	border-right:1px solid #CECFCE;
}


.contenido {
	background: #FFFFFF;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #767676;
}

.linktitulo
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #8C2A2A;
	text-decoration: none;

}

.linktitulo:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #8C2A2A;
	text-decoration: none;

}

a.cabeceraMenuDestacado	
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#ff88c0;
}
a.cabeceraMenuDestacado:hover	
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#ff88c0;
}

A.linkMenuSuperior
{
	text-decoration:none; 
	font-family:  "Verdana",Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color: black;
	
}

A.linkMenuSuperior:hover
{
	text-decoration:none; 
	font-family: "Verdana",Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color: white; 
	
}


A.linkMenuInferior
{
	text-decoration:none; 
	font-family:  "Verdana",Arial, Helvetica, sans-serif; 
	font-size:10px; 
	color: black;
	
}

A.linkMenuInferior:hover
{
	text-decoration:none; 
	font-family: "Verdana",Arial, Helvetica, sans-serif; 
	font-size:10px; 
	color: white; 
	
}

.TDMenuSuperior 
{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color:black;
	border-top: 3px solid #8c2a2a;
	border-right:2px solid #c2c2c2;
}

.TDMenuSuperiorOver 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color:black;	
	border-top: 3px solid #dd8989;
	border-right:2px solid #c2c2c2;
}


.TDMenuSuperiorSeleccionado
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color:black;	
	border-top: 3px solid #dd8989;
	border-right:2px solid #c2c2c2;
}

.copyright
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #767676;		
}

.TDMenuInferior
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #767676;
}

.TDMenuInferiorOver
{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #DD4242;
}

.TDMenuInferiorSeleccionado
{
}

.TDMenu
{
	background-image: url(../images/flecha3.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 12px;
	text-decoration: none;
	color: #767676;
}


.TDMenuOver
{
	background-image: url(../images/flecha2.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 12px;
	color: #DD4242;
	text-decoration: none;
	color: #DD4242;
	cursor:pointer;
}

.TDMenuSeleccionado
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #767676;
	cursor:pointer;
}



.content {
	background: #FFFFFF;
	border: 1px solid #CECFCE;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #767676;
}

.table-section {
	border-right: 1px solid #CECFCE;
}

.CuadroTexto {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10;
	font-weight : normal;
	color : black;
	background-color : White;
	border : 1px solid #767676;

}

#mainmenu {
	top: 0px;
	left: 170px;
	width: 500px;
}

#mainsection {
	margin: 10px 20px 10px 20px;
}

#bodysection {
	margin: 10px 10px 10px 10px;
}

#menusection {
	margin: 10px 10px 10px 10px;
}

#menuitem {
	margin: 3px 3px 3px 3px;
}

li{
	margin: 2px 2px 2px 2px;
	list-style-image:url(../images/flecha1.gif)}

ul li {
	margin: 2px 2px 2px 2px;
	list-style-image:url(../images/flecha1.gif)}

ol li {
	margin: 2px 2px 2px 2px;
}