/* -------------------------------------------------------------- 
  
	
-------------------------------------------------------------- */
html {
	/*height: 100%;*/
	margin-bottom: 1px;
	}
body 
{ 
margin-top: 10px;

/*	background-color:#999999;
	
	*/
	
	}

.container {
	text-align: left;

	/*	background-color:#999999;
*/
	/*border: 1px solid #eee;
	*/
}

/* Default fonts */
h1,h2,h3,
h4,h5,h6  { font-family: Verdana,Arial, Georgia, "Times New Roman", Times, serif; }
body      { font-family: Verdana,Arial, "Lucida Grande", Helvetica, Verdana, sans-serif; } 
pre       { font-family: Verdana, "Bitstream Vera Sans", sans-serif; } 
code      { font-family: "Bitstream Vera Sans Mono", "Courier New", Monaco, Courier, monospace; } 

h1,h2,h3 { letter-spacing: -1px; }

.header {
	height: 147px;
	padding-top: 20px;
	padding-bottom: 0px;
	color: #33FF99;
	}

.header h1 {
	padding: 0 0 px 0;
	color: #333;
	}

.header a {
	color: #333;

	}

.content {
	/*background: #fff;*/
	padding-top: 20px;


	
	}

.content a { text-decoration: none; padding: 0 2px; border-bottom: 2px solid #fa0086;}
.content a:hover { background: #fa0086; border-bottom: 1px solid #fa0086;}

em { background: #ffc; padding: 2px; border-bottom: 1px solid #eee; font-style: normal;}


.flash {
	padding-top: 5px;
	padding-left:25px;
	height:535px;
	text-align:center;
	}
.pagina {
	height:500px;
	padding: 20px;
	text-align:left;
	overflow:auto;
	}
.arriba {
	vertical-align:top;
	}
	
.contacto {
	height:500px;
	padding: 20px;
	text-align:left;

	}

.portada2foto {
	padding-top: 0px;
	padding-left:0px;
	height:540px;
	text-align:center;
	}
	
.portada2video {
	padding-top: 5px;
	padding-left:0px;
	height:535px;
	text-align:center;
	}
	
	
.portada3flash {
	padding-top: 5px;
	padding-left:0px;
	height:535px;
	text-align:center;
	}

.portada4 {
	height:540px;
	overflow:auto;

	
	/*padding: 20px;*/
/*	text-align:left;
	overflow:auto;*/
	}

.portada4texto {
	padding: 20px;
	text-align:left;
	/*overflow:auto;
	*/}
	
.portada4imagen {
	padding-top: 0px;
	padding-left:0px;

	/*text-align:center;
	*/}


/**************************
NOTICIAS
**************************/

.noticias{
	height:500px;
	padding: 20px;
	text-align:left;
	overflow:auto;
}

.noticias h1 {
	border-bottom: 0px solid #000000;
	font: Verdana, Arial, sans-serif;
    font-size: 16px;
	letter-spacing: 0.1em;
	margin: 15px 0 2px 0;
	padding-bottom: 8px;
	font-weight: bold;
}

.noticias h2 {
	font: Verdana, Arial, sans-serif;
     font-size: 18px;
	letter-spacing: 0.2em;
	margin: 15px 0 2px 0;
	padding-bottom: 8px;
	font-weight: bold;
}

.noticias h3 {
font-size:16px;
margin-bottom:5px;
text-align:left;
}


.ulNoticias {
	margin: 0;
    padding:20px 25px 25px 25px;
	list-style: none;
}

.liNoticias {
	float: none;
	width: 700px;
 	margin: 2px;
  	height: auto;
  	width: auto;
 	text-align: left;
	list-style: none;

}

.menu {
margin:-1 0 0 0;
text-align:right;
padding:0px 0px 0px 0px;
list-style:none;
 height:22px;
 position:relative;
 font-family:Verdana,arial, sans-serif; 
/*background-color:#c84646;
border:1px solid #9cb342;*/

}

.menu ul {
	list-style: none;
	margin: 0;
	float:right;

	}

.menu li {
	font-style: normal;
	display: inline;

	}

.menu li a {
	display: inline-block;
	float: left;
	padding: 0px 7px;
	margin-right: 4px;
	text-decoration: none;
	/*text-transform: uppercase;
*/

	}

.menu li a:hover, .menu li.here a {
	/*background: #fff;*/
	padding-top: 0px;
	margin-top: -0px;
	
	}

.menu li.top {display:block; float:left; position:relative;}
.menu li a.top_link {display:block; float:left; height:20px; margin-left:2px; line-height:20px; text-decoration:none; font-size:11px; padding:0 0 0 7px; cursor:pointer;}
.menu li a.top_link span {float:left; display:block; padding:0 10px 0 6px; height:20px;}
.menu li a.top_link span.down {float:left; display:block; padding:0 10px 0 6px; height:20px;/*background:url(prodrop2/down.gif) no-repeat right top;*/}
.menu li a.top_link:hover { }
.menu li a.top_link:hover span {}
.menu li a.top_link:hover span.down { }

.menu li:hover > a.top_link {}
.menu li:hover > a.top_link span {}
.menu li:hover > a.top_link span.down {}


.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu a:hover {visibility:visible;}
.menu li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu :hover ul.sub {left:3px; top:20px; padding:0; /*border:1px solid #1E8BB5; white-space:nowrap;*/ width:auto; height:auto; font-weight:normal;}
.menu :hover ul.sub li {display:block; /*height:20px; */position:relative; float:left; width:160px; margin-bottom:0;}
.menu :hover ul.sub li a {display:block; height:auto; font-size:11px; padding:4px 3px; line-height:1;text-decoration:none;}
.menu :hover ul.sub li a.fly {}
.menu :hover ul.sub li a:hover {}
.menu :hover ul.sub li a.fly:hover {}
.menu :hover ul li:hover > a.fly {} 

.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:160px; top:-1px; padding:0; /* white-space:nowrap; */width:auto; z-index:300; height:auto;}
.menu :hover ul.sub li ul {z-index:300;}













.sidebar h1, .sidebar h2, .sidebar h3 {
	color: #333;
	}

.sidebar {
	color: #fff;
	padding-right: 15px;
	padding-top: 20px;
	}

.sidebar ul {
	list-style: none;
	margin-left: 0;
	}

.sidebar li {
	padding: 2px 0 3px 0;
	text-transform: uppercase;
	}

.sidebar a { color: #fff; text-decoration: none; padding: 0 2px;  }
.sidebar a:hover { color: #fff;  }




.footer {
	padding-top: 3px;
	line-height: normal;
	background-color:#999;
	text-align:center;


	}

.footer p {
	margin: 0 0 5px 0;
	}

.footer a {
	padding: 2px;
	color: #fa0086;
	font-style: normal;
	}


/* alignments */

.right-align, .right-align p {
	text-align: right;
	}

.menu { 

}
/*.menu li a, .menu li a:visited { 
color:#a88585;
background-color:#6e9cc4;
border:1px solid #bba7d7;
}.menu li a:hover { 
color:#d97373;
background-color:#1d9060;
}*/




div.sitetitle p {
	margin-top: 15px;
	margin-bottom: 20px;
	line-height: 150%;
	font-size: 1.3em;
	font-weight: bold;
	color:#999;
	font-family: Verdana, 'Arial Black', Arial, Helvetica;
	border-bottom: 1px solid #000;
}

div.fs-horiznav {
	height: 25px;
	width: 710px;
	background: #ccc;
	margin-bottom: 20px;
}


img.fs-bigimg {
	outline: 1px solid #000;

}


/*
<div class="span-5"><!-- Feature 1 column -->
	<div class="fs-feature">
		<img src="images/latest-snow-angels.jpg" border="0" />
		<p class="fs-posttitle">Snow Angels</p>
		<p class="fs-postdate">May 23, 2008</p>
		<p class="fs-postauth">by film fan</p>
		<p class="fs-descr">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
		dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
		ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
		nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit
		anim id est laborum.</p>
	</div>
</div>
*/

div.fs-feature {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Verdana, Arial, Sans-serif;
}
div.fs-feature img {
	outline: 1px solid #666;
}
div.fs-feature p.fs-posttitle {
	font-size: 9pt;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #333;
}
div.fs-feature p.fs-postdate {
	font-size: 9pt;
	border-bottom: 1px solid #ccc;
}
div.fs-feature p.fs-postauth {
	font-size: 9pt;
	border-bottom: 1px solid #ccc;
}

div.fs-feature p.fs-descr {
	font-size: 9pt;
}


/* Sidebar */

/* Recent posts */

img.fs-img-recentposts {
	margin-bottom: 5px;
}
h3.fs-recposts-head {
	font-size: 14px;
	font-weight: bold;
}
div.fs-recposts {
	width:190px;
}


/*
<div class="fs-recpost">
	<div class="fs-recthumb span-2">
		<a href="#" rel="bookmark" title="88 Minutes"><img src="images/thumb-88-minutes.jpg" alt="88 Minutes" /></a>			
	</div>
	<div class="fs-rectext span-3 last">
		<div class="fs-rectitle" id="post-218"><a href="#" rel="bookmark" title="Forgetting Sarah Marshall">Forgetting Sarah Marshall</a></div>
		<div class="fs-recdate">May 19, 2008</div>
		<div class="fs-recauth">by film fan</div>
	</div>
</div>
*/

div.fs-recpost {
	width: 190px;
	border-bottom: 1px dotted #333;
	margin-top: 10px;
	margin-bottom: 5px;
}
div.fs-recthumb img {
	outline: 1px solid #000;
}
div.fs-rectext {
	margin-bottom: 5px;
}
div.fs-rectitle {
	margin-top: 5px;
	font-size: 9px;
}
div.fs-recdate {
	font-size: 9px;
}
div.fs-recauth {
	font-size: 9px;
}


/* Newsbox:

<h3 class="fs-newsbox-head">Newsbits</h3>
<div class="fs-newsbox">
	<div id="home_asides"> <!-- start asides -->
		<ul class="fs-newsbox-ul">
			<li>Renee Zellweger told reporters at the London premiere of <a href="http://imdb.com/title/tt0389790/">Bee
			Movie</a> that <a href="http://www.people.com/people/article/0,,20164854,00.html?xid=pop">stays sane by going
			to the gym</a>. In addition to Bee Movie
			&nbsp;&nbsp;<a href="http://filmzee.com/renee-zellweger-works-out-for-sanity/" rel="bookmark" title="Permanent Link to Renee Zellweger Works Out For Sanity">read...</a></li>

		</ul>
	</div> <!-- end asides -->
	</div>
*/

h3.fs-newsbox-head {
	margin-top: 10px;
	font-size: 14px;
	font-weight: bold;
}
div.fs-newsbox {
	width: 184px; /* Should be 190, but factor in border thickness */
	//background: #ccc;
	background: #cccce6;
	padding: 3px;
	border: 0px;
}

ul.fs-newsbox-ul {
	list-style:none;
	margin:0px;  
	padding:0px;      
}
ul.fs-newsbox-ul li {
	border-left: 6px dotted #fff;
	border-right: 6px dotted #fff;
	border-bottom: 2px solid #fff;
	padding-left: 7px;
	padding-right: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	font-size: 10px;
}