@import url('calendar.css');
html, body {
	margin: 0;
	padding: 0;
}

html, body, p, td, th{
	font: 12px 'Arial', 'Helvetica', sans-serif;
	color: #333;
}

a,
a:link,
a:visited,
a:active,
a:hover {
	color: #333;
	text-decoration: underline;
}

img {
	border: none;
}

html {
	background: white url('fondo.gif') repeat-x;
}

table {
	border-collapse: collapse;
}

form {
	margin: 0;
	padding: 0;
}

input.boton, button.boton {
	background: transparent url('mas.gif') no-repeat left center;
	border: none;
	cursor: pointer;
	margin: 0;
	padding: 0 0 0 24px;
	height: 22px;
	line-height: 22px;
	display: block;
}
#cabecera {
	height: 90px;
	margin: 0 auto;
	width: 970px;
	position: relative;
	padding-top: 32px;
}

#cabecera h1 {	
	width: 265px;
	height: 90px;
	overflow: hidden;	
	margin: 0;
	background: white url('logo.gif') no-repeat 1px 0;
	line-height: 2000px;
	position: relative;
	z-index: 999;	
}

#cabecera h1 a {	
	display: block;
	height: 90px;
	width: 265px;
	z-index: 999;
	position: relative;
}

#cabecera #idiomas {
	position: absolute;
	top: 0;
	height: 32px;
	line-height: 32px;
}

#cabecera #idiomas ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#cabecera #idiomas ul li {
	display: inline;
}

#cabecera #idiomas ul li a {
	text-decoration: none;
	margin-right: .6em;
}

#cabecera #idiomas ul li.actual a {
	font-weight: bold;
}

#cabecera #idiomas h2 {
	display: none;
}

#cabecera #login {
	position: absolute;
	top: 4px;
	right: 0;
	line-height: 24px;
	text-align: right;
	z-index: 1;
}

#cabecera #login h2 {
	display: none;
}

#cabecera #login .Nombre {
	display: inline;
	padding-right:10px;
}

#cabecera #login form {
	display: inline;
}


#cabecera #login form .usuario,
#cabecera #login form .password {
	display: inline;		
	margin-right: 1em;
	margin-top: 2px;
}

#cabecera #login form .usuario label,
#cabecera #login form .password label {
	display: none;
}

#cabecera #login form .usuario input, 
#cabecera #login form .password input {
	border: 1px solid #333;
	padding: 2px 4px;
	font-size: 11px;
}

#cabecera #login form .entrar {
	display: inline;
}

#cabecera #login .conectado .nombre {
	font-weight: bold;
}

#cabecera #login .conectado .desconectar {
	background-image: url('salir.gif') ;
	margin-left: 1em;
	display: inline;
}

#menu {
	position: relative;
	margin: -90px auto 0;
	height: 90px;
	overflow: hidden;	
	width: 965px;
	z-index: 9;
	display: block;
}

#menu h2 {
	display: none;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;	
}

#menu ul {
	margin: 5px 0 5px 270px;
	overflow: visible;
	width: 695px;
}

#menu ul ul {
	margin: 0;
	width: auto;
}

#menu ul li.grupo li {
	padding: 0;
	margin: 0;
	display: block;
	white-space: nowrap;
	line-height: 0;
}


#menu li.grupo {
	float: left;
}

#menu li.grupo span {
color:#00CC00;
font-weight:bold;
}

#menu li.grupo ul span {
	display: inline;
}

#menu.grupos_1 li.grupo,
#menu.grupos_2 li.grupo {
	width: 50%;
}

#menu.grupos_3 li.grupo {
	width: 33.333%;	
	#width: 33%;
}

#menu.grupos_4 li.grupo {
	width: 25%;
	#width: 24.8%;
}

#menu.grupos_5 li.grupo {
	width: 20%;
	#width: 19%;
}

#menu ul li.grupo ul li a {
	color: white;
	text-decoration: none;
	line-height: 17px;
	display: block;
	padding: 0;	
}

#menu ul li a:hover {
	background-color: #4e4e4e;
}

#pagina {
	width: 970px;
	position: relative;
	margin: 10px auto;
	overflow: auto;
}



#pagina #principal {
	width: 635px;	
	float: left;
}

#pagina #lateral {	
	width: 325px;
	float: right;
	overflow: hidden;
	
}

#pagina #topportada{
	width: 970px;
	position: relative;
	margin: 10px auto;
	overflow: auto;
}

#pagina #topportada .bienvenido{
	width:205px;
	float:left;

}

#pagina #topportada .bienvenido .titulo{
	background-color: #333;
	padding: 5px 8px;
	color: white;
	font-size: 14px;
	font-weight: bold;
	
}

#pagina #topportada .bienvenido .texto{
	padding-top:20px;
	font-size:14px;


}

#pagina #topportada .proyector {
	float:left;
	margin-left: 10px;
	width:635px;

}

#calendario {
	margin-bottom: 10px;
}


#pagina .modulo h3 {
	background: #333;
	color: white;
	margin: 0;
	padding: 6px 8px;
	font-weight: normal;
	font-size: 14px;
}

#pagina .modulo .contenido {
	background-color: #d1ed99;
	min-height: 1em;
	padding: 10px;
	margin-bottom: 10px;
}

#pagina .modulo .contenido h4 {
	margin-top: 0;
}

#pagina #lateral .modulo {
	margin-bottom: 10px;
	overflow: hidden;
	position: relative;	
}

#pagina #lateral .modulo_breve h3 {
	margin: 0;
	overflow: hidden;
}

#pagina #lateral .modulo_breve h3,
#pagina #lateral .modulo_breve p {
	padding-right: 35px;
}

#pagina #lateral .modulo_breve img {
	float: left;
	margin-right: 10px;
}

#pagina #lateral .modulo_breve a.mas {
	background: url('mas.gif') no-repeat left center;
	width: 22px;
	height: 22px;
	overflow: hidden;
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -11px;
	line-height: 2000px;
	text-indent: -2000px;
	outline: none;
}

#pie {
	height: 56px;
	background: url('pie.gif') repeat-x left top;
	border-top: 3px solid #333;
	border-bottom: 1px solid #e3e3e3;
	margin-bottom: 10px;
}

#pie > hr {
	display: none;
}

#pie .contenido {
	width: 970px;
	margin: 10px auto;
}

#pie .rss a {
	width: 36px;
	height: 36px;
	overflow: hidden;
	display: block;
	text-indent: -1000px;
	line-height: 1000px;
	background: url('rss.gif');
	float: left;
	margin-right: 20px;
}

#pie .enlaces {
	float: left;
}

#pie .enlaces ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#pie .enlaces ul li {
	display: inline;
	margin-right: 1em;
	line-height: 36px;
}

#pie .w3c {
	float: right;
}

#pie .logos {
	clear: both;
	width: 970px;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;	
}

#pie .logos a img {
	margin: 0 15px 30px;
}

/* Portada */
#principal.portada #videos {
	margin-top: 10px;
	overflow: hidden;
	#height: 1%;
}

#principal.portada #videos .video {
	margin-right: 5px;
	float: left;
}

#principal.portada #videos .video + .video {
	float: right;
	margin-right: 0;
}

/* Noticias */

.noticias {
	overflow: hidden;
	margin-right: -10px;
}

.noticias .fila {
	position: relative;
	overflow: hidden;
	#height: 1%;
}

.noticias .noticia {
	overflow: hidden;
	float: left;
	margin-right: 10px;
	#vertical-align: top;
	padding-bottom: 10px;
	
}

.noticias .noticia_1_cols {
	width: 205px;
}
.noticias .noticia_2_cols {
	width: 420px;
}
.noticias .noticia_3_cols {
	width: 635px;
}

.noticias .noticia_primera {
	clear: both;
}

.noticias .noticia .cabecera  {
	background-color: #333;
	padding: 5px 8px;
	color: white;
	font-size: 14px;
}

.noticias .noticia h3 {
	font-size: 14px;
	font-weight: bold;
	margin: .6em 0 .6em;
	z-index: 3;
	position: relative;
}

.noticias .noticia .foto_evento{
	padding-bottom:20px;
	max-width:600px;
}

.noticias .noticia .texto{
	padding-bottom:5px;
	font-size:14px;
}


.noticias .noticia .enlaces {
	margin: 0;
	
}

.noticias .noticia .enlaces a {
	background-color: white;
	display: block;
	height: 22px;
	background: white url('mas.gif') no-repeat left top;
	width: 22px;
	line-height: 20px;
	overflow: hidden;
	text-indent: -2000px;
	line-height: 2000px;	
}

/* Comunidad */
#comunidad #lateral .documentos .destacados ul {
	margin: 0;
	padding: 0;
	list-style: none;	
}

#comunidad #lateral .documentos .destacados li {
	background: url('documento.gif') no-repeat left top;
	min-height: 22px;
	padding-left: 36px;
	line-height: 20px;
	margin-bottom: 5px;
}

#comunidad #lateral .documentos .destacados li a {
    text-decoration:  none;
}

#comunidad #lateral .documentos .destacados li a span.tam {
    color: #728153;
    font-size: 11px;
}

#comunidad #lateral .documentos .destacados li.doc,
#comunidad #lateral .documentos .destacados li.docx {
	background-image: url('documentos/doc.gif');
}

#comunidad #lateral .documentos .destacados li.xls,
#comunidad #lateral .documentos .destacados li.xlsx {
	background-image: url('documentos/xls.gif');
}

#comunidad #lateral .documentos .destacados li.pdf {
	background-image: url('documentos/pdf.gif');
}

#comunidad #lateral .documentos .destacados li.zip {
	background-image: url('documentos/zip.gif');
}

#comunidad #lateral .documentos .destacados li.txt {
	background-image: url('documentos/txt.gif');
}


#comunidad #lateral .documentos .subir label {
	display: block;
	margin-top: 10px;
}

#comunidad #lateral .documentos .subir div input,
#comunidad #lateral .documentos .subir div textarea,
#comunidad #lateral .documentos .subir div select {
	width: 99%;
}

#comunidad #lateral .documentos .subir .boton {
	margin-top: 10px;
}

#comunidad .mensajes {
	overflow: hidden;
}

#comunidad .mensajes h4 {
	float: left;
}

#comunidad .mensajes > div.enlaces {
	text-align: right;
	margin: 10px 0;
}

#comunidad .mensajes .enlaces a {
	margin-left: .8em;
}

#comunidad .mensaje {	
	padding: 20px 0 0;
	border: 1px solid #8b8b8b;
	position: relative;
	background-color: #d8ec9c;
	margin-bottom: 10px;
}

#comunidad .mensaje dl {
	overflow: hidden;
	margin: 20px 0 0;
	position: relative;
}

#comunidad .mensaje dl dt {
	position: absolute;
	left: 10px;
	margin: 0;
}

#comunidad .mensaje dl dd {
	padding-left: 100px;
	padding-right: 10px;
	margin: 0;
}

#comunidad .mensaje dl dd.asunto {
	font-weight: bold;
}

#comunidad .mensaje dl dt.texto {
	display: none;
}

#comunidad .mensaje dl dd.texto {
	clear: both;
	border-top: 1px solid #8b8b8b;
	padding: 20px 10px;
	margin: 10px 0 0;
	background-color: white;
}

#comunidad .mensaje dl dt.adjuntos,
#comunidad .mensaje dl dd.adjuntos,
#comunidad .mensaje dl dt.enlaces,
#comunidad .mensaje dl dd.enlaces {
	border-top: 1px solid #8b8b8b;
	padding-top: 10px;
	background-color: white;
}

#comunidad .mensaje dl dd.adjuntos ul,
#comunidad .mensaje dl dd.enlaces ul {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#comunidad .mensaje dl dd.adjuntos ul li,
#comunidad .mensaje dl dd.enlaces ul li {
	margin-bottom: 10px;
}

#comunidad .mensaje dl dd.adjuntos ul li a {
	padding-left: 24px;
	background: url('adjunto.png') no-repeat left top;
	margin: 0 0 10px;
}

#comunidad .mensaje dl dd.enlaces ul li a {
	padding-left: 24px;
	background: url('enlace.png') no-repeat left top;
	margin: 0 0 10px;
}


#comunidad .mensaje .botones {
	position: absolute;
	top: 10px;
	right: 10px;	
}

#comunidad .mensaje .botones a {
	margin-left: 10px;
	background: no-repeat 4px center;
	padding-left: 30px;
	text-decoration: none;
	height: 22px;
	line-height: 22px;
	display: block;
	float: left;
}

#comunidad .mensaje .botones a.responder{
	background-image: url('responder.gif');
}

#comunidad .mensaje .botones a.borrar {
	background-image: url('borrar.gif');
}

#comunidad .mensaje .botones a.marcar-leido {
	background-image: url('marcar-leido.gif');
}


/* Crear mensaje */
#comunidad .nuevo-mensaje .formulario {
	background: #d1ed99;
	border: 1px solid #8b8b8b;
	position: relative;
}

#comunidad .nuevo-mensaje .formulario h4 {
	margin: 0;
	font-weight: normal;
}

#comunidad .nuevo-mensaje .formulario .titulo,
#comunidad .nuevo-mensaje .formulario .prioridad,
#comunidad .nuevo-mensaje .formulario .destinatarios,
#comunidad .nuevo-mensaje .formulario .adjuntos,
#comunidad .nuevo-mensaje .formulario .enlaces {
	padding: 10px 10px 0;
}

#comunidad .nuevo-mensaje .botones {
	padding: 10px 0;
	clear: both;
}

#comunidad .nuevo-mensaje .formulario .destinatarios {
	overflow: auto;
	border-left: 1px solid #8b8b8b;
	position: absolute;
	width: 210px;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 10px;
}

#comunidad .nuevo-mensaje .formulario .destinatarios ul {
	list-style: none;
	padding: 0;	
}

#comunidad .nuevo-mensaje .formulario .destinatarios ul li label {
	float: none;
}

#comunidad .nuevo-mensaje .formulario .destinatarios ul li {
	margin: 3px 0;
	display: block;
}

#comunidad .nuevo-mensaje .formulario .destinatarios > ul {
	background: white;
	border: 1px solid #8b8b8b;
	overflow-x: hidden;
	overflow-y: auto;		
	padding: 0 5px;
	margin: 5px 0 0;
}

#comunidad .nuevo-mensaje .formulario .destinatarios ul li ul {
	margin-left: 2em;
}


#comunidad .nuevo-mensaje .formulario .adjuntos,
#comunidad .nuevo-mensaje .formulario .enlaces {	
	padding-bottom: 10px;
	overflow: hidden;
	background-color: white;
	position: relative;
	padding-left: 100px;
}

#comunidad .nuevo-mensaje .formulario .adjuntos {
	border-bottom: 1px solid #8b8b8b;	
}

#comunidad .nuevo-mensaje .formulario .adjuntos #nuevo-adjunto {
	position: relative;
	overflow: hidden;
	display: block;
	float: left;
}

#comunidad .nuevo-mensaje .formulario .adjuntos #nuevo-adjunto object {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

#comunidad .nuevo-mensaje #frm-nuevo-enlace label {
	display: block;
	width: 60px;
	float: left;
}

#comunidad .nuevo-mensaje #frm-nuevo-enlace input.enlace-titulo,
#comunidad .nuevo-mensaje #frm-nuevo-enlace input.enlace-url {
	width: 220px;
	background-color: white;
	border: 1px solid #8b8b8b;
	margin-bottom: 8px;
	display: block;
}

#comunidad .nuevo-mensaje #frm-nuevo-enlace input.aceptar,
#comunidad .nuevo-mensaje #frm-nuevo-enlace input.cancelar {
	background: transparent no-repeat left center;
	border: none;
	padding-left: 24px;
	cursor: pointer;
	height: 22px;
	margin: 0 10px 0 0;
}

#comunidad .nuevo-mensaje #frm-nuevo-enlace input.aceptar {
	background-image: url('aceptar.gif');
}

#comunidad .nuevo-mensaje #frm-nuevo-enlace input.cancelar {
	background-image: url('cancelar.gif');
}

#comunidad .nuevo-mensaje .formulario .adjuntos h4,
#comunidad .nuevo-mensaje .formulario .enlaces h4 {
	padding-bottom: 0;
	display: block;
	position: absolute;
	left: 10px;
	top: 10px;
}

#comunidad .nuevo-mensaje .formulario .adjuntos .lista,
#comunidad .nuevo-mensaje .formulario .enlaces .lista {
	overflow: hidden;
	clear: both;
	margin: 0;
	padding: 0;
	list-style: none;
}

#comunidad .nuevo-mensaje .formulario .enlaces .lista li span {
	display: block;
}

#comunidad .nuevo-mensaje .formulario .enlaces .lista li a.enlace-url {
	color: gray;
	font-style: italic;
}


#comunidad .nuevo-mensaje .formulario .adjuntos .lista li a.quitar,
#comunidad .nuevo-mensaje .formulario .enlaces .lista li a.quitar {
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
	text-decoration: underline !important;
}

#comunidad .nuevo-mensaje .formulario .adjuntos .lista li,
#comunidad .nuevo-mensaje .formulario .enlaces .lista li {
	margin-bottom: 10px;
	padding: 0 0 0 24px;
	background: url('enlace.png') no-repeat left top;
	position: relative;
}

#comunidad .nuevo-mensaje .formulario .adjuntos .lista li {
	background-image: url('adjunto.png');
}

#comunidad .nuevo-mensaje .formulario .adjuntos .lista li a {
	text-decoration: none !important;
}

#comunidad .nuevo-mensaje .formulario .adjuntos .lista li a:link {
	text-decoration: underline !important;
}

#comunidad .nuevo-mensaje .formulario .adjuntos .lista li .progreso,
#comunidad .nuevo-mensaje .formulario .adjuntos .lista li .ok,
#comunidad .nuevo-mensaje .formulario .adjuntos .lista li .error {
	padding-left: .6em;
	color: #A3A2A2;
	font-size: 11px;
	text-decoration: none;
}

#comunidad .nuevo-mensaje .formulario .adjuntos .lista li .ok {
	display: none;
}

#comunidad .nuevo-mensaje .formulario .adjuntos .lista li .error {
	color: red;
}

#comunidad .nuevo-mensaje .formulario .titulo input {
	background: white;
	border: 1px solid #8b8b8b;
	width: 99%;
}

#comunidad .nuevo-mensaje .formulario .texto {
	border: solid #8b8b8b;
	border-width: 1px 0;	
	background-color: white;
	padding: .4em;
	clear: both;
}

#comunidad .nuevo-mensaje .formulario .texto textarea {
	padding: 0;
	border: none;
	width: 100%;
	height: 250px;
	background-color: white;
	outline: none;
}

#comunidad .nuevo-mensaje .formulario .prioridad {
	padding-bottom: 10px;
}


#comunidad .nuevo-mensaje .formulario .titulo label,
#comunidad .nuevo-mensaje .formulario .prioridad label {
	display: block;
}

#comunidad .nuevo-mensaje .botones input {
	background: transparent url('mas.gif') no-repeat left center;
	border: none;
	padding-left: 24px;
	cursor: pointer;
	height: 22px;
	margin: 0 10px 0 0;
}

#comunidad .nuevo-mensaje .original {
	margin-top: 20px;
}

#comunidad .nuevo-mensaje .original .mensaje {
	padding: 0;
}

#comunidad .nuevo-mensaje .original .mensaje dl {
	margin-top: 10px;
}

#comunidad .nuevo-mensaje .original .botones {
	display: none;
}

#comunidad .historico .enlaces {
	text-align: right;
	margin-top: 10px;
}

#comunidad .historico h4 {
	margin: 0 0 10px;
}

#comunidad .historico table {
	width: 100%;	
}

#comunidad .historico table td,
#comunidad .historico table th {
	padding: 4px 6px;
	text-align: left;
}

#comunidad .historico table tbody tr.impar {
	background-color: #d1ed99;	
}

#comunidad .historico table tbody th.leido,
#comunidad .historico table tbody td.leido,
#comunidad .historico table tbody th.contestado,
#comunidad .historico table tbody td.contestado {
	text-align: center;
}

#comunidad .historico table tbody td.leido_si,
#comunidad .historico table tbody td.contestado_si {
	background: url('tick.gif') no-repeat center center;
}

#comunidad .historico table tbody td.leido span,
#comunidad .historico table tbody td.contestado span {
	display: none;
}

/* Documentos y enlaces */
#principal.documentos .modulo .contenido,
#principal.enlaces .modulo .contenido {
	background-color: white;
	padding: 0;
	margin-top: 10px;
}

#principal.documentos ul,
#principal.enlaces ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#principal.documentos ul li.carpeta {

	margin:15px 0 5px 0;
	
}

#principal.documentos ul li.carpeta .nombre_carpeta{

	background: url('carpeta.gif') no-repeat left top;
	height:40px;
	cursor:pointer;
	padding:10px 0 0 65px;
	font-size:14px;
	font-weight:bold;
}

#principal.documentos ul li.carpeta,
#principal.enlaces ul li.grupo {
	clear: both;
}

#principal.documentos ul li.carpeta > span,
#principal.enlaces ul li.grupo > span {
	background-color: #D1ED99;
	display: block;
	padding: 6px 10px;
}

#principal.documentos ul li.carpeta ul
#principal.enlaces ul li.grupo ul {
	margin: 10px 0 20px;
	overflow: hidden;
}

#principal.documentos ul li.carpeta ul{
	display:none;
}


#principal.documentos ul li.carpeta li,
#principal.enlaces ul li.grupo li {
	background-color: white;
}

#principal.documentos ul li.carpeta li a {
	background: url('documento.gif') no-repeat left top;
	min-height: 22px;
	line-height: 20px;
	padding: 3px 6px 3px 36px;
	margin: 10px 0 0 20px;
	display: block;
	float: left;
	clear: both;
	text-decoration: none;
	font-weight: bold;
}

#principal.enlaces ul li.grupo ul {
	margin-left: -20px;
	padding: 10px 0 15px;
	overflow: hidden;
}

#principal.enlaces ul li.grupo li {
	width: 295px;
	float: left;
	margin-left: 20px;
	padding: 5px;
}

#principal.enlaces ul li.grupo li a {
	padding: 0;
	margin: 0;
    text-decoration: none;
}

#principal.documentos ul li.carpeta li a span.tam {
    color: gray;
    padding-left: .6em;
    font-size: 11px;
	font-weight: normal;
	white-space: nowrap;
}

#principal.documentos ul li.carpeta li.doc a,
#principal.documentos ul li.carpeta li.docx a {
	background-image: url('documentos/doc.gif');
}

#principal.documentos ul li.carpeta li.xls a,
#principal.documentos ul li.carpeta li.xlsx a {
	background-image: url('documentos/xls.gif');
}

#principal.documentos ul li.carpeta li.pdf a {
	background-image: url('documentos/pdf.gif');
}

#principal.documentos ul li.carpeta li.zip a {
	background-image: url('documentos/zip.gif');
}

#principal.documentos ul li.carpeta li.txt a {
	background-image: url('documentos/txt.gif');
}

#principal.documentos ul li.carpeta li p.descripcion {
	margin: 5px 0 5px 56px;
	clear: both;
    font-style: italic;
}


#comunidad .datos .contenido {
	padding: 10px 0 0;
	overflow: hidden;
}

#comunidad .datos .contenido > ul {
	padding: 0 10px;
}

#comunidad .datos ul,
#comunidad .datos ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

#comunidad .datos ul {
	overflow: hidden
}

#comunidad .datos ul li.tabla {
	display: block;
	float: left;
	background: white;
	padding: 0;
	cursor: pointer;
	margin-right: 2px;
	border: 1px solid #888;
	border-bottom-width: 0;
	z-index: 999;
	position: relative;
	overflow: hidden;
}

#comunidad .datos ul li.tabla a.nombre {
	display: block;
	padding: 4px;
	text-decoration: none;
	outline: none;
}

#comunidad .datos ul li.tabla_sel a.nombre {
	padding-bottom: 5px;
}


#comunidad .datos div.form {
	display: none;
	clear: both;
	background-color: white;
	border-top: 1px solid #888;
	margin-top: -1px;
	z-index: 0;
	position: relative;
	padding: 30px 10px 20px;
	overflow: hidden;
}

#comunidad .datos div.form_sel {
	display: block;	
}

#comunidad .datos div.form table {
	float: left;
	clear: both;
        width: 515px;
}

#comunidad .datos div.form table td select,
#comunidad .datos div.form table td input,
#comunidad .datos div.form table td textarea {
	max-width: 350px;
}

#comunidad .datos div.form .opciones {
	float: right;
}

#comunidad .datos div.form .opciones a,
#comunidad .datos div.form div.nuevo a {
	display: block;
	float: left;
	clear: left;
	text-decoration: none;
	padding: 0 0 0 28px;
	height: 22px;
	line-height: 22px;	
	margin-bottom: 8px;
}

#comunidad .datos div.form .opciones a.editar {
	background: transparent url('editar.gif') no-repeat left center;	
}

#comunidad .datos div.form .opciones a.borrar,
#comunidad .datos div.form .opciones a.cancelar {
	background: transparent url('borrar.gif') no-repeat left center;
	
}

#comunidad .datos div.form div.nuevo a {
	background: transparent url('editar.gif') no-repeat left center;	
}


#comunidad .datos div.form table th, 
#comunidad .datos div.form table td {
	text-align: left;
	padding-bottom: 5px;
}

#comunidad .datos div.form table td del {
	text-decoration: line-through;
}

#comunidad .datos div.form table td ins {
	text-decoration: none;
	font-weight: bold;
}

#comunidad .datos div.form table th {
	font-weight: bold;
	padding-right: 2em;
        width: 150px;
}


#comunidad .datos div.form > ol > li {
	padding-bottom: 10px;
	border-bottom: 1px dotted #888;
	margin-bottom: 10px;
	overflow: hidden;
}

/* Institucionales */
#principal .institucional {
	overflow: hidden;
}

#principal .institucional h2,
#principal .institucional h3 {
	background: #333;
	color: white;
	margin: 0;
	padding: 6px 8px;
	font-weight: normal;
	font-size: 14px;
}

#principal .institucional h3 {
	margin: 10px 0;
}

#principal .institucional  img {
	margin:10px 0 20px 0;
}

#principal .institucional h4 {

	
	color: #378ef7;
	font-size: 16px;
	margin: 10px 0 15px 0;
}

#principal .institucional h5 {
	color:#393939;
	font-size: 14px;
	margin: 10px 0 5px 0;
}


#principal .institucional h6 {
color:#FF3300;
	font-size: 12px;
	margin: 10px 0 5px 0;
}


#principal .institucional .lateral {
	width: 205px;
	float: left;
}

#principal .institucional .principal {
	width: 420px;
	float: right;
}

#principal .institucional .lateral h3 {
	background-color: #54C247;	
}

#principal .institucional .principal h3 {	
	background-color: #378ef7;
}

#principal .institucional .destacado{
	color:#FF6600;
	font-weight:500;
	font-size:14px;
}

#principal .institucional .lista_2{
	list-style: none;
	padding:0px;
	margin-left:20px;
	
	}



#principal .institucional .lista_1 {
	list-style: none;
	padding:0px;
	margin-left:10px;
	
	}

#principal .institucional .lista_2 li,
#principal .institucional .lista_1 li {
	padding-left: 20px;
	margin-top:10px;
	font-size:12px;
	font-weight:500;
}

#principal .institucional .lista_2 li {
	background:URL('flecha.gif') no-repeat left -2px;
}

#principal .institucional .lista_1 li{
	background:URL('bola.gif') no-repeat left -2px;
}



/* Ubicacion y contacto */

#principal.contacto .ubicacion .contenido {
	padding: 0;
	margin-top: 10px;
}

#principal.contacto .ubicacion #mapa {
	height: 350px;
}

#principal.contacto .ubicacion #mapa #gmap {
	width: 100%;
	height: 100%;
}

#principal.contacto .contacto form div {
	padding: 5px 0 10px;	
}

#principal.contacto .contacto label {
	display: block;
	float: left;
	width: 10em;
}

#principal.contacto .contacto form .nombre input ,
#principal.contacto .contacto form .email input,
#principal.contacto .contacto form .empresa input {
	width: 20em;
}

#principal.contacto .contacto form .mensaje textarea {
	width: 400px;
	height: 100px;
}

#principal.contacto .contacto .error,
#principal.contacto .contacto .error p,
#principal.contacto .contacto .ok p,
#principal.contacto .contacto .ok {
	font-weight: bold !important;
	font-style: italic;
}

#pagina #lateral .modulo .encuesta .titulo {
    margin-bottom: 1em;
}

#pagina #lateral .modulo .encuesta .tipo {
    display: none;
}

#pagina #lateral .modulo .encuesta .preguntas {
    overflow: hidden;
}

#pagina #lateral .modulo .encuesta .preguntas .pregunta {
    margin: .5em 0;
}

#pagina #lateral .modulo .encuesta .preguntas .boton {
    margin-top: .5em;
    float: right;
}

#pagina #lateral .buscador_noticias .selector_fechas,
#pagina #lateral .buscador_noticias .selector_texto,
#pagina #lateral .buscador_noticias .selector_tipo  {
    margin-top: 1em;
}

#pagina #lateral .buscador_noticias .selector_fechas,
#pagina #lateral .buscador_noticias .selector_tipo {
	float: left;
}

#pagina #lateral .buscador_noticias .selector_fechas .selector_fecha input,
#pagina #lateral .buscador_noticias .selector_fechas .selector_fecha img {
	float: left;
}

#pagina #lateral .buscador_noticias .selector_fechas .selector_fecha img {
	margin-left: 5px;
}

#pagina #lateral .buscador_noticias .selector_tipo {
	margin-left: 2em;
}

#pagina #lateral .buscador_noticias input,
#pagina #lateral .buscador_noticias select {
    max-width: 100%;
}

#pagina #lateral .buscador_noticias .buscador_medio label,
#pagina #lateral .buscador_noticias .selector_texto label {
    display: block;
}

#pagina #lateral .buscador_noticias .selector_fechas .selector_fecha {
    margin: .5em 0;
}

#pagina #lateral .buscador_noticias .selector_fechas .selector_fecha input {
	width: 6em;
}

#pagina #lateral .buscador_noticias .selector_fechas .selector_fecha label {
    padding: .4em 0;
    display: block;
    width: 3em;
    float: left;
    clear:  both;
}

#pagina #lateral .buscador_noticias .selector_texto {
    clear: both;
}

#pagina #lateral .buscador_noticias .selector_texto input {
    width: 100%;
	#width: 50%;
}

#pagina #lateral .buscador_noticias .boton {
    margin-top: 1em;
}

/* Boletines */
#pagina #principal.boletines h2 {
    background: #333333;
    color: white;
    font-size: 14px;
    font-weight:normal;
    margin:0;
    padding: 6px 8px;
}

#pagina #principal.boletines ul {
    list-style:  none;
    padding: 0;
    margin: 10px 0;
}

#pagina #principal.boletines ul li .nombre-boletin {
    background-color: #D1ED99;
    padding: 6px 10px;
}

#pagina #principal.boletines ul li .titulo-boletin {
    padding: 5px;
}

#pagina #principal.boletines ul li .enlace-boletin a {
    background: transparent url('mas.gif') no-repeat left center;
    border: none;
    cursor: pointer;    
    padding: 0 0 0 28px;
    height: 22px;
    line-height: 22px;
    display: block;
    margin: 5px 5px 10px;
    text-decoration: none;
}

/* Buscador documentos (�rea comunidad) */
#pagina #lateral .documentos .buscador label {
	display: block;
}

#pagina #lateral .documentos .buscador .fechas input {
	width: 6em;
	margin-bottom: 5px;
}

#pagina #lateral .documentos .buscador .fechas .fecha_0,
#pagina #lateral .documentos .buscador .fechas .fecha_1 {
	float: left;
}

#pagina #lateral .documentos .buscador .fechas .fecha_0 {
	margin-right: 10px;
}

#pagina #lateral .documentos .buscador .fuente,
#pagina #lateral .documentos .buscador .carpeta,
#pagina #lateral .documentos .buscador .texto,
#pagina #lateral .documentos .buscador .etiquetas {
	float: left;
	margin-right: 5px;
}

#pagina #lateral .documentos .buscador .fuente label,
#pagina #lateral .documentos .buscador .carpeta label,
#pagina #lateral .documentos .buscador .texto input,
#pagina #lateral .documentos .buscador .etiquetas input {
	padding: 0;
}

#pagina #lateral .documentos .buscador .fuente select,
#pagina #lateral .documentos .buscador .carpeta select {
	width: 144px;
}

#pagina #lateral .documentos .buscador .fuente,
#pagina #lateral .documentos .buscador .texto {
	margin-right: 10px;
}

#pagina #lateral .documentos .buscador .fechas {
	clear: both;
}

#pagina #lateral .documentos .buscador .boton {
	margin-top: 10px;
	clear: both;
}

#pagina #principal.encuestas h2 {
   background: #333333;
    color: white;
    font-size: 14px;
    font-weight:normal;
    margin:0;
    padding: 6px 8px;
}

#pagina #principal.encuestas h3 {
    background-color:#D1ED99;
    display:block;
    padding:6px 10px;
	font-weight: normal;
	font-size: 12px;
}

#pagina #principal.encuestas .encuesta .tipo,
#pagina #principal.encuestas .encuesta .preguntas,
#pagina #principal.encuestas .encuesta .resultado {
    margin-top: 10px;
}

#pagina #principal.encuestas .encuesta .tipo {
	font-style: italic;
}

#pagina #principal.encuestas .encuesta .boton {
    margin: 10px 0;
}

#pagina #principal.encuestas .mensaje {
	padding: 10px 0;
}

#pagina #principal.encuestas .encuesta {
	padding-left: 15px;
	border-left: 1px solid #333;
	margin-bottom: 15px;
}

#pagina #principal.encuestas .encuesta .titulo {
	font-weight: bold;
}

#pagina #principal.encuestas .encuesta .resultado .votos {
	margin-top: 5px;
}

#pagina #principal.encuestas .encuesta .resultado .barra {
	width: 200px;
	height: 14px;
}

#pagina #principal.encuestas .encuesta .resultado .barra span {
	display: block;
	background-color: #333;
	height: 14px;
}


#pagina #principal.perfil h2,
#pagina #principal.baja h2 {
   background: #333333;
    color: white;
    font-size: 14px;
    font-weight:normal;
    margin:0;
    padding: 6px 8px;
}

#pagina #principal.perfil form {
	margin: 10px 0 0;
	padding: 0;
}

#pagina #principal.perfil form label {
	margin: 10px 0;
	display: block;
}

#pagina #principal.perfil form .boton {
	margin: 10px 0 0;
}

#pagina #principal.perfil .aviso {
	margin: 0 0 10px;
}

/*REMODELACION  AGOSTO 2010 */
#lateral-home{
	width:205px;
	float: right;
	overflow: hidden;
}


#principal-home{
	float:left;
	width:765px;
	overflow:hidden;
}
#lateral-home .noticias .cabecera  {
	background-color: #8ed201;
	padding: 5px 8px;
	color: white;
	font-size: 14px;
}

#principal-home .modulo{
	float:left;
	margin:0 5px 5px 0;
}

#principal-home  .modulo_breve {
	width:250px;
	height:75px;
	overflow:hidden;
	
}



#principal-home  .modulo_breve h3,
#principal-home  .modulo_breve p {
	margin: 0;
	font-size:11px;
}


#principal-home  .modulo_breve img {
	float: left;
	margin-right: 10px;
	max-height:75px;
}

#principal-home  .modulo_breve a.mas {
	background: url('mas.gif') no-repeat left center;
	width: 22px;
	height: 22px;
	overflow: hidden;
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -11px;
	line-height: 2000px;
	text-indent: -2000px;
	outline: none;
}

#principal-home .modulo-canal {
	clear:both;
}

#principal-home .modulo-canal h3{
	background-color:#333;
	margin:0 5px 0 0;
	color:#ffffff;
	padding:6px 8px;
}

#principal-home #videos {
	margin-top: 5px;
	overflow: hidden;
	#height: 1%;
}

#principal-home #videos .video {
	margin-right: 5px;
	float: left;
}

/* MAPA INCUBADORA */

#mapa_incubadora {
	width:635px;
	float:left;
}

#mapa_incubadora .ubicacion {
	padding: 0 0 20px 0;
}

#mapa_incubadora .edificio{
	padding:20px 0 0 0;
	
}

#mapa_incubadora .ubicacion h1,
#mapa_incubadora .edificio h1{
	font-size:1.4em;
	font-weight:600;
	color:#7DB901;
	padding: 0 0 5px 0;
	margin:0;
}

#mapa_incubadora .edificio h2{
	font-size:1.2em;
	font-weight:600;
	color:#7DB901;
	padding: 20px 0 5px 0;
	margin:0;
}

#mapa_incubadora .empresas .empresa {

	padding:2px 15px;
}

#mapa_incubadora .empresas .empresa a{
	text-decoration:none;
}

#mapa_incubadora .empresas .empresa .nombre{
	font-weight:bold;
}

.volver_mapa{
	padding:20px 0;
}

#mapa_incubadora #empresa h1{

	color:#7DB901;
	font-size:16px;
	
}

#mapa_incubadora #empresa .sector{
	padding:5px 0;
	font-weight:bold;
}
/*********** CSS PARA FORMULARIO DE SOLICITUD DE ACCESO *************/
div#contenedor_fsolicitud
{
    width       :646px;
    height      :auto;
    background  :#fff;
    padding     :10px;
    border      :1px solid #777;    
    overflow    :auto
}
div#contenedor_fsolicitud div.fila_formulario
{
    width       :626px;
    height      :auto;
    overflow    :auto;
    margin      :10px;
    text-align  :justify
}
fieldset.grupo_formulario
{
    border      :1px solid #ddd;
    font-family :Arial, sans-serif;
    font-size   :.8em
}
div.fila_fieldset_formulario
{
    width   :500px;
    height  :auto;
    margin  :10px;
    overflow:auto    
}
div.fila_fieldset_mediana_formulario
{
    width   :220px;
    height  :auto;
    position:relative;
    float   :left;
    margin  :10px;
    overflow:auto    
}
div.fila_fieldset_pq_formulario
{
    width   :150px;
    height  :auto;
    position:relative;
    float   :left;
    margin  :10px;
    overflow:auto    
}
div#capa_resultado_formulario
{
    width       :600px;
    height      :auto;
    background  :#fff;
    position    :relative;
    padding     :10px;
    border      :1px solid #777;    
    overflow    :auto
}

/**** CAPA LOPD ****/
div#capalopd
{
    width       :635px;
    height      :auto;
    padding     :10px;
    display     :none;
    text-align  :justify;
    
}
input.campotexto_formulario
{
    width       :430px;
    height      :auto;
    padding     :10px;
    border      :1px solid #777;
}
input.campotexto_error_formulario
{
    width   :200px;
    height  :auto;
    padding :10px;
    border  :2px solid #ff0000
}
input.campotextopq_formulario
{
    width   :120px;
    height  :auto;
    padding :10px;
    border  :1px solid #000
}
input.campotextopq_error_formulario
{
    width   :120px;
    height  :auto;
    padding :10px;
    border  :2px solid #ff0000
}
textarea.descripcion_formulario
{
    width   :430px;
    height  :100px;
    padding :10px;
    border  :1px solid #777
}
textarea.descripcion_error_formulario
{
    width       :430px;
    height      :230px;
    padding     :10px;
    border      :2px solid #ff0000;
}
input.boton_formulario
{
    width       :130px;
    height      :auto;
    padding     :5px;
    border      :0px;
    background  :#99CC00;
    color       :#fff;
    text-align  :center
}
label.etiqueta_formulario
{
    display     :block
}
label.etiqueta_error_formulario
{
    color       :#ff0000;
    display     :block;
    font-weight :bold
}
.camposelect_formulario
{
    padding     :20px;
    width       :200px;
    height      :20px;
    border      :1px solid #777;
    overflow    :auto;
   
}
select.selects_formulario
{
    border      :1px solid #777;
    overflow    :auto;
    padding     :10px;
}
p.titulo_formulario
{
    color       :#8ed200;
    text-shadow :#ddd 1px 1px 1px;
}
p.titulo_ss_formulario
{
    color       :#8ed200;
    font-weight :bold
}
a.lnk_formulario:link, a.lnk_formulario:visited
{
    color           :#8ed200;
    text-decoration :none;
}
a.lnk_formulario:hover
{
    color           :#8ed200;
    text-decoration :underline;
}
p.textonormal_formulario
{
    color           :#777;
}

/**************************/