HTML{
	font-size:100%;
}

*{
	padding:0;
	margin:0;
}

BODY{
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:11px;
	color:#333333;
}

A{
	color:#000;
}

A:hover{
	color:#333;
}

A:visited{
	color:#000;
}

.clear{
	clear:both;
}

/* CABECERA */
DIV.cabecera{
	width:911px;
}
	DIV.contenidos-cabecera{
		height:27px;		
	}	
		DIV.contenidos-cabecera DIV.navbar{
			
		}
		
			DIV.contenidos-cabecera DIV.navbar UL{
				list-style:none;
				list-style-image:none;
				margin-left:15px;
			}
			
			DIV.contenidos-cabecera DIV.navbar UL LI{
				float:left;
				padding-top:5px;
				color:#999999;
			}
				DIV.contenidos-cabecera DIV.navbar UL LI.activo{
					color:#333333;
				}				

			DIV.contenidos-cabecera DIV.navbar UL LI A{
				color:#999999;
				text-decoration:none;
			}
			
			DIV.contenidos-cabecera DIV.navbar UL LI.activo A{
				color:#333333;
			}			
			
				DIV.contenidos-cabecera DIV.navbar UL LI.separador{
					padding-left:5px;
					padding-right:5px;
				}		
		
		DIV.contenidos-cabecera DIV.derecha{
			float:right;
			width:275px;
		}

			DIV.contenidos-cabecera DIV.derecha DIV.texto{
				float:left;
				width:49%;
				text-align:center;
				vertical-align:middle;
				padding-top:2px;
			}
				DIV.contenidos-cabecera DIV.derecha DIV.texto A {
					color:#333333;
					text-decoration:none;
					padding-top:4px;
				}
				
				DIV.contenidos-cabecera DIV.derecha DIV.texto A.activo {
					background:url(imgs/fondo-font-size.jpg) no-repeat center top;
				}
				
				DIV.contenidos-cabecera DIV.derecha DIV.texto SPAN#pe{
					font-size:11px;
				}
				
				DIV.contenidos-cabecera DIV.derecha DIV.texto SPAN#me{
					font-size:13px;
				}
				
				DIV.contenidos-cabecera DIV.derecha DIV.texto SPAN#ga{
					font-size:15px;
				}								
			
			DIV.contenidos-cabecera DIV.derecha DIV.idiomas{
				float:right;
				width:49%;
				text-align:center;
				padding-top:5px;
			}

				DIV.contenidos-cabecera DIV.derecha DIV.idiomas A{
					text-decoration:none;
					color:#b3b3b3;
				}
					DIV.contenidos-cabecera DIV.derecha DIV.idiomas A.activo{
						color:#333333;
					}	

	DIV.imagen-cabecera{
		position:relative;
		width:911px;
		height:150px;	
	}

/* SEPARADOR */
DIV.separador-cabecera{
	width:100%;
	height:22px;
	clear:both;
}

/* CUERPO */
DIV.cuerpo{
	width:911px;
	height:100%;
	padding:0px 0px 0px 0px;
}

	/* CONTENEDOR */
	DIV.cuerpo DIV.contenedor{
		width:911px;
	}
	
		/* LATERAL */
		DIV.cuerpo DIV.contenedor DIV.lateral{
			width:200px;	
			float:left;
			/*background:#CC66CC;*/
		}
		
		DIV.cuerpo DIV.contenedor DIV.lateral UL{	/*TODOS LOS UL DEL MENÚ*/
			list-style:none;
			list-style-image:none;
			list-style-type:none;
		}
		
		DIV.cuerpo DIV.contenedor DIV.lateral UL LI A{	/*TODOS LOS UL LI DEL MENÚ*/
			text-decoration:none;
		}		
		
		DIV.cuerpo DIV.contenedor DIV.lateral UL#navegacion{
			margin: 0px 0px 0px 11px;
			width:180px;
		}
		
			DIV.cuerpo DIV.contenedor DIV.lateral UL#navegacion LI{
				margin-bottom:5px;
			}
			
			DIV.cuerpo DIV.contenedor DIV.lateral UL#navegacion LI H2{
				background:url(imgs/fondo-titulo-menu-noactivo.jpg) no-repeat 0 0;
				color:#FFFFFF;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:12px;
				padding:0px 0 5px 2px;
				letter-spacing:-1px;
				
			}
			
			DIV.cuerpo DIV.contenedor DIV.lateral UL#navegacion LI.menudo {
				margin-left:0px;	
			}
			
			DIV.cuerpo DIV.contenedor DIV.lateral UL#navegacion LI.menudo H3{
				background:url(imgs/fondo-titulo-menu-noactivo-gris.jpg) no-repeat 0 0;
				color:#FFFFFF;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:10px;
				padding:0px 0 5px 2px;
			}	
			
			DIV.cuerpo DIV.contenedor DIV.lateral UL#navegacion LI.menudo H3 A{
				color:#FFFFFF;
			}
			
			DIV.cuerpo DIV.contenedor DIV.lateral UL#navegacion LI H2.activo{
				background:url(imgs/fondo-titulo-menu-activo.jpg) no-repeat 0 0;
			}
			
				DIV.cuerpo DIV.contenedor DIV.lateral UL#navegacion LI H2 A{
					text-decoration:none;
					color:#FFFFFF;
				}
			
			DIV.cuerpo DIV.contenedor DIV.lateral UL#navegacion LI UL{
				margin:0;
				padding:0;
				width:175px;			
			}
			
			DIV.cuerpo DIV.contenedor DIV.lateral UL#navegacion LI UL LI{
				margin:0 0 0 5px;
				padding:4px 0 6px 0;
				background:url(imgs/fondo-puntos.jpg) no-repeat 0 18px;
			}
			
			DIV.cuerpo DIV.contenedor DIV.lateral UL#navegacion LI UL LI.menudo{
				background:none;
				padding:4px 0 0 0;
			}
			
			/*DEFINICION COLORES*/
			DIV.cuerpo DIV.contenedor DIV.lateral UL#navegacion LI UL LI.tipoA A{
				display:block;
				background:url(imgs/topos-menu/tipoA.jpg) no-repeat right center;
			}
			
				DIV.cuerpo DIV.contenedor DIV.lateral UL#navegacion LI UL LI.tipoA-activo A{
					display:block;
					background:url(imgs/topos-menu/tipoA_activo.jpg) no-repeat right center;
				}
			
			DIV.cuerpo DIV.contenedor DIV.lateral UL#navegacion LI UL LI.tipoB A{
				display:block;
				background:url(imgs/topos-menu/tipoB.jpg) no-repeat right center;
			}
			
				DIV.cuerpo DIV.contenedor DIV.lateral UL#navegacion LI UL LI.tipoB-activo A{
					display:block;
					background:url(imgs/topos-menu/tipoB_activo.jpg) no-repeat right center;
				}			
			
			DIV.cuerpo DIV.contenedor DIV.lateral UL#navegacion LI UL LI.tipoC A{
				display:block;
				background:url(imgs/topos-menu/tipoC.jpg) no-repeat right center;
			}
				DIV.cuerpo DIV.contenedor DIV.lateral UL#navegacion LI UL LI.tipoC-activo A{
					display:block;
					background:url(imgs/topos-menu/tipoC_activo.jpg) no-repeat right center;
				}				
			
			DIV.cuerpo DIV.contenedor DIV.lateral UL#navegacion LI UL LI.tipoD A{
				display:block;
				background:url(imgs/topos-menu/tipoD.jpg) no-repeat right center;
			}
				DIV.cuerpo DIV.contenedor DIV.lateral UL#navegacion LI UL LI.tipoD-activo A{
					display:block;
					background:url(imgs/topos-menu/tipoD_activo.jpg) no-repeat right center;
				}			
			
			DIV.cuerpo DIV.contenedor DIV.lateral UL#navegacion LI UL LI.tipoE A{
				display:block;
				background:url(imgs/topos-menu/tipoE.jpg) no-repeat right center;
			}	
				DIV.cuerpo DIV.contenedor DIV.lateral UL#navegacion LI UL LI.tipoE-activo A{
					display:block;
					background:url(imgs/topos-menu/tipoE_activo.jpg) no-repeat right center;
				}						
			
			DIV.cuerpo DIV.contenedor DIV.lateral UL#navegacion LI UL LI.tipoF A{
				display:block;
				background:url(imgs/topos-menu/tipoF.jpg) no-repeat right center;
			}
				DIV.cuerpo DIV.contenedor DIV.lateral UL#navegacion LI UL LI.tipoF-activo A{
					display:block;
					background:url(imgs/topos-menu/tipoF_activo.jpg) no-repeat right center;
				}						
			
			DIV.cuerpo DIV.contenedor DIV.lateral UL#navegacion LI UL LI.tipoG A{
				display:block;
				background:url(imgs/topos-menu/tipoG.jpg) no-repeat right center;
			}
				DIV.cuerpo DIV.contenedor DIV.lateral UL#navegacion LI UL LI.tipoG-activo A{
					display:block;
					background:url(imgs/topos-menu/tipoG_activo.jpg) no-repeat right center;
				}						
			
				
				/* ELEMENTOS HIJOS DE MENÚ*/
				DIV.cuerpo DIV.contenedor DIV.lateral UL#navegacion LI UL LI UL.submenu{
					margin:12px 0 0 0;
					padding:0;
				}
						DIV.cuerpo DIV.contenedor DIV.lateral UL#navegacion LI UL LI UL.submenu LI{	
							margin:3px 0 0 0;
							padding:0;
							background:none;
						}
						
							DIV.cuerpo DIV.contenedor DIV.lateral UL#navegacion LI UL LI UL.submenu LI DIV {
								width:25px;
								text-align:center;
								float:left;
							}
								DIV.cuerpo DIV.contenedor DIV.lateral UL#navegacion LI UL LI UL.submenu LI DIV SPAN{
									color:#ff7920;
								}
								
								DIV.cuerpo DIV.contenedor DIV.lateral UL#navegacion LI UL LI UL.submenu LI.submenu-activo DIV SPAN{
									font-weight:bold;
								}								
								
							DIV.cuerpo DIV.contenedor DIV.lateral UL#navegacion LI UL LI UL.submenu LI A{
								background:none;
								margin-left:10px;
								padding-right:16px;
								display:block;
								float:left;
								width:120px;
								background:none;
								padding-bottom:8px;

							} 	
								DIV.cuerpo DIV.contenedor DIV.lateral UL#navegacion LI UL LI UL.submenu LI.submenu-activo A{
									font-weight:bold;
								}

			/* SUBMENU DE OTROS PROYECTOS */
			DIV.cuerpo DIV.contenedor DIV.lateral UL#navegacion LI UL.submenu-directo{

			}
			DIV.cuerpo DIV.contenedor DIV.lateral UL#navegacion LI UL.submenu-directo LI{
				background:none;
				margin:0;
				padding:0;
			}
			
				DIV.cuerpo DIV.contenedor DIV.lateral UL#navegacion LI UL.submenu-directo LI DIV {
					width:25px;
					text-align:center;
					float:left;
				}
					DIV.cuerpo DIV.contenedor DIV.lateral UL#navegacion LI UL.submenu-directo LI DIV SPAN{
						color:#cf1040;
					}
					
					DIV.cuerpo DIV.contenedor DIV.lateral UL#navegacion LI UL.submenu-directo LI.activo DIV SPAN{
						font-weight:bold;
					}								
					
				DIV.cuerpo DIV.contenedor DIV.lateral UL#navegacion LI UL.submenu-directo LI A{
					background:none;
					/*margin-left:10px;*/
					padding-right:0px;
					display:block;
					float:left;
					width:145px;
					background:none;
					padding-bottom:8px;
				} 	
					DIV.cuerpo DIV.contenedor DIV.lateral UL#navegacion LI UL.submenu-directo LI.activo A{
						font-weight:bold;
					}													
		
	/* CONTENIDO */	
	DIV.cuerpo DIV.contenedor DIV.contenido{
		width:705px;
		margin:0px 0px 0px 201px;
	}
	
	DIV.cuerpo DIV.contenedor DIV.contenido.size0{
		font-size: 100%;
	}
	
	DIV.cuerpo DIV.contenedor DIV.contenido.size1{
		font-size:1.2em;
	}
	
	DIV.cuerpo DIV.contenedor DIV.contenido.size2{
		font-size:1.5em;
	}		
	
		/* PORTADA */
		DIV.cuerpo DIV.contenedor DIV.contenido#portada{
			border:2px solid #FF0000;
			width:695px;
		}
		
		/*POP-UP*/
		DIV.contenido#pop-up{
			width:500px;
			margin:20px auto 0 auto;
		}
			DIV.contenido#pop-up H1{
				background:url(imgs/fondo-puntos-x.jpg) repeat-x 0 bottom;
				padding:4px 0;
				margin-bottom:10px;
				font-size:1.5em;
				color:#db2301;
				width:500px;
			}	
		
		/* ESTILOS EN GENERAL */
		DIV.cuerpo DIV.contenedor DIV.contenido H2{
			margin-bottom:10px;
			font-size:1.5em;
			color:#db2301;
			width:500px;
		}

		DIV.cuerpo DIV.contenedor DIV.contenido H3{
			background:url(imgs/fondo-puntos-x.jpg) repeat-x 0 bottom;
			padding:4px 0;
			margin-bottom:10px;
			font-size:1.5em;
			color:#db2301;
			width:500px;
		}
		
		DIV.contenido UL {
			margin-left:15px;
		}

		DIV.contenido OL {
			margin-left:15px;
		}
		
		/* CENTRO PROYECTO */
		DIV.centro-proyecto {
			float:left;
			width:505px;
			padding:0;
			margin:0;
		}
		
			DIV.centro-proyecto DIV#mapa-proyecto {
				border:1px solid #db2301;
				float:left;
			} 
			
			DIV.centro-proyecto DIV#imagen-proyecto {
				border:1px solid #db2301;
				float:right;
				position:relative;
			}

			DIV.centro-proyecto DIV#player-video-proyecto {
				position:relative;
				width:502px;
				height:304px;
			}			 

				DIV.centro-proyecto DIV#imagen-proyecto DIV.zoom{
					position:absolute;
					bottom:5px;
					right:5px;
					background:url(imgs/zoom.jpg) no-repeat 0 0;
					width:19px;
					height:19px;
				}
					DIV.centro-proyecto DIV#imagen-proyecto DIV.zoom A{
						display:block;
						height:19px;
						text-decoration:none;
					}
					
			DIV.centro-proyecto DIV.imagen-defectoL{
				border:1px solid #db2301;
				float:left;
				position:relative;
				background-color:#FFFFFF;
				width:245px;
				height:184px;

			}
			DIV.centro-proyecto DIV.imagen-defectoR{
				border:1px solid #db2301;
				float:right;
				position:relative;
				background-color:#FFFFFF;
				width:245px;
				height:184px;								
			}	
			DIV.centro-proyecto DIV.imagen-defectoR IMG{

			}
			
			DIV.centro-proyecto DIV.imagen-defectoL DIV.icono-defecto,
			DIV.centro-proyecto DIV.imagen-defectoR DIV.icono-defecto{
				position:absolute;
				background-color:#db2301;
				opacity:0.5;				
				width:13px;
				height:13px;			
				left:48%;
				top:46%;
				filter: alpha(opacity=50);
			}		

			DIV.centro-proyecto DIV.separador-proyecto{
				margin: 8px 0;
				clear:both;
			}		
			
			DIV.centro-proyecto DIV.scrollable {
				float:left;		
				position:relative;
				overflow:hidden;	 	
				width: 469px;	
				height:50px;	
				padding:10px 0;	
			}
			
			DIV.centro-proyecto DIV.scrollable DIV.items {	
				width:20000em;	
				position:absolute;
				clear:both;		
				margin-left:3px;
			}
			
			/* single scrollable item */
			DIV.centro-proyecto DIV.scrollable DIV.items div {
				float:left;				
				width:64px;
				margin-right:15px;	
			}
			
			/* active item */
			/*DIV.centro-proyecto DIV.scrollable DIV.items DIV.active {
				border:2px solid #DB2301;
			}*/			
			
			DIV.centro-proyecto A.prev, DIV.centro-proyecto A.next{
				display:block;
				width:18px;
				height:18px;
				background:url(imgs/prev.jpg) no-repeat;
				float:left;
				margin:30px 0px;
				cursor:pointer;
			}
			
			/*DIV.centro-proyecto A.prev:hover, DIV.centro-proyecto A.next:hover{
				background-position:0px -18px;		
			}*/

			DIV.centro-proyecto A.disabled {
				visibility:hidden !important;		
			}

			DIV.centro-proyecto A.next {
				background-image:url(imgs/next.jpg);
				clear:right;	
			}
			
		
		DIV.proyecto-left{
			float:left;
			width:240px;
		}
			DIV.proyecto-left H4{
				color:#db2301;
				font-size:1.1em;
				margin-bottom:10px;
			}
			
			DIV.proyecto-left TR TD.bold{
				font-weight:bold;
			}		
		
		
		DIV.proyecto-right{
			float:right;
			width:250px;
		}		
		
			DIV.proyecto-right H4{
				color:#db2301;
				font-size:1.1em;
				margin-bottom:2px;
			}		
		
		
		/*LATERAL PROYECTO */
		DIV.lateral-proyecto{
			float:right;
			width:180px;
			/*margin-left:20px;*/
		}
		
			DIV.cuerpo DIV.contenedor DIV.contenido DIV.lateral-proyecto H3{
				background:url(imgs/fondo-puntos.jpg) no-repeat 0 18px;
				color:#db2301;
				font-size:12px;
				padding:4px 0;
				letter-spacing:1px;
				width:180px;
				/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
			}
			
			DIV.lateral-proyecto DIV.mapa-th{
				border:1px solid #db2301;
				margin-bottom:20px;
			}
			
			DIV.lateral-proyecto DIV.youtube-th{
				margin-top:3px;
				margin-bottom:15px;
			}
			
			DIV.lateral-proyecto DIV.tresd-th{
				margin-top:3px;
				margin-bottom:15px;
			}
			
	/* CONTACTO */
	DIV.cuerpo DIV.contenedor DIV.contenido#contacto{
		background:url(imgs/fondo-contacto.jpg) no-repeat left 2px;
		width:350px;
		height:460px;
		padding-left:190px;
	}
		DIV.cuerpo DIV.contenedor DIV.contenido#contacto P{
			line-height:18px;			
		}	
		
		DIV.cuerpo DIV.contenedor DIV.contenido#contacto STRONG{
			color:#db2301;
			font-size:1.4em;
			letter-spacing:1px;
			margin:5px 0;
			display:block;
		}
		
	/* OTROS PROYECTOS */
	DIV.cuerpo DIV.contenedor DIV.contenido#otros_proyectos{
		border:2px solid #FF0000;
		width:695px;
	}	
	
	/* VIDEOS OBRAS*/			
	DIV.listado-videos{
		float:left;
		width: 250px;
		margin-top:10px;
	}
		DIV.listado-videos UL{
			list-style:none;
			list-style-type:none;
			list-style-image:none;
		}

		DIV.listado-videos UL LI{
			color:#999999;
			font-size:1.1em;
			background:url(imgs/fondo-puntos-x.jpg) repeat-x 0 bottom;
			padding:6px 0 13px 0;
		}
		
			DIV.listado-videos UL LI P{
				margin-bottom:2px;
			}			

		DIV.listado-videos UL LI A SPAN.tipoA{
			color:#009899;
		}
		DIV.listado-videos UL LI A SPAN.tipoB{
			color:#00a7d4;
		}
		DIV.listado-videos UL LI A SPAN.tipoC{
			color:#ea6927;
		}
		DIV.listado-videos UL LI A SPAN.tipoD{
			color:#d0c00b;
		}
		DIV.listado-videos UL LI A SPAN.tipoE{
			color:#6b5995;
		}
		DIV.listado-videos UL LI A SPAN.tipoF{
			color:#80b73f;
		}
		DIV.listado-videos UL LI A SPAN.tipoG{
			color:#c20279;
		}												
		DIV.listado-videos UL LI A{
			text-decoration:none;
			color:#333333;
		}

		DIV.listado-videos UL LI.activo A{
			color:#000000;
			text-decoration:underline;
			font-weight:bold;
		}
		
		/*DIV.listado-videos UL LI.activo A SPAN{
			color:#009999;
		}*/

	DIV.player-videos-obras{
		margin-top:10px;
		float:right;
		width:437px;
		height:263px;		
	}			
	
/* SEPARADOR */
DIV.separador-footer{
	width:100%;
	height:22px;
	clear:both;
}			


	/* FOOTER */	
	DIV.cuerpo DIV.contenedor DIV.footer{
		clear:both;
		width:850px;	
		margin:20px 0px 20px 50px;
	}
	
		DIV.cuerpo DIV.contenedor DIV.footer UL{
			list-style:none;
			text-align:center;			
		}
			DIV.cuerpo DIV.contenedor DIV.footer UL LI{
				display:inline;
				font-size:10px;
				border-right:1px solid #b3b3b3;
				padding:0px 5px 0px 5px;
			}
			
			DIV.cuerpo DIV.contenedor DIV.footer UL LI.last{
				border-right:none;
			}
			
				DIV.cuerpo DIV.contenedor DIV.footer UL LI A{
					color:#b3b3b3;
					text-decoration:none;					
				}
				DIV.cuerpo DIV.contenedor DIV.footer UL LI A:hover{
					text-decoration:underline;					
				}