/* CSS Document 

Rojo: #E21D3C => EF181E => 
Rojo texto: #C90230
Naranja: #F47920
Amarillo: #F9DC13
Gris fondo: #404040
Verde: #36AA3D


*/

body {
	font-size: 76%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background: #CCC url(/img/fnd_global.jpg) repeat-x;
}

/* //////////////////////////////////////  ESTRUCTURA BÁSICA ////////////////////////////////////// */

#main {
	width: 780px;
	margin: 0 auto;
}

#top {
	background: #E21D3C;
}

#bnr_btm {
	background: #E21D3C;
	height: 2.5em;
}

#content {
	background: #FFF url(/img/cnt_fnd.png) right repeat-y;
	width: 100%;
	position: relative;
}

#lft_global { /* WIDTH TOTAL: 465px */
	width: 465px;
	float: left;
}

#left { /* WIDTH TOTAL: 465px */
	width: 435px;
	padding: 10px 0 20px 20px;
	float: left;
}

#lft_hp { /* WIDTH TOTAL: 465px */
	width: 465px;
	float: left;
}


#right { /* WIDTH TOTAL: 304px */
	width: 294px;
	float: right;
	padding: 10px 10px 0 0;
	background: #EEE;
}

#footer {
	background: #000;
	padding: 1em 1em 2em 1em;
}

/* ////////////////////////////////////// TOP //////////////////////////////////////  */

#mnu_user {
	padding: .6em 0 0;
	background: #404040;
	color: #FFF;
	font: normal .9em Arial, Helvetica, sans-serif;
}

#mnu_user p {
	font: normal .9em Georgia, "Times New Roman", Times, serif;
	color: #555;
	margin: 0 .6em;
	padding: 0;
	float: left;
	line-height: 2em;
}

#mnu_user ul {
	margin: 0;
	padding: 0;
	float: right;
}

#mnu_user ul li {
	list-style: none;
	display: inline;
	padding: 0 .6em;
}

#mnu_user li a {
	color: #999;
	line-height: 2em;
}

#mnu_user li a.blanco {
}

#mnu_user li a:hover {
	color: #FFF;
	text-decoration: none;
}

h1 {
	margin: 0;
	padding-top: .6em;
	background: #000;
	color: #FFF;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h1 a {
	color: #FFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
}

#bnr_btm p {
	font: normal 1.4em Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding-left: 3.2em;
	line-height: 1.8em;
	float: left;
}

#bnr_btm form {
	float: right;
	margin: .3em .8em 0 0;
}


/* ////////////////////////////////////// LEFT //////////////////////////////////////  */

#lft_hp h3 {
	font: bold 1.4em/1.8 Arial, Helvetica, sans-serif;
	margin: 0;
	padding: .2em .2em 0 .6em;
	letter-spacing: .1em;
	clear: both;
	height: 40px;
}

/* H3 HP ***************************/
#lft_hp h3.red {
	background: url(/img/h3-hp_red.png) repeat-x;
}

#lft_hp h3.yellow {
	background: url(/img/h3-hp_yellow.png) repeat-x;
}

#lft_hp h3.green {
	background: url(/img/h3-hp_green.png) repeat-x;
}


#lft_hp .todo {
	border-top: 1px dotted #999;
	margin: .4em 1.4em 0 0 !important;
	padding: .1em;
	text-align: right;
	clear: both;
	font-weight: bold;
}

#lft_hp .todo a {
	padding-right: .8em;
	background: url(/img/pic_li.gif) right .5em no-repeat;
}


/* ////////////////////////////////////// CONTENT //////////////////////////////////////  */

h2 {
	font: normal 2.2em Arial Arial, Helvetica, sans-serif;
	color: #FFF;
	letter-spacing: .1em;
	margin: 0;
	padding:  1.4em .4em .4em .6em;
	background: #333 url(/img/h2_fnd.gif) repeat-x;
}

h3 {
	font: bold 1.4em Arial Arial, Helvetica, sans-serif;
	color: #191919;
	margin: 1em 0 0;
	letter-spacing: .1em;
}

.titulo {
	font-weight: bold;
	font-size: 1.2em;
}


/* TICKET */

.ticket {
	margin: 1em 0 0;
}


#lft_hp .ticket {
	margin: 1em 0 2em 2em;
}

.poster  {
	float: left;
	border: 1px solid #333 !important;
}

td.pst_estreno  {
	vertical-align: top;
}

td.pst_estreno img {
	border: 1px solid #333 !important;
}

td.ttr_estreno  {
	vertical-align: top;
	font-size: .9em;
}

.ticket #data {
	float: left;
	margin-left: 1em;
	width: 18em;
}

.ticket .data {
	float: left;
	margin-left: 1em;
	width: 300px;
}

/* MENU MICINEARIO */
#micineario {
	margin: 0;
	padding: 0 1em;
	background: #333;
	font: bold 1.1em Arial, Helvetica, sans-serif;
	line-height: 2em;	
	border-bottom: .1em solid #222;
}

#micineario li {
	display: inline;
	margin: 0;
	padding: 0;
}

#micineario li a {
	color: #222;
	background: #666;
	border-top: .1em solid #222;
	border-right: .1em solid #222;
	border-left: .1em solid #222;
	padding: .4em .6em;
	text-decoration: none;
}

#micineario li a:hover {
	color: #222;
	background: #FFF;
	padding: .6em .6em .5em;
}

#bookmarks a img {
	border: none;
}

/******************************************* BLOQUE RIGHT *****************************************/

#right .box {
	margin-bottom: 1em;
	background: #FFF;
	border-bottom: .2em solid #DDD;
}

#right .box h3 {
	font: bold 1.2em/1.6 Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 0;
	padding: .2em .2em 0 .6em;
	background: #191919 url(/img/pix_45.gif) repeat-x;
}

#right .box .ok {
	background: #36AA3D url(/img/pix-h3_green.gif) repeat-x;
}

#right .box h3 a {
	color: #FFF;
	text-decoration: none;
}

#right .box p {
	margin: 0;
	padding: 1em;
}

#right #punto div {
	margin: 0;
	padding: 1em;
}


#right #pub {
	border-top: 1px solid #BBB;
	background: #DDD;
	padding: 0 1px;
}

#right #pub p {
	padding: .2em 0 0 .4em;
	text-transform: uppercase;
	font-size: .8em;
	text-align: center;
	color: #666;
}

#right .box ul {
	margin: 0;
	padding: 1em 1em 1em 2em;
}

#right .box .todo {
	font: bold .9em Arial, Helvetica, sans-serif !important;
	/*color: #333;*/
	padding: .2em 1em 0;
	background: url(/img/pic_li.gif) right .6em no-repeat;
	margin: 0 !important;
	text-align: right;
	display: block;
	border-top: 1px dotted #999;
}

#right #cita .txt {
	font-size: 1.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin-bottom: 0;
	padding-bottom: 0;
}

#right #cita .txt:before {
   content: "«";
}

#right #cita .txt:after {
   content: "»";
}

#right #cita .autor {
	font-size: 1.2em;
	padding-top: 0;
	text-align: right;
}

#right #tag p {
	padding-top: .6em;
}

#right #tag a.tag {
	text-decoration: none;
	padding: 0 .1em;
}

#right #tag a:hover.tag {
	color: #FFF;
	background: #C90230;
}

a.tag_inv {
	color: #333 !important;
	padding: 0 .15em;
	background:#FFF;
	white-space: nowrap;
	text-decoration: none;
}

a.tag_inv:hover {
	color: #999 !important;
	padding: 0 .15em;
	background: #202020 !important;
}



/* ////////////////////////////////////// OBJETOS GENERALES //////////////////////////////////////  */

a {
	color: #C90230;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

h4 {
	margin: .6em 0 .2em;
	font-size: 1.2em;
}

h5 {
	margin: .2em 0 .1em;
	font-size: 1.1em;
}

ul {
	padding: 0 1em 0 2.4em;
}

ul li {
	list-style-image: url(/img/pic_li.gif);
	padding-bottom: .2em;
}

ol li {
	padding-bottom: .2em;
}

form {
	margin: 0;
	padding: 0;
}

acronym {
	cursor: help;
}

p {
	margin: .2em 0 1em;
}

/* ////////////////////////////////////// CLASSES GENERALES //////////////////////////////////////  */

.clear {
	clear: both;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
}

.input {
  font: normal 1em Arial, Helvetica, sans-serif;
  padding-left: 2px;
  border: 0;
  width: 100%;
  background-color: #FFF;
}

.boton {
  font: normal 1em Arial, Helvetica, sans-serif;
  border: 0;
  background-color: #FFF;
}

.select {
  font: normal 1em Arial, Helvetica, sans-serif;
  border:0;
  background-color: #FFF;
  width: 100% ;
  padding-left: 2px;
}

.textarea {
  font: normal 1em Arial, Helvetica, sans-serif;
	border:0; 
	background-color:#CCC;
	width: 100%; 
	height: 10em;
}

.ladillo {
	background: #EEE;
	text-transform: lowercase;
	font: normal 1.2em Georgia, "Times New Roman", Times, serif;
	line-height: 1.4em;
	padding: 0 .4em;
	margin-top: 1em 0 .6em;
	letter-spacing: .1em;
	border-top: 1px dotted #333;
}

td.error {
	font-weight: bold;
	color: #F00;
}

#insert_response {
	color: #36AA3D;
	margin-top: .2em;
}

.nav {
	list: none;
	text-align: center;
	background: #fce8eb;
	border-top: 1px dotted #E21D3C;
	margin-left: 0;
}

.nav li {
	display: inline;
	margin: 0 4em;
	line-height: 2em;
}

.ok {
	color: #36AA3D;
}

.ko {
	color: #F00;
}

td.num {
	font-family: Arial Black, Arial, Helvetica, sans-serif;
	color: #333;
	vertical-align: top;
	text-align: right;
	width: 10px;
}

.item {
	color: #333;
}


/* //////////////////////////////////////////////// COMENTARIOS //////////////////////////////////////// */

#comment {
	border-top: .6em solid #CC9;
	border-bottom: .1em solid #CC9;
	background: #FFC;
	padding: 1em;
	margin-top: 2em;
}

#comment h3 {
	font: bold 1.3em Arial, Helvetica, sans-serif;
	color: #333;
	margin: 0 0 .4em;
	padding: 0;
	border: none;
}

#comment .post {
	padding-bottom: 1em;
	margin-top: 1em;
	border-bottom: 1px dotted #999;
}

#comment .post .dada {
	color: #666;
}

#comment .post .dada .num {
	font-family: Arial Black, Arial, Helvetica, sans-serif;
}

#comment form {
	margin: 0;
	padding: 0;
}

#comment form label {
	color: #333;
	display: block;
	margin-top: 1em;
}

#comment form input {
  font: normal 1em Arial, Helvetica, sans-serif;
	width: 100%;
	border: 1px solid #CC9;
	background: #FFF;
}

#comment form input#passwd {
	width: 14em;
}

#comment form input#submit {
	margin-top: 1em;
	width: 10em;
	border: 1px solid #CC9;
	background: #FFF;
}

#comment form textarea {
  font: normal 1em Arial, Helvetica, sans-serif;
	width: 100%;
	height: 10em;
	border: 1px solid #CC9;
	background: #FFF;
}


/* //////////////////////////////////////////////// CAJA LEFT //////////////////////////////////////// */

.caja {
	border-top: .6em solid #CC9;
	border-bottom: .1em solid #CC9;
	background: #FFC;
	margin-top: 2em;
	padding: 1em;
}

.caja h3 {
	font: bold 1.3em Arial, Helvetica, sans-serif;
	color: #333;
	margin: 0 0 .4em;
	padding: 0;
	border: none;
}

.caja form {
	margin: 0;
	padding: 0;
}

.caja form label {
	color: #333;
	display: block;
	margin-bottom: .5em;
}

.caja form input {
  font: normal 1em Arial, Helvetica, sans-serif;
	width: 100%;
	border: 1px solid #CC9;
	background: #FFF;
}

.caja form select {
  font: normal 1em Arial, Helvetica, sans-serif;
	width: 100%;
	border: 1px solid #CC9;
	background: #FFF;
}

.caja form select.small {
  font: normal 1em Arial, Helvetica, sans-serif;
	width: 20%;
	border: 1px solid #CC9;
	background: #FFF;
}

.caja form input#passwd {
	width: 14em;
}

.caja form input#submit {
	margin-top: 1em;
	width: 10em;
	border: 1px solid #CC9;
	background: #FFF;
}

.caja form textarea {
  font: normal 1em Arial, Helvetica, sans-serif;
	width: 100%;
	height: 10em;
	border: 1px solid #CC9;
	background: #FFF;
}


/************************************ RESULTADOS DE LA BUSQUEDA **********************************/

#res_poster {
	width: 100%;
}

#res_poster td.dotted {
	border-bottom: 1px dotted #CCC;
}

.poster_p {
	border: 1px solid #333 !important;
}

.tituloes {
	color: #333;
	font-style: italic;
}

.ano {
	color: #333;
}

.plot {
	color: #333;
}


/* ////////////////////////////////////// FOOTER //////////////////////////////////////  */

#lista {
	font-size: .9em;
}

#lista ul {
	margin: 0 1em 0 0;
	width: 16em;
	padding: 0;
	float: left;
	border-right: 1px dotted #222;
}

#lista ul li {
	list-style: none;
}

#lista ul li.cabeza {
	font: bold 1.1em/2em Arial, Helvetica, sans-serif;
	color: #F9DC13;
}

#lista ul li.cabeza a {
	color: #F9DC13;
	text-decoration: none;
}

#lista ul li.cabeza a:hover {
	color: #F9DC13;
	text-decoration: underline;
}

#lista ul li a {
	line-height: 1.4em;
	text-decoration: none;
	color: #AAA;
}

#lista ul li a:hover {
	color: #FFF;
}

#lista ul#tema {
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
	border: none;
	width: 100%;
	font-size: 1.1em;
	border-bottom: 1px dotted #222;
}

#lista ul#tema li {
	list-style: none;
	display: inline;
	margin-right: 1em;
	float: left;
	white-space: nowrap;
}

#lista ul#tema .cabeza {
	font: bold 1.1em/2em Arial, Helvetica, sans-serif;
	color: #F9DC13;
	display: block;
	float: none;
}

#mnu_derecho {
	margin: 2em 0 0;
	padding: 1em;
	text-align: center;
	border-top: 1px solid #C90230;
	color: #C90230;
}

#mnu_derecho li {
	list-style: none;
	display: inline;
	padding: .4em;
}

#mnu_derecho li a {
	color: #C90230;
}

#mnu_derecho li a#rss {
	background: url('/img/pic_rss.png') right no-repeat;
	padding-right: 1.4em;
}

#copy {
	text-align: center;
	margin: 0;
}

#copy a {
	background: url('http://i.creativecommons.org/l/by-nc-sa/2.5/es/80x15.png') left no-repeat;
	padding-left: 7em;
	color: #999;
	text-decoration: none;
}
/* ////////////////////////////////////  styles for the unit rater //////////////////////////////// */

.ratingblock {
	margin-top: 10px;
	padding: 0;
	display: block;
}

.loading {
	height: 20px;
	background: url('/img/pic_cargando.gif') 50% 50% no-repeat;
}
	
.unit-rating { /* the UL */
	list-style: none;
	margin: 0 0 .2em !important;
	padding: 0 !important;
	height: 20px;
	position: relative;
	background: url('/img/pic_star.gif') top left repeat-x;		
}

.unit-rating li {
	list-style-image: none;
  text-indent: -90000px;
	padding: 0;
	margin: 0;
	/*\*/
	float: left;
	/* */
}
	
.unit-rating li a {
	outline: none;
	display: block;
	width: 20px;
	height: 20px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0;
}
	
.unit-rating li a:hover{
	background: url('/img/pic_star.gif') left center;
	z-index: 2;
	left: 0px;
}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:20px;}
.unit-rating a.r2-unit{left:20px;}
.unit-rating a.r2-unit:hover{width: 40px;}
.unit-rating a.r3-unit{left: 40px;}
.unit-rating a.r3-unit:hover{width: 60px;}
.unit-rating a.r4-unit{left: 60px;}	
.unit-rating a.r4-unit:hover{width: 80px;}
.unit-rating a.r5-unit{left: 80px;}
.unit-rating a.r5-unit:hover{width: 100px;}
.unit-rating a.r6-unit{left: 100px;}
.unit-rating a.r6-unit:hover{width: 120px;}
.unit-rating a.r7-unit{left: 120px;}
.unit-rating a.r7-unit:hover{width: 140px;}
.unit-rating a.r8-unit{left: 140px;}
.unit-rating a.r8-unit:hover{width: 160px;}
.unit-rating a.r9-unit{left: 160px;}
.unit-rating a.r9-unit:hover{width: 180px;}
.unit-rating a.r10-unit{left: 180px;}
.unit-rating a.r10-unit:hover{width: 200px;}

.unit-rating li.current-rating {
	background: url('/img/pic_star.gif') left bottom;
	position: absolute;
	height: 20px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}
	
p.static {
	color:#5D3126;
}

.voted {
	font-size: .9em;
	color:#999;
	padding: 0 0 0 .3em !important;
	margin: 0 !important;
}

.tovote {
	font-size: .9em;
	padding: 0 0 0 .3em !important;
	margin: 0 !important;
}

.thanks {
	color: #36AA3D;
}


/* VISUAL HP ******************/
.sliderwrapper {
	position: relative;
	overflow: hidden;
	width: 465px;
	height: 200px;
	clear: left;
	float: left;
}

.sliderwrapper .contentdiv {
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 0;
	float: left;
	height: 100%;
	filter: progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.pagination {
	font: normal 1.1em/1.8 Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 0;
	padding: 2px 2px 0 6px;
	background: #191919 url(/img/pix_45.gif) repeat-x;
	width: 457px;
	float: left;
}

.pagination a {
	padding: 0 5px;
	text-decoration: none; 
	color: #FFF;
}

.pagination a:hover, .pagination a.selected {
	color: #FFF;
	background-color: #E21D3C;
}