/*** inicializamos elementos ***/
body, form, table, caption, tr, tr, td, ul, ol, li, dl, img, button, p, h1, h2, h3, h4, h5, h6, h7, dl, dt, dd, object, iframe, dl, dt, dd, legend, fieldset { margin:0; padding:0; outline:0; }
img { border:0; }

body {
    font-family: Arial,Sans-Serif;
    font-size: 12px;
    color: #000;
    line-height: 18px;
    margin: 50px 0 20px 0;
    padding: 0;
    text-align: center;
    background: #000000;
  scrollbar-arrow-color:a69e92;
  scrollbar-track-color:e1dfd8;
  scrollbar-shadow-color:e1dfd8;
  scrollbar-face-color:857c6e;
  scrollbar-highlight-color:a69e92;	    
}

/*** MAQUETACION ****/
#ventana {
		position: relative;
    margin: 0 auto;
    width:964px;
}
#cap {
	position: relative;
	display: block;
	width: 964px;
	height: 161px;
	color: #fff;
}
#cos {
	position: relative;
	text-align:left;
	margin: 0 auto;
	padding-bottom: 20px;
	/*height: 515px;*/
}
#col_izda {
	position: absolute;
	right: 663px;
	text-align: right;
	width:310px;
}
#col_dcha {
	position: relative;
	width: 647px;
	left: 317px;
	background: url(../images/fondo_dcha.gif) repeat-y;
}
/*** FIN DE MAQUETACION ***/


/*** CABECERA ****/
#logo_expo a {
	position: absolute;
	left: 33px;
	display: block;
	width: 604px;
	height: 114px;
}
#cap_logos {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 317px;
	height: 40px; 
	background: url(../images/logos.gif) no-repeat;
}
#logo_sanostra a,#logo_ibit a,#logo_ib3 a {
	position: absolute;
	display: block;
	width: 125px;
	height: 41px;
}
#logo_ibit a { width: 63px; left: 145px;}
#logo_ib3 a { width: 91px; left: 226px;}
#cap_texto {
	position: absolute;
	right: 0;
	top: 55px;
	display: block;
	width: 317px;
	height: 40px; 
	text-align: right;
}
.idioma {
	margin-top: 3px;
}
.idioma img {
	margin: 0 2px;
}
/*** FIN CABECERA ***/


/*** MENU ****/
ul#menu {
	position: relative;
	margin-top: 15px;
}

ul#menu li {
	font-weight: bold;
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 15px;
	letter-spacing:0.03em;
}
ul#menu li a.strong,ul#menu li a:hover  { 
	color: #fff;
}
ul#menu ul {
	border-right: 8px solid #d2001b;
	padding-right:10px;
	margin-top: 15px;
}
ul#menu ul li {
	font-size: 13px;
}
#cita {
	color: #979797;
	font-size: 13px;
	margin-top: 35px;
	line-height:18px;
}
/*** FI MENU ***/ 


/*** CAJAS ****/
.caja_blanca {
	position: relative;
	float:left;
	width: 315px;
	height: 477px;
	overflow: auto;
	margin-top: 18px;
	/*overflow-x:hidden; 
	overflow-y:scroll;*/
}
.contenido_caja {
	margin: 0 18px 18px 18px;
}
.caja_blanca2 {
	margin-left: 330px;
	width: 315px;
	.margin-left: 326px;
	padding-top: 18px;	
	padding-bottom: 5px;
	height:auto !important;
	min-height:485px;	
	height: 485px;
}
/*** FIN CAJAS ***/


/*** GENERALS ***/

ul { list-style:none;}
a {
	text-decoration: none;
	color: #df191c;
}
a:hover {	color: #979797;}

p {	margin-top: 11px;}

span.gris {
	color: #4d4d4d;
}
.negrita {
	font-weight: bold;
	margin-bottom: 3px;
}

#video, #video2 {
	position: relative;
	display: block;
	width: 279px;
	height: 196px;
	border: 1px solid #979797;
	margin-bottom: 5px;
}
.videocol1 {	float:left;	width: 140px;}
.videocol2 {	float:left;	width: 133px;}

.lista_videos {
	margin: 5px 0;
	display: block;
	height: 167px;
}
.lista_videos a { padding: 0 3px;}
.lista_videos a:hover {	
	background-color: #000;
	color: #fff;
}

.pdf_box {
	width:200px;
	margin:0 auto;
}
a.pdf {
	display: block;
	width: 88px;
	height: 32px;
	background: url(../images/pdf.gif) no-repeat;
	float: left;
}
a.pdf:hover {background: url(../images/pdf_on.gif) no-repeat;}

/*** FI GENERALS ***/

/*** TEXTE ***/

h1 {
	font-size: 20px;
	font-weight: bold;
	line-height:20px;	
	margin-bottom: 13px;
}
h2 { 
	background-color: #000;
	color: #fff;
	font-size: 13px; 
	font-weight: normal;
	display:inline;
	padding:1px 4px;
}
h3 { font-weight: bold;	}

.titulet {
	font-weight:bold;
	display: block;
}
h1.oculto {
	display: none;
}

/*** FI TEXTE  ***/

/*** PIE ****/

#pie img {
	margin: 0 4px;
}
/*** FIN PIE ****/


/*** MULTIMEDIA ***/
#multimedia {
	position: relative;
	text-align: center;
	height: 213px;	
}
#botones {
	position: relative;
	height: 19px;

}
#botonera {
	/*position: absolute;
	right: 0;*/
	float:right;
	display: block;
	height: 19px;
	width: 126px;
}

#botonera #boton1 a, #botonera #boton2 a, #botonera #boton3 a, #botonera #boton4 a, #botonera #boton5 a, #botonera #boton6 a {
	display:block;
	float:left;
	height:19px;
	margin-left:2px;
	width:19px;
	background-repeat: no-repeat;
}
#botonera #boton1 a {background-image:url(../images/boton1.gif);}
#botonera #boton1 a:hover {background-image:url(../images/boton1_on.gif);}
#botonera #boton2 a {background-image:url(../images/boton2.gif);}
#botonera #boton2 a:hover {background-image:url(../images/boton2_on.gif);}
#botonera #boton3 a {background-image:url(../images/boton3.gif);}
#botonera #boton3 a:hover {background-image:url(../images/boton3_on.gif);}
#botonera #boton4 a {background-image:url(../images/boton4.gif);}
#botonera #boton4 a:hover {background-image:url(../images/boton4_on.gif);}
#botonera #boton5 a {background-image:url(../images/boton5.gif);}
#botonera #boton5 a:hover {background-image:url(../images/boton5_on.gif);}
#botonera #boton6 a {background-image:url(../images/boton6.gif);}
#botonera #boton6 a:hover {background-image:url(../images/boton6_on.gif);}
/*** FIN MULTIMEDIA ***/


/*** GENEREALS ***/
.net { clear:both; height: 1px;}
.bot {
	clear:both;
	height: 20px;
}

/*
<body style="overflow-x:hidden; overflow-y:scroll;">
*/

/*** BARRA SCROLL ***/

	#scroll-container {
		position: relative;
		height: 458px;
		width: 294px;
		border: 1px solid #fff;
	}
	#content {
		position: relative;
		top: 0;
		left: 0px;
		width: 272px;
		clip: rect(0px, 272px, 450px, 0px);
		overflow: hidden;
		padding-bottom: 20px;
		/*border: 1px solid yellow;*/
		height: 450px;
	}

	#track {
		position: absolute;
		right: 0;
		top: 16px;
		width: 15px;
		height: 420px;
		background: url(../images/barra_scroll.gif) repeat-y;
	}
	#handle {
		position: absolute;
		left: 1px;
		top: 0;
		width: 9px;
		height: 31px;
		background: url(../images/punto_scroll.gif) repeat-y;
	}
	#button-up {
		position: absolute;
		top: 0;
		right: 2px;
		width: 15px;
		height: 13px;
		background: url(../images/flecha_top.gif);
	}
	#button-down {
		position: absolute;
		top: 439px;
		right: 2px;
		width: 15px;
		height: 13px;
		background: url(../images/flecha_bottom.gif);
	}
	
/*** FIN BARRA SCROLL ***/	

ul.punto {
	list-style: disc;
	list-style-position:inside;
}

.pie_foto {	font-size: 10px; line-height: 12px; margin-bottom:3px;}
a#suba1 { color: #fff;}
#eines { margin-top:10px; text-align:center; }
#eines a {
	margin-right:5px;
	float:left;
}
#eines img {
	padding: 1px;
	border: 1px solid #d2001b;
}
#eines a:hover img {
	padding: 0;
	border: 2px solid #979797;
}

#eines .nombre {
	padding-bottom:3px;
	.padding-top: 3px;
	line-height:10px;
	font-size:9px;
}

#creditos {
	position: relative;
	display: block;
	width: 647px;
	left: 317px;
	background: #fff;
	height: 500px;
}
.contenido_creditos {
	position: relative;
	float:left;
	width: 617px;
	height: 460px;
	overflow: auto;
	margin: 18px;
	padding-right: 10px;
}
