#ventana-principal{
  height: 32em;
  min-height: 32em;
  max-height: 32em;
  overflow: auto;
}

/*#pie-contenido{
  visibility:hidden;
  height:0px;
  max-height:0px;
  min-height:0px;
  overflow:hidden;
}
*/

#foto-personal{margin-right: 5px;margin-top: 9px;margin-bottom: 9px;}
#video-videos{margin-right: 5px;margin-top: 0px;margin-bottom: 0px;}
#galeria-galerias{margin-right: 5px;margin-top: 0px;margin-bottom: 0px;}

.imagen-portada{
  width: 665px;
  height: 375px;
  margin: 0px;
  padding:0px;
}
.mensaje_personal{
  width: 467px;
  height: 40px;
}
.medio-panel{
  height: 31.5em;
  min-height: 31.5em;
  max-height: 31.5em;
  }

.panel{
  height: 41.5em;
  min-height: 41.5em;
  max-height: 41.5em;
  }

a, h1{color: white;}


a:hover{color: white;}

/* Generales */
html, body{height: 99%;}
body {margin:5px 0px 0px 0px;	background-color: #dddddd;background-image: url('../images/floralblack.jpg');}
img{padding:5px;margin:0px;}
h3{margin-bottom:0.5em;color: #365B72;}
p{margin-bottom:0;}
th {font-weight:bold;border:none;background:none;}
textarea {padding:2px;}
div{background:transparent;}
a{text-decoration:none;}
table{width:97%;}
hr{margin-bottom:6px;margin-top: 0px;color: #aaa;background: #aaa;}

/*Generales identificadores */
#header{background-image: url('../images/bt.jpg');} 
#menu{margin-bottom: 10px;}
#content{min-height:25em;height: auto;height: 100%;}
#page {}
#footer{background-image: url('../images/bg.jpg');}
#menu{
	padding-top:2px;
	padding-bottom:2px;
	margin-bottom: 0px;
}

#contenido{
  
}

#player{
	display:inline;
}

.contenedor:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Clases para bordes */
.lateral-izquierdo{height: 48em;background-image: url('../images/bgl.jpg');}
.lateral-derecho{height: 48em;background-image: url('../images/bgr.jpg');}
.footer{}
.header{}

.borde-1{border-style: solid;border-width: 1px;}
.borde-2{border-style: solid;border-width: 2px;}

/* Clases para color fondos */
.fondo-blanco, .fondo-destacado td, .fondo-destacado th {background-color:#fff;}
.fondo-sutil, .fondo-claro td, .fondo-claro th {background-color:#eee;}
.fondo-claro, .fondo-claro td, .fondo-claro th {background-color:#777;}
.fondo-medio, .fondo-medio td, .fondo-medio th{	background-color: #444;}
.fondo-oscuro, .fondo-oscuro td, .fondo-oscuro th{background-color: #111;}
.fondo-negro, .fondo-negro td, .fondo-negro th{background-color: #000;background-image: url('../images/floralblack.jpg')}
.fondo-destacado, .fondo-destacado td, .fondo-destacado th{background-color: #9933BB;}
.fondo-claro-tx, .fondo-claro td, .fondo-claro th {background-color:#777;background-image: url(../images/fondoclaro.jpg);}
.fondo-medio-tx, .fondo-medio td, .fondo-medio th{	background-color: #444;background-image: url(../images/fondomedio.jpg);}
.fondo-oscuro-tx, .fondo-oscuro td, .fondo-oscuro th{background-color: #111;background-image: url(../images/fondooscuro.jpg);}

/* Clases para color textos */
.texto-blanco{color:#fff;}
.texto-claro{color:#eee;}
.texto-medio{color: #ddd}
.texto-oscuro{color: #666}
.texto-negro{color: #000}
.texto-destacado{color: red;}
.negrita{font-weight: bold;}

/* Clases para "airear" */
.separar{padding: 5px 5px;}
.separar-sutil{padding: 3px 3px;}
.separar-horizontal{padding: 0px 5px;}
.separar-vertical{padding: 5px 0px;}
.separar-arriba{padding: 5px 0px 0px 0px;}
.separar-izquierda{padding: 0px 0px 0px 5px;}
.despegar{margin-right: 5px;margin-left: 5px;}
.despegar-derecha{margin-right: 5px;}
.despegar-izquierda{margin-left: 5px;}
.espacio-vertical{min-height: 18px;max-height: 18px;height: 18px;}
.medio-espacio-vertical{min-height: 9px;max-height: 9px;height: 9px;}
.mini-espacio-vertical{min-height: 4px;max-height: 4px;height: 4px;}

/* Clases para alinear textos */
.texto-derecha{text-align:right;}
.texto-izquierda{text-align:left;}
.texto-centro{text-align:center;}
.texto-justificado{text-align:justify;}

/* Clases para tablas */
.celda-borrar{width:50px;text-align:right;vertical-align:middle;}
.celda-numerica{text-align:right;}
.celda-encima{background-color: #fff;}

/* Clases para login */
.login{margin-bottom:0.5em;}
.login a, .login a:visited, .login a:active,.login a:hover, .login a:focus, .login a:link{
	color: #fff;
	text-decoration:none;
}

/*Clases para formularios */
input, textarea, select {margin:0.2em 0;}
.t100 input, td.t100 input, td.t100 textarea, td.t100 select {width:98%;}
.text-activo{background-color: #FFD99F;}
.a4 input, td.a4 input, td.a4 textarea, td.a4 select {height:4.8em}

/*Clases para listas de links*/
.lista-links{}
.lista-links a{color:black;font-weight:bold;}
.lista-links a:hover{background-color:white;color:black;}

/*Clases para .show */
.show p{color: #666;line-height:1.5em;margin: 2px;}
.show p.p-titulo{padding-left:2px;color: #fff;background-color: #365B72;}
.extensible{height: 100%;}

/*Clases para elementos link*/
.paginador a{
color: #fff;
font-weight:bold;
text-decoration:none;
}

/* Clases para galeria-fotos */
.galeria-fotos {
}

.galeria-fotos div.elemento-galeria-fotos{
text-align:center;
background:transparent none repeat scroll 0%;
width:150px;
height:160px;
float:left;
}

.galeria-fotos div.elemento-galeria-fotos a{
color: #fff;
font-weight:bold;
text-decoration:none;
font-size:15px;
}

.galeria-fotos div.elemento-galeria-fotos img
{
	width: 130px;
	max-height: 120px;
}

.ficha-personal, .ficha-personal table, .ficha-personal tr, .ficha-personal td{
border-collapse:collapse;
background:transparent;
background-color:transparent;
background-image:none;
vertical-align:top;
height:auto;
margin-bottom:0;
}

.ficha-personal{
height: 22em;
}

.foto{
width: 11.7em;
}


.datos-personal, .datos-personal table, .datos-personal table tr,
.datos-personal a, .datos-personal table td{
border-collapse:collapse;
background:transparent;
background-color:#333;
background-image:none;
vertical-align:top;
height:auto;
color:#ddd;
}

.lista-links, .lista-links table, .lista-links table tr, .lista-links table td{
border-collapse:separate;
background:transparent;
background-color:transparent;
background-image:none;
}

.lista-links td{
height: 100px;
text-align:center;
font-size:0.8em;
padding: 4px 4px 0px 0px;
background:none;
}

.lista-links a,.lista-links a:hover{
padding:0;
margin:0;
color:#fff;
background:none;
}

.lista-links img{
/*max-width: 150px;
max-height: 100px;*/
margin: 4px 0px;
padding: 0;
}

.lista-videos object{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.tablon{

}
