@charset "UTF-8";
/* CSS Document */

body,td,th, a, li, span {
	color:#A7A5A5;
	font-size: 16px;
	font-family:  Arial, Helvetica, sans-serif; /*"Arial Black",*/
	font-weight:bolder;
	text-decoration:none;
}

body {
	margin: 0px;
	padding: 0px;
	border:0px;
	background-color:#000; 
	text-align: center;
}

/*a {	
	text-decoration: underline;
	color: #;
	}
a:link { color: #; }	
a:visited {color: #;}
a:hover {color: #; text-decoration: underline;}
a:active{color: #;}*/

div {
	margin: 0px;
	padding: 0px;
}

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

.FloatLeft {	
	float: left;
	}
.FloatRight {	
	float: right;
	}

.center {
	text-align: center;
	}

/*
-------------------------------------------------------------------------------------------
ESTRUCTURA COMUN
-------------------------------------------------------------------------------------------
*/


#Container {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0px;
	width: 800px;
}

#ColIzquierda {
	float: left;
	width: 280px;
}

#ColDerecha { 
	margin: 0;
	float: left;
	width: 520px;
	height: 1% /* Holly hack for Peekaboo Bug */
}

div#Content { 
	width: 480px;
	height: 355px;
	overflow: auto;
}
	

div#ColIzquierda img#logo {
	border: 0;
	margin-top: 30px;
	margin-bottom: 90px;
}

/*div#cuadrado { 
	position: relative;
	top: 220px;
	left: 45px;
	border: 0;
	background-color: #ff00d2;
	width: 45px;
	height: 38px;
}*/


p#copyright { 
	clear: left;
	color:#404040;
	margin: 354px 0px 15px 25px;
	font-weight: bolder;
	font-size: 10px;
}

div#fotos  {
	padding: 25px 25px;
	
	}
	
div#fotos img { 
	width: 200px;
	display: inline;
	margin: 0px 2px;
}

div#fotosgal { 
	
	padding: 0px 0px 0px 38px;
}

div#fotosgal img { 
	display: inline;
	margin: 0px 30px 22px 0px;
}

/*
-------------------------------------------------------------------------------------------
CLASES DEL CONTENT
-------------------------------------------------------------------------------------------
*/

div#Content p { 
	font-size: 0.75em;
	line-height: 1.3em;
	font-weight: normal;
	margin: 0px;
	padding: 12px 25px;
	color: #000;
}

div#Content p.headgallery { 
	font-size: 0.85em;
	font-weight: bold;
	font-variant: small-caps;
	padding: 14px 0px 10px 38px;
}

div#Content a { 
	font-size: 1em;
	line-height: 1.3em;
	font-weight: normal;
	text-decoration: underline;
	color: #000;
}


div#Content a:link { color: #333; }	
div#Content a:visited {color: #333;}
div#Content a:hover {color: #000; text-decoration: none;}
div#Content a:active{color: #000;}

.index { 
	background-color: #fff;
	margin-top: 165px;
	text-align: center;
	vertical-align: middle;
}

.sinopsis { 
	background-color: #fff;
	margin-top: 143px;
	}

.fragmento,
.proceso,
.ficha,
.contacto { 
	background-color: #B0ABAB;
	margin-top: 143px;
	}
	
.video { 
	background-color: #fff;
	margin-top: 143px;
	text-align: center;
	vertical-align: middle;
	}	
	
.contacto { 
	text-align: center;
	vertical-align: middle;
	}
	
div#Content p#email { 
	padding-top: 120px;
}	
	
/*
-------------------------------------------------------------------------------------------
MENU PRINCIPAL VERTICAL
-------------------------------------------------------------------------------------------
*/

	
ul#menu {
	/*width: 256px;*/
	/*background-color: #292929;*/
	float: left;
	list-style: none;
	margin: 0;
	padding: 0px;
	text-indent: 25px;
	}
	
ul#menu li {
	/*margin: 0px;*/
	/*padding: 0px 0;*/
	list-style-type: none;
	font-size: 1.2em;
	letter-spacing: 0.1em;
	color: #A7A5A5;
	font-weight: bolder;
	padding: 3px 0;
	/*text-transform: uppercase;*/
	}	

ul#menu li a {
	display: block;
	/*padding: 3px 0;*/
	letter-spacing: 0.1em;
	color: #A7A5A5;
	text-decoration: none;
	width: 100%;
	}

html>body ul#menu li a/**/ {
	width:auto;
}
	
ul#menu li a:hover {
	display: block;
	text-decoration: none;
	color: #ff00d2;
	/*background: #A7A5A5;*/
	}


ul#menu li.active {
	font-size: 1em;
	padding: 3px 0;
	color: #fff;
	/*background: #292929 url(../img/bullet.gif) no-repeat left center;*/
	/*text-indent: 1.1em;*/	
	}
	
	
ul#menu li.active a {
	color: #fff;
	/*background: #292929 url(../img/bullet.gif) no-repeat left center;*/

	}	
	
ul#menu li.active a:hover {
	display: block;
	text-decoration: none;
	/*color: #fff;*/
	/*background: #333;*/
	/*background: #333 url(../img/bullet.gif) no-repeat left center;*/
	}


/*
-------------------------------------------------------------------------------------------
MENU HORIZONTAL
-------------------------------------------------------------------------------------------
*/	
	
	
#menuH {
	position: relative;
	top: 140px;
	left: 0px;
	border: 0;
	/*background-color: #333;*/
	width: 480px;
	height: 22px;
	overflow: inherit;
	color: #fff;
	/*text-align: center;*/
	}
	
	
#menuH a { text-decoration: none; }

#menuH ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	position: relative;
    }

#menuH li { display: inline; }



#menuH ul {
	/*border-top: 1px solid #36c;
	border-bottom: 1px solid #36c;*/
	/*background-color: #36c;*/
	/*padding: 2px 0;*/
	/*margin-bottom: 2em;*/
}

#menuH li { 
	padding: 0px;
	/*background-color: #9CD4F7;*/
	}
	
#menuH ul a,
#menuH ul a:link,
#menuH ul a:visited {
	/*background-color: #36c;
	border: 1px solid #36c;*/
	color: #A7A5A5;
	padding: 0px 42px; /* funciona en todos */
	*padding: 0px 27px; /* funciona tanto en IE6 como 7 */
	_padding: 0px 27px; /* funciona sólo en IE6 y no en IE7 */
	}
	
#menuH ul li.primero,
#menuH ul li.primero a,
#menuH ul li.primero a:link,
#menuH ul li.primero a:visited { 
	/*background-color: white;*/
	padding-left: 0;
	}
#menuH ul li.ultimo,
#menuH ul li.ultimo a,
#menuH ul li.ultimo a:link,
#menuH ul li.ultimo a:visited { 
	padding-right: 0px;
	}
	
#menuH ul a:hover,
#menuH ul a:focus {
	/*background-color: #9CD4F7;*/
	/*border: 1px solid black;*/
	color: #ff00d2;
	}

/*current Link*/
#menuH ul a#current,
#menuH ul a#current:link,
#menuH ul a#current:visited { color:#FFFFFF }