/************************************************************/
/* Hoja de Estilos de Bit Blau para EscoLab 2012			*/
/************************************************************/
/*
/* 2010 Color Main #0B66AC azulado Second #000000 Background #000000 Boton #000000 Selec1 #000000 Selec2 #000000
/* 2011 Color Main #C6007B lila    Second #FC01FF Background #FFC1E8 Boton #E80093 Selec1 #FCA9FF Selec2 #FFE5F6
/* 2012 Color Main #3AB8AD azulcielo
/*
/* Azul gestor #8000FF
*/

body {
 margin: 0 0; padding: 0 0;
 font-family: Arial,Tahoma,Helvetica,sans-serif; font-size: 1em;
 color: black; 
 text-align: center;
 background: white;
 background: #ffffff url('../images/web_background.png') repeat;
}
#contenedor {
 position: relative;
 width: 878px; width: 801px;
 height:700px;
 margin: 0 auto;
 text-align: left;
 border: 0px solid red;
 background: white;
 background: #ffffff url('../images/web_background.png') repeat;
}

/************************************************************/
/* ENCABEZADO                                               */
/************************************************************/

/* Link Oculto de Inicio Contenido */
.oculto { display: block; position: absolute; padding-top: 0.1em; height: 0.1em; overflow: hidden; }

/* Encabezado Barra Ajuntamiento BCN e Idiomas */
#cabecera {
 position: absolute;
 top: 2px;
 min-height: 32px; height: 32px;
 width: 878px;
 color: #ffffff;
 border: 0px solid green;
}
#cabecera_bar-ajt {
 position: absolute;
 padding: 0 0;
 min-height: 32px; height: 32px;
 width: 200px;
 border: 0px solid red;
 left:0px;
}
#cabecera_bar-right {
 position: absolute;
 padding: 0 0;
 min-height: 32px; height: 32px;
 width: 600px;
 border: 0px solid red;
 left:200px;
 background-image: url(../images/web_barra-right.gif);
}
#cabecera_idiomas {
 float: right;
 padding: 0px;
 min-height: 32px; height: 32px;
 width: 125px;
}
#cabecera_idiomas ul {
 margin: 0px; padding: 0px;
 list-style-type: none;
 white-space: nowrap;
}
#cabecera_idiomas li {
 float: left;
 margin: 0px;
 padding: 11px 0px 9px 0;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;
 color: white;
}
#cabecera_idiomas a, #cabecera_idiomas a:link, #cabecera_idiomas a:hover, #cabecera_idiomas a:visited {
 margin: 0;
 padding: 0px 7px 1px 7px;
 color: white;
 text-decoration: none;
 background-color: black;
}

/* Encabezado Banner */
#banner-esco {
 position: absolute;
 padding: 0 0;
 height: 83px;
 width: 264px;
 left:0px;
 top: 36px;
 background-image: url(../images/web_banner-esco.gif);
 background-repeat: no-repeat;
}
#banner-lab {
 position: absolute;
 font-size: 0em;
 padding: 0 0;
 height: 83px;
 width: 536px;
 left:264px;
 top: 36px;
 background-image: url(../images/web_banner-lab.gif);
 background-repeat: no-repeat;
}

/* Menu */
#menu {
 position: absolute;
 font-size: 0em;
 padding: 0 0;
 height: 24px;
 width: 800px;
 border: 0px solid red;
 background: white;
 left:0px;
 top: 121px
}
#navcontainer {
 /* none needed */
}
ul#navlist {
 margin: 0; padding: 0;
 list-style-type: none;
 white-space: nowrap;
}
ul#navlist li {
 float: left;
 margin: 0;
 padding: 5px 0 4px 0;
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 background-color: #3AB8AD;
 border-top: 1px solid black;
 border-bottom: 1px solid black;
}
#navlist a, #navlist a:link {
 margin: 0;
 padding: 5px 9px 4px 9px;
 color: black; color: white;
 border-right: 1px dashed black;
 text-decoration: none;
}
ul#navlist li#active {
 color: black;
 background-color: #3AB8AD;
}
ul#navlist li#no_float {
 float: none;
 background-color: #3AB8AD;
}
ul#navlist li#end {
 float: right;
 padding-right: 0px;
 background-color: #3AB8AD;
}
ul#navlist li#end a, ul#navlist li#end a:link, ul#navlist li#end a:visited, ul#navlist li#end a:hover {
 text-decoration:none;
 background-color: #3AB8AD;
}
#navlist a:hover {
 color: white;
 background-color: black;
}

/* Menu Desplegable */
#menu_edicold {
 position:absolute;
 left:450px; top:140px;
 visibility:hidden;
 z-index:0;
 clear:both;
}
ul#menu_edicold2 {
 margin: 0;
 padding: 0;
 list-style-type: none;
 white-space: nowrap;
}
ul#menu_edicold2 li {
 float: left;
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 margin: 0;
 padding: 5px 0 4px 0;
 background-color: #3AB8AD;
 border-top: 1px solid black;
 border-bottom: 1px solid black;
}
#menu_edicold2 a, #menu_edicold2 a:link {
 margin: 0;
 padding: 5px 9px 4px 9px;
 color: black; color: white;
 border-right: 1px dashed black;
 text-decoration: none;
}
ul#menu_edicold2 li#active {
 color: black;
 background-color: #3AB8AD;
}
ul#menu_edicold2 li#no_float {
 float: none;
 background-color: #3AB8AD;
}
#menu_edicold2 a:hover {
 color: white;
 background-color: black;
}

/*
.cltopmenu {
 position:absolute; width:101px; height:150px; clip:rect(0px 101px 14px 0px);
 layer-background-color:#eeeeee; background-color:#eeeeee; z-index:31; visibility:hidden;
}
.cltopmenubottom {
 position:absolute; width:101px; height:3px; clip:rect(0px 101px 3px 0px); top:11; layer-background-color:#cecfce; 
 background-color:#cecfce; z-index:2;
}
.cltopmenutext {
 position:absolute; width:91px; left:5px; top:15px; font-family:arial,helvetica,sans-serif;
 font-size:11px; background-color:#eeeeee; z-index:1;
}
*/

/* Nombre de seccion */
#seccion { position: absolute; top: 1em; left: 2em; }
#seccion h2 {
 margin: 0 0; padding: 0 0 0 0;
 font-weight: normal; font-size: 1.5em; font-style: italic;
 letter-spacing: .2em;
}
#seccion h2 a { color: #884422; color: #899; text-decoration: none; display: block;}

/* Titulo Apartado */
#primeral {
 position:absolute;
 left:0px;
 top: 155px;
}

#segundal {
 position:absolute;
 left:0px;
 top: 530px
}

#underlined {
 font-family: Arial, Tahoma, Helvetica, sans-serif;
 color: black;
 position: relative;
 font-size: 14px;
 width: 800px;
 font-weight: bold;
 border-bottom: 2px dotted #3AB8AD;
}

.underlined {
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 color: black;
 position: relative;
 font-size: 14px;
 width: 776px;
 font-weight: bold;
 /* border-bottom: 1px dashed #67747D; */
 /* border-bottom: 1px dashed #CCCC00; */
 border-bottom: 1px dashed #3AB8AD;
}

/************************************************************/
/* CONTENIDO                                                */
/************************************************************/

#header { 
 position: absolute;
 font-size: 0em;
 padding: 0 0;
 height: 120px;
 width: 778px;
 background-image: url(../images/dual1.gif);
}

a { text-decoration:none; }
a:link { text-decoration:none; color:black; }
a:visited { text-decoration:none; color:black; }
a:hover { text-decoration:none; color: black; }
pre { width: 80%; padding: 1em; background: #eee; border: 0.1em dashed gray; }

/* Contenedor */
#contenido {
 border-top: medium solid #ccc;
 border-bottom: medium solid #ccc; 
 border: none;
 background: white;
 background: inherit;
 padding: 1em;
 padding: 1em 1em 0 1em;
 line-height: 1.3em;
 clear: both;
}

/* Contenedor Actividades */
#contenedoractividades {
 width: 100%;
 height: 1.5em;
 max-height: 1.5em;
 /* border: 1px dotted red; */
}

#actividades {
 /* width: 100%; */
 width: 776px;
 /* border: 1px solid #CCCC00; */
 border: 1px solid #3AB8AD;
 border-spacing: 0px;
 border-collapse:collapse;
 margin: 0em;
 padding: 0em;
 font-size:0.8em;
}

#actividades table {
 border: 0.1em solid gray;
 font-size:0.9em;
 width: 776px;
 min-width: 776px;
 max-width: 776px;
}

#actividades th {
 border: 0.1em solid black;
 /* padding: 0.1em 0.1em 0.1em 0.1em; */
 padding: 0.3em ;
 text-align: center;
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size: 0.9em;
}

#actividades th, #actividades th:hover, #actividades th:link, #actividades th:visited {
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 background-color: white;
}

#actividades td {
 border: 0.1em solid black;
 /* padding: 1em 0.2em 1em 0.2em; */
 padding: 0.1em ;
 text-align: center;
 font-size: 1em;
 height: 3em;
}

#actividades a {
 text-decoration:none;
 font-size: 1em;
}

#actividades a:link {
 text-decoration:none;
 font-size: 1em;
 color:gray;
}

#actividades a:visited {
 text-decoration:none;
 font-size: 1em;
 color:black;
}

#actividades a:hover {
 text-decoration:none;
 font-size: 1em;
 color: black;
}

.activi { background-color:white; }

a:hover, .activi-highlight { background-color: #3AB8AD; }
img { border: 0px; }
p {
 top: 4em;
 right: 5px;
 /*width: 640px;*/
 margin: 0;
 text-align: justify;  
}
p.udEsta {
 position: absolute;
 top: 7em;
 right: 0.85em;
 /*width: 640px;*/
 margin: 0;
 font-size: 0.85em;
 text-align: left;  
}
.udEsta a {
 font-size: 0.85em;
 text-decoration: none;
 color: #1BA083; color: #00FF33 ;
}

/************************************************************/
/* APARTADO Que es                                          */
/************************************************************/

#que_main {
 text-align: center;
 position:absolute;
 left:00px;
 top: 195px;
 line-height: 19px; 
 padding: 0px;
}

#que_banner_main{
 position:absolute;
 text-align: center;
 left:540px;
 /*top: 195px;*/
 top: 55px;
}

#que_banner_foto {
 position:absolute;
 text-align: center;
 height: 247px;
 width:  192px;
}

#que_box-left {
 max-height: 400px; height: 400px;
 max-width: 375px; width: 375px; 
 left: 0px;
 top: 400px;
 padding: 3px;
 margin: 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 text-align: justify;
}

#que_box-right {
 position: relative;
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size: 12px;
 line-height: 1.3em;
 text-align: justify;
 left: 423px; top: -400px;
 width: 350px; max-width: 350px;
 /* height: 500px; max-height: 500px; */
 background: white;
 border: 2px dotted #3AB8AD;
 padding: 1em;
 margin: 0px;
}

#que_box-right img {
 border: 0px;
 padding: 0px;
 border-spacing: 0px;
 margin: 0px;
}

#que_box-right-title {
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 color: black;
 font-size: 15px;
 font-weight: bold;
 padding: 0em;
}

#que_noticias {
 position:absolute;
 left:-1px; top:160px;
 width: 775px; height: 23.5em;
 max-width: 750px;  max-height: 750px;
 text-align: left; font-size: 0.75em;
 padding: 1em;
 border: 2px dashed #FF0000; border: 1px dashed #000000;
 border-right-color: #FF0000; border-right-color: #000000;
 border-bottom-color: #FF0000; border-bottom-color: #000000;
 background: white; background: #F1F100; background: #fbfbfb; 
 /* visibility:hidden; */
 z-index:0;
 clear:both;
}

#que_noticias_fijo {
 position:absolute;
 left:-1px; top:47em;
 width: 775px; height: 22em;
 max-width: 750px;  max-height: 22em;
 text-align: left; font-size: 12px;
 padding: 12px;
 line-height: 20px;
 border: 1px dashed #3AB8AD;
 background: #fbfbfb; 
 clear:both;
}

#que_noticias_popup {
 position:absolute;
 left:-1px; top:12.5em;
 width: 525px; height: 25em;
 max-width: 500px;  max-height: 25em;
 text-align: left; font-size: 12px;
 padding: 12px;
 line-height: 20px;
 border: 1px dashed #3AB8AD;
 background: #fbfbfb; 
 clear:both;
}

#que_noticias a:hover {
 text-decoration:none;
 background:none;
 font-weight: bold;
}

#que_noticia {
 text-align:justify;
 top:-1em;
 left: 0px;
 padding: 1em;
  clear:both;
}

#que_noticia p{
 text-align:justify;
  clear:both;
}

/************************************************************/
/* APARTADO Quienes somos                                   */
/************************************************************/

#qui_main{
 text-align: center;
 position: absolute;
 width: 700px;
 left: 0px;
 top: 189px;
}

#qui_textbox{
 position: relative;
 display: block;
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 /* font-weight: bold; */
 font-size: 12px;
 text-align: justify;
 width: 796px;
 left: 0px;
 top: 0px;
 margin: 0px;
 padding: 0px;
}

.qui_part{
 position: relative;
 display: block;
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size: 12px;
 text-align: left;
 width: 796px;
 left: 0px;
 border: 2px dotted #3AB8AD;
 margin: 0px;
 padding: 10px 0px 10px 0px;
 clear: both;
 background-color: white;
}

/************************************************************/
/* APARTADO BUSQUEDA                                        */
/************************************************************/

/* Mapa */
#mapa {
 text-align: center;
 /* border: 1px solid #CCCC00; */
 border: 1px solid #3AB8AD;
 position:absolute;
 margin-top: 1em;
 padding: 3px;
 left:00px;
 top: 175px;
 background-color: #3AB8AD;
}

#map {
 background-image: url(../images/web_map-cuadro.gif);
}

/* Formulario busqueda Actividades */
#buscadoractividades {
 position:absolute;
 left:410px;
 top: 187px;
 padding:0px;
 border:0px;
 margin:0px;
 /* border-bottom: 1px dashed #3AB8AD; */
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size: 12px;
 /* text-align: center; */
 /* background-color: #ffffff; background: #ffffff url('../images/web_background.png') repeat; */
}

#buscadoractividades form {
 padding: 0px;
 text-align: center;
 /* background: #ffffff; background-color: #ffffff;  background: #ffffff url('../images/web_background.png') repeat; */
}

.buscadoractividades {
 width: 140px;
 line-height: 0.8em;
 text-align: left;
 /* background-color: #ffffff; */
}
.buscadoractividades table {border: 0.1em; padding: 0;}
.buscadoractividades td {border: 0.1em; padding: 0; min-height: 25px;}
.buscadoractividades tr {border: 0.1em; padding: 0;}

.buscadoractividades img {border: 0px; vertical-align:bottom ; }

.buscadoractividadescampo {
  width: 285px;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 11px;
  margin-bottom: 0px;
  border: 0.1em Solid #3AB8AD;
  padding: 0;
  color: #67747D;
}
.buscadoractividadescampo:hover { color: black; }

.buscadoractividadescampo2 {
  width: 9em;
  height: 17px;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 11px;
  margin-bottom: 0px;
  border: 0.1em Solid #3AB8AD;
  padding: 0;
  color: #67747D;
  background: #ede; 
}
.buscadoractividadescampo2:hover { color: black; }

.buscadoractividadesetiqueta { color: #FFF;	display: block; }

/* Formulario buscador */
form {
 padding: 2.5em;
 /* background: #3AB8AD; */ 
 width: 12.5em;
 text-align: center;
}

.buscador_form_tit {
 width: 75px; min-width: 75px;
 font-size: 12px;
}

.buscador_form_tit2 {
 width: 75px; min-width: 75px;
 font-size: 12px;
 line-height: 12px;
}

#boton_buscar {
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size: 11px;
 width: 5em;
 height: 1.5em;
 margin-top: 1em;
 margin-left: 0;
 background: #3AB8AD;
 border: 1px Solid black;
 /* background-image: url(boton.jpg); */
}

#boton_reset {
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size: 11px;
 width: 5em;
 height: 1.5em;
 margin-top: 1em;
 margin-left: 0;
 background: #CCCC00; background: #3AB8AD;
 border: 1px Solid black;
 /* background-image: url(boton.jpg); */
}

/* Cuadro Alarma Buscador */
#alarm_old {
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size: 12px;
 text-align: center;
 position:absolute;
 height: 136px;
 width: 320px;
 left:442px;
 top: 393px;
 background-image: url(../images/web_alarm-cat.gif);
}

#alarm_cat {
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size: 12px;
 text-align: center;
 position:absolute;
 height: 145px;
 width: 330px;
 left:428px;
 top: 378px;
 background-image: url(../images/web_alarm-cat.gif);
}

#alarm_cas {
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size: 12px;
 text-align: center;
 position:absolute;
 height: 145px;
 width: 330px;
 left:428px;
 top: 378px;
 background-image: url(../images/web_alarm-cas.gif);
}

#alarm_en {
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size: 12px;
 text-align: center;
 position:absolute;
 height: 145px;
 width: 330px;
 left:428px;
 top: 378px;
 background-image: url(../images/web_alarm-eng.gif);
}

/* Resultado Actividades */
#results {
 text-align: center;
 position:absolute;
 left:00px;
 top: 564px
}

/************************************************************/
/* APARTADO Fotografias                                     */
/************************************************************/

#picture_main{
 position:absolute;
 left:00px;
 top: 195px;
 border: 0px;
 margin: 0px;
 padding: 0px;
 text-align: center;
}

#picture_mainbox{
 position: absolute;
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size: 12px;
 text-align: center;
 left: 0px;
 top:  0px;
 width: 786px;
 /* border: 1px dashed #3AB8AD; */
 margin: 0px;
 padding: 5px;
}

.picture_textsubpicture{
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size: 11px;
 text-align: justify;
 height: 70px;
 width: 775px;
 left: 0px;
 top:  10px;
 padding: 5px;
}

/************************************************************/
/* APARTADO Reserves                                        */
/************************************************************/

#reserves_main {
 text-align: center;
 position:absolute;
 left:00px;
 top: 195px;
 line-height: 20px; 
}

#reserves_textbox{
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size: 12px;
 text-align: justify;
 height: 550px;
 width: 550px;
 left: 0px;
 top: 0px;
}

#reserves_main a, #reserves_main a:link, #reserves_main a:visited, #reserves_main a:hover {
 font-weight: bold;
 color: #3AB8AD;
 background-color: #FFFFFF;
 text-decoration: none;
}

#reserves_foto_contenedor {
 position:absolute;
 text-align: center;
 left:570px;
 top: 200px;
}

#reserves_foto {
 position:absolute;
 text-align: center;
 height: 328px;
 width:  224px;
}

/************************************************************/
/* APARTADO Reserves Online                                 */
/************************************************************/

#reserves-online_main {
 text-align: left;
 position: absolute;
 left: 0px;
 top: 190px;
 width: 775px;
 /* line-height: 22px; */
}

#reserves-online_main a, #reserves-online_main a:link, #reserves-online_main a:visited, #reserves-online_main a:hover {
 font-weight: bold;
 color: #3AB8AD;
 background-color: #FFFFFF;
 text-decoration: none;
}

/************************************************************/
/* APARTADO Otros                                           */
/************************************************************/

#inst_reserv{
 position: absolute;
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size: 12px;
 text-align: justify;
 height: 600px;
 width: 500px;
 left: 0px;
 top: 200px;
}

#debug { 
 position: absolute;
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size: 12px;
 text-align: justify;
 height: 600px;
 width: 500px;
 left: 0px;
 top: 1500px;
}

/************************************************************/
/* PIE                                                      */
/************************************************************/

/* Pie */
#pie {
 position: absolute;
 bottom: 0px; left: 0px;
 width: 100%; height: 10px;
 display: block; float: left;
 clear:both;
 padding: 0px;
 font-size: 8px;
 background: white; background: #ffffff url('../images/web_background.png') repeat;
 display: none;
}
#pie p { text-align: center; }
#RealizadoPor { color: white; }
#RealizadoPor a { text-decoration: none; color: #FFFFFF; }
#RealizadoPor a:link { text-decoration: none; color: #FFFFFF; }
#RealizadoPor a:visited { text-decoration: none; color: #FFFFFF; }
#RealizadoPor a:hover { text-decoration: none; text-decoration: none; color: #FFFFFF; font-weight: bold; }
#RealizadoPor span:hover { color: #0000FF; }

/************************************************************/
/* PRUEBAS                                                  */
/************************************************************/

#prueba {
 line-height: 0.8em;
 width: 680px;
}
#copyright img { float: right; margin: 0 0 0 1em; }
h1 { color: #688; }
h2 { color: #899; }
h3 { color: #899; }
h4 { color: #899; }
dd { margin: 0 0 1em 1em; }
.IrArriba {  margin: 1em 0 10em 0;  text-align: right; clear: both; }
.IrArriba a { color: gray; }