* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-image:url(images/paperBG.jpg);
 background-repeat:repeat;
 
}
#wrapper { 
 margin: 0 auto;
 width: 1022px;
 border:1px solid #000000;
 background-color:#000000;
}
#faux {
  /* background: url(faux-1-3-col.gif); */
 margin-bottom: 5px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%;
 /* background-image:url(images/paperBG.jpg); */
 background-color:#000000;
 background-repeat:repeat;
}
#header {
 color: #333;
 width: auto;
 padding: 0px;
 height: 150px;
 margin: 10px 0px 5px 0px;
 background: #D1DBDB;
 background-image:url(images/headerbg.jpg);
}
#navigation {
 color: #333;
 padding: 10px;
 margin: 0px 0px 1px 0px;
 background: #ABBEBE;
}
#leftcolumn {
	display: inline;
	color: #333;
	margin: 2px 2px 2px 0;
	padding: 0px;
	width: 201px;
	float: left;
/*	background-color:#000000; */
}
#content {
	float: left;
	color: #333;
	margin: 2px 2px;
	padding: 0px;
	width: 510px;
	display: inline;
	position: relative;
	/* background-color:#000000;  */
}
#rightcolumn {
	display: inline;
	position: relative;
	color: #333;
	margin: 2px 0px 2px 0px;
	padding: 0px;
	width: 300px;
	float: right;
	
	background-image:url(images/p-bg.png);
	background-repeat:repeat;
}
#footer {
	width: 1002px;
	clear: both;
	color: #6699FF;
	background-color:#000000;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	text-align:center;
}
.clear { clear: both; background: none; }

/* ......................................................... NAVIGATION (HORIZONTAL) ...................................... */

#navigation {
margin: 0;
padding: 0;
float:right;
font: bold 13px Arial;
width: 100%;
overflow: hidden;
margin-bottom: 1em;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(images/blockdefault.gif) center center repeat-x;
} 

#navigation li{
display: inline;
}

#navigation li a{
float: right;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

#navigation li a:visited{
color: white;
}

#navigation li a:hover, #navigation li .current{
color: white;
background: transparent url(images/blockactive.gif) center center repeat-x;
}


/* ......................................................... MENUS (VERTICAL)..................................... */

.arrowlistmenu{
width: auto; /*width of menu*/
background-color:#000000;
}

.arrowlistmenu .headerbar{
	font: bold 14px Arial;
	color: #FFFFFF;
	background: url(images/barra.jpg)  center left;
	margin-bottom: 10px; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 0px 10px 0px 25px; /*header text is indented 10px*/
	height:20px;
	text-align:right;
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 4px; /*bottom spacing between each UL and rest of content*/
background-color:#000000;
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
	color: #FFCC00;
	background: url(images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
	display: block;
	padding: 2px 0;
	padding-left: 19px; /*link text is indented 19px*/
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #dadada;
	font-size: 90%;
}

.arrowlistmenu ul li a:visited{
	color: #FFCC00;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
	color: #000000;
	background-color: #FF9900;
}




/* ......................................................... thumnail posters with hoover efect  ...................................... */

.thumbnail_derecha{
	position: relative;
}

.thumbnail_derecha:hover{
	background-color: transparent; 
}

.thumbnail_derecha span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #ffffff;
	border:1px solid #4f0516;
	display:none;
	color: black;
	text-decoration: none;
}

.thumbnail_derecha span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;

}

.thumbnail_derecha:hover span{ /*CSS for enlarged image on hover*/
	position:fixed;
	display:block;
	top: 10px;
	left: 300px; /*position where enlarged image should offset horizontally */
	z-index:2000;
}

.style_t_derecha{
	font-size: 16px;
	font-weight: bold;
	font-family: Tahoma;
	color: #FFFF66;
}


/* ......................................................... DIALOG CONTENT BOX (SLIDING DOORS ) ...................................... */
.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dialog .contentd,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(images/dialog2-black-800x1600.png) no-repeat top right;
 _background-image:url(dialog2-blue.gif);
}

.dialog .contentd {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapperd {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog h1 {
 padding-bottom:0px;
}

/* ......................................................... BOX CONTENTS ...................................... */

.box_content {
	background-image:url(images/p-bg.png);
	width :256px;
	padding :0px;
	display:block;
	margin:0px;
	border-color:#000000;
	border-width:1px;
	border-style:solid;
}

.box_content h1 {
	width :256px;
	font-family: arial,sans-serif;
	text-transform:capitalize;
	font-weight: bolder;
	font-size:16px;
	color: white;
	border : solid 0px gray;
	background:url(images/barra2.png) no-repeat;
	display:block;
	margin: 0px;
	text-align: center;
	height:32;
	
}
.box_content h1 img {
    margin:0px;
	border:0px;
	
}

.box_content h2 {  /* titulo */
	color: white;
	font-weight: bold;
	text-align: left;
	font-family:Arial;
    text-transform:capitalize;
	font-size:12px;	
	margin:0px;
	padding: 0px 5px;
	display:block;
	line-height:15px;	
	background-image:url(images/p-bg.png);
}

.box_content h3 {  /* fecha */
	color: gray;
	font-weight:normal;
	text-align: left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:9px;
	line-height:normal;
	margin:0px;
	padding: 0 5px;	
	background-image:url(p-bg.png);
}
.box_content h4 {  /* fecha */
	color: gray;
	font-weight:normal;
	text-align: left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:9px;
	line-height:normal;
	margin:0px;
	padding: 0 5px;
	background-image:url(images/p-bg.png);
}

.box_content span {
	color: white;
	font-weight:normal;
	text-align: left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	padding: 2px 5px 2px 5px;	
	margin:0px;
	display:block;
	line-height:15px;
	background-image:url(images/p-bg.png);
}

.box_content  img {
	float: left;
	margin: 1em 1em 1em 0;
	padding:1px;
	border-style:solid;
	border-color:white;
	border-width:1px;
}

.box_content_enlace  {
	font-weight:normal;
	text-align:right;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	padding: 0 5px;	
}

.box_content_enlace  a, a:visited{
	color:#FF6600;
	text-decoration:none;
}

.box_content_enlace  a:hover{
	color:#FFFF00;
	text-decoration: underline;	
}

/* ......................................................... VARIOUS ...................................... */

img.floatTL { 
float : left;
margin-right : 7px;
margin-bottom : 2px;
margin-top : 2px;
margin-left : 10px;
} 
img.floatTR { 
float : right;
margin-left : 7px;
margin-bottom : 2px;
margin-top : 12px;
margin-right : 10px;
} 

.miniarticulo{
	/* background-color:#990000; */
	background-color:#000000;
	margin:0px;
	padding:3px;
	overflow:auto;
	height:130px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width:240px;
	font-weight:normal;
	float:left;
	line-height:10px;
}

.miniarticulo h1 {
     /* titulo - link */
    color:#FF9900 ;
	font-weight: bold;
	text-align: left;
    text-transform:capitalize;
	padding:0px;
	margin:0px;
	font-size:10px;
	display:inline;
	color:#6f6f6f;
	
}
.miniarticulo a {
    color:#FF9900 ;
	font-weight: bold;
    text-transform:capitalize;
	font-size:10px;
	text-decoration:none;
	display:block;
}
.miniarticulo a:hover {
    color:#FFFF99 ;
	font-weight: bold;
    text-transform:capitalize;
	font-size:10px;
	text-decoration:underline;
}

.miniarticulo h2 {
    /* fecha */
	color:#999999;
	font-size:9px;
	display:inline;
}
.miniarticulo img {
    /* image */
	float: left;
	margin: 0 1em 1em 0;
	padding:0px 1px 1px 1px;
	border-style:solid;
	border-color:white;
	border-width:1px;

}
.miniarticulo img:hover {
    /* image */
	float: left;
	margin: 0 1em 1em 0;
	padding:0px 1px 1px 1px;
	border-style:solid;
	border-color:#FF9900;
	border-width:1px;

}

.miniarticulo p {
	color: #6f6f6f;
	font-weight:normal;
	padding: 1em 3px 0px 3px;
	margin:0px;
}