/* CSS Document */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:75%;
	margin-left:10em;;
	}
img {border:0}
p a:link {
	text-decoration:none;
}
p a:hover {
	text-decoration:underline;
}
p a:visited{
	text-decoration:none;
	color:#990033;
}
h2 {font-size:1.2em; color:#ff8000; }
/*contiene toda la información*/
#contenedor {
	width:100%;
	font-size: 0.7em;
}
/*el contenedor se divide en cabecera - menús y cuerpo - el pie va dentro del cuerpo */
#cabecera {
	width:98%;
	height:8em;
	background-color:#000;
	margin-bottom:0;
	margin-top:0;
	padding-bottom:2em;
	padding-top:0em;
	padding-left:2em;
}

#menubar {
	background: url('imagenes/bg.gif') #f0f0f0 repeat-x left bottom;
	float: left;
	width: 100%;
	margin: 0 0 3em 0;
	padding: 0 0 3em 0;
}

#cuerpo {
	margin-top:2em;
	width:100%;
	margin-bottom:1em;
	float:left;
}
#pie {
	width:100%;
	text-align:center;
	padding:0;
	paddint-top:1em;
	margin-bottom:0.5em;
	clear:both;
}

#cuerpo a:link {
	text-decoration:none;
}
#cuerpo a:hover {
	text-decoration:underline;
}
/*Características de la cabecera */
#cabecera h1  {
	float:left;
	display: inline;
	margin-top:1em;
	display:inline;
	width:20%;
}
#cabecera-tagline {
	font-family:"Courier New", Courier, monospace;
	font-size:1.1em;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	width:50%;
	margin-left:5em;
	float:left;
	margin-top:7em;
	display:inline;}
/*Menú*/
#menubar {
	background: url('imagenes/bg.gif') #f0f0f0 repeat-x left bottom;
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#menubar ul {
	padding: 10px 10px 0px 0px;
	margin: 0px;
	list-style-type: none;
	line-height: normal;
	letter-spacing: normal;
}
#menubar li {
	padding: 0px 0px 0px 9px;
	margin: 0px;
	background-image: url('imagenes/left.gif');
	background-repeat: no-repeat;
	float: left;
}
#menubar a {
	padding: 5px 15px 4px 6px;
	display: block;
	float: none;
	font: caption;
	text-decoration: none;
	background: url('imagenes/right.gif') no-repeat right top;
	color: #999;
	border-bottom: none;
}
#menubar a:hover {
	color: #000;
}
#menubar #actual {
	background-image: url('imagenes/left_on.gif');
}
#menubar #actual a {
	background-image: url('imagenes/right_on.gif');
	padding-top: 3px;
	padding-bottom: 7px;
	color: #000;
}

/*Caracerísticas de Home*/
/*estructura general*/
.destacado-gral-izq {
	width:50%;
	float:left;
}
.destacado-gral-dcha {
	width:42%;
	float:right;
}
/*primer destacado izquierda*/
.destacado-izq-01 {
	width:90%;
	border-left:#999 1em solid;
	float:left;
	padding: 0 0.5em 1em 1.5em;
	margin-bottom:1.5em;
	margin-top:0;
}
/*segundo destacado izquierda*/
.destacado-izq-02 {
	width:100%;
	margin-bottom:2em;
	float:left;
}
#destacado-izq-2-texto{
	padding-left:0.4em;
	float:left;
	width:70%;
}
#destacado-izq-2-texto ul {
	list-style:url('imagenes/icono-ul.jpg');
	padding-left:2em;
	}
#destacado-izq-2-texto ul li{
	padding-bottom: 0.4em;
}
#destacado-izq-2-texto h2{
	display:block;
	background:none;
	margin-top:0;
	margin-bottom:1em;
	color:#FF8000;
	font-weight:bold;
	font-size:1.2em;
	text-align:center;
}
#destacado-izq-2-img {
	width:25%;
	float:right;
}
/*para arreglar el destacado-izq-2 y que ocupe realmente el 100%:*/
#destacado-izq-2-todo {
	width:100%;
}
/*tercer destacado izquierda */
.destacado-izq-3 {
	width:99%;
	border-top:#999 1em solid;
	float:left;
	padding: 0 0.3em 0 0;
	padding-top:1em;
	margin-bottom:3em;
}
#destacado-izq-3-texto{
	float:left;
	width:70%;
	text-align:left;
	margin-top:1em;
	margin-left:1em;
	padding-left:1em;
}

#destacado-izq-3-texto ul {
	list-style:url('imagenes/icono-ul.jpg');
	padding-left:0.2em;
	margin-left:0.2em;
	clear:both;
	}
#destacado-izq-3-texto ul li {
	margin-bottom:1em;
}
#destacado-izq-3-img {
	float:left;
	width:20%;
	text-align:center;
}
.ul-cuadrado {
	list-style:url('imagenes/icono-ul.jpg');
	padding-left:2em;
	margin-left:1em;
	clear:both;
	}

.ul-cuadrado li{
	padding-bottom:1em;
}


/*primer destacado de la derecha*/
#destacado-dcha {
	width:95%;
	margin-left:auto;
	margin-right:auto;
}
#destacado-dcha img{
	margin-left:0.5em;
	float:right;}
/*segundo destacado de la derecha*/
#noticias {
	width:90%;
	float:left;
	padding: 0.5em 0.5em 0.5em 1.5em;
	border-right:#999 1em solid;
	margin-top:1em;
	margin-left:0.5em;
	background-color:#F8F8F8;
}
#noticias h2 {
	margin-bottom:1em;
	color:#999;
	font-weight:bold;
	font-size:1.3em;
}
.noticias-fecha-naranja {
	color:#FF8000;
	font-weight:bold;
	font-size:0.9em;
}
#music {
	width:60%;
	float:right;
	margin-right:0.5em;
	margin-top:1em;

}
#music img {float:right;}
	
/*demás páginas - parte de la izquiera*/
#izquierda-imagen {
	width:40%;
	float:left;
	margin-right:1em;
	margin-top:3em;
	padding-top:3em;
}
#derecha-texto {
	width: 55%;
	float:right;
	border-left:#999 1em solid;
	padding-left: 1em;
	margin-top:3em;
	padding-top:3em;
	margin-bottom:3em;
	padding-bottom:3em;
}
#derecha-texto img {
	margin-left:5em;
}
#izquierda-texto{
	width:55%;
	padding-right:0.3em;
	float:left;
	margin-right:1em;
	border-right:#999 1em solid;
	margin-top:3em;
	padding-top:3em;
	margin-bottom:3em;
	padding-bottom:3em;
}
#izquierda-texto img {
	margin-left:5em;
}
#derecha-imagen {
	width: 40%;
	float:left;
	margin-top:3em;
	padding-top:3em;
}
/*Galería de imágenes*/
#gallery {width:825px; height:400px; padding:10px; border:1px solid #333; background: #fff; position:relative; }
#gallery b.default {position:absolute; left:10px; top:10px; width:548px; height:380px; text-align:center;}
#gallery b.default img {display:block; margin:0 auto 10px auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}
#gallery b.default span {display:block; color:#000; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}

#gallery ul {list-style:none; padding:0; margin:0; width:180px; position:relative; float:right;}
#gallery ul li {display:inline; width:52px; height:52px; float:left; margin:0 0 5px 5px;}
#gallery ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#gallery ul li a span {display:none;}
#gallery ul li a img {display:block; width:50px; height:50px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#555 #ddd #eee #333; background:#fff;}
#gallery ul li a:hover b {position:absolute; left:-548px; top:0; width:548px; height:380px; text-align:center; background:#fff; z-index:20;}
#gallery ul li a:hover span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#gallery ul li a:hover img {margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}

#gallery ul li a:active, #gallery ul li a:focus {white-space:normal; border-color:#555 #ddd #eee #333; background:#777;}
#gallery ul li a:active b, #gallery ul li a:focus b {position:absolute; left:-548px; top:0; width:548px; height:380px; text-align:center; background:#888; z-index:10;}
#gallery ul li a:active span, #gallery ul li a:focus span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#gallery ul li a:active img, #gallery ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}
#gallery-abajo {width:100%; float:left; padding:2em;}

/*Filmografía y proyectos*/
.filmo {
	width:99%;
	float:left;
	margin-bottom:2em;
	border-bottom:0.1em #999 dashed;
	padding-bottom:2em;
}
.filmo h3{font-size:1.1em; color:#333;}
.filmo-youtube {
	width:30%;
	float:right;
	text-align:right;
	padding-bottom:0.3em;
}
.filmo-youtube a:link {
	text-decoration:none;
}	
.filmo-izq {
	background:#FFE6CC; 
	width:40%;
	float:left;
	border:#ff8000 0.1em solid; 
	margin-left:0.5em;
	margin-right:0.5em; 
	margin-top:0.4em;
	margin-bottom:2em;
	padding-bottom:3em;
	padding:2em; 
}
.filmo-dcha {
	width: 45%;
	float:right;
	margin-top:0.4em;
	margin-bottom:2em;
	padding-bottom:2em;
}
.filmo-ficha {color:#ff8000; font-size:1em; display:block; border-top:#ff8000 dashed 0.01em; padding:0.3em;}