/* CSS Document */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	margin: 0;
	background: fixed #001735 url(/imagenes/fondo-mar.jpg) no-repeat center center;
}

#contenido {
	width:770px;
	position:absolute;
	left:50%;
	margin-left:-385px;
}
.portada {
	height:462px;
	top:50%;
	margin-top:-231px;
}
#cabecera {
	margin-top:24px;
	margin-bottom:3px;
	padding-top:2px;
	border-top: 1px solid #C3C8CF;
	border-bottom: 1px solid #C3C8CF;
	height:26px;
}
#contenido #cabecera #acciones {
	float: right;
}
#contenido #cabecera #aralan {
	float: left;
}


#imagen {
	padding:0;
	overflow:hidden;
}
#imagen img {
	border:0;
	margin:0;
}
#texto {
	width:400px;
	height:300px;
	float:left;
	margin-right:20px
}
#texto h1 {
	margin-top:4px;
	margin-bottom:10px;
}
#peliculas {
	width:350px;
	height:auto;
	margin-top:20px;
	float:left;
}
#peliculas .item {
	height:100px;
	background-color: #21436D;
	border: 1px dotted #3C5C84;
	padding:6px;
}
#peliculas .item img {
	float:left;
	margin-right:10px;
}
#peliculas .item .texto {
	float:left;
	width:190px;
	height:auto;
}
#peliculas .item .texto a {
	text-decoration:none;
	color:#FFFFFF;
}
#peliculas .item .texto p {
	margin-top:4px;
	margin-bottom:0;
	font-size:11px;
}
#peliculas .item .texto h3 {
	margin-top:0;
	margin-bottom:0;
	font-size:14px;
}

#pie {
	width:770px;
	text-align:center;
	float:none;
	clear:both;
}

/* Listado de películas */
/* root element for scrollable */ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
 
    /* vertical scrollers have typically larger height than width */ 
    height: 350px; 
    width: 350px; 
} 
 
/* root element for scrollable items */ 
div.items { 
	float:left;
	height:300px;
	overflow:auto;
	width:350px;
	margin:50px 0 0 0;
}

div.items .pelicula {
	margin:0 0 10px;
	clear:both;
	float:none;
	height:75px;
	padding:5px;
	background: #445577;
	border:1px solid #556688;
	width:305px;
}
div.items .pelicula a {
	color:#ffffff;
}
div.items .pelicula .imagen img {
	border:none;
}

div.items .pelicula .imagen {
	width:110px;
	height:70px;
	float:left;
	overflow:hidden;
}
div.items .pelicula .textos {
	float:left;
	width:185px;
}
div.items .pelicula .textos h1 {
	margin:0;
	padding:0;
	font-size:14px;
}

/* the action buttons above the scrollable */
#actions {
	float:left;
	margin:0;
	width:350px;
	height:30px;
	padding-top:10px;
}

#actions a {
	font-size:11px;		
	cursor:pointer;
	color:#ffffff;
}

#actions a:hover {
	text-decoration:underline;
	color:#ffffff;
}

.disabled {
	visibility:hidden;		
}

.prevPage {
	float:left;
}
.nextPage {
	float:right;
}

/* Enlaces de compra de películas */

#compra {
}
#compra .pelicula {
	margin:10px 0 0 10px;
	height:75px;
	padding:5px;
	border:1px solid #446180;
	background-color: #223957;
}
#compra .pelicula a {
	color:#ffffff;
}
#compra .pelicula img {
	border:none;
}

#compra .pelicula .imagen {
	width:110px;
	height:70px;
	float:left;
	overflow:hidden;
}
#compra .pelicula .textos {
	float:left;
	width:200px;
}
#compra .pelicula .textos h1 {
	margin:0;
	padding:0;
	font-size:14px;
}
#compra .pelicula .textos p {
	margin:0;
	font-size:11px;
}

div.subsecciones {
	float:left;
	height:300px;
	margin:50px 0 0;
	overflow:auto;
	width:350px;
}
div.subsecciones div.subseccion {
}
div.subsecciones div.subseccion h3 {
	margin:0;
	border-left:4px solid #ffffff;
	padding-left:6px;
}
div.subsecciones div.subseccion p, div.subsecciones div.subseccion img {
	margin-left:12px;
}
div.subsecciones a {
	font-weight:bold;
	color:#ffffff;
}
div.subsecciones a:hover {
	text-decoration:underline;
}