/*
******************************************
NOMBRE DEL ARCHIVO: PORTAL.CSS
CREACIÓN: 11 DE JULIO DE 2006
ENOE, REALIDAD VIRTUAL  - WWW.ENOE.NET
MODIFICACIÓN: 29/11/06
VERSION: 1.3
*****************************************/

/*
----------------------------------------------------------------------------- 
LOS BÁSICOS
-----------------------------------------------------------------------------*/
* {
	padding: 0;
	margin: 0;
	}
* html body {
	font: 66%/1.6em "Lucida Grande", Verdana, Arial, sans-serif;
	}
body {
	background-color: #f2f2f2;
	margin: 0;
	padding: 0;
	color: #3D3D33;
	font: 62.5%/1.6em "Lucida Grande", Verdana, Arial, sans-serif;
	}
img {
	border-width:0;
	border-style:none;
	}

/* 
************************************************************
LAS TIPOGRAFIAS
************************************************************/
h1 { font-size:1.5em; text-transform: uppercase; color: #3990ED }
h2 { font-size:1.3em; text-transform: uppercase; color: #3990ED }
#z-right h2, #z-right h3 { color: #fff; }
h3 { font-size:1.1em; color: #3990ED; padding: 0px; text-transform: uppercase;}
h4 { font-size:1.0em; color: #000; margin: 20px 0px 20px 0px; }
h5 { font-size:11px; color:#000; text-transform: none; }
h6 { font-size:11px; color:#66665C; line-height:14px;}

p { font-size: 1.0em; margin:0 0 10px 0; font-weight: normal; }
* > p, * > li { font-size: 1.1em; } /*Sólo Mozilla*/

h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
	color:#3990ED;
	}
h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {
	color:#3990ED;
	}
h3 a:link, h3 a:visited, h3 a:hover, h3 a:active {
	color:#3990ED;
	}
h4 a:link, h4 a:visited, h4 a:hover, h4 a:active {
	color:#3990ED;
	}
div.category {
	display: block;
	color: #000;
	text-transform: none;
}
#z-left strong { color: #000; }

/* links
------------------------------------ */
a:focus {
  	-moz-outline-style: none;
	}

a:link, a:visited, a:hover, a:active { 
	color: #3990ED; 	
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;	
	}	
li a:link, li a:visited, li a:hover, li a:active { color:#3990ED; text-decoration:none; }
li a:visited, li a:hover, a:visited, a:hover  { text-decoration: underline; }


/* 
************************************************************
EL LAYOUT
************************************************************/
#container {
	width:100%;
	text-align: center;
}
#contenido-top {
	background: transparent url(../imagenes/comunes/bg-contenido-cab.gif) no-repeat left bottom;
	height: 54px;
	width: 794px;
	padding: 0px 7px 0px 7px;
	margin: 0px auto;
}

#contenido {
	background: transparent url(../imagenes/comunes/bg-contenido.gif) repeat-y 0 0;
	width: 794px;
	text-align: left;
	margin: 0px auto;
	padding: 0px 7px 0px 7px;
}
#contenido-bottom {
	background: transparent url(../imagenes/comunes/bg-contenido-bottom.gif) no-repeat left top;
	height: 54px;
	width: 794px;
	padding: 0px 7px 0px 7px;
	margin: 0px auto;
}
#imagen-principal {
	background:#fff;
	width: 780px;
	height:240px;
	display:block;
	}
#z-left {
	width: 508px;
	/*padding:0 0 10px 0;*/
	float: left;
	position:relative;
	text-align: justify;
	}
#z-right {
	width: 272px;
	height: 100%;
	font-size: 1.1em;
	line-height: 1.4em;
	float: right;
	color: #FFF;
	overflow: hidden;
}
#pie {
	background-color: #fff;
	text-align: center;
	font-size:10px;
	width: 780px;
	margin:0;
	padding:12px 0px 10px 0px;
	clear:both;
	}
#creditos {
	background: #F1F1F1;
	width: 780px;
	font-size: 1.0em; 
	padding: 12px 0px 6px 0px; 
	position: relative;
	text-align: center; 
	}
#creditos span {
	padding: 0px 20px 0px 20px; 
	}
/* 
************************************************************
LA ZONA DE BRANDING
************************************************************/	
#branding-es, #branding-en {
	/*background: #fff url(../imagenes/es/branding.gif) no-repeat 0 0;*/
	background-color: #fff;
	width: 780px;
	height: 78px;
	/*font-size: 1.6em;
	text-indent: -3333px;
	cursor: pointer;*/
	}
#branding-en {
	/*background: #fff url(../imagenes/en/branding.gif) no-repeat 0 0;*/
	}
/* 
************************************************************
LA ZONA DE CONTENIDO
************************************************************/	
#colwrap { 
	float:left; 
	position:relative; 
	width:780px; 
	}
/*
************************************************************
LA BARRA INSTITUCIONAL SUPERIOR
************************************************************/
#nav_util {
	position: relative;
	background-color: #ED9617;
	width: 780px;
	height:25px;
	padding-top: 0px;
	margin: 0;
	font-size: 0.9em;
	font-weight: normal;
	z-index: 999;
}

* html #nav_util  {
	height: 23px;
}

#nav_util ul, #idioma {
	padding-top: 2px;
	list-style: none;
}

#nav_util ul li, 
#nav_util ul li a,
#idioma a {
	color:#FFF;
	text-decoration: none;
	font-size: 1.0em;
}

#nav_util a:hover,
#idioma a:hover {
	color:#0060A9;
}
#nav_util li.main, #nav_util li.last-child  {
	position:relative; 
	float:right; 
	margin:3px 0px; 
	padding:0 6px 0 6px; 
	border-right: #fff solid 1px;
	height: 16px;
}
#nav_util li.last-child {
	border-right: none;
}
#idioma a {
	width: 100px;
	float: left;
	margin: 3px 0 0 5px;
}
/*#nav_util li#zonaPrensa {
	padding-right: 56px;
	position: relative;
}
#nav_util li#zonaPrensa a {
	position: absolute;
	top: -20px;
	left: 2px;
	display: block;
	width: 56px;
	height: 56px;
	text-indent: -3333px;
}*/
#nav_util li#directorio ul {
	top: 16px;
}
#nav_util ul li li a {
	color:#666;
	font-size: 10px;
	margin: 0;
}

/* 
************************************************************
LA BARRA DE NAVEGACIÓN PRINCIPAL
************************************************************/
#navwrap { 
	background: #0060A9;
	width:780px;
	height:26px;
	padding:0;
	position:relative;
	z-index:100;
	}
#navblock {
	float: left;
	}
#nav, #nav ul{
	list-style: none;
	display: block;
	}
#nav a {
	display: block;
	}
#nav a:hover {
	}
#nav li { position:relative; float:left; } 

#nav li:hover ul { left: 0; }

#tienda { margin-left: 15px; }

/* 
************************************************************
EL MENÚ DESPLEGABLE
************************************************************/
.nav li ul { 
	position:absolute;
	left:-999em;
	top:26px;
	width:146px;
	height:auto; 
	margin:0 0 0 8px;
	padding:0;
	background:#fff;
	display:block;
	list-style:none;
	}

.nav li li { 
	height:auto;
	margin:0;
	padding:0;
	width:100%;
	font-size:10px;
	border-bottom:1px solid #E5E5E1;
	}

.nav li li span {
	margin:0;
	padding:3px 4px 3px 7px;
	display:block;
	position:relative;
	}
.nav li li a, .nav li li a:visited, .nav li li a:hover {
	text-decoration:none;
	display:block;
	color: #666;
	}

.nav li:hover ul, .nav li.over ul {left: auto;}

.nav li li a, .nav li li a:visited {color:#666; font-weight: normal; }
.nav li li a:hover {color: #19487F; background: #E7F1FE; font-weight: normal; }
#utilidades li.over ul { left: -10px; top: 18px; }
* html #utilidades li.over ul { left: -10px; }


/* 
************************************************************
LAS SECCIONES DE LA IZQUIERDA
************************************************************/
#destacado, .seccion {
	border-color: #f5f5f5 #fff #fff;
	border-style: solid none solid;
	border-width: 1px 0 1px;
	position: relative;
	margin-top: -28px;
	}
.seccion-inicial {
	border-color: #f5f5f5 #fff #fff;
	border-style: solid none solid;
	border-width: 1px 0 1px;
	position: relative;
	margin: -30px 0 30px 0;
	}
#ff, #rw {
	position: absolute;
	right: 30px;
	top: 5px;
	background-image: url(../imagenes/comunes/pager.gif);
	background-position: 0 5px;
	text-indent: -3333px;
	width: 17px;
	}
#ff {
	right: 10px;
	background-position: -20px 5px;
	}
#loader {
	width: 508px; height: 100px; display:table-cell; vertical-align: middle; text-align:center;	
	}
#counter.counter {
	background: none;
	color: #888;
	font-size: .9em;
	line-height: 20px;
	position: absolute;
	right: 50px;
	top: 6px;
	text-align: right;
	text-indent: 0;
	width: auto;
	text-transform: lowercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
}
#counter.loading {
	position: absolute;
	right: 50px;
	top: 5px;
	text-align: right;
	width: auto;
	background: url(../imagenes/comunes/loading_pager.gif) no-repeat 0 5px;
	text-align: left;
	text-indent: -3333px;
	width: 16px;
}

.texto-sec {
	padding: 10px 20px;
	min-height: 140px;
	}
.texto-sec .imagen {
	background: #fff url(../imagenes/comunes/placeholder-home.gif) no-repeat 0 0;	
	width: 230px;
	height: 200px;
	float: right;
  	margin: 0px 0px 0px 20px;
	}

.imagen_agenda, .imagen_rutas {
	margin-left: 65px;
	background: #fff url(../imagenes/comunes/placeholder.png) no-repeat 0 0;	
	width: 310px;
	height: 230px;
	}
.imagen_rutas {
	background: #fff url(../imagenes/comunes/placeholder-rutas.png) no-repeat 0 0;	
	width: 297px;
	height: 207px;
	}
.texto-sec img, .imagen_rutas img {
	padding: 19px 0px 0px 21px;
	}
.imagen_rutas img {
	padding: 26px 0px 0px 23px;
	}
img.logo { float: right; margin: 0 20px 0 20px; padding: 0; }
img.logo-enoe { position: relative; float: right; margin: -45px 20px 0 20px; padding: 0; top: 0px; }
.imagen_agenda img {
	padding: 24px 0px 0px 22px;
	}
.texto h3, .seccion h3, .seccion-inicial h3, form fieldset h3 {
	background: #fff url(../imagenes/comunes/bullet-1-nivel.gif) no-repeat 0 0px;
	padding: 1px 0 0 17px;
	}
.seccion h3, .seccion-inicial h3 { 
	background: #fff url(../imagenes/comunes/bullet-2-nivel.gif) no-repeat 0 0px;
	margin: 10px 20px 10px 0px; 
	}
.seccion h3.infos { background: none; margin-left: -10px; }
.doble {
	display: block;
	}
.seccion {
	border-top: 10px solid #ffb42a;
	margin-bottom: 15px;
	margin-top: 0px;
	}
#agenda, #boletin {
	clear: both;
	float: left;
	width: 46%;
	text-align: left;
	}

#agenda ul li, #boletin ul li, #resultados ul li, ul.acerca li, #z-left p.intro {
	list-style: none;
	background: #fff url(../imagenes/comunes/bullet-1-nivel.gif) no-repeat left top;
	padding-left: 17px;
	}
#z-left p.intro { margin: 5px 20px 5px 30px; padding-top:0px; color: #3990ED; font-size: 1.1em; }

ul.acerca li, address {
	background: #fff url(../imagenes/comunes/bullet-2-nivel.gif) no-repeat left -3px;
	padding-bottom: 1em;
	margin-left: 27px;
	}
img.alcalde { position: relative; top: -70px; left: 300px; }

#infos, #prensa {
	background: transparent url(../imagenes/comunes/separador.gif) no-repeat 0px 28px;
	float: right;
	width: 54%;
	}
#destacado h2, .seccion h2, .seccion-inicial h2, #rv div ul {
	background: #fff url(../imagenes/comunes/bg_ph.gif) repeat-x 0 100%;
	border-bottom: 1px solid #eee;
	height: 28px;
	}
#infos h2, #prensa h2 {
	padding-left: 10px;
	}
.agenda { background:none; }
.directorio { text-transform: uppercase; color: #000; /*padding-left: 15px;*/ background: url(../imagenes/comunes/bullet-1-nivel.gif) no-repeat 0 0; }
.directorio em { text-transform: none; color: #4b87ef; font-size: 1em}


.titulo, .titulo2 {
	display: block;
	font-weight: bold;
	padding: 6px 6px 2px 18px;
	margin-left: 12px;
	}
.titulo {
	background: url(../imagenes/comunes/bl_h01a.gif) no-repeat 0 -93px;
	}
.titulo2 {
	background: url(../imagenes/comunes/bl_h01a.gif) no-repeat 0 8px;
	}

#z-left ul li a {
	font-size: 1.0em;
	text-transform: uppercase;
	}
#z-left ul li a.link { 	text-transform: none; }
.columna {
	position: relative;
	float: left;
	height: 300px;
	width: 108px;
	text-align: left;
	}
span.date {
	position: absolute;
	float: right;
	right: 10px;
	top: 5px;
	color: #4b87ef;
	font-weight: bold;img
	}
.presentacion{
	text-align: center;
	margin: 0px 0px 5px 0px;
	font-size: 1.6em;
	color: #cacaca;
	}
.introduccion p.indent, .texto h3, p.indent {
	padding-left: 15px;
	margin-bottom: 15px;
	background: url(../imagenes/comunes/bullet-1-nivel.gif) no-repeat 0px -2px;
	}
p.indent, .texto p {
	padding-left: 15px;
	margin-bottom: 15px;
	}
p.indent, .agenda .texto p { 
	margin-left: 20px;
	background: url(../imagenes/comunes/bullet-2-nivel.gif) no-repeat 0px -3px; 
	}

div.agenda-data {
	margin: 10px 0px 30px 0px;
	padding: 20px;
	background: #ebf3fe url(../imagenes/comunes/bg-azul.gif) repeat-x 0 0;
}
.texto p.address, 
.texto p.telefono, 
.texto p.email, 
.texto p.web,
.texto p.pdf,
.texto p.horario,
.texto p.precio {
	min-height: 20px;
	padding: 0px 0px 5px 35px;
	margin: 0px 0px 5px 5px;
	color: #000000 !important;
	}
.texto p.address {
	background: transparent url(../imagenes/comunes/icon_address.png) no-repeat left top;
	}
.texto p.telefono {
	background: transparent url(../imagenes/comunes/icon_tel.png) no-repeat left top;
	}
.texto p.email {
	background: transparent url(../imagenes/comunes/icon_mail.png) no-repeat left top;
	}
.texto p.web {
	background: transparent url(../imagenes/comunes/icon_web.png) no-repeat left top;
	}
.texto p.pdf {
	background: transparent url(../imagenes/comunes/icon_pdf.png) no-repeat left top;
	}
.texto p.horario {
	background: transparent url(../imagenes/comunes/icon_horarios.png) no-repeat left top;
	}
.texto p.precio {
	background: transparent url(../imagenes/comunes/icon_entrada.png) no-repeat left top;
	}
div.pdf {
	margin: 10px 0px 30px 0px;
	padding: 20px;
	background: #ffffff url(../imagenes/comunes/bg-blanco.gif) repeat-x 0 0;
	border: 1px dotted #cccccc;
	}

#imagen-boletin { /*Boletin*/
	float: right;
	margin: 0px 0px 20px 20px;
}
.agenda .texto .imagen, .agenda .texto img { 
	text-align: center;
	margin: 20px 0px 20px 0;
	padding: 5px;
	border: 1px solid #ccc;
}

#prensa .imagen { 
	height: 170px;
}

.texto .imagen img, object, img.alcalde { 	
	border: #0060A9 solid 1px;
}

object.mapa { border: none; }
#zprensa .p_indent  { margin-left: 44px; padding:0px; }
.doc { padding:20px; }
.doc img { float: left; padding-right: 10px; }
.material_grafico {clear:both; margin: 20px; padding: 20px; height: 150px; }
.material_grafico img { float:left; border: #0060A9 dotted 1px; }
.material_grafico p { position: absolute; padding-left:250px; width: 180px; margin-top: -20px;}
.texto .material_grafico p {padding-left:210px; }

* html .material_grafico p { padding-left: 50px;  }
* html .texto .material_grafico p { padding-left: 10px; }

/* 
************************************************************
LAS SECCIONES DE LA DERECHA
************************************************************/	
.rutas, .titulo-derecha, .titulo-clase-02 {
	background: transparent url(../imagenes/comunes/bg-tit-z-right.gif) no-repeat 0 0;
	width: 100%;
	height: 60px;
	margin-top: 10px;
	}
.titulo-clase-02 h2 {
	font-size: 1.1em;
	text-transform: none;
	}
#z-right h2  {
	background: transparent url(../imagenes/comunes/bl_h01a.gif) no-repeat 20px -80px;
	padding: 17px 10px 20px 45px;
	}
#z-right h3  {
	font-size: 1.1em;
	}

.menu-derecha {
	margin-right: 20px;
	font-size: 0.9em;
	}
.menu-derecha ul {
	margin-left: 60px;
	}
.menu-derecha ul h2.evento  {
	background: none !important;
	padding: 17px 10px 20px 5px;
	margin-left: -40px;
	}
.menu-derecha ul li, .menu-derecha ul li a {
	list-style-image: url(../imagenes/comunes/bullet-1-nivel.gif);
	color: #fff;
	text-transform: none;
	text-decoration: none;
	}
.menu-derecha ul li ul {
	margin-left: 18px;
	margin-bottom: 30px;
	}
.menu-derecha ul li ul li {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	list-style-image: url(../imagenes/comunes/bullet-2-nivel.gif);
	text-transform: lowercase;
	}
#z-right a:visited { color: #fff; }
#z-right a:hover, #z-right a:hover h3 { color: #ff7f00; text-decoration: underline; }

.publication  { height: 75px; }	
.publication img { padding-right: 10px; }

.bb {
	position: absolute;
	border-bottom: #fff dotted 1px;
	width: 212px;
	margin-bottom: 15px;
	left: 570px;
	}
* html .bb { 
	border-bottom: #fff solid 1px;
	margin-top: -17px;
	}
#bottom-z-right {
	background: transparent url(../imagenes/comunes/bg-tit-z-right.gif) no-repeat left bottom;
	width: 272px;
	height: 60px;
	position: absolute;
	bottom: 0px;
	left: 508px;
	text-indent: -3333px;
	}
#backtotop {
	display: block;
	float: right;
	padding: 30px 20px 0px 0px;
	}
#backtotop a {
	background: url(../imagenes/intranet/sb-tog-02.png) no-repeat;
	background-position: 0px 0px;
	border: none;
	display: block;
	height: 14px;
	overflow: hidden;
	text-indent: -9999px;
	width: 20px;
	}
#backtotop a:hover {
	background-position: 0px -15px;
	}
#rv { background: #fff; margin: 0;}

#container_imgs_rv { padding: 0px; }
#container_imgs_rv div { float: left; padding: 6px; }

/* 
************************************************************
EL BUSCADOR
************************************************************/	
#buscador label {
	margin: 15px 0px 0px 20px;
	font-weight: bold;
	text-transform: uppercase;
	}
#searchform input {
  	background: #fff url(../imagenes/intranet/bg-blanco.gif) repeat-x 0 1px;
  	border: #ccc solid 1px;
  	color: #999;
  	font-size: 90%;
  	height: 18px;
  	line-height: 18px;
  	margin: 14px 0 0 10px;
  	width: 120px;
	padding: 0px 0px 0px 4px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
#searchform input.focus {
  	border-color: #3990ed !important
	}
* html #searchform input { /** less margin-top for IE */
  margin-top: 10px;
	}
#searchform button {
  border: none;
  background: transparent url(../imagenes/comunes/bg_searchbutton.gif) no-repeat 0 0;
  cursor: pointer;
  overflow: hidden;
  text-indent: 50px;
  width: 26px;
  height: 26px;
  position: absolute;
  right: 10px;
  top: 12px;
	}
#searchform button:active {
  background-position: 0 -26px;
}
/* 
************************************************************
LA VENTANA DE USUARIO Y CONTRASEÑA PARA LA INTRANET
************************************************************/	
.logger {
	background: #fff url(../imagenes/intranet/bg_cmt1a.gif) repeat-x 0 0;
	color: #333;
	display: none;
	position: absolute;
	top: 25%;
	left: 30%;
	width: 35%;
	height: 40%;
	border: 10px solid #ED9617;
	background-color: white;
	text-align: left;
	z-index:1001;
	overflow: hidden;
	}
#dynamic {	padding: 20px;	}
.logger h1 {
	text-align: center;
	padding: 10px 20px 7px 20px;
	margin-bottom: 20px;
	background: #ebf4fe url(../imagenes/intranet/bg_cmt2a.gif) repeat-x 0 0;
	color: #3399FF;
	text-transform: none;
	}
#nombre, #contrasena, #email
#nombre.ok, #contrasena.ok, #email.ok {
	position: relative;
	font-weight: bold;
	width: 200px;
	height: 30px;
	margin-left: 5px;
	padding: 4px 4px 4px 25px;
	color: #000;
	}
#nombre.error, #contrasena.error, #email.ok {
	background: url(../imagenes/intranet/alert.gif) no-repeat 2px 2px;
	color: #f00;
	}
.logger input {
	position: absolute;
	left: 160px;
	}
.logger input#enviar {
	margin-top: 10px;
	}
#output, #output2 {
	color: #3399FF;
	font-size: 1.4em;
	font-weight: bold;
	margin-top: 50px;
	text-align: center;
	position:relative; 
	visibility: visible;
	}
.footer a {
	background: #fff url(../imagenes/intranet/cerrar.gif) no-repeat 4px 4px;
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 78px;
	height: 30px;
	text-indent: -3333px;
	}
#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:#1276e1;
	-moz-opacity: 0.5;
	opacity:.50;
	}
* html #overlay{
	filter: alpha(opacity=50);
	}
/*
************************************************************
RUTAS
************************************************************/
#rutas { padding: 30px 0 0 20px; }
.container-ruta { }
.icono-ruta { padding: 10px 20px 20px 20px; }
.descripcion-ruta { position: relative; margin: -50px 0 0 80px;}
.descripcion-ruta h3 { width: 350px; border-bottom: #ccc dotted 1px; background: none; padding-left: 0px; text-transform: none; }
* html .descripcion-ruta h3 { border-bottom: #ccc solid 1px; }
.descripcion-ruta p { padding-left: 30px; margin-top: -5px; }
#z-right h2.crespon {
	background: transparent url(../imagenes/comunes/crespon.gif) no-repeat 16px 15px;
	padding: 17px 10px 20px 47px;
	height: 20px;
	}
#z-right h2.crespon span {
	margin: 0 15px 0 -23px;
	font-size: 0.8em;
	}
.planificador-rutas .menu-derecha { padding-left: 40px; }
.planificador-rutas .menu-derecha ul li { min-height: 20px; }
.planificador-rutas .bb { width: 172px; margin-left: 38px; margin-top: 0px; }

#recursos 	{	background: transparent url(../imagenes/comunes/compass.jpg) no-repeat 5px 0px; height: 150px;}
#itinerario {	background: transparent url(../imagenes/comunes/menorah.jpg) no-repeat 5px 0px; height: 150px;}
#estancia 	{	background: transparent url(../imagenes/comunes/palm.jpg) no-repeat 5px 0px; 	height: 180px;}

#z-right img { position: relative; float: left; margin-left: 4px; }
.descripcion  {
	width: 105px;
	float: right;
	padding: 25px 10px 0 0;
	}

/* 
************************************************************
FORMULARIOS DE INTRODUCCIÓN DE DATOS
************************************************************/
.texto {
	padding: 20px;
	background: url(../imagenes/intranet/frm_tl.gif) no-repeat 0 0;
	min-height: 160px;
	}
.intro-datos { padding: 20px; }
div.wrapper {
	background: url(../imagenes/intranet/frm_tr.gif) no-repeat 100% 0;
	min-height: 160px;
	margin: 20px 0 0 18px;
	width: 470px;
	}
fieldset {
	background: url(../imagenes/intranet/frm_tl.gif) no-repeat 0 0;
	margin: 0 30px 0 30px;
	}
#z-left form {
	background: url(../imagenes/intranet/frm_tr.gif) no-repeat 100% 0;
	margin: 0 0 0 15px;
	width: 480px;
	}
form fieldset {
	margin: 0 20px 20px 0px;
	padding: 20px;
	border: 0 solid;
	width: 418px;
	}
* html form fieldset { width: 400px; }

form fieldset:hover {
	border-color: #aaa;
	}
form p {
	position: relative;
	margin-top: 10px;
	}
#z-left p {
	color: #525252;
	}
#z-left form fieldset p label {
	background: url(../imagenes/comunes/bullet-2-nivel.gif) 0px -5px no-repeat;
	font-size: .95em;
	font-weight: bold;
	color: #1276e1;
	padding: 0 0 0 14px;
	display: inline;
	text-align: left;
	}
p input, p select, p textarea {
	color: #333;
	font-size: 1em;
	margin-left: 14px;
	}
span.obligatorio { color: #f00; position: relative; top: -2px;}
#name { position: relative; float: right; width: 345px; top: 0px; margin: -20px -20px 0 70px; }
#treatment { width: 50px; }
input#isResponse { 
	border: #ccc solid 1px; 
	}
.select {
	padding: 20px 0 0 0px;
	width: 430px; 	
	}
.select span { display: block; float: right; width: 190px; margin-right: 10px; border-left: #ccc solid 1px; padding-left: 10px; }
.select select { width: 200px; }
form .formtext, form textarea {
	background: #fff url(../imagenes/intranet/bg_input.gif) repeat-x 0 1px;
	border: 1px solid #ccc;
	padding: 3px 3px 3px 3px;
	width: 100%;
	font-size: 1.1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	}
form .formtext:focus, form textarea:focus {
	border-color: #3990ed !important
	}
fieldset .button-wrap { padding: 0; margin-bottom: 60px;  }
fieldset .button-wrap ul li {
	float: right;
	display: block;
	margin: 20px 0 20px 0;
	}
fieldset .button-wrap ul li#bt_enviar a  {
	background: url(../imagenes/intranet/bt_enviar.gif) no-repeat;
	display: block;
	height: 29px;
	overflow: hidden;
	text-indent: -9999px;
	width: 58px;
	}
fieldset .button-wrap ul li#bt_borrar a  {
	position: relative;
	background: url(../imagenes/intranet/bt_borrar.gif) no-repeat;
	display: block;
	height: 29px;
	overflow: hidden;
	text-indent: -9999px;
	width: 58px;
	}
fieldset .button-wrap ul li#bt_enviar a  {
	position: relative;
	background: url(../imagenes/intranet/bt_enviar.gif) no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 29px;
	overflow: hidden;
	text-indent: -9999px;
	width: 58px;
	}
fieldset .button-wrap ul li#bt_enviar a:hover,
fieldset .button-wrap ul li#bt_borrar a:hover,
div#bt_cerrar a:hover {
	background-position: 0px -29px;
}

.commenttext {
	margin: 10px 0px 0px 0px;
	
}

.commenttext blockquote {
	background: url(../imagenes/intranet/q02a.gif) no-repeat 0 10px;
	border: 1px #eee;
	border-style: dotted none;
	margin: 30px 30px;
	padding: 10px 0 10px 30px;
}
.commenttext blockquote p {
	background: url(../imagenes/intranet/q02b.gif) no-repeat 100% 100%;
	margin: 0;
}

form#invisible { background: none; margin: 0; }


/* 
************************************************************
TABLAS
************************************************************/
table {	
	border-collapse: collapse;
	margin: 15px 0 30px 0;
	}
tr.impar { 
	display: table-row;
	background: #ebf3fe url(../imagenes/comunes/bg-azul.gif) repeat-x 0 0;
	height: 10px;
	}
th {
	display: table-cell;
	color: #4887ef;
	vertical-align:top;
	width: 50%;
	}
th, td {
	display: table-cell;
	padding: 10px 15px 10px 15px;
	border-top: #ddd solid 1px;
;	border-bottom: #ddd solid 1px;
	text-align: left;
	}

/* 
************************************************************
ReCAPTCHA 
************************************************************/

#recaptcha_logo, #recaptcha_tagline {
	display: none;
	}
#recaptcha_widget_div { 
	padding-left: 12px !important;
}	
/* 
************************************************************
FACEBOOK LIKE-BOX 
************************************************************/

#z-right iframe, #twtr-widget-1 {
	margin: 10px;	
	}
#z-right iframe {
	background-color: #ffffff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
div.fb-like {
	}
div#social-share {
	width: 88px;
	height: auto;
	position: absolute;
	float: left;
	left: -125px;
	padding: 5px;
	text-align: center;
	background:#f0f2f0;
	border: 1px solid #bebebe;
	display: block !important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.10);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.10);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.10);
	}
div#social-share span.separator {
	border-bottom: 1px solid #FEFEFE;
	border-top: 1px solid #E4E4E4;
	margin: 7px 0px 7px 0px;
	height: 1px;
	width: 88px;
	}
/*
**************************************************************************
EL CALENDARIO DE LA AGENDA
**************************************************************************/

#calendar table {
	margin: 0px 15px 10px 15px;
	width: 245px;
	empty-cells: show;
	border-spacing: 2px;
	}

#calendar td { 
	text-align:center; 
	font-size: 10px; 
	width: 20px !important; 
	height: 20px !important; 
	padding: 7px 3px 7px 3px;
	border-top: none;
	border-bottom: none;
	}
#calendar tr.nav td { 
	border: none;
	}
#calendar tr { 
	/*border-right: 1px solid #fff;
	border-left: 1px solid #fff;*/
	}
#calendar tr.nav, #calendar tr.header { 
	border: none;
	}
#calendar td.day { 
	color: #fff;
	font-weight: bold;
	}
#calendar td.y { 
	text-align:center;
	width: auto;
	}
#calendar td.row0 { 
	border-left: 1px solid #ccc;	
	background: #fff url(../imagenes/comunes/bg-blanco.gif) repeat-x 0 0;
	color: #333333;
	}
#calendar td.row1 { 
	border-left: 1px solid #bebebe;
	background: #ebf3fe url(../imagenes/comunes/bg-azul.gif) repeat-x 0 0;
	color: #333333;
	}
#calendar td.note, #calendar td.agenda { 
	/*border: 1px solid #fff;*/
	cursor: pointer; 
	background: #1e8bca url(../imagenes/comunes/jewish.png) no-repeat 50% 50%;
	color: #000;
	font-weight:bold;
	}
#calendar td.agenda { 
	background: none;
	background-color: #ED9617;
	color:#FFFFFF;
	}
#calendar td.current {
	background: #3990ED;
	font-weight: bold; 
	border: 1px solid #fff; 
	color: #fff;
	} 
#calendar strong, #calendar td.y { 
	color: #F2B236; 
	font-weight: bold;
	font-size: 1.1em;
	}
/*Cells with notes*/ 

#calendar .note span { 
	display:block; 
	margin-top: 5px;
	} 
#next, #prev {
	background: transparent url(../imagenes/comunes/next.png) no-repeat right 5px;
	/*overflow: hidden;*/
	display: block;
	width: 19px;
	height: 27px;
	text-indent: -3333px;
	float: right;
	/*position: relative;
	margin-top: -45px;
	left: 180px;*/
	}
#prev {
	background: transparent url(../imagenes/comunes/prev.png) no-repeat left 5px;
	float: left;
	/*position: relative;
	margin-top: 15px;
	left: 15px;*/
	}
td span.help {
	display: none;
	/*background: #ffffff;
	padding: 5px;
	width: 100%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #cccccc;*/
	
	}
/* ToolTip for notes */ 
.toolbody { 
	padding:5px 10px 5px 10px;
	font-size:11px; 
	color: #000; 
	-moz-opacity: 1.0;
	opacity: 1.0;
	filter:alpha(opacity=100);
	width:320px;
	background: #ebf3fe url(../imagenes/comunes/bg-azul.gif) repeat-x 0 0;
	border:none; 
	text-align:left;
	min-height: 2em;
	border-radius: 10px;
	-moz-border-radius: 10px;
	}