body{ font-family: Arial, Helvetica, sans-serif; background:#000000; padding:0; margin:0; font-size:14px;}
body, html {height: 100%;}
html { overflow:hidden}
#outer {height: 100%; overflow: visible;}


#idiomas a{color:#FF671A; text-decoration:none}

.menu{/*
	display: table; 
	height: 100%;  
	_position: relative; */
	overflow: hidden;
	width:100%;  
	margin-bottom:100px;
}
.menu .menu1{
	/*
	 _position: absolute;  _top: 40%; display: table-cell; vertical-align: middle;
	position:relative;
	vertical-align:middle;*/
	width:100%; 
}
.menu .menu1 .menu2{
	/*
	_position: relative;  
	_top: -40%; 
	_margin-bottom:0px;*/
	height:90px; 	
	width:100%; 
	background:url(/img/logo_web.jpg) no-repeat #2B2A2A; 
	vertical-align:middle;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	margin-top:100px;
	
	
}
.menu .menu1 .menu2 a{display:block; float:left; font-weight:bold }
.menu .menu1 .menu2 div{float:left; text-align:center; background:#2B2A2A}


.menu a {text-decoration:none;  color:#fff;  position:relative}
.menu a:hover{color:#C0BEBF; }

.over_menu{color:#C0BEBF; cursor:pointer}

#imagen{line-height:18em;}
#imagen img{vertical-align:middle}
#imagen_grande_2{position:relative;}


.link_normal{ display:block; height:50px; padding-top:35px;}

#bio{width:100px; margin-top:35px; text-align:center; padding-left:20px;}
#bio_menu { width:130px; height:100px; }
#contact{width:150px;  margin-top:35px; }
#contact a{width:100%}
#contact_menu{width:150px; height:100px;  }

#video{width:100px; margin-top:35px;}
#project {width:220px; margin-top:35px;}
#project_menu, #video_menu{ width:220px; height:100px; padding-bottom:10px }

.elems_menu{background:#3F3D3E;}
.elems_menu a{margin-top:20px;display:block; margin-bottom:30px; text-align:center;  width:100%} 

#project .elems_menu_rand a{ display:block; width:auto;text-align:center; padding:0}
#video .elems_menu_rand a{ margin-top:20px;display:block; width:100%;text-align:center; padding:0;}

.ret_menu{background:#3F3D3E; text-align:left; padding:3px 10px; color:#FFF; font-weight:bold}
.ret_menu a{color:#6D6B6C; text-decoration:none; margin-right:4px}
.ret_menu a:hover{color:#C0BEBF; text-decoration:none}

.lista_temas{background:#3F3D3E; text-align:left; font-weight:bold}
.lista_temas a{background:#3F3D3E; border-right:1px solid #2C2A2B; display:block; float:left; width:auto; padding:2px 20px; color:#6D6B6C; text-decoration:none}
.lista_temas a:hover{background:#5E5D5E; color:#fff}
.lista_temas .about{float:right; color:#FF671A}
.lista_temas .selected{color:#fff;}

h2{color:#FF671A}

#msg_cargando{
	 position:absolute; 
	 left:100px; 
	 top:100px; 
	 background:#6D6B6C; 
	 color:#fff;
	 border:1px solid #000; 
	 width:150px; 
	 height:12px; 
	 padding:10px 30px;
	 filter:alpha(opacity=60);-moz-opacity:0.6;opacity: 0.6;
}

#control_volumen{background:#3F3D3E; text-align:left; height:18px; padding-top:2px}
.thums{background:#6D6B6C, width:100%; overflow:hidden;}
.thums table{position:relative;}
.thums table img{filter:alpha(opacity=40);-moz-opacity:0.4;opacity: 0.4; border:0}
.thums table img.selected {  filter:alpha(opacity=100);-moz-opacity:1;opacity: 1;}

#desc_proyect{position:absolute; width:200px; height:300px; filter:alpha(opacity=80);-moz-opacity:0.8;opacity: 0.8; background:#3F3D3E; color:#FF671A; font-size:11px}
#desc_proyect a{color:#FF671A; text-decoration:none}

.comillas{font-size:35px; line-height:20px; color:#8F898C; font-weight:lighter; font-style:oblique}
/* ---------------------------------------------------------------------------------------------------------------- */

#menu_galeria {margin:0; padding:10px; list-style:none; list-style: none; text-align:left; font-size:10px;}
#menu_galeria li{margin-bottom:5px; border-bottom:1px dotted #CFCFCF; padding-bottom:2px}
#menu_galeria a{color:#017BA8}
#menu_galeria a:hover{color:#005371; font-weight:bold; background:#DBDBDB; display:block}

.hijo {margin-left:30px}
.actual {padding-left:10px; font-weight:bold; }

.imagenes img{border:1px solid #000}
.imagenes table{text-align:left; font-size:10px; } 

.foto_elemn {float:left; width:300px; height:130px; margin-top:20px; margin-right:20px}
.foto_elemn table td{vertical-align:top}


#cuadro{text-align:left;  margin-left:auto; margin-right:auto;}
.login{width:250px; margin-top:100px; font-size:10px; margin-left:auto; margin-right:auto}
.entrada{width:450px; margin-top:100px;}
.dom{width:600px; margin-top:10px;}
.cuadropup{color:#FFFFFF;text-align:left; background: black; font-weight:bold; padding:5px; border:1px solid white; background-image:url(/img/fondo2.gif)}
.cuadrodown{color:#FFFFFF;text-align:right; background:black; padding:5px; border:1px solid white; background-image:url(/img/fondo.gif); margin-top:20px;}
.cuerpo{margin:10px 0; background-color:#E1E1E1; color:#000000; padding:10px; border:1px solid white;}

.msg{width:350px; text-align:center; font-weight:bold; padding:5px;  background:#E1E1E1; margin-left:auto; margin-right:auto}

.nav a{color:#000; font-weight:bold}

.login input{width:150px; margin-left:10px}
.dom input{width:100px; margin-left:10px}

.out{width:100px; background-color:#CCCCCC; border:1px solid black; font-size:12px}
.over{width:100px; background-color:#FF671A;  border:1px solid #494D51;  font-size:12px}	

.entrada_login input{font-size:11px}
.entrada_login {}

.cuerpo a:link{color:#333333}
.cuerpo a:hover{text-decoration:none}

.listadoms{text-align:justify}
.listadoms a:link{text-decoration:none; color:#304A6E}
.listadoms a:visited{color:#304A6E;  text-decoration:none; }
.listadoms a:hover{text-decoration:underline}
.listadoms p{margin:10px 0 0 0}

a.out {padding:2px; color:black; text-align:center; width:75px; display:inline-block;}
a.over{padding:2px; color:black;  text-align:center; width:75px; display:inline-block; }

.listadoms table{width:600px}
.redir{font-weight:bold; padding-left:10px}	
.tit{border-bottom:1px solid black; width:100%; margin-bottom:5px}	
.ejem{font-size:0.9em; color:#535353}
	
.dom .cuadropup{width:610px}
.dom .cuadrodown{width:610px}

#top {font-size:13px; border-bottom:1px solid #017BA8}
#top li{ vertical-align:middle; background:#F1F1F1; display:inline; list-style:none; padding-right:10px;}
#top li a{color:#017BA8}
#top li a:hover{font-weight:bold}

a.selector{background:url(/img/flecha.jpg) no-repeat 0 6px; padding-left:13px; color:#017BA8; display:block; margin:10px 0 5px 0; border-bottom:1px solid black;}
a:hover.selector {background:url(/img/flecha_down.jpg) no-repeat 0 6px; padding-left:13px; color:red}
.recuadro {background:#EBEBEB; padding:10px; border:1px solid #DBDBDB; margin-top:5px}
.tit{color:#017BA8;}

.afegir{padding:10px; background:#DDEBF0; border:1px solid #94A0A5; font-size:12px; margin-bottom:20px}
.afegir .tit{font-size:14px}
.afegir input{font-size:11px}

.contacto{font-size:11px; width:400px; text-align:right; margin:auto; width:500px}
.contacto input{font-size:12px}
.contacto table td{ text-align:left}
#pizarra_contacto{
	background:#DBDBDB;
	width:545px;
	margin:0px auto;
	padding-bottom:10px;
}
#cvtxt{font-size:20px; font-weight:bold; text-align:center}

.curriculum {text-align:left; background:#323031; color:#CB5214; width:480px; font-size:12px; margin-top:20px; text-align:justify; margin:auto; padding:20px}
.curriculum .tit{display:block; width:100%; margin-top:10px}
.curriculum  a{color:#FF671A}

.titulo{border-bottom:1px solid #017BAA; color:#017BA8; font-weight:bold}
#imagen_central{position:absolute; margin-left:auto; margin-right:auto}

/* recuadro del apartado admin en el que hay una foto */
.recuadro_foto{border:1px solid #D3DBDE; padding:10px; background:#E9F2F5;}

/* recuadro que enmarca las fotos que se han subido por FTP */
.recuadro_FTP{border:1px solid #000; padding:20px; background:#fff; margin-top:20px; font-size:11px}
.recuadro_FTP div{float:left; width:120px;  margin-left:15px }
/* -------------------------------------------------------- */


.clear{clear:both}
/*privado*/
#listado_videos{
	text-align:left;
	color:white;
	font-size:12px;
}
#listado_videos a{
	color:white;
	text-decoration:none;
}
#listado_videos a:hover{
	text-decoration:underline;
	font-weight:bold;
}
#listado_videos li{
	list-style-type:square;
	color:#FF671A;
	margin-top:5px;
}
/*reproducir*/
#contenedor_video{
	width:760px;
	padding-left:20px;
	height:480px;
	margin:0px auto;
	text-align:center;
	color:#ffffff;
	font-size:11px;
	font-family:Arial;
}
#contenedor_video a{
	color:#026dfe;
	font-weight:bold;
	text-decoration:none;
}
#contenedor_video a:hover{
	color:#026dfe;
	font-weight:bold;
	text-decoration:underline;
}