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

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #000000;
	text-align: center;
	}
	
/*/////////////////////////////////////////////////////////////////////*/

	.clearer { clear: both; }
	.center { text-align: center; }
	.txtright { text-align: right; }
	
	.info {
		clear: both;
		border: 1px solid #FFCC00;
		padding: 2px 2px 2px 24px;
		background: #E4FFE5 url(img/bg_aviso.png) center left no-repeat;
		color: #669900;
		}
	
	.error {
		clear: both;
		border: 1px solid #FF0000;
		padding: 2px 2px 2px 24px;
		background: #FFE8E5 url(img/bg_error.png) center left no-repeat;
		color: #FF0000;
		}
	
	a img { border: 0; }
	
	h2, h3, h4 { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight: normal; }
	
	div.white {
		color: #FFFFFF;
		}
	.resalt {
		color: #CC0000;
		font-size: 18px;
		}

/*/////////////////////////////////////////////////////////////////////*/

	#wrap {
		width: 920px;
		margin: 0 auto;
		text-align: left;
		color: #FFFFFF;
		}
	
/*/////////////////////////////////////////////////////////////////////*/

	#head {
		height: 202px;
		background-image: url(img/bg_head.jpg);
		}
		#head h1 {
			margin: 0;
			padding: 0;
			float: left;
			}
			#head h1 a {
				display: block;
				height: 140px;
				width: 140px;
				}
				#head h1 a span {
					display: none;
					}
		#head p {
			clear: both;
			color: #FFFFFF;
			margin: 0;
			padding: 12px 0 4px 130px;
			}
			#head p a {
				color: #FFFFFF;
				text-decoration: none;
				}
				#head p a:hover {
					text-decoration: underline;
					}
		
		#head ul {
			margin: 0;
			padding: 0;
			list-style: none;
			}
			#head ul li {
				margin: 0;
				padding: 0;
				float: left;
				}
				#head ul li a {
					display: block;
					height: 32px;
					text-indent: -9999px;
					background-position: top left;
					}
				#head ul li a:hover, #head ul li.sel a {
					background-position: bottom left;
					}
					
				#head ul li a#btn_peli {
					background-image: url(img/btn_peli.png);
					width: 106px;
					}
				#head ul li a#btn_cine {
					background-image: url(img/btn_cine.png);
					width: 88px;
					}
				#head ul li a#btn_prod {
					background-image: url(img/btn_prod.png);
					width: 90px;
					}
				#head ul li a#btn_clas {
					background-image: url(img/btn_clas.png);
					width: 101px;
					}
				#head ul li a#btn_gale {
					background-image: url(img/btn_gale.png);
					width: 66px;
					}
				#head ul li a#btn_estu {
					background-image: url(img/btn_estu.png);
					width: 76px;
					}
				#head ul li a#btn_comp {
					background-image: url(img/btn_comp.png);
					width: 115px;
					}
				#head ul li a#btn_blog {
					background-image: url(img/btn_blog.png);
					width: 55px;
					}
				#head ul li#facebook,  #head ul li#twitter, #head ul li#youtube {
					float: right;
					width: 32px;
					height: 32px;
					padding: 0;
					margin: 0 0 0 5px;
					}
				#head ul li#facebook a, #head ul li#twitter a, #head ul li#youtube a {
					display: block;
					width: 32px;
					height: 32px;
					}
				#head ul li#facebook a {
					background: url(img/facebook.png) no-repeat;
					}
				#head ul li#twitter a {
					background: url(img/twitter.png) no-repeat;
					}
				#head ul li#youtube a {
					background: url(img/youtube.png) no-repeat;
					}
	
/*/////////////////////////////////////////////////////////////////////*/

	#main {
		height: 400px;
		padding: 20px 0;
		}
	
/*/////////////////////////////////////////////////////////////////////*/
	
	#cont {
		float: left;
		width: 680px;
		color: #FFFFFF;
		}
		#cont a {
			color: #CC0000;
			text-decoration: none;
			}
			#cont a:hover {
				text-decoration: underline;
				}
		
		#cont div.box {
			padding: 0 0 7px 0;
			background: #E8E8E8 url(img/bg_bottombox.png) bottom no-repeat;
			margin-bottom: 20px;
			color: #333333;
			}
			#cont div.box h2 {
				margin: 0;
				background: url(img/bg_topbox.png) no-repeat;
				padding: 6px 0 6px 38px;
				color: #FF0000;
				text-transform: uppercase;
				font-size: 16px;
				}
				#cont div.box h2 span {
					color: #FFFFFF;
					}
					
			#cont div.box h3 {
				color: #CC0000;
				text-transform: uppercase;
				font-size: 15px;
				}

			#cont div.box div {
				padding: 10px;
				}
				
			#cont div.box p.info {
				border-color: #66CC00;
				margin: 10px 60px;
				font-size: 14px;
				font-style: italic;
				}
				
			#cont div.box div#gales a img {
				padding: 4px;
				background-color: #FFFFFF;
				margin: 4px;
				}
				#cont div.box div#gales a:hover img {
					background-color: #999999;
					}
	
/*/////////////////////////////////////////////////////////////////////*/

	#encuest form fieldset {
		border: 0;
		padding: 10px;
		margin: 0;
		}
		#encuest form fieldset label {
			display: block;
			}
		#encuest form fieldset button {
			display: inline-block;
			width: 60px;
			height: 20px;
			border: 0;
			cursor: pointer;
			text-indent: -9999px;
			margin-top: 5px;
			background-image: url(img/btn_votar.png);
			}
		
		span.bar {
			display: block;
			height: 5px;
			background-color: #FFFFFF;
			}
	
/*/////////////////////////////////////////////////////////////////////*/

	.pelicula img {
		float: left;
		margin-right: 10px;
		padding-bottom: 30px;
		}
	.pelicula img.dvd { 
		float: left;
		margin: 0;
		padding: 0;
		}

	.pelicula p {
		float: right;
		width: 290px;
		margin: 0 0 10px 0;
		padding: 0 0 8px 28px;
		clear: right;
		}
		.pelicula p.anio {
			background: url(img/icon_anio.png) top left no-repeat;
			}
		.pelicula p.time {
			background: url(img/icon_time.png) top left no-repeat;
			}
		.pelicula p.lang {
			background: url(img/icon_lang.png) top left no-repeat;
			}
		.pelicula p.subt {
			background: url(img/icon_sub.png) top left no-repeat;
			}
		.pelicula p.acto {
			background: url(img/icon_act.png) top left no-repeat;
			}
		.pelicula p.tema {
			background: url(img/icon_tema.png) top left no-repeat;
			}
		.pelicula p.vid {
			background: url(img/icon_vid.png) top left no-repeat;
			}
	
/*/////////////////////////////////////////////////////////////////////*/

	.movies {
		float: left;
		width: 140px;
		text-align: center;
		}
	
/*/////////////////////////////////////////////////////////////////////*/

	p.videop {
			text-align: center;
			background-image: url(img/cortina.jpg);
	}
	
/*/////////////////////////////////////////////////////////////////////*/

	#cont div.mpics {
		float: left;
		width: 230px;
		height: 182px;
		padding: 10px;
		margin: 10px 30px;
		text-align: center;
		font-weight: bold;
		background: #FFFFFF url(img/bg_mpics.png);
		}

			#cont div.box div p.paginitas {
				text-align: center;
				clear: both;
				}
				#cont div.box div p.paginitas a {
					padding: 4px;
					border: 1px solid #CCCCCC;
					text-decoration: none;
					}
					#cont div.box div p.paginitas a:hover {
						background-color: #EFEFEF;
						}
				#cont div.box div p.paginitas a.actual {
					border: 1px solid #CC0000;
					color: #FFFFFF;
					background-color: #CC0000;
					}
					#cont div.box div p.paginitas a.actual:hover {
						background-color: #CC0000;
						}

/*/////////////////////////////////////////////////////////////////////*/

	#cont table {
		border-top: 2px solid #CCCCCC;
		margin: 10px auto;
		}
		#cont table tr th {
			border-bottom: 2px solid #CCCCCC;
			background-color: #CDCDCD;
			text-align: left;
			font-weight: bold;
			}
		#cont table tr td {
			border-bottom: 1px solid #CCCCCC;
			}
		#cont table#mascompradas {
    border: 0;
}
#cont table#mascompradas tr th {
    border: 0;
}
#cont table#mascompradas tr td {
    border: 0;
}
#slideshow {
	width: 680px;
	height: 200px;
	margin: 0 0 10px 0;
	padding: 0;
}
	
/*/////////////////////////////////////////////////////////////////////*/
	
	p.prodpic {	
		text-align: center;
		}
		p.prodpic img {
			border: 1px solid #CCCCCC;
			margin: 10px;
			}
	
/*/////////////////////////////////////////////////////////////////////*/
	
	#cont div.studios {
		border-bottom: 1px solid #CCCCCC;
		margin-bottom: 20px;
		min-height: 100px;
		_height: 100px;
		}
		#cont div.studios img {
			float: left;
			margin-right: 10px;
			border: 1px solid #CCCCCC;
			padding: 2px;
			}
		#cont div.studios h3 {
			margin: 0 0 10px 0;
			}
	
/*/////////////////////////////////////////////////////////////////////*/

	form.homeform fieldset {
		margin: 0;
		padding: 0;
		border: 0;
		text-align: right;
		}
		form.homeform fieldset label {
			margin-top: 5px;
			}
		form.homeform fieldset input {
			width: 132px;
			border: 1px solid #999999;
			margin-top: 5px;
			}
		form.homeform fieldset button {
			display: inline-block;
			width: 80px;
			height: 24px;
			border: 0;
			cursor: pointer;
			text-indent: -9999px;
			margin-top: 5px;
			}
			form.homeform fieldset button.buscar {
				background-image: url(img/btn_buscar.png);
				}
			form.homeform fieldset button.subscribe {
				background-image: url(img/btn_subscribe.png);
				}

	
/*/////////////////////////////////////////////////////////////////////*/


	form#contacto {
		width: 480px;
		margin: 20px auto;
		}
	form#contacto fieldset {
		border:0;
		padding: 10px 0;
		margin:6px auto;
		}
		form#contacto fieldset#boton {
			text-align: right;
			padding: 10px;
			}
	form#contacto fieldset label {
		display: block;
		float: left;
		width: 160px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		padding: 4px 0 0 0;
		color: #999999;
		}
	form#contacto fieldset input, form#contacto fieldset textarea {
		border: 1px solid #CCCCCC;
		padding: 4px;
		font-family: "Courier New", Courier, mono;
		font-size: 14px;
		display: block;
		width: 300px;
		color: #666666;
		margin: 2px 0;
		}
	form#contacto fieldset input:focus, form#contacto fieldset textarea:focus {
		border-color:#999999;
		}
	
	form#contacto fieldset p { text-align: right; padding-right: 70px; }
	form#contacto fieldset p button { margin:3px 0; }
	form#contacto fieldset#hidden { display:none; }
		


	body div#wrap div#main div#cont div.box div form#pagos {
		margin: 20px auto;
		}
	body div#wrap div#main div#cont div.box div form#pagos fieldset {
		padding: 10px 0;
		margin:6px auto;
		border: 0;
		}
		body div#wrap div#main div#cont div.box div form#pagos fieldset#boton {
			text-align: right;
			padding: 10px;
			}
	body div#wrap div#main div#cont div.box div form#pagos fieldset label {
		display: block;
		float: left;
		width: 260px;
		height: 16px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		padding: 4px 0 0 0;
		color: #999999;
		margin-bottom: 6px;
		}
	body div#wrap div#main div#cont div.box div form#pagos fieldset label span {
		display: inline-block;
		width: 110px;
		}
	body div#wrap div#main div#cont div.box div form#pagos fieldset label.area {
		width: 500px;
		height: 100px;
		}
	body div#wrap div#main div#cont div.box div form#pagos fieldset input {
		border: 1px solid #CCCCCC;
		padding: 4px;
		font-family: "Courier New", Courier, mono;
		font-size: 12px;
		display: block;
		color: #666666;
		margin: 2px 0;
		width: 120px;
		} 
		
	body div#wrap div#main div#cont div.box div form#pagos fieldset input.hidden {
		display: none;
		}
	form#pagos fieldset p {
		clear: both;
		}
	form#pagos fieldset select {
		margin: 3px 0 6px 0;
		width: 260px;
		}
	form#pagos fieldset textarea {
		border: 1px solid #CCCCCC;
		padding: 4px;
		font-family: "Courier New", Courier, mono;
		font-size: 12px;
		display: block;
		width: 500px;
		color: #666666;
		margin: 2px 0;
		}
	form#pagos fieldset input:focus, form#pagos fieldset textarea:focus {
		border-color:#999999;
		}
		
	
/*/////////////////////////////////////////////////////////////////////*/

	#side {
		float :right;
		width: 220px;
		}
		
		#side > h3 {
			color: #FFFFFF;
			font-size: 14px;
			text-transform: uppercase;
			margin: 0;
			padding: 7px 0 7px 28px;
			background: url(img/bg_top_sbox.png) no-repeat;
			}
		#side h4 {
			color: #FFFFFF;
			font-size: 14px;
			margin: 10px 0;
			padding: 0;
			}
			
		#side a {
			color: #FFFFFF;
			text-decoration: none;
			}
			#side a:hover {
				text-decoration: underline;
				}
			
		#side div.sbox {
			background: #FF0000 url(img/g_btm_sbox.png) bottom no-repeat;
			padding: 10px;
			margin-bottom: 20px;
			color: #000000;
			}
			#side div.sbox p img.bord { 
				padding: 3px;
				background-color: #FFFFFF;
				border: 1px solid #999999;
				}
				
		#side ul {
			margin: 10px 20px;
			padding: 0;
			list-style-image: url(img/bg_liside.png);
			}
			#side ul li {
				margin: 0;
				padding: 0;
				}
				#side ul li a {
					color: #000000;
					text-decoration: none;
					}
					#side ul li a:hover {
						color: #FFFFFF;
						}
	
/*/////////////////////////////////////////////////////////////////////*/

	#buscar {
		margin: 0;
		padding: 0;
		color: #FFFFFF;
		}
		#buscar fieldset {
			border: 0;
			margin: 0;
			padding: 0;
			}
		#buscar fieldset label {
			display: block;
			padding: 0 0 6px 0;
			}
		#buscar fieldset select {
			display: block;
			width: 190px;
			}
		#buscar fieldset p {
			text-align: right;
			}
	
/*/////////////////////////////////////////////////////////////////////*/
	
	fieldset#fields {
		border: 0;
		margin: 0;
		padding: 0;
		}
		fieldset#fields label {
			display: block;
			float: left;
			width: 250px;
			padding: 4px 10px 0 0;
			}
			
		fieldset#fields label span {
			display: block;
			width: 100px;
			float: left;
			padding: 3px 0 0 0;
			}
			
		fieldset#fields label input {
			width: 140px;
			height: 15px;
			}
		fieldset#fields label select {
			width: 140px;
			}
	
/*/////////////////////////////////////////////////////////////////////*/

	#foot {
		background: url(img/bg_foot.png) top no-repeat;
		text-align: right;
		padding: 6px 10px 20px 10px;
		color: #CCCCCC;
		clear: both;
		}
		#foot p {
			margin: 0;
			}
		#foot p.links {
			text-align: center;
			padding-top: 20px;
			}
			#foot p a {
				color: #FFFFFF;
				text-decoration: none;
				}
			#foot p a:hover {
				text-decoration: underline;
				}
	
/*/////////////////////////////////////////////////////////////////////*/