html {
overflow-y:scroll;
}

body, html {
	margin: 0px;
	padding: 0px;
	background-color: #4D4D4D;
	text-align: center;
}

img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

a {
	color: #B20000;
}
/* ESTRUCTURA WEB */

#shade_box {
	margin: 5px auto;
	width: 1078px;
	height: 768px;
	background: url('../img/bg_shade_box.png') top left no-repeat;
	padding-top: 27px;
	padding-bottom: 28px;
}

#content_box {
	width: 1024px;
	height: 100%;
	margin: 0px auto;
	background-color: #000;
}

	#content_box #header {
		height: 178px;
		width: 100%;
	}
		#content_box #header #logos {
			height: 148px;
		}
			#content_box #header #logos  #logo_ladat {
				width: 378px;
				height: 100%;
				float: left;
			}
			#content_box #header #logos  #logo_equipo_humano {
				width: 498px;
				float: left;
			}
			#content_box #header #logos  #logo_uib {
				width: 148px;
				float: left;
			}
			

		
		#content_box #header #nav-bar {
			background: url('../img/botones/navbar_bg.png') top left no-repeat;
			height: 30px;
			text-align:right;
			padding-right: 99px;
			text-align:center;
		}
			#content_box #header #nav-bar .option {
				margin-top: 2px;
				float:right;
			}
			
			#nav-bar .index   .option{width: 91px; height: 26px;}
			#nav-bar .index   .option{ background: url('../img/botones/inicio.png') top; }
			#nav-bar .index:hover   .option { background-position: bottom; }
			#nav-bar .index .selected  { background-position: bottom;}
			
			#nav-bar .exposiciones .option{width: 125px; height: 26px;}
			#nav-bar .exposiciones .option{ background: url('../img/botones/exposiciones.png') top; }
			#nav-bar .exposiciones:hover  .option { background-position: bottom;}
			#nav-bar .exposiciones .selected  { background-position: bottom;}
			
			#nav-bar .cursos .option{width: 91px; height: 26px;}
			#nav-bar .cursos .option{ background: url('../img/botones/cursos.png') top; }
			#nav-bar .cursos:hover  .option { background-position: bottom;}
			#nav-bar .cursos .selected  { background-position: bottom;}
			
			#nav-bar .noticias .option{width: 91px; height: 26px;}
			#nav-bar .noticias  .option{ background: url('../img/botones/noticias.png') top;}
			#nav-bar .noticias:hover  .option { background-position: bottom;}
			#nav-bar .noticias .selected  { background-position: bottom;}
			
			#nav-bar .galeria .option{width: 91px; height: 26px;}
			#nav-bar .galeria .option{ background: url('../img/botones/galeria.png') top; }
			#nav-bar .galeria:hover  .option { background-position: bottom;}
			#nav-bar .galeria .selected  { background-position: bottom;}
			
			#nav-bar .quienes_somos .option{width: 140px; height: 26px;}
			#nav-bar .quienes_somos .option{ background: url('../img/botones/quienes_somos.png') top;}
			#nav-bar .quienes_somos:hover  .option { background-position: bottom;}
			#nav-bar .quienes_somos .selected  { background-position: bottom;}
			
			#nav-bar .reconocimientos .option{width: 140px; height: 26px;}
			#nav-bar .reconocimientos .option{ background: url('../img/botones/reconocimientos.png') top; }
			#nav-bar .reconocimientos:hover .option { background-position: bottom;}
			#nav-bar .reconocimientos .selected  { background-position: bottom;}
			
			#nav-bar .contactar .option{width: 91px; height: 26px;}
			#nav-bar .contactar .option{ background: url('../img/botones/contactar.png') top; }
			#nav-bar .contactar:hover  .option { background-position: bottom;}
			#nav-bar .contactar .selected  { background-position: bottom;}

			
		#nav-bar #submenu_cursos {
			display:none;
			position: relative;
			top: 28px;
			left: 296px;
			width: 125px;
		}
		
			#nav-bar #submenu_cursos .cursos_abiertos .suboption {width: 267px; height: 32px;}
			#nav-bar #submenu_cursos .cursos_abiertos .suboption {background: url('../img/botones/abierto.png') top;}
			#nav-bar #submenu_cursos .cursos_abiertos:hover .suboption {background-position: bottom;}
			
			#nav-bar #submenu_cursos .cursos_encurso .suboption {width: 267px; height: 30px;}
			#nav-bar #submenu_cursos .cursos_encurso .suboption {background: url('../img/botones/encurso.png') top;}
			#nav-bar #submenu_cursos .cursos_encurso:hover  .suboption {background-position: bottom;}
			
			#nav-bar #submenu_cursos .cursos_realizados .suboption {width: 267px; height: 30px;}
			#nav-bar #submenu_cursos .cursos_realizados .suboption {background: url('../img/botones/realizados.png') top;}
			#nav-bar #submenu_cursos .cursos_realizados:hover  .suboption {background-position: bottom;}
			
		#nav-bar #submenu_exposiciones{
			display:none;
			position: relative;
			top: 28px;
			left: 478px;
			width: 125px;
		}
		
			#nav-bar #submenu_exposiciones .animarte .suboption {width: 134px; height: 32px;}
			#nav-bar #submenu_exposiciones .animarte .suboption {background: url('../img/botones/animarte.png') top;}
			#nav-bar #submenu_exposiciones .animarte:hover .suboption {background-position: bottom;}	
		
		#nav-bar #submenu_areas {
			display:none;
			position: relative;
			top: 28px;
			left: 235px;
			width: 125px;
		}
		

	#content_box #content2cols {
		height: 518px;
		padding:0px 20px 0px 20px;
	}
		#content_box #content2cols #left  {
			width: 482px;
			height: 100%;
			float: left;
		}
		
		#content_box #content2cols #right {
			width: 482px;
			height: 100%;
			float: right;
		}
	
	#content_box #content1col {
		height: 498px;
		padding: 20px 20px 0px 62px;
	}
	
	#content_box #footer {
		height: 72px;
		width: 100%;
	}
		#content_box #footer .logos {
			height: 40px;
			width: 100%;
		}
		#content_box #footer #address{
			height: 18px;
			width: 100%;
			text-align:center;
		}
		#content_box #footer #facebook a{
			width: 22px;
			height: 22px;
			position: relative;
			float:right;
			right: 20px;
			bottom: 20px;
			background: url('../img/iconos/facebook.png') top;
		}
			#content_box #footer #facebook a:hover {
				background: url('../img/iconos/facebook.png') bottom;
			}
		
	
	#content_flash {
		height: 498px;
		padding: 20px 20px 0px 20px;
	}
	
/* CAJAS CONTENIDO HOME */
#box_home_frames_cortos {
	width: 100%;
	height: 250px;
	margin-bottom: 20px;
	margin-top: 20px;
}
	
#box_home_instalaciones {
	width: 100%;
	height: 250px;
	margin-bottom: 20px;
	margin-top: 20px;
	z-index: -100;
}
	
#box_home_areas {
	height: 242px !important;
	height: 248px;
	border: 3px solid #fff;
}
	#box_home_areas .area {
		width: 212px;
		height: 90px;
		padding-top: 16px;
		padding-left: 22px;
		float: left;
		text-align:left;
	}
	
		#box_home_areas .area a {
			text-decoration:none;
			color: #B20000;
		}
		
		#box_home_areas .area a:hover {
			text-decoration: underline;
			color: #B20000;
		}
	
	#box_home_areas p {
		display:inline;
		text-align: left;
		float:right;
		width: 118px;
		margin: 0px;
		clear:both;
	}
	
#box_home_cursos {
	height: 112px;
	width: 476px;
	border: 3px solid #fff;
	margin-bottom: 10px;
}
	
#box_home_montajes {
	height: 114px !important;
	height: 120px;
	width: 476px !important; /* 4 IE */
	width: 482px;
	border: 3px solid #fff;
}

	#box_home_montajes * {
		margin: 0px;
		padding: 0px;
		border: 0px;
	}

#box_area_movie {
	width: 476px;
	border: 3px solid #fff;
	margin-top: 20px;
	margin-bottom: 10px;
}

#box_area_info {
	height: 490px;
	width: 476px;
	border: 3px solid #fff;
	margin-top: 20px;
}

	#box_area_info .text {
		height: 384px;
	}
	
	#box_area_info {}

#box_contacto {
	width: 894px;
	border: 3px solid #fff;
}
	#box_contacto .col {
		width: 265px;
		height: 206px;
		margin-top: 20px;
		margin-left: 25px;
		float:left;
		
		border-right: 4px solid #262626;
	}
	
	#box_contacto .field {
		width: 240px;
		margin-bottom: 30px;
	}
	
		#box_contacto .field  .title{
			background-color: #808080;
			text-align: left;
			padding: 3px 10px 3px 10px;
		}

		#box_contacto .field  .data input {
			width: 240px;
			background-color: #000;
			padding: 3px 10px 3px 10px;
			color: #fff;
		}
		
		#box_contacto .field  .data select {
			width: 240px;
			background-color: #000;
			padding: 2px 2px 2px 10px;
			color: #fff;
		}
		
		#box_contacto .field  .data textarea{
			width: 240px;
			height: 182px;
			background-color: #000;
			padding: 2px 2px 2px 10px;
			color: #fff;
			margin-top: 0px;
		}
		
		#box_contacto .boton_izq_140 {
			width: 181px;
			margin-top: 20px;
			margin-bottom: 10px;
			float:right;
		}

#box_movies_play {
	width: 471px;
	height: 490px;
	border: 3px solid #fff;
	margin-top: 20px;
	background: #4D4D4D; 
}
	
	#box_movies_play .info {
		padding: 14px 22px 22px 22px;
		width: 100%;
		text-align:left;
	}
	
	#box_movies_play .info .titulo {
		text-transform: uppercase;
	}
	#box_movies_play div {
		padding-bottom: 6px;
	}
	
#box_movies_previews {
	margin-top: 20px;
	width: 501px;
	height: 495px;
	
}
	#box_movies_previews .preview {
		width: 96px;
		height: 96px;
		border: 2px solid #fff;
		float:left;
		margin-right: 25px;
		margin-bottom: 19px;
	}
	
	#box_movies_previews #line-var {
		width: 455px;
		height: 17px;
		clear:both;
		background-color: #fff;
		text-align:right;
		padding-right:20px;
		padding-top: 3px;
		bottom: 0px;
	}
	
	#box_movies_previews #line-var a {
		color: #B30000;
		font-family: arial, helvetica,  sans-serif;
		font-size: 14px;
		text-decoration: none;
		padding: 3px 3px 1px 3px;
	}
	
	#box_movies_previews #line-var a:hover{
		background-color: #B30000;
		color: #fff;
	}
	
	#box_movies_previews #line-var a.selected {
		background-color: #B30000;
		color: #fff;
	}
	

.box_area_3d { background: url('../img/bg_area_3d.png') bottom left no-repeat; }
.box_area_2d { background: url('../img/bg_area_2d.png') top left no-repeat; }
.box_area_modelado { background: url('../img/bg_area_modelado.png') bottom left no-repeat; }
.box_area_cine{ background: url('../img/bg_area_cine.png') bottom left no-repeat; }


/* CAJAS CONTENIDO EXPOSICIÓN */
#box_expo_info {
	width: 654px;
	border: 3px solid #fff;
	margin-bottom: 16px;
	float:left;
}

	#box_expo_info .text{
		height: 440px;
		overflow-y:scroll;
	}
	
	#box_expo_info a {
		color: #FFF;
	}
	
	#box_expo_info a:hover {
		color: #B30000;
	}
	
#box_expo_comments {
	width: 205px;
	border: 3px solid #fff;
	margin-bottom: 16px;
	color: #fff;
	float:left;
	margin-left: 20px;
}	

	#box_expo_comments .opinion {
		padding: 10px;
	}
	
		#box_expo_comments .opinion .nombre {
			font-family: arial, helvetica,  sans-serif;
			font-size: 13px;
			color: #B30000;
			text-align: left;
		}
		#box_expo_comments .opinion .cargo{
			font-family: arial, helvetica,  sans-serif;
			font-size: 12px;
			color: #fff;
			text-align: left;
		}
		
	
/* CAJAS CONTENIDO CURSOS */
#box_curso_info {
	width: 654px;
	border: 3px solid #fff;
	margin-bottom: 16px;
	float:left;
}

	#box_curso_info .text{
		height: 440px;
		overflow-y:scroll;
	}
	
	
#box_form_contacto {
	width: 205px;
	border: 3px solid #fff;
	margin-bottom: 16px;
	color: #fff;
	float:left;
	margin-left: 20px;
}	
	#box_form_contacto .col {
		width: 265px;
		height: 160px;
		margin-top: 20px;
		margin-left: 25px;
		float:left;
		
		border-right: 4px solid #262626;
	}
	
	#box_form_contacto .field {
		width: 185px;
		margin-top: 10px;
		margin-left: 10px;
		margin-bottom: 10px;
	}
	
		#box_form_contacto .field  .title{
			background-color: #808080;
			text-align: left;
			padding: 3px 10px 3px 10px;
		}

		#box_form_contacto .field  .data input {
			width: 185px;
			background-color: #000;
			padding: 3px 10px 3px 10px;
			color: #fff;
		}
		
		#box_form_contacto .field  .data select {
			width: 185px;
			background-color: #000;
			padding: 2px 2px 2px 10px;
			color: #fff;
		}
		
		#box_form_contacto .field  .data textarea{
			width: 185px;
			height: 140px;
			background-color: #000;
			padding: 2px 2px 2px 10px;
			color: #fff;
			margin-top: 0px;
		}
		
		#box_form_contacto .boton_izq_140 {
			width: 186px;
			margin-bottom: 10px;
			margin-left: 10px;
			float:left;
		}
	
#box_qs{
	width: 756px;
	height: 516px;
	border: 3px solid #fff;
	float:left;
}
	#box_qs .text{
		width: 716px;
		height: 460px;
		text-align: justify;
	}
	
	#box_qs .text li {
		margin-bottom: 10px;
		
	}
	
	#box_qs .text ul { list-style-image:url('../img/li1.gif'); }
	#box_qs .text ul ul{ list-style-image:url('../img/li2.gif'); }
	
	#box_qs .festival a {
		color: #fff;
	}
	
	#box_qs .festival .nombre {
		color: #b20000;
		font-weight: bold;
	}

#box_mensaje {
	width: 894px;
	border: 3px solid #fff;
	height: 310px;
	background: url('../img/mensaje_kano.png');
}
	#box_mensaje .mensaje {
		width: 270px;
		height: 70px;
		float:right;
		margin-top: 70px;
		margin-right: 178px;
		text-align: left;
	}
#secciones {
	float: right;
	width: 160px;
}
	#secciones a {
		display:block;
		width: 126px;
		color: #fff;
		font-family: arial, helvetica,  sans-serif;
		font-size: 12px;
		border: 2px solid #808080;
		background-color: #000;
		text-decoration: none;
		margin-bottom: 4px;
		text-align: left;
		padding: 1px 8px 1px 20px;
		background: url('../img/iconos/arrow_left.png') top left no-repeat;
	}
	
	#secciones a:hover {
		background: #b20000 url('../img/iconos/arrow_left.png') top left no-repeat;
	}
	
	#secciones a.selected {
		background: #b20000 url('../img/iconos/arrow_left.png') top left no-repeat;
	}
	
	
#noticias {
	width: 900px;
	height: 530px;
	overflow-y:scroll;
}

	#noticias .noticia {
		border: 3px solid #fff;
		width: 870px;
		margin-bottom: 10px;
		background-color: #4D4D4D;
		float: left;
	}
	
		#noticias .noticia  img {
			float: left;
		}
		
		#noticias .noticia  .info {
			width: 570px;
			height: 150px;
			float: right;
		}
		
/* ESTILOS GENERICOS */
.text {
	text-align: left;
	color: #fff;
	padding: 14px 20px 14px 20px;
	font-family: arial, helvetica,  sans-serif;
	font-size: 12px;
	overflow-y:scroll;
	background: url('../img/bg_text.png');
}

.box_title {
	background-color: #808080;
	color: #fff;
	font-family: arial, helvetica,  sans-serif;
	font-weight: bold;
	font-size: 14px;
	padding: 7px 16px 7px 16px;
	text-align: left;
}

.box_title_red {
	background-color: #808080;
	color: #b30000;
	font-family: arial, helvetica,  sans-serif;
	font-weight: bold;
	font-size: 18px;
	padding: 3px 16px 3px 16px;
	text-align: left;
}

.box_footer {
	padding: 14px 20px 14px 20px;
	text-align: right;
}
	
.f9_blanca{
	font-family: arial, helvetica,  sans-serif;
	font-size: 9px;
	color: #fff;
}

.f12_negra{
	font-family: arial, helvetica,  sans-serif;
	font-size: 12px;
	color: #000;
}
.f14_blanca {
	font-family: arial, helvetica,  sans-serif;
	font-size: 14px;
	color: #fff;
}

.f18_negra{
	font-family: arial, helvetica,  sans-serif;
	font-size: 18px;
	color: #000;
}

.f14_roja{
	font-family: arial, helvetica,  sans-serif;
	font-size: 14px;
	color: #b20000;
}
.f11_gris {
	font-family: arial, helvetica,  sans-serif;
	font-size: 11px;
	color: #4D4D4D;
}

.f12_blanca{
	font-family: arial, helvetica,  sans-serif;
	font-size: 12px;
	color: #fff;
}

.f18_roja {
	color: #b30000;
	font-family: arial, helvetica,  sans-serif;
	font-weight: bold;
	font-size: 18px;
}

.f16_gris {
	color: #CFCFCF;
	font-family: arial, helvetica,  sans-serif;
	font-weight: bold;
	font-size: 16px;
}

.boton_derecha a {
		display:block;
		width: 126px;
		color: #fff;
		font-family: arial, helvetica,  sans-serif;
		font-size: 12px;
		border: 2px solid #808080;
		background-color: #000;
		text-decoration: none;
		margin-bottom: 4px;
		text-align: left;
		padding: 1px 8px 1px 20px;
		background: url('../img/iconos/arrow_left.png') top left no-repeat;
	}
	
.boton_derecha a:hover {
		background: #b20000 url('../img/iconos/arrow_left.png') top left no-repeat;
	}
	
.block_centrado * {
	display: block;
	margin: 0px auto;
	text-align: center;
}

.boton_derecha2 a {
		display:block;
		width: 180px;
		float:left;
		color: #fff;
		font-family: arial, helvetica,  sans-serif;
		font-size: 12px;
		border: 2px solid #808080;
		background-color: #000;
		text-decoration: none;
		margin-bottom: 4px;
		margin-left: 20px;
		text-align: left;
		padding: 1px 8px 1px 20px;
		background: url('../img/iconos/arrow_left.png') top left no-repeat;
	}
	
.boton_derecha2 a:hover {
		background: #b20000 url('../img/iconos/arrow_left.png') top left no-repeat;
	}


.boton_izq_140 a {
		display:block;
		width: 108px;
		color: #fff;
		font-family: arial, helvetica,  sans-serif;
		font-size: 12px;
		border: 2px solid #808080;
		background-color: #000;
		text-decoration: none;
		margin-bottom: 4px;
		text-align: left;
		padding: 1px 20px 1px 8px;
		background: #000 url('../img/iconos/arrow_right.png') top right no-repeat;
	}
	
.boton_izq_140 a:hover {
		background: #b20000 url('../img/iconos/arrow_right.png') top right no-repeat;
	}	
	
.block_centrado * {
	display: block;
	margin: 0px auto;
	text-align: center;
}
.blink {
	text-decoration: blink;
}

#box_cursos {
	overflow-y: scroll;
	height: 520px;
	width: 900px;
}
	#box_cursos .curso {
		width: 864px;
		height: 120px;
		border: 3px solid #fff;
		margin-bottom: 20px;
		background-color:#A6A6A6;
	}
	
	#box_cursos .curso .nombre {
		width: 240px;
		height: 100px;

		text-align: left;
		float:left;
		padding:10px;
	
	}
	
	#box_cursos .curso .info {
		width: 295px;
		height: 100px;
		padding:10px;
		background-color: #4D4D4D;
		float:left;
		text-align: left;
	}
	
	#box_cursos .curso .links {
		float:left;
		padding: 10px;
	}
	
	#box_cursos  .imagen {
		float:left;
	}
	#box_cursos .curso_3d { background: url('../img/cursos/fondo_3d.png') top left no-repeat; }
	#box_cursos .curso_cine{ background: url('../img/cursos/fondo_cine.png') top left no-repeat; }
	#box_cursos .curso_2d{ background: url('../img/cursos/fondo_2d.png') top left no-repeat; }
	#box_cursos .curso_guion{ background: url('../img/cursos/fondo_guion.png') top left no-repeat; }
	#box_cursos .curso_efectos{ background: url('../img/cursos/fondo_fx.png') top left no-repeat; }