/************************************************************/
/* Hoja de Estilos de Bit Blau para EscoLab                 */
/************************************************************/

body {
 margin: 0 0; padding: 0 0;
 font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 1em;
 color: black;
 text-align: center;
 background: #1BA083; background: #1A967A; background: white;
}

#contenedor {
 position: relative;
 width: 778px;
 height:700px;
 margin: 0 auto;
 text-align: left;
 border: 0px solid black;
 background: #1BA083; background: #1A967A; background: white;
}


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

/* Encabezado */
#header { 
 height: 6em;
 padding-left: 2em;
 background: #C5C5C5; background: #1BA083; background: #1A967A ;
 /* url(../images/logo.png) top left no-repeat; */
}
#header a {
  margin: 0 0;
  font-family: "Times New Roman"; font-size: 1.5em; font-style: normal; color: #AA7755; text-decoration: none;
}
#header .frase { display: none; }

/* 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;}

/* Oculta visualmente */
.oculto { display: block; position: absolute; padding-top: 0.1em; height: 0.1em; overflow: hidden; }

#ajt_bar {
 background: black;
 min-height: 30px;
 height: 30px;
 width: 778px;
 color: #ffffff;
}

#ajt_bar_logo{
 position: absolute;
 padding: 0 0;
 min-height: 30px;
 height: 30px;
 width: 170px;
 border: 0px solid ;
 left:0px;
 background-image: url(../images/logo_ajbcn.gif);
}

#ajt_bar_separador{
 position: absolute;
 padding: 0 0;
 min-height: 30px;
 height: 30px;
 width: 430px;
 border: 0px solid ;
 left:170px;
}

#ajt_bar_idiomas{
 position: absolute;
 padding: 5px 0px 0px 0px;
 min-height: 30px;
 height: 30px;
 width: 178px;
 border: 0px solid ;
 left:600px;
 vertical-align: text-bottom;
 text-align: center;
 font-size: 12px;
 color: #ffffff;
}

#ajt_bar_idiomas a {
 vertical-align: text-bottom; color: #ffffff; text-decoration: none;
 background-color: #000000;
}
#ajt_bar_idiomas a:link {
 vertical-align: text-bottom; color: #ffffff; text-decoration:none;
 background-color: #000000;
}
#ajt_bar_idiomas a:visited {
 vertical-align: text-bottom; color: #ffffff; text-decoration:none;
 background-color: #000000;
}
#ajt_bar_idiomas a:hover {
 vertical-align: text-bottom; color: #ffffff; text-decoration:none;
 background-color: #000000;
}

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

/* 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;
}

pre { width: 80%; padding: 1em; background: #eee; border: 0.1em dashed gray; }

/* Contenedor buscador */
.buscador {line-height: 0.8em; text-align: left;}
.buscador table {border: 0.1em; padding: 0;}
.buscador td {border: 0.1em; padding: 0;}
.buscador tr {border: 0.1em; padding: 0;}

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

label {
	color: #FFF;
	display: block;
}

.campo {
	width: 25em;
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   font-size: 11px;
	margin-bottom: 0px;
	border: 0.1em Solid #67747D;
   padding: 0;
	color: #67747D;
}

.campo:hover {
	color: black;
}

#boton_buscar {
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size: 11px;
	width: 5em;
	height: 1.5em;
	margin-top: 1em;
	margin-left: 0;
	background: #67747D; background: #FF9900;
	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: #67747D; background: #FF9900;
	border: 1px Solid black;
	/* background-image: url(boton.jpg); */
}

/* Contenedor Actividades */
#contenedoractividades {
 width: 100%;
 /* border: 1px dotted red; */
 clear: both;
}

#actividades {
 width: 100%;
 border: 1px solid #FF9900;
 border-spacing: 0px;
 border-collapse:collapse;
 margin: 0em;
 padding: 0em;
 font-size:0.8em;

}

#actividades table {
 border: 0.1em solid gray;
 font-size:0.8em;

}

#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: 11px;

}

#actividades th, #actividades th:hover, #actividades th:link, #actividades th:visited {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 11px;
  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:0.8em;

}

#actividades a {
 text-decoration:none;


}

#actividades a:link {
 text-decoration:none;
 color:gray;
}

#actividades a:visited {
 text-decoration:none;
 color:black;

}

#actividades a:hover {
 text-decoration:none;
 color: black;
}

.activi {
     background-color:white;

}
a:hover, .activi-highlight {
     background-color: #FFDDAA;
}

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: #1A967A ;
}

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

/* Pie */
#pie {
 padding: 1em;
 font-size: .85em;
 background: #C5C5C5; background: white;
}

#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; }


/************************************************************/
/* TEMPORAL PINGU                                           */
/************************************************************/
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;
}


#header{

 position: absolute;
 font-size: 0em;
 padding: 0 0;
 height: 120px;
 width: 778px;
 background-image: url(../images/dual1.gif);
}
#menu{
 position: absolute;
 font-size: 0em;
 padding: 0 0;
 height: 20px;
 width: 778px;
 border: 0px solid ;
 background: #1BA083; background: #1A967A; background: white;
 left:0px;
 top: 115px

}

#labo{
 position: absolute;
 font-size: 0em;
 padding: 0 0;
 height: 76px;
 width: 776px;
 border: 0px solid ;
 left:0px;
 top: 25px;
 background-image: url(../images/dual1.gif);
}


#labo2{
 position: absolute;
 font-size: 0em;
 padding: 0 0;
 height: 83px;
 width: 264px;
 border: 0px solid ;
 left:0px;
 top: 31px;
 background-image: url(../images/esco.png);
 background-repeat: no-repeat;
}

#labo3{
 position: absolute;
 font-size: 0em;
 padding: 0 0;
 height: 83px;
 width: 514px;
 border: 0px solid ;
 left:264px;
 top: 31px;
 background-image: url(../images/defi.gif);
 background-repeat: no-repeat;
}

#primeral{
position:absolute;
left:0px;
top: 150px
}

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

#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 #FF9900; 
}

#navcontainer {
/* none needed */ }

ul#navlist {
        margin: 0;
        padding: 0;
        list-style-type: none;
        white-space: nowrap;
}

ul#navlist 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: #FF9900;
        border-top: 1px solid black;
        border-bottom: 1px solid black;
}

#navlist a, #navlist a:link {
        margin: 0;
        padding: 5px 9px 4px 9px;
        color: black;
        border-right: 1px dashed black;
        text-decoration: none;
}

ul#navlist li#active {
        color: black;
        background-color: #FF9900 ;
}

ul#navlist li#no_float {
        float: none;
        background-color: #FF9900 ;

}

#navlist a:hover {
        color: white;
        background-color: black;
}

#mapa {

text-align: center;
border: 1px solid #FF9900;
position:absolute;
margin-top: 1em;
padding: 3px;
left:00px;
top: 177px;
background-color: #FF9900;




}
#cerca {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
position:absolute;
left:420px;
top: 170px;
/* border-bottom: 1px dashed #FF9900; */
}

#alarm {
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/alarm.png);


}

#alarm_cas {
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/alarm_cas.png);
}

#alarm_en {
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/alarm_en.png);
}


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


#que_main {
text-align: center;
position:absolute;
left:00px;
top: 190px
}

#qui_main{
text-align: center;
position:absolute;
left:0px;
top: 0px;

}

#que_banner_main{

position:absolute;
text-align: center;
left:540px;
top: 195px;
}


#que_banner{

position:absolute;
text-align: center;
height: 247px;
width:  192px;
background-image: url(../images/cuadro21.gif) ;
background-image: no-repeat;
}


#que_banner_cas{

position:absolute;
text-align: center;
height: 247px;
width:  192px;
background-image: url(../images/cuadro21_cas.gif) ;
background-image: no-repeat;
}

#que_banner_en{

position:absolute;
text-align: center;
height: 247px;
width:  192px;
background-image: url(../images/cuadro21_en.gif) ;
background-image: no-repeat;
}


#que_image{
height: 129px;
width:  190px;
background-image: url(../images/cuadro2.gif) ;

}

#que_image_cas{
height: 129px;
width:  182px;
background-image: url(../images/cuadro2_cas.gif) ;
}


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

#text_box_part{
position: absolute;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: left;
height: 500px;
width: 700px;
left: 0px;
top: 189px;
padding: 0 0;
}

#cont_part{
width: 776px;
}

#part0{
position: absolute;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
height: 25px;
width: 776px;
left: 0px;
top: 235px;
border: 1px dashed #FF9900;
margin: 0px;
padding: 0px;
}

#part1{
position: absolute;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
height: 25px;
width: 776px;
left: 0px;
top: 300px;
border: 1px dashed #FF9900;
margin: 0px;
padding: 0px;
}

#part2{
position: absolute;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
height: 150px;
width: 776px;
left: 0px;
top: 365px;
border: 1px dashed #FF9900;
margin: 0px;
padding: 0px;
}

#part3{
position: absolute;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
height: 60px;
width: 776px;
left: 0px;
top: 525px;
border: 1px dashed #FF9900;
margin: 0px;
padding: 0px;
}

#part4{
position: absolute;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
height: 150px;
width: 776px;
left: 0px;
top: 600px;
border: 1px dashed #FF9900;
margin: 0px;
padding: 0px;
}

#part5{
position: absolute;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
height: 65px;
width: 776px;
left: 0px;
top: 760px;
border: 1px dashed #FF9900;
margin: 0px;
padding: 0px;
}

#part6{
position: absolute;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
height: 175px;
width: 776px;
left: 0px;
top: 835px;
border: 1px dashed #FF9900;
margin: 0px;
padding: 0px;
}

#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;
}