/*CSS GENERALES*/
body{
margin:0px;
padding:0px;
/*background-color:#e5e5e5;*/
font-size: 9pt;
font-family: Helvetica, sans-serif;
text-align:center;
background-image:url(../images/fondo.gif);
}
a{
text-decoration:underline;
color:#000;
font-family:Helvetica;
}
a:hover{
text-decoration:none;
}
b{
    font-size: 9pt;
    font-family: Helvetica, sans-serif;
    font-weight:bold;
}
strong{
    font-size: 9pt;
    font-family: Helvetica, sans-serif;
    font-weight:bold;
}
p
{
padding:0px;
margin:0px;
}
img{
border:0px;
}
form{
padding:0px;
margin:0px;
}
iframe{
width:100%;

border:0px;
overflow:none;
}
#Formulario_Registro_Usuario input{
/*background:url(../img/contenedor1-bg.gif) center top;*/
font:Helvetica, sans-serif;
width:120px;
border:1px solid #679E05;
}
fieldset{
border:0px;
}
/*FIN DE LOS CSS GENERALES*/
#WrapperGeneral{
width:900px;
margin:auto;
text-align:left;
background-color:#45637B;
}
/*--------------HEADER----------------------------------------------------------------*/
#Header{
background:url(../images/cabecera.jpg) center top;
width:100%;
height:137px;
text-align:left;
color:#fff;
}
#Header ul{
list-style:none;
margin:0px;
padding-top:20px;
}
#Header li{
float:left;
padding:0px 20px 0px 10px;
}
#Header li a{
color:#fff;
font-size:9px;
}
/*FORMULARIO REGISTRARSE (APARECE EN index.php)*/
/*BOTONES: REGISTRARSE Y OLVIDADO CONTRASEÑA*/
#Formulario_Registro_Usuario{
height:114px;
width:247px;
background:url(../images/fondo_registro.jpg) center top;
border:0px solid red;
}
#Labels_Registro_Usuario{
color:#000;
font-size:13px;
size:13px;
text-decoration:none;
padding:7px 0px 0px 10px;
}
#Labels_Registro_Usuario label{
float:left;width:80px;padding:5px 10px 0px 0px;
font-size:12px;
text-align:right;
}
#Botones_Olvidado{
padding-top:4px;
text-align:right;
padding-right:23px;
}
#Botones_Olvidado a{
font-family:"Trebuchet MS";
color:#fff;
font-size:10px;
text-decoration:none;
}

#Botones_Olvidado a:hover{
background-color:#F8D500;
color:#000;
}
#bot_entra{
text-align:right;
margin-right:25px;
}
#bot_entra a{
	color: #000;
	background-color:#00CCFF;
	border: 1px solid #336699;
	font:Helvetica, sans-serif;
	font-size:10px;
	height:15px;
    text-decoration:none;
    padding-left:5px;padding-right:5px;
}

#LineaHorizontalSuperiorBlanca{/*LINEA HORIZONTAL BLANCA (contiene el título del menú)*/
/*background-color:#fff;*/
height:133px;
width:850px;
margin:auto;
display:none;

}
#titular_pagina{/*título de los contenidos*/
	font-size:30px;
	font-family: Helvetica, sans-serif;
	color:#45637A;
/*font-size:200%;
font-weight:bold;*/

padding-top:24px;
color:#45637B;
}
/*MENÚ SUPERIOR (CONTIENE LA BOTONERA: INICIO,MAPA WEB, CONTACTO, ASÍ COMO EL CUADRO Y BOTÓN DE BUSCAR*/
#item_menu_superior{
padding-right:4px;
padding-left:3px;
}
#item_menu_superior a{
font-size:13px;
color:#fff;
}
.elegido_menu_superior{
float:left;
}
.normal_menu_superior{
float:left;
}


#HeadCrumb{/*ESTA ES LA BANDA SOBRE LA QUE VA EL MENÚ SUPERIOR (HORIZONTAL) Y EL BUSCADOR*/
padding-top:5px;
background-color:#45637B;
color:#fff;
}
#HeadCrumb a{
text-decoration:none;
}
#HeadCrumb a:hover{
text-decoration:underline;
}
#HeadCrumb input{
background-color:#fff;
border:1px solid green;
margin-bottom:3px;
}


#ContenedorCentral{/*este contenedor engloba a: Menu izquierda, contenidos*/
background-color:#fff;
width:850px;
margin:auto;
}
/*Contenedor1: engloba al menú de la izquierda*/

#Contenedor1{
margin:0px;
padding:0px;
border:0px solid red;
width:850px;
margin:auto;
}
#Contenedor1 ul{
list-style:none;
margin:0px;
padding:0px;
}
#Contenedor1 li{
padding:0px;
display:block;
padding-left:10px;
}
#Contenedor1 p{
padding-right:10px;
}

/*fin Contenedor1*/
/*-----------------------------------------SUBMENÚ IZQUIERDA--------------------------------------------------*/
/*Submenu*/
#Submenu{
float:left;
width:160px;/*ojo lo cambiamos de 200px a 160px para dar mas espacio a los contenidos*/
background-color:#fff;
padding:0px;
margin-left:0px;
padding:0px 10px 0px 15px;
border:0px solid red;
}
#Submenu ul{
font-family: Helvetica, sans-serif;
margin-bottom:20px;
}
#Submenu li{
margin:0px;
padding-left:10px;
margin-top:10px;
}
#item_submenu{
clear:both;
width:150px;
padding-left:20px;
padding-bottom:4px;
border:0px solid black;
}
#item_submenu a{
font-size:16px;
text-decoration:none;
color:#45637A;
}
#item_submenu a:hover{
color:#73B5D6;
text-decoration:none;
}
#item_submenu a.elegido{
color:#000;
text-decoration:none;
}
#item_submenu.claro{
background-image:url(http://www.territoriosvivos.org/proyectorios/img/cuadro_azul_claro.gif);
background-position:0px 0px;
background-repeat:no-repeat;
}
#item_submenu.oscuro{
background-image:url(http://www.territoriosvivos.org/proyectorios/img/cuadro_azul_oscuro.gif);
background-position:0px 0px;
background-repeat:no-repeat;

}
#item_submenu p{
margin:0px 0px 0px 10px;
padding-top:5px;
border-bottom:1px dotted #ccc;

}
/*----------------------------------------CONTENIDOS CMS (Contenedor2)--------------------------------------------------*/
/*Contenedor2: aquí van los contenidos generados por el CMS*/
#Contenedor2{
float:right;
width:645px;
border:0px dotted red;
padding-right:10px;
/*background-image:url(../images/espiral2.jpg);*/
background-position:top left;
background-repeat:no-repeat;
}
li a{
padding:0px;
display:block;
text-decoration:none;
font-size:14px;
}
li a:hover{
color:#333;
text-decoration:underline;
}
.clear{
clear:both;
}

#SubmenuPeque{
padding-bottom:14px;
padding-left:0px;
}

#SubmenuPeque li a{
font-size:16px;
padding:4px 0px 4px 20px;
color:#04186C;
}








/*foro*/
/*------------------------------------------------------------------AGENDA, EVENTOS, NOTICIAS---------------------------------------------------------------------------------(ver contenidos del css en proyectorios_agenda.css-------------------*/
/*agenda*/

.FechaEvento{
font-size:18px;
color:#333;
border-bottom:1px dotted blue;
margin-bottom:10px;
}
.FechaEvento a{
font-size:18px;

}
.NombreEvento{
font-size:12px;
color:#304A5F;
font-weight:bold;
margin-bottom:10px;
margin-top:10px;
}
.ContenidoEvento{
font-size:10px;
color:#333;
margin-bottom:10px;
margin-top:10px;
}


/*FOOTER*/
#footer{
/*background:#0841B6 url(../img/fondo-footer.gif) center top;*/
padding:0px;
margin:0px;
}
/*aqui empieza el footer*/
div.patrocinadors{
	text-align: center;
	width:900px;
	border-bottom:1px dotted #cccccc;
	border-top:1px dotted #cccccc;
	background-color:#FFFFFF;
	margin:auto;
	}
img.distancia_logos{
	margin:0px 10px 10px 10px;
	}

.texto_footer_dcha {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#333333;
	padding:10px;
	float:right;
	}
.texto_footer_izq {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#333333;
	float:left;
	padding:10px;
	}
.tipo_patrocinadores {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#666666;
	text-align:left;

	}







#boton_administrar{
text-decoration:none;
background-color:#FFF;
float:right;
}
/*BOTÓN ADMINISTRAR*/
#boton_administrar a{
text-decoration:none;

}
/*FORO*/
#foro_lista_temas{
background-color:#ccc;
}
#foro_lista_temas ul{
background-color:#587185;
}
#foro_lista_temas a{
color:#fff;
}


/*contenidos index*/

div.cuadro1{
	background-color:#B1D1EC;
	background-image:url(../images/foto_A.jpg);
	background-repeat:no-repeat;
	width:287px;
	height:220px;
	float:left;
	/*margin:60px 0px 10px 50px;*/
	line-height:150%;

}
div.cuadro2{
	background-color:#D0DF99;
	background-image:url(../images/foto_B.jpg);
	background-repeat:no-repeat;
	width:287px;
	height:220px;
	float:left;
	/*margin:22px 0px 10px 50px;*/
	line-height:150%;
}
div.cuadro3{
	background-color:#45637A;
	background-image:url(../images/foto_C.jpg);
	background-repeat:no-repeat;
	width:287px;
	height:472px;
	float:right;
	margin:60px 40px 0px 0px;
	line-height:150%;
}

/*PARA COLOCAR EL TITULAR BAJO LA FTO DENTRO DE LA MISMA CAPA. POR ESO ES RELATIVE*/
#titular_cuadro	{

	padding-left:17px;
}
/*TIPOGRAFÍAS DE LOS CUADROS DEL INDEX*/
#titular_cuadro a{
font-size:20px;
	color:#45637A;
	text-decoration:none;
}
#titular_cuadro a:hover{
	text-decoration:underline;
}

.titular_cuadro3	{
	/*position:relative;
	top:105px;
	left:10px;*/
	font-size:20px;
	color:#33CCFF;

	}
A.titular_cuadro3:VISITED, A.titular_cuadro3:ACTIVE, A.titular_cuadro3:FOCUS, A.titular_cuadro3:LINK{
	color:#ccffff;
	text-decoration:none;
	position:relative;
	/*top:105px;
	left:10px;*/
}
A.titular_cuadro3:HOVER{
	text-decoration:underline;
	position:relative;
	/*top:105px;
	left:10px;*/
}
a.titular_agenda{/*--guille*/
color:#ccffff;
font-size:20px;
margin-left:17px;
text-decoration:none;
}
a:hover.titular_agenda{/*--guille*/
text-decoration:underline;
}
/*LOS TESTOS DEL INDEX, SON VARIOS PORQUE CAMBIAN DE COLOR. A VER QUE TAL EL INTERLINEADO EN EL EXPL. 6*/
.texto_cuadro3{
	position:relative;
	top:95px;
	left:10px;
	line-height:150%;
	color:#ffFFFF;
	margin-right:30px;
}

.texto_cuadro3_fecha{
	padding-left:10px;
	margin-right:30px;
	text-decoration:none;
	color:#ccffff;
	position:relative;
	top:105px;
	left:10px;
	border-bottom:1px solid #99CCCC;
	font-size:14px;
}



/*AGENDA DE LA PORTADA (INDEX)*/
#FechaEventoPortada{
margin-left:17px;
border-bottom:1px solid #99CCCC;
width:260px;
padding-left:15px;
margin-bottom:10px;
}
#FechaEventoPortada a{
font-size:14px;
font-family: Helvetica, sans-serif;
color:#ccffff;
text-decoration:none;
}
#FechaEventoPortada a:hover{
color:#cccccc;

}
.NombreEventoPortada{
font-family: Helvetica, sans-serif;
color:#fff;
font-weight:bold;
margin-left:17px;

}
.ContenidoEventoPortada{
font-family: Helvetica, sans-serif;
margin-left:17px;
margin-bottom:10px;
padding-right:10px;
line-height:150%;
color:#ffFFFF;
}


/*----------------------------------------------------------CONTENIDOS----------------------------------------------*/
#Navegacion{
    /*background-color:#E8EEF7;*/
    width:100%;
    height:34px;
    /*background-image:url(../images/espiral.gif);
    background-position:right;
    background-repeat:no-repeat;*/
    border-top:1px solid #D1D6DE;
    border-bottom:1px solid #D1D6DE;
    border-left:1px solid #D1D6DE;

}
#Navegacion ul{

}
#Navegacion li{
float:left;
padding:9px 10px 4px 10px;
border-right:1px solid #D1D6DE;
height:22px;
}
#Navegacion li a{
    display:block;
    /*width:100px;*/
    text-decoration:none;
    text-align:center;
    font-size:14px;
    color:#45637A;
    height:15px;
}

#Navegacion li:hover{
    color:#ffffff;
    background-color:#45637A;
}
#Navegacion li a:hover{
    color:#ffffff;
    background-color:#45637A;
}
#Navegacion li.elegido2{
    color:#ffffff;
    background-color:#45637A;
}
#Navegacion li a.elegido2{
    color:#ffffff;
    background-color:#45637A;
}
/*colocamos esto para que se vea en IE6*/

#tablinks2{
border-bottom:1px solid #45637A;
height:21px;
}
#tablinks120 div{
float:left;
height:34px;
width:125px;

}
#tablinks120 a{
float:left;
background-image:url(../images/bt_120_3estados.gif);
background-repeat:no-repeat;
text-decoration:none;
display:block;
width:121px;
padding-top:5px;

text-align:center;
}
#tablinks120 a:hover{
background-image:url(../images/bt_120_3estados.gif);
background-position:0px -25px;
}
#tablinks120 a.elegido2{
background-image:url(../images/bt_120_3estados.gif);
background-position:0px -50px;
color:#fff;
}




/*estos quedan suprimidos
#tablinks
{
    height:34px;

}
#tablinks div
{
float:left;


}

#tablinks a
{
display:block;
padding:9px 10px 0px 10px;
font-size:14px;
height:25px;
background-image:url(../submenus_horizontales/bt_120.gif);
background-repeat:no-repeat;
}
#tablinks a:link,
#tablinks a:visited,

#tablinks a:active
{
color:#45637A;
text-decoration:none;
}
#tablinks a:hover{
    color:#000;

    background-image:url(../submenus_horizontales/bt_120hover.gif);
}

#tablinks a.current
{
background:#047070 url(tab-bg-hover.gif) repeat-x top;
}
#tablinks a.elegido2{
color:#ffffff;
    background-color:#45637A;
}
*/

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*El contenido de las paginas que no son index*/

#ContainerContenidos{
border-left:1px solid #45637A;
	padding:10px 0px 3px 15px;
	line-height:140%;
	font-family: Helvetica, sans-serif;
	font-size:12px;
}
#ContainerContenidos li{
padding:10px 10px 20px 10px;
color:#45637A;
font-style:italic;
}

/*el nivel 3 es un div que contiene el listado de links para un mismo ID de contenido*/
#MenuNivel3{
border:0px solid blue;
padding:10px 0px 40px 0px;
float:left;
width:50%;
}
#MenuNivel3 a{
color:blue;
}
#DocumentosRelacionados{
float:right;
width:40%;
border:0px solid blue;
}

/*NOTICIAS*/

.Noticia{

text-align:justify;
}

/*capa lightbox*/
.black_overlay{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
		}
		.white_content {
			display: none;
			position: absolute;
			top: 5%;
			left: 25%;
			width: 50%;
			/*height: 70%;*/
			padding: 2px;
			/*border: 2px solid orange;
			background-color: white;*/
			z-index:1002;
			overflow: none;
		}

.drsMoveHandle{
display:none;
}