* {
	margin:0;
	padding:0;
}

/* General Style Info */
body {
	margin: 0; 
	background-color: #D6D6D6;
	overflow-x: hidden;	
}

body, table, input, textarea, select, option{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	font-weight: normal;
	color: #666666;
}

img {
	border:none;
	width: auto;
}

p {
	
}

a {
	color: #808080;
	text-decoration: none;
}
a:hover {
	color: #055E9A;
	text-decoration:none;
}
a img {
	border:none;
}

.di{
	color: #003d4c;
	text-decoration: none;
	font-weight: normal;
}

h1, h2, h3, h4 {

}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	float: left;
	padding-top: 2px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 17px;
	font-weight: bold;
	color: #FF1188;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 17px;
	font-weight: bold;
	color: #FF1188;
}

h4 {
	color: #993;
	font-weight: normal;
	padding-top: 0.5em;
}
h5 {
	color: #555555;
	font-size: 12px;
	font-weight: 800;
	margin: 0px 0px 10px 0px;	
}

h6 {
	color: #56A205;
	font-size: 12px;
	font-weight: 800;
	margin: 0px 0px 5px 0px;	
}
ul, li {
	margin: 0px 10px;
}

/* Tipografias */
.RESALTADOS-OBRAS {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-weight: bold;
	color: #FF1288;
}
.RESALTADOS-CINE {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-weight: bold;
	color: #66CC00;
}
.RESALTADOS-TALLERES {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-weight: bold;
	color: #FE9900;
}
.RESALTADOS-EXPOSICIONES {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-weight: bold;
	color: #CD0102;
}
.RESALTADOS-RESTAURANTE {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-weight: bold;
	color: #336799;
}
.RESALTADOS-CAMARIN {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-weight: bold;
	color: #49D4F5;
}
.RESALTADOS-PROMO {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	color: #49D4F5;
}

.TEXTOSGRALES {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	color: #666666;
}
.RESALTADOS {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-weight: bold;
	color: #FF1188;
}
.OTRASOBRAS {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-weight: bold;
	color: #FF1188;
}
.HORARIOTRASOBRAS {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-weight: bold;
	color: #000000;
}
.LLAVES {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 17px;
	font-weight: bold;
	color: #FF1188;
}
.INFO {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 17px;
	font-weight: bold;
	color: #333333;
}
.MAS {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 17px;
	font-weight: bold;
	color: #333333;
}
.TITULOPELICULA {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 17px;
	font-weight: bold;
	color: #FF1188;
}
.AUTOR {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 17px;
	font-weight: bold;
	color: #FF1188;
}
.PIEPAGINA {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 17px;
	font-weight: normal;
	color: #999999;
}
.RESERVADELOCALIDADES {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 17px;
	font-weight: normal;
	color: #FFFFFF;
}
.style2 {font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 17px; font-weight: normal; color: #999999; }
.TITULOSDERECHA {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-weight: bold;
	color: #666666;
}
.exposiciones {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	color: #000000;
}
.style4 {color: #CC0000}

/******************** Layout ***************/
#alert-QA {
	position: absolute;
	background-color: red;
	color: #FFF;
	padding: 3px;
	text-align: center;
	font-size: 12px;
	left: 0px;
}

#holidays-alert {
	background-color: #49D4F5;
	padding-left: 16px;
	width: 964px;
	font-weight: bold;
	padding: 4px;
	padding-left: 12px;
	color: #FFF;
	font-size: 13px;
}

#container {
	margin: auto;
	width: 1003px;	 
}

#header {	
	background: url('../img/layout/header-bg.gif');
	height: 	10px;
}
#sub-header {	
	background: url('../img/layout/content-bg.gif') repeat-y;
	padding-left: 12px;
	padding-right: 12px;
	height: 79px;
}
#sub-header #logo, #sub-header #botonera, #sub-header #col-R{	
	float: left;
	
	
}

#content {	
	background: url('../img/layout/content-bg.gif') repeat-y;
	padding-left: 12px;
	padding-right: 12px;
	clear: both;
	display: table;
	width: 100%;
}

#footer {
	background: url('../img/layout/footer-bg.gif') no-repeat;
	height: 16px;
}

#sub-footer {
	height: 	50px;
	text-align: center;
	padding-top: 7px;
	font-size: 13px;
	line-height: 17px;
	font-weight: normal;
	color: #808080;	
	padding-left: 17px;
}
#sub-footer div {
	float: left;
}
#sub-footer div img {
	position: relative;
	top: -4px;
}
#sub-footer .separador {
	margin-left: 2px;
	margin-right: 2px;
	color: #68C9D9; 
}

#creditos {
	position: absolute;
	display: block;
	margin-left: 985px;
	top: 86px;
	width: 14px;
	height: 196px;		
}


/* imageFlow home */
.plays-title {
	font-size: 12px;
	padding-right: 5px;
	color: #FFF;
	background-color: #FC108C;
	max-width: 369px;
	overflow: hidden;
	height: 17px;	
}
.type-title-play {
	background: #FFF url("../img/flechitas.jpg") no-repeat scroll -3px -221px;
	padding-left: 11px;
	height: 17px;
	margin-right:5px;
	float: left;
	font-weight: bold;
}	
.films-title {
	font-size: 12px;
	padding-right: 5px;
	color: #FFF;	
	background-color: #66CC00;
	max-width: 369px;
	overflow: hidden;
	height: 17px;	
}
.type-title-film {
	background: #FFF url("../img/flechitas.jpg") no-repeat scroll -3px -71px;
	padding-left: 11px;
	height: 17px;
	margin-right:5px;
	float: left;
	font-weight: bold;
}	
.exposures-title {
	font-size: 12px;
	padding-right: 5px;
	color: #FFF;	
	background-color: #CD0102;
	max-width: 369px;
	overflow: hidden;
	height: 17px;	
}
.type-title-exposure {
	background: #FFF url("../img/flechitas.jpg") no-repeat scroll -3px -141px;
	padding-left: 11px;
	height: 17px;
	margin-right:5px;
	float: left;
	font-weight: bold;
}	
.workshops-title {
	font-size: 12px;
	padding-right: 5px;
	color: #FFF;	
	background-color: #FE9900;
	max-width: 369px;
	overflow: hidden;
	height: 17px;	
}
.type-title-workshop {
	background: #FFF url("../img/flechitas.jpg") no-repeat scroll -3px -36px;
	padding-left: 11px;
	height: 17px;
	margin-right:5px;
	float: left;
	font-weight: bold;
}
.restaurants-title {
	font-size: 12px;
	padding-right: 5px;
	color: #FFF;	
	background-color: #336799;
	max-width: 369px;
	overflow: hidden;
	height: 17px;
}
.type-title-restaurant {
	background: #FFF url("../img/flechitas.jpg") no-repeat scroll -3px -101px;
	padding-left: 11px;
	height: 17px;
	margin-right:5px;
	float: left;
	font-weight: bold;
}

/* menu home */
#botonera {
	margin-top: 31px;
}
#botonera img {
	float: left;
}
#botonera div {
	float: left;
}

#botonera a{
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;		
	float: left;
	display: block;
	height: 34px;
	color: #808080;
	font-size: 1.1em; 	
}
#botonera a:hover{
	color: #FFFFFF;	
}

#botonera .but-1 a{
	border-bottom: 2px solid #FF1288;	
}
#botonera .but-1 a:hover{
	background-color: #FF1288;	
}

#botonera .but-2 a{
	border-bottom: 2px solid #66CC00;	
}
#botonera .but-2 a:hover{
	background-color: #66CC00;	
}

#botonera .but-3 a{
	border-bottom: 2px solid #FE9900;	
}
#botonera .but-3 a:hover{
	background-color: #FE9900;	
}

#botonera .but-4 a{
	border-bottom: 2px solid #CD0102;	
}
#botonera .but-4 a:hover{
	background-color: #CD0102;	
}

#botonera .but-5 a{
	border-bottom: 2px solid #336799;	
}
#botonera .but-5 a:hover{
	background-color: #336799;	
}

#botonera .but-6 a{
	border-bottom: 2px solid #49D4F5;	
}
#botonera .but-6 a:hover{
	background-color: #49D4F5;	
}

/*** Titulos ******/
.title-1 div {
	float: left;
}
.title-1 img {
	float: left;
	padding-top: 4px;
}

.title-1 .title {
	float: left;
	padding-top: 2px;
}

.title-1 .title-2 {
	padding-top: 2px;
}
.title-1 .llave {
	color: #4AD5F6;
	font-size: 23px;
	font-weight: normal;
	margin-left: 2px;
	margin-right: 2px;
	height: 21px; 
}

/* Related box */
.related {
	float: left;
	width: 238px;
	border-left: 1px solid #C8C8C8;
}
.related .title, .related .title-first {
	float: right;
	clear: both;
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	color: #FF1288;
	margin-bottom: 10px;
	padding-top: 5px;
	background-color: #FFF;
	text-align: right;
	height: 26px;
	position: relative;
	right: 1px;
	width: 200px;
}

.related .title-first {
	width: 238px;
}

.related .title div {
	float: right;
}
.related .date {
	float: right;
	clear: both;
	padding-right: 14px;
	margin-bottom: 25px;
	white-space: nowrap;	
}
.related .date div {
	float: left;
}
.related .date .llave {
	float: left;
	color: #4AD5F6;
	font-size: 23px;
	font-weight: normal;
	margin-left: 2px;
	margin-right: 2px;
	height: 21px; 
}

.related .related-item {
	clear: both;
	padding-left: 15px;
	padding-bottom: 30px;
	margin-bottom: 15px;
	border-bottom: 1px solid #C8C8C8;
	width: 223px;
}
.related .related-item .thumb, .related .related-item.film .thumb, .related .related-item.restaurant .thumb {
	float: left;
	padding: 1px;
	background-color: #FF1288;	
}
.related .related-item.film .thumb {
	background-color: #66CC00;	
}
.related .related-item.restaurant .thumb {
	background-color: #336799;	
}

.related .related-item .name, .related .related-item.film .name, .related .related-item.restaurant .name {
	float: left;
	margin-left: 7px;
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	color: #FF1188;
	width: 100px;	
}
.related .related-item.film .name {
	color: #66CC00;
}
.related .related-item.restaurant .name {
	color: #336799;
}

.related .related-item .date {
	float: left;
	margin-left: 7px;
}
.related .related-item .date div {
	float: left;
	
}
.related .related-item .time {
	float: left;
	display: table; 
	height: auto;
	white-space: nowrap; 
	margin-left: 7px;
}
.related .related-item .start {
	float: left;
	display: table; 
	height: auto; 
}

.related .related-item .actions {
	clear: both;
	padding-top: 10px;
}
.related .related-item .more-info {
	float: right;
	margin-right: 11px;
}
.related .related-item .reserve {
	float: right;
}
.related .related-item .desc {
	margin-left: 7px;
	float: left;
	width: 113px;
}

/* Boxes */
.time-selected {
	font-size: 110%;
	font-weight: bold;
	white-space: nowrap;
	color: #333333;
}
.time-play {
	
}
.time-film {
	
}

/* HOME */
.border-sub-header {
	margin-left: 12px;	
	height: 1px;
	background-color: #C8C8C8;
	position: absolute;
	margin-top: 75px;
	width: 980px;	
}
.border-sub-content {	
	height: 1px;
	background-color: #C8C8C8;
	width: 980px;
	font-size: 0.1em;	
}

.home {
	clear: both;
	display: table;
	width: 980px;
}
.home .title-1{
	clear: both;
}

.home .col-L {
	float:left;
	width: 455px;
}
.home .col-M {
	float:left;
	width: 190px;
	border-right: 1px solid #C8C8C8;
	border-left: 1px solid #C8C8C8;
	height: auto;
}
.home .col-M .calendario {
	padding-left: 13px;
}

.home .col-R {
	float:right;
	width: 333px;
}

.today-plays, .today-films {
	clear: both;
	margin-left: 10px;
	padding-top: 20px;  
}
.today-plays .play-item, .today-films .film-item {
	float: left;
	width: 128px;
	border-right: 1px dotted #FF1288;
	padding-left: 15px;
	margin-bottom: 20px;
}
.today-films .film-item {
	border-right: 1px dotted #66CC00;
}

.today-plays .play-item .thumb, .today-films .film-item .thumb {
	padding: 1px;
	background-color: #FF1288;
	width: 98px;
}
.today-films .film-item .thumb {
	background-color: #66CC00;
}

.today-plays .play-item .name, .today-films .film-item .name {
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	color: #FF1188;
	margin-bottom: 2px;
}
.today-films .film-item .name {
	color: #66CC00;
}

.today-plays .play-item .more-info, .today-films .film-item .more-info {
	float: left;
	margin-top: 7px;
}

.today-plays .play-item .reserve, .today-films .film-item .reserve {
	float: right;
	padding: 0px 0px 0px 0px;
	color: #FFFFFF;
	margin-top: 7px;
}

.col-R .block {
	clear: both;
	display: table;
	padding-right: 24px;
}
.col-R .como-llegar:hover {
	background-color: #4BD4F6;
	color: #FFF;
}
.col-R .el-restaurante:hover {
	background-color: #336699;
	color: #FFF;
}

.line-col-R {
	border-bottom: 1px solid #C8C8C8;
	height: 1px;
	line-height: 0.1em;
	position: relative;
	top: 108px;
	width: 333px;
	float: right;
}
.block .desc {
	float: left;
	width: 180px;
	padding-top: 5px;
	padding-left: 12px;
}
.block .thumb {
	float: right;
	margin-top: 6px;
	padding: 1px;
	background-color: #999999; 
}
.block .info {
	float: right;
	padding-top: 4px;
	height: 15px;
}
.block .info-L {
	float: left;
	padding-top: 4px;
	padding-left: 11px;
}


/* exposures - index */
.exposure-index {
	margin-left: 23px;
	width: 982px;
}
.exposure-index .col-L {
	float: left;
	width: 713px;
}
.exposure-index .col-R {
	float: right;
	width: 238px;
	padding-right: 25px;
}
.exposure-index .col-D {
	clear: both;
}

.exposure-index .title-general {
	float: left;
	position: relative;
	left: -24px;
}

.exposure-index .title-general div {
	float: left;
}
.exposure-index .title-general img {
	float: left;
	padding-top: 4px;
}
.exposure-index .title-general .title {
	float: left;
	padding-top: 2px;
	color: #CD0102;
}
.exposure-index .title-general .date {
	font-size: 13px;
	float: left;
	padding-top: 2px;
}
.exposure-index .title-general .llave {
	color: #4AD5F6;
	font-size: 28px;
	font-weight: normal;
	margin-left: 2px;
	margin-right: 2px;
	height: 30px;
	line-height: 20px; 
}

.exposure-index .ver-expo {
	float: left;
}

.exposure-index .related .title {
	width: 237px !important;
} 

.exposure-index .exposures  {
	padding-left: 15px;
	
	width: 703px;
}
.exposure-index .exposures .exposure-item {
	width: 100%;
	margin-bottom: 20px;
}
.exposure-index .exposures .exposure-item .dotted-line img{
	padding-top: 15px;
}

.exposure-index .exposures .exposure-item .col-L {
	float:left; display:table; height:auto; width: 98px;
	margin-right: 15px;
}
.exposure-index .exposures .exposure-item .col-R {
	float:left; display:table; width: 540px;
}
.exposure-index .exposures .exposure-item .thumb {
	padding: 1px;
	background-color: #CD0102;
	width: 102px;
}
.exposure-index .exposures .exposure-item .thumb {
	clear: both;
}
.exposure-index .exposures .exposure-item .name {
	clear: both;
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	color: #CD0102;
	margin-bottom: 2px;
}
.exposure-index .exposures .exposure-item .title {
	clear: both;
}
.exposure-index .exposures .exposure-item .title div {
	float: left;
}
.exposure-index .exposures .exposure-item .desc {
	margin-top:5px;
	clear: both;
	padding-right: 20px;
}
.exposure-index .exposures .exposure-item .data {
	float: left;
	margin-top: 7px;
}
.exposure-index .exposures .exposure-item .data a {
	color: #CC0000;
}


.exposure-index .exposures .exposure-item .recommend {
	float: right;
	padding: 0px 20px 0px 10px;
	color: #FFFFFF;
	margin-top: 7px;
}

.exposure-index .related .other-workshops {
	clear: both;
	border-bottom: 1px solid #C8C8C8;
	padding-bottom: 20px;
	display: table;
	width: 100%;	
}
.exposure-index .related .item-other {
	clear: both;
	float: right;
	padding-right: 20px;
	font-size: 12px;
	line-height: 17px;
	font-weight: bold;
	color: #FE9900;
}
.exposure-index .related .item-other a:hover {
	color: #CD0102;
}



/* workshop index */
.workshop-index {
	margin-left: 23px;
	width: 982px;	
}
.workshop-index .col-L {
	float: left;
	width: 713px;
}
.workshop-index .col-R {
	float: right;
	width: 238px;
	padding-right: 25px;
}
.workshop-index .title-general {
	float: left;
	position: relative;
	left: -24px;
}

.workshop-index .title-general div {
	float: left;
}
.workshop-index .title-general img {
	float: left;
	padding-top: 4px;
}
.workshop-index .title-general .title {
	float: left;
	padding-top: 2px;
	color: #FE9900 !important;
}
.workshop-index .related .title {
	width: 237px !important;
} 

.workshop-index .workshops  {
	padding-left: 15px;
	width: 703px;

}
.workshop-index .workshops .hide {
	position: relative;
	left: 500px;
	height: 100%;
	display: table;
}

.workshop-index .workshops .workshop-item {
	width: 338px;
	padding-bottom: 15px;
	padding-top: 10px;
}
.workshop-index .workshops .workshop-item .dotted-line img{
	padding-top: 15px;
}

.workshop-index .workshops .workshop-item .title-block-L, .workshop-index .workshops .workshop-item .title-block-R {
	background-color: #FE9900;
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	margin-bottom: 2px;
	color: #FFF !important;	
	width: 189px;
	padding: 2px 2px 2px 2px;
	float: left;
	position: relative;
	left: -38px;
	padding-left: 38px;	
}

.workshop-index .workshops .workshop-item .name, .workshop-index .workshops .workshop-item .name-R {
	background-color: #FE9900;
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	margin-bottom: 2px;
	color: #FFF !important;	
	width: 194px;
	padding: 2px 2px 2px 2px;
	float: left;
	position: relative;
	left: -38px;
	padding-left: 38px;	
}
.workshop-index .workshops .workshop-item .name-R {
	left: -16px;
	padding-left: 16px;
	width: 198px;	
}

.workshop-index .workshops .workshop-item .resena {
	color: #000;
	padding-bottom: 5px;
}
.workshop-index .workshops .workshop-item .recommend {
	float: right;
}


.workshop-index .workshops .workshop-item .levels {
	width: 165px;
	float: left;
	color: #FE9900 !important;
}
.workshop-index .workshops .workshop-item .calendar {
	float: left;
	display: table;	
	width: 51px;
	
}

.workshop-index .workshops .workshop-item .level-name {
	color: #666666;
	margin-bottom: 4px;
	widows: 274px;
}

.workshop-index .workshops .workshop-item .desc {
	padding-right: 20px;
}
.workshop-index .workshops .workshop-item .more-info {
	float: right;
	margin-top: 15px;
	padding-right: 12px;
}

.workshop-index .workshops .workshop-item .contact {
	float: left;
	padding: 0px 0px 0px 10px;
	color: #FFFFFF;
	margin-top: 7px;
}

.workshop-index .related .other-workshops {
	clear: both;
	border-bottom: 1px solid #C8C8C8;
	padding-bottom: 20px;
	display: table;
	width: 100%;	
}
.workshop-index .related .item-other {
	clear: both;
	float: right;
	padding-right: 20px;
	font-size: 12px;
	line-height: 17px;
	font-weight: bold;
	color: #FE9900;
}
.workshop-index .related .item-other a:hover {
	color: #FE9900;
}

/* film reservation */
.film-reservation {
	margin-left: 24px;
	padding-right: 23px;
}
.film-reservation .col-L {
	float: left;
	width: 713px;
}
.film-reservation .col-R {
	float: right;
	width: 238px;
}
.film-reservation .title-general {
	float: left;
	position: relative;
	left: -24px;
}

.film-reservation .title-general div {
	line-height: 22px;
	float: left;
}
.film-reservation .title-general img {
	float: left;
	padding-top: 4px;
}
.film-reservation .title-general .title {
	float: left;
	padding-top: 2px;
	color: #66CC00 !important;	
}
.film-reservation .title-general .date {
	font-size: 13px;
	float: left;
	padding-top: 2px;
}
.film-reservation .title-general .llave {
	color: #4AD5F6;
	font-size: 28px;
	font-weight: normal;
	margin-left: 2px;
	margin-right: 2px;
	height: 30px;
	line-height: 20px; 
}

.film-reservation .calendar {
	background-color: #D9F6FE;
	padding-left: 40px;
	padding-bottom: 20px;
	border-left: 1px solid #C8C8C8;
}
.film-reservation .calendar-spacer {
	clear:both; 
	height:20px;
	float: right;
	width: 237px; 
	border-left: 1px solid #C8C8C8;
}
.film-reservation .related .title {
	width: 237px !important;
} 

.film-reservation .cols-container {
	display: table;
	height: 100%;
}
	
.film-reservation .data  {
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	width: 333px;
	height: 100%;
	display: table;
	background-color: #EAEAEA;
}

.film-reservation .volver {
	float: right;
	padding-right: 15px;
	padding-top: 10px;
}

.film-reservation .data .code-title {
	padding-top: 15px;
	color: #FF1288;
	font-size: 20px;
	position: relative;
	left: -15px;
	color: #66CC00 !important;
}
.film-reservation .data .code {
	color: #666666;
	font-size: 16px;
	background-color: #FFF;
	border: 1px solid #666666;
	padding: 5px;
	width: 100px;
	display: table;
	text-align: center;
	margin: 0 auto;
	margin-top: 10px; 
}
.film-reservation .data .extra-data div {
	float: left;
	clear: both;
	margin-bottom: 5px;	
}
.film-reservation .data .item {
	margin-right: 3px;
	font-weight: bold;
}


.film-reservation .restaurant {
	float: left;
	width: 330px;
	background-color: #336799;
	color: #FFF;
	height: 100%;
	border-left: 1px solid #FFF;
}


.film-reservation .restaurant .promo-item {
	padding-top: 15px;
	padding-right: 15px;
}
.film-reservation .restaurant .promo-item .restaurant-title {
	position: relative;	
	width: 300px;	
	color: #FFF !important;
	text-transform: uppercase;		
}
.film-reservation .restaurant .promo-item .thumb {
	float: left;
}
.film-reservation .restaurant .promo-item .desc {
	float: left;
	padding: 0px;
	padding-left: 10px;
	width: 123px;
}
.film-reservation .restaurant .promo-item .price {
	float: right;
	font-size: 18px;
	line-height: 50px;
	padding: 0px;
	padding-left: 10px;
}
.film-reservation .restaurant .promo-item .price img {
	float: right;
	margin-left: 5px;
}


.film-reservation .restaurant .default {
	padding: 15px;
}
.film-reservation .restaurant .default .restaurant-title {
	position: relative;
	left: -15px;	
	width: 300px;	
	color: #FFF !important;
	text-transform: uppercase;
}
.film-reservation .restaurant .thumb {
	float: right;
}
.film-reservation .restaurant .desc {
	float: left;
	padding-left: 10px;
	padding-top: 15px;
	width: 150px;
}
.film-reservation .restaurant .cena {
	font-size: 12px;
	color: #00FFFF;
}

.film-reservation .restaurant label {
	float: right;
	padding-top: 1px;
}
.film-reservation .restaurant input {
	width: 25px;
	text-align: center;
	border: 1px solid #040468;
	height: 18px;
	font-size: 15px;
}
.film-reservation .restaurant .default .submit {
	float: right;
	background: url("../img/reservar-mesa.gif") no-repeat;
	width: 114px;
	height: 30px;
	cursor: pointer;
	border: none;
	position: relative;
	margin-top: 10px;
	top: -6px;
}


.film-reservation .restaurant .promo-item .submit {
	float: right;
	background: url("../img/reservar-mesa-3.gif") no-repeat;
	width: 88px;
	height: 31px;
	cursor: pointer;
	border: none;
	position: relative;
	margin-top: 5px;
}



/*play reservation UNRESERVE */

.film-reservation .unreserve {
	clear: both;
	width: 710px !important;
}
.film-reservation .unreserve .tab-title {
	float: left;
	width: 200px;
	height: 22px;
	background-color: #EAEAEA;
	color: #FF1288;
	padding-top: 8px;
	padding-left: 6px;
}
.film-reservation .unreserve .tab-title .title {
	color: #66CC00 !important;
	margin-bottom: 10px;
	position: relative;
	left: -6px;
}
.film-reservation .unreserve .tab-title .title img {
	float: left;
	position: relative;
}

.film-reservation .unreserve .tab-content .header {
	background: url("../img/restaurant-comment-header.gif") no-repeat;
	height: 10px;
	clear: both;
}
.film-reservation .unreserve .tab-content .content {
	background: url("../img/restaurant-comment-bg.gif") repeat-y;
	clear: both;
	padding-left: 20px;
	padding-top: 15px;
}

.film-reservation .unreserve .tab-content .footer {
	background: url("../img/restaurant-comment-footer.gif") no-repeat;
	height: 16px;
	margin-bottom: 15px;
	clear: both;
}


.film-reservation .unreserve .line-h {
	clear: both;
	height: 30px;
}


.film-reservation .unreserve .si-no {
	width: auto;
	text-align: center;
	margin: 0 auto;
	font-size: 20px;
}

.film-reservation .unreserve input {
	background-color: #FFF !important;
	border: 1px solid #66CC00;
	float: left;
}
.film-reservation .unreserve label {
	float: left;
}
.film-reservation .unreserve .submit {
	background: url("../img/unreserve-si-no-verde.gif") no-repeat;
	border: none;
	cursor: pointer;
	float: left;	
	width: 50px;
	height: 44px;
	margin-left: 5px;
}
.film-reservation .unreserve .no-submit {
	background: url("../img/unreserve-si-no-verde.gif") scroll 44px;
	border: none;
	cursor: pointer;
	float: left;	
	width: 50px;
	height: 44px;
	margin-left: 5px;
}

.film-reservation .extra-data div {
	color: #66CC00;	
	font-weight: bold;
	float: left;
	clear: both;
	margin-bottom: 5px;	
}
.film-reservation .extra-data .item {
	color: #666666;
	font-weight: normal;
	float: left;
	margin-right: 3px;
}

.film-reservation .unreserve .confirm div {
	float: left;
}

.film-reservation .unreserve .confirm .col-L {
	padding-top: 12px;
	width: 350px;
}


/* film index */
.film-index {
	margin-left: 23px;
	width: 982px;
}
.film-index .col-L {
	float: left;
	width: 713px;
}
.film-index .col-R {
	float: right;
	width: 238px;
	padding-right: 25px;
}

.film-index .title-general {
	float: left;
	position: relative;
	left: -24px;
	height: 30px;
}

.film-index .title-general div {
	float: left;
}
.film-index .title-general img {
	float: left;
	padding-top: 4px;
}
.film-index .title-general .title {
	float: left;
	padding-top: 2px;
	color: #66CC00 !important;
}
.film-index .title-general .date {
	font-size: 13px;
	float: left;
	padding-top: 2px;
}
.film-index .title-general .llave {
	color: #4AD5F6;
	font-size: 28px;
	font-weight: normal;
	margin-left: 2px;
	margin-right: 2px;
	height: 30px;
	line-height: 20px; 
}

.film-index .calendar {
	background-color: #D9F6FE;
	padding-left: 40px;
	padding-bottom: 20px;
	border-left: 1px solid #C8C8C8;
}
.film-index .calendar-spacer {
	clear:both; 
	height:20px;
	float: right;
	width: 237px; 
	border-left: 1px solid #C8C8C8;
}
.film-index .related .title {
	width: 237px !important;
} 

.film-index .films  {
	padding-left: 15px;
	width: 703px;
}
.film-index .films .not-found {
	font-size: 18px;
	color: #333333;
	
}
.film-index .films .film-item {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.film-index .films .film-item .dotted-line img{
	padding-top: 15px;
}

.film-index .films .film-item .col-L {
	float:left; display:table; height:auto; width: 98px;
	margin-right: 15px;
}
.film-index .films .film-item .col-R {
	float:left; display:table; width: 540px;
}
.film-index .films .film-item .thumb {
	padding: 1px;
	background-color: #66CC00;
	width: 98px;
}
.film-index .plays .play-item .thumb {
	padding: 1px;
	background-color: #FF1288;
	width: 98px;
}
.film-index .films .film-item .name {
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	color: #66CC00 !important;
	margin-bottom: 2px;
}
.film-index .plays .play-item .name {
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	color: #FF1288 !important;
	margin-bottom: 2px;
}
.film-index .films .film-item .start-date {
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	color: #66CC00;
	margin-bottom: 2px;
}
.film-index .plays .play-item .start-date {
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	color: #FF1288;
	margin-bottom: 2px;
}
.film-index .films .film-item .desc {
	padding-right: 20px;
}
.film-index .films .film-item .more-info {
	float: left;
	margin-top: 7px;
}

.film-index .films .film-item .reserve {
	float: left;
	padding: 0px 0px 0px 10px;
	color: #FFFFFF;
	margin-top: 7px;
}


/* film view */
.film-view {
	margin-left: 25px;
	width: 982px;
	margin-right: 23px;
}

.film-view .header, .film-view .sub-header  {
	padding-rigth: 45px;
	clear: both;
	padding-right: 19px;
}

.film-view .header .title {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	color: #66CC00;
	padding-top: 4px;
}
.film-view .header .title-2 {
	float: left;
	padding-top: 6px;
	margin-left: 5px;
	font-size: 15px;
	line-height: 24px;
	font-weight: bold;
	color: #66CC00;	
}
.film-view .header .recomend {
	float: right;
	padding-right: 24px;
}

.film-view .sub-header .picture {
	float: left;
	overflow: hidden;
	width: 477px;
	height: 281px;
	margin: 0px;
	padding: 0px;	
	background-color: #D5FFAA;
}
.film-view .sub-header .video {
	float: left;
}

.film-view .content {
	clear: both;
	display: table;	
}
.film-view .content .details {
	width: 477px;
	float: left;
	overflow:hidden;
}
.film-view .item {
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	color: #66CC00;
	float: left;
	margin-right: 5px;
}
.film-view .item-preg {
	float: left;
	padding-top: 8px;
}
.film-view .item-preg-sign {
	float: left;
	padding-top: 8px;
	padding-left: 2px;
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	color: #66CC00;	
}

.film-view .line-h {
	clear: both;
	padding-top: 15px;
	height: 23px;
}
.film-view .tab-header {
	background: url("../img/tab-header-bg.gif") no-repeat;
	width: 477px;
	height: 7px;
}
.film-view .tab-info {
	background: url("../img/tab-info-bg-verde.gif") no-repeat;
	width: 455px;
	padding-left: 22px;
	padding-top: 25px;
	padding-bottom: 7px;	
}
.film-view .tab-pics {
	background: url("../img/tab-pics-bg-verde.gif") no-repeat;
	width: 455px;
	height: 186px;
	padding-left: 22px;
	padding-top: 24px;	
}
.film-view .prensa-item {
	clear: both;
}
.film-view .prensa-item .thumb {
	float: left;
	display: table;
	height: auto;
}
.film-view .prensa-item .title {
	float: left;
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	color: #66CC00;	
	width: 370px;
}
.film-view .prensa-item .desc {
	padding-right: 20px;	
}
.film-view .prensa-item .ver-nota {
	float: right;
	margin-top: 15px;
	padding-right: 28px; 
}

.film-view .comment-title {
	clear: both;
	margin-bottom: 8px;
	position:relative;
	width: 423px;
	left: -20px;
	font-size: 12px; 
	line-height: 17px; 
	font-weight: normal; 
	color: #7A7A7A;	
}
.film-view .comment-form label{
	font-size: 11px;
	padding-top: 5px;
}
.film-view .comment-form INPUT, .film-view .comment-form TEXTAREA {
	background-color: #FFF;
	border: 1px solid #66CC00;
	width: 192px;
}
.film-view .comment-form TEXTAREA {
	height: 50px;
	width: 402px;
}
.film-view .comment-submit {
	background: url("../img/comment-verde-send.gif") no-repeat;
	border: none !important;
	background-color: #EAEAEA !important;
	height: 19px;
	width: 46px !important;
	float: right;
	margin-top: 10px;
	margin-right: 30px;
	cursor: pointer;
}


.film-view .reservations {
	float: left;
	width: 219px;
	margin-left: 10px;
	margin-right: 10px;
}
.film-view .reservations .box {
	background-color: #66CC00;
	margin-top: 31px;
	height: 100%;
	width: 100%;
	display: table;
	color: #FFF;
}
.film-view .reservations .box .line {
	clear: both;
}
.film-view .reservations .box .title {
	margin-top: 5px;
	font-size: 13px; line-height: 17px; font-weight: normal; color: #FFF;	
}
.film-view .reservations .box .col-L {
	float: left;
	width: 12px;
	margin-top: 3px;
}
.film-view .reservations .box .col-R {
	padding: 2px;
	float: left;
}

.film-view .reservations .box .name, 
.film-view .reservations .box .speech {
	margin-left: 12px;
	clear: both;
}

.film-view .reservations .box .name {
	font-size: 15px;
	line-height: 24px;
	font-weight: bold;
	color: #FFF;	
}
.film-view .reservations .box .reservas-bg {
	background: url("../img/reservas-verde-bg.gif") no-repeat;
	height: 104px;
	width: 188px;
	margin-left: 8px;
	clear: both;
	color: #666666;
	font-weight: bold;
	padding-left: 12px;
	padding-right: 6px;
	padding-top: 6px;	
}
.film-view .reservations .box .reservas-bg div {
	white-space: nowrap;
	float: left;
}
.film-view .reservations .box .reservas-bg .cupo{
	float: left;
	color: #66CC00;
	font-weight: bold;
	margin-right: 3px;
}
.film-view .reservations .box .reservas-bg .cupo-2 {
	float: left;
	white-space: nowrap;
}
.film-view .reservations .box .reservas-bg .disponibles {
	float: left;
	color: #66CC00;
	font-weight: bold;
	margin-right: 3px;
}
.film-view .reservations .box .reservas-bg .localidades {
	float: left;
}
.film-view .reservations .box .reservas-bg .localidades-disponibles {
	background-color: #FFF;
	border: 1px solid #66CC00;
	padding: 1px 5px 1px 5px;
	float: left;
}


.film-view .reservations .aclaracion {
	font-weight: bold;
	color: #66CC00;
}

.film-view .reservations .box label img{
	margin-bottom: 4px;
	margin-right:3px; 
	float:left;
}
.film-view .reservations .box label {
	margin-top: 10px;
	font-size: 12px;
}
.film-view .reservations .box input {
	width: 198px;
	background-color: #EAEAEA;
}
.film-view .reservations .box .reservation-submit{
	background: url("../img/reservation-verde-submit.gif") no-repeat;
	width: 60px;
	height: 35px;
	float: right;
	margin-right: 10px;
	margin-top: 8px;
	margin-bottom: 5px;
	cursor: pointer;
}
.film-view .reservations .box .reservation-shows {
	border: 0px;
	color: #000;
	width: 198px;
}



/* play reservation */
.play-reservation {
	margin-left: 24px;
	padding-right: 23px;
}
.play-reservation .col-L {
	float: left;
	width: 713px;
}
.play-reservation .col-R {
	float: right;
	width: 238px;
}
.play-reservation .title-general {
	float: left;
	position: relative;
	left: -24px;
}

.play-reservation .title-general div {
	line-height: 22px;
	float: left;
}
.play-reservation .title-general img {
	float: left;
	padding-top: 4px;
}
.play-reservation .title-general .title {
	float: left;
	padding-top: 2px;
	color: #FF1288 !important;	
}
.play-reservation .title-general .date {
	font-size: 13px;
	float: left;
	padding-top: 2px;
}
.play-reservation .title-general .llave {
	color: #4AD5F6;
	font-size: 28px;
	font-weight: normal;
	margin-left: 2px;
	margin-right: 2px;
	height: 30px;
	line-height: 20px; 
}

.play-reservation .calendar {
	background-color: #D9F6FE;
	padding-left: 40px;
	padding-bottom: 20px;
	border-left: 1px solid #C8C8C8;
}
.play-reservation .calendar-spacer {
	clear:both; 
	height:20px;
	float: right;
	width: 237px; 
	border-left: 1px solid #C8C8C8;
}
.play-reservation .related .title {
	width: 237px !important;
} 

.play-reservation .cols-container {
	display: table;
	height: 100%;
}
	
.play-reservation .data  {
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	width: 333px;
	height: 100%;
	display: table;
	background-color: #EAEAEA;
}

.play-reservation .volver {
	float: right;
	padding-right: 15px;
	padding-top: 10px;
}

.play-reservation .data .code-title {
	padding-top: 15px;
	color: #FF1288;
	font-size: 20px;
	position: relative;
	left: -15px;
	color: #FF1288 !important;
}
.play-reservation .data .code {
	color: #666666;
	font-size: 16px;
	background-color: #FFF;
	border: 1px solid #666666;
	padding: 5px;
	width: 100px;
	display: table;
	text-align: center;
	margin: 0 auto;
	margin-top: 10px; 
}
.play-reservation .data .extra-data div {
	float: left;
	clear: both;
	margin-bottom: 5px;	
}
.play-reservation .data .item {
	margin-right: 3px;
	font-weight: bold;
}


.play-reservation .restaurant {
	float: left;
	width: 330px;
	background-color: #336799;
	color: #FFF;
	height: 100%;
	border-left: 1px solid #FFF;
}


.play-reservation .restaurant .promo-item {
	padding-top: 15px;
	padding-right: 15px;
}
.play-reservation .restaurant .promo-item .restaurant-title {
	position: relative;	
	width: 300px;	
	color: #FFF !important;
	text-transform: uppercase;		
}
.play-reservation .restaurant .promo-item .thumb {
	float: left;
}
.play-reservation .restaurant .promo-item .desc {
	float: left;
	padding: 0px;
	padding-left: 10px;
	width: 123px;
}
.play-reservation .restaurant .promo-item .price {
	float: right;
	font-size: 18px;
	line-height: 50px;
	padding: 0px;
	padding-left: 10px;
}
.play-reservation .restaurant .promo-item .price img {
	float: right;
	margin-left: 5px;
}

.play-reservation .restaurant .default {
	padding: 15px;
}
.play-reservation .restaurant .default .restaurant-title {
	position: relative;
	left: -15px;	
	width: 300px;	
	color: #FFF !important;
	text-transform: uppercase;
}
.play-reservation .restaurant .thumb {
	float: right;
}
.play-reservation .restaurant .desc {
	float: left;
	padding-left: 10px;
	padding-top: 15px;
	width: 150px;
}
.play-reservation .restaurant .cena {
	font-size: 12px;
	color: #00FFFF;
}

.play-reservation .restaurant label {
	float: right;
	padding-top: 1px;
}
.play-reservation .restaurant input {
	width: 25px;
	text-align: center;
	border: 1px solid #040468;
	height: 18px;
	font-size: 15px;
}
.play-reservation .restaurant .default .submit {
	float: right;
	background: url("../img/reservar-mesa.gif") no-repeat;
	width: 114px;
	height: 30px;
	cursor: pointer;
	border: none;
	position: relative;
	margin-top: 10px;
	top: -6px;
}


.play-reservation .restaurant .promo-item .submit {
	float: right;
	background: url("../img/reservar-mesa-3.gif") no-repeat;
	width: 88px;
	height: 31px;
	cursor: pointer;
	border: none;
	position: relative;
	margin-top: 5px;
}




/*play reservation UNRESERVE */

.play-reservation .unreserve {
	clear: both;
	width: 710px !important;
}
.play-reservation .unreserve .tab-title {
	float: left;
	width: 200px;
	height: 22px;
	background-color: #EAEAEA;
	color: #FF1288;
	padding-top: 8px;
	padding-left: 6px;
}
.play-reservation .unreserve .tab-title .title {
	color: #FF1288 !important;
	margin-bottom: 10px;
	position: relative;
	left: -6px;
}
.play-reservation .unreserve .tab-title .title img {
	float: left;
	position: relative;
}

.play-reservation .unreserve .tab-content .header {
	background: url("../img/restaurant-comment-header.gif") no-repeat;
	height: 10px;
	clear: both;
}
.play-reservation .unreserve .tab-content .content {
	background: url("../img/restaurant-comment-bg.gif") repeat-y;
	clear: both;
	padding-left: 20px;
	padding-top: 15px;
}

.play-reservation .unreserve .tab-content .footer {
	background: url("../img/restaurant-comment-footer.gif") no-repeat;
	height: 16px;
	margin-bottom: 15px;
	clear: both;
}


.play-reservation .unreserve .line-h {
	clear: both;
	height: 30px;
}


.play-reservation .unreserve .si-no {
	width: auto;
	text-align: center;
	margin: 0 auto;
	font-size: 20px;
}

.play-reservation .unreserve input {
	background-color: #FFF !important;
	border: 1px solid #FF1188;
	float: left;
}
.play-reservation .unreserve label {
	float: left;
}
.play-reservation .unreserve .submit {
	background: url("../img/unreserve-si-no.gif") no-repeat;
	border: none;
	cursor: pointer;
	float: left;	
	width: 50px;
	height: 44px;
	margin-left: 5px;
}
.play-reservation .unreserve .no-submit {
	background: url("../img/unreserve-si-no.gif") scroll 44px;
	border: none;
	cursor: pointer;
	float: left;	
	width: 50px;
	height: 44px;
	margin-left: 5px;
}

.play-reservation .extra-data div {
	color: #FF1288;	
	font-weight: bold;
	float: left;
	clear: both;
	margin-bottom: 5px;	
}
.play-reservation .extra-data .item {
	color: #666666;
	font-weight: normal;
	float: left;
	margin-right: 3px;
}

.play-reservation .unreserve .confirm div {
	float: left;
}

.play-reservation .unreserve .confirm .col-L {
	padding-top: 12px;
	width: 350px;
}



/* play index */
.play-index {
	margin-left: 23px;
	width: 982px;
}
.play-index .col-L {
	float: left;
	width: 713px;
}
.play-index .col-R {
	float: right;
	width: 238px;
	padding-right: 25px;
}
.play-index .title-general {
	float: left;
	position: relative;
	left: -24px;
	height: 30px;
}

.play-index .title-general div {
	float: left;
}
.play-index .title-general img {
	float: left;
	padding-top: 4px;
}
.play-index .title-general .title {
	float: left;
	padding-top: 2px;
}
.play-index .title-general .date {
	font-size: 13px;
	float: left;
	padding-top: 2px;
}
.play-index .title-general .llave {
	color: #4AD5F6;
	font-size: 28px;
	font-weight: normal;
	margin-left: 2px;
	margin-right: 2px;
	height: 30px;
	line-height: 20px; 
}

.play-index .calendar {
	background-color: #D9F6FE;
	padding-left: 40px;
	padding-bottom: 20px;
	border-left: 1px solid #C8C8C8;
}
.play-index .calendar-spacer {
	clear:both; 
	height:20px;
	float: right;
	width: 237px; 
	border-left: 1px solid #C8C8C8;
}
.play-index .related .title {
	width: 237px !important;
} 

.play-index .plays  {
	padding-left: 15px;
	width: 703px;
}
.play-index .plays .not-found {
	font-size: 18px;
	color: #333333;
}
.play-index .plays .play-item {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.play-index .plays .play-item .dotted-line img{
	padding-top: 15px;
}

.play-index .plays .play-item .col-L {
	float:left; display:table; height:auto; width: 98px;
	margin-right: 15px;
}
.play-index .plays .play-item .col-R {
	float:left; display:table; width: 540px;
}
.play-index .plays .play-item .thumb {
	padding: 1px;
	background-color: #FF1288;
	width: 98px;
}
.play-index .films .film-item .thumb {
	padding: 1px;
	background-color: #66CC00 !important;
	width: 98px;
}
.play-index .plays .play-item .name {
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	color: #FF1188;
	margin-bottom: 2px;
}
.play-index .films .film-item .name {
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	color: #66CC00;
	margin-bottom: 2px;
}

.play-index .plays .play-item .start-date {
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	color: #FF1188;
	margin-bottom: 2px;
}
.play-index .films .film-item .start-date {
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	color: #66CC00;
	margin-bottom: 2px;
}
.play-index .plays .play-item .desc {
	padding-right: 20px;
	height: 100px;
	overflow: hidden;
}
.play-index .plays .play-item .more-info {
	float: left;
	margin-top: 7px;
}

.play-index .plays .play-item .reserve {
	float: left;
	padding: 0px 0px 0px 10px;
	color: #FFFFFF;
	margin-top: 7px;
}


/* play view */
.play-view {
	margin-left: 25px;
	width: 982px;
	margin-right: 23px;
}

.play-view .header, .play-view .sub-header  {
	padding-rigth: 45px;
	clear: both;
	padding-right: 19px;
}

.play-view .header .title {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	color: #FF1188;
	padding-top: 4px;
}
.play-view .header .title-2 {
	float: left;
	padding-top: 6px;
	margin-left: 5px;
	font-size: 15px;
	line-height: 24px;
	font-weight: bold;
	color: #FF1188;	
}
.play-view .header .recomend {
	float: right;
	padding-right: 24px;
}

.play-view .sub-header .picture {
	float: left;
	overflow: hidden;
	width: 477px;
	height: 281px;
	margin: 0px;
	padding: 0px;	
	background-color: #FEACD4;
}
.play-view .sub-header .video {
	float: left;
}

.play-view .content {
	clear: both;
	display: table;	
}
.play-view .content .details {
	width: 477px;
	float: left;
	overflow:hidden;
}
.play-view .item {
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	color: #FF1188;
	float: left;
	margin-right: 5px;
}
.play-view .item-preg {
	float: left;
	padding-top: 8px;
}
.play-view .item-preg-sign {
	float: left;
	padding-top: 8px;
	padding-left: 2px;
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	color: #FF1188;	
}

.play-view .line-h {
	clear: both;
	padding-top: 15px;
	height: 23px;
}
.play-view .tab-header {
	background: url("../img/tab-header-bg.gif") no-repeat;
	width: 477px;
	height: 7px;
}
.play-view .tab-info {
	background: url("../img/tab-info-bg.gif") no-repeat;
	width: 455px;
	padding-left: 22px;
	padding-top: 25px;
	padding-bottom: 7px;	
}
.play-view .tab-pics {
	background: url("../img/tab-pics-bg.gif") no-repeat;
	width: 455px;
	height: 186px;
	padding-left: 22px;
	padding-top: 24px;	
}
.play-view .prensa-item {
	clear: both;
}
.play-view .prensa-item .thumb {
	float: left;
	display: table;
	height: auto;
}
.play-view .prensa-item .title {
	float: left;
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	color: #FF1188;	
	width: 370px;
}
.play-view .prensa-item .desc {
	padding-right: 20px;	
}
.play-view .prensa-item .ver-nota {
	float: right;
	margin-top: 15px;
	padding-right: 28px; 
}

.play-view .comment-title {
	clear: both;
	margin-bottom: 8px;
	position:relative;
	width: 423px;
	left: -20px;
	font-size: 12px; 
	line-height: 17px; 
	font-weight: normal; 
	color: #7A7A7A;	
}
.play-view .comment-form label{
	font-size: 11px;
	padding-top: 5px;
}
.play-view .comment-form INPUT, .play-view .comment-form TEXTAREA {
	background-color: #FFF;
	border: 1px solid #FF1288;
	width: 192px;
}
.play-view .comment-form TEXTAREA {
	height: 50px;
	width: 402px;
}
.play-view .comment-submit {
	background: url("../img/comment-send.gif") no-repeat;
	border: none !important;
	background-color: #EAEAEA !important;
	height: 19px;
	width: 46px !important;
	float: right;
	margin-top: 10px;
	margin-right: 30px;
	cursor: pointer;
}


.play-view .reservations {
	float: left;
	width: 219px;
	margin-left: 10px;
	margin-right: 10px;
}
.play-view .reservations .box {
	background-color: #FF1288;
	margin-top: 31px;
	height: 100%;
	width: 100%;
	display: table;
	color: #FFF;
}
.play-view .reservations .box .line {
	clear: both;
}
.play-view .reservations .box .title {
	margin-top: 5px;
	font-size: 13px; line-height: 17px; font-weight: normal; color: #FFF;	
}
.play-view .reservations .box .col-L {
	float: left;
	width: 12px;
	margin-top: 3px;
}
.play-view .reservations .box .col-R {
	padding: 2px;
	float: left;
}

.play-view .reservations .box .name, 
.play-view .reservations .box .speech {
	margin-left: 12px;
	clear: both;
}

.play-view .reservations .box .name {
	font-size: 15px;
	line-height: 24px;
	font-weight: bold;
	color: #FFF;	
}
.play-view .reservations .box .reservas-bg {
	background: url("../img/reservas-bg.gif") no-repeat;
	height: 104px;
	width: 188px;
	margin-left: 8px;
	clear: both;
	color: #666666;
	font-weight: bold;
	padding-left: 12px;
	padding-right: 6px;
	padding-top: 6px;	
}
.play-view .reservations .box .reservas-bg div {
	white-space: nowrap;
	float: left;
}
.play-view .reservations .box .reservas-bg .cupo{
	float: left;
	color: #FF1288;
	font-weight: bold;
	margin-right: 3px;
}
.play-view .reservations .box .reservas-bg .cupo-2 {
	float: left;
	white-space: nowrap;
}
.play-view .reservations .box .reservas-bg .disponibles {
	float: left;
	color: #FF1288;
	font-weight: bold;
	margin-right: 3px;
}
.play-view .reservations .box .reservas-bg .localidades {
	float: left;
}
.play-view .reservations .box .reservas-bg .localidades-disponibles {
	background-color: #FFF;
	border: 1px solid #FF1288;
	padding: 1px 5px 1px 5px;
	float: left;
}


.play-view .reservations .aclaracion {
	font-weight: bold;
	color: #FF1288;
}

.play-view .reservations .box label img{
	margin-bottom: 4px;
	margin-right:3px; 
	float:left;
}
.play-view .reservations .box label {
	margin-top: 10px;
	font-size: 12px;
}
.play-view .reservations .box input {
	width: 198px;
	background-color: #EAEAEA;
}
.play-view .reservations .box .reservation-submit{
	background: url("../img/reservation-submit.gif") no-repeat;
	width: 60px;
	height: 35px;
	float: right;
	margin-right: 10px;
	margin-top: 8px;
	margin-bottom: 5px;
	cursor: pointer;
}
.play-view .reservations .box .reservation-shows {
	border: 0px;
	color: #000;
	width: 198px;
}



/* restaurant-2 index */
.restaurant-2-index {
	margin-left: 24px;
	width: 982px;
}
.restaurant-2-index .col-L {
	float: left;
	width: 713px;
	overflow: hidden;
}
.restaurant-2-index .col-R {
	float: right;
	width: 238px;
	padding-right: 26px;
}
.restaurant-2-index .title-general {
	float: left;
	position: relative;
	left: -24px;
}

.restaurant-2-index .title-general div {
	float: left;
}
.restaurant-2-index .title-general img {
	float: left;
	padding-top: 4px;
}
.restaurant-2-index .title-general .title {
	float: left;
	padding-top: 0px;
	padding-left:24px !important;
	height: 20px;
	color: #336799 !important;
}
.restaurant-2-index .related .title {
	width: 237px !important;
} 

.restaurant-2-index .restaurant-items  {
	width: 703px;
}

/* restaurant index */
.restaurant-index {
	width: 982px;
}
.restaurant-index .title-general {
	float: left;
	position: relative;
}

.restaurant-index .title-general div {
	float: left;
}
.restaurant-index .title-general img {
	float: left;
	padding-top: 4px;
}
.restaurant-index .title-general .title {
	float: left;
	padding-top: 0px;
	padding-left:22px;
	height: 20px;
	color: #336799 !important;
}

.restaurant-index .header .picture {
	float: left;
	width: 740px;
}
.restaurant-index .header .validas {
	position: absolute;
	float: right;
	width: 262px;
	padding: 2px 8px 2px 8px;
	margin-left: 474px;
	margin-top: 299px;
	background-color: #336799;
	color: #FFFFFF;
}
.restaurant-index .header .reservation {
	float: left;
	width: 240px;
	background-color: #336799;
	height: 320px;
}
.restaurant-index .header .restaurant-title {
	color: #FFF !important;
}
.restaurant-index .header .reservation .formulario {
	padding-left: 20px; 
	width: 193px;
}
.restaurant-index .header .reservation .formulario LABEL {
	color: #FFF;
	margin-bottom: 5px;
	margin-top: 2px;
}
.restaurant-index .header .reservation .formulario input {
	background-color: #FFF !important;
	border: 1px solid #040468  !important;
	width: 191px !important;
}
.restaurant-index .header .reservation .formulario .seats {
	height:18px !important; 
	width:25px !important;
	text-align: center;
	font-size: 17px;
}
.restaurant-index .header .reservation .formulario .date { 
	width:60px !important;
}
.restaurant-index .header .reservation .formulario .time { 
	width:30px !important;
}

.restaurant-index .header .reservation .formulario .submit {
	background: url("../img/reservar-mesa-2.gif");
	width: 114px !important;
	margin-top: 15px;
	height: 25px;
	border: none !important;
	float: right;
	cursor: pointer;
}


.restaurant-index .ui-tabs .title {
	color: #336799 !important;
}

.restaurant-index .ui-tabs .content  .thumb {
	float: left;
	margin-right: 20px;
}
.restaurant-index .ui-tabs .content  .title {
	color: #336799 !important;
	margin-bottom: 10px;
}
.restaurant-index .ui-tabs .content .title img {
	float: left;
	position: relative;
	top: -2px;
}
.restaurant-index .ui-tabs .content .description {
	padding-right: 39px;
}
.restaurant-index .price {
	float: right;
	margin-right: 30px;
	vertical-align: bottom;
	color: #336799;
	font-size: 18px;
	font-weight: bold;
	width: 116px;
	margin-bottom: 10px;
	clear: both;
}
.restaurant-index .price img {
	position: relative;
	top: 7px;
}
.restaurant-index .ui-tabs .content .line-h {
	margin-bottom: 10px;
}

.restaurant-index .ui-tabs .content .thumbs {
	float: right;
	margin-right: 5px;
	vertical-align: bottom;
	color: #336799;
	font-size: 18px;
	font-weight: bold;
	width: 155px;
	margin-bottom: 10px;
	clear: both;
}


.restaurant-index .container {
	clear: both;
	padding-left: 22px;
	width: 982px;
	
}
.restaurant-index .container .col-L {
	float: left;
	padding-top: 10px;
	width: 708px;
	overflow: hidden;
}
.restaurant-index .container .col-R {
	float: right;
	padding-right: 23px; 
}


.restaurant-index .comments {
	clear: both;
	width: 708px;
}
.restaurant-index .paginator {
	float: right;
	padding-right: 36px;
}
.restaurant-index .paginator div {
	float: left;
}

.restaurant-index .comments .tab-title {
	float: left;
	width: 90px;
	height: 22px;
	background-color: #336799;
	color: #FFF;
	padding-top: 4px;
	padding-left: 6px;
}

.restaurant-index .comments .tab-content .header {
	background: url("../img/restaurant-comment-header.gif") no-repeat;
	height: 10px;
	clear: both;
}
.restaurant-index .comments .content {
	background: url("../img/restaurant-comment-bg.gif") repeat-y;
	clear: both;
	padding-left: 20px;
	padding-top: 15px;
}
.restaurant-index .comments .content .title {
	color: #336799 !important;
	margin-bottom: 10px;
	position: relative;
	left: -20px;
}
.restaurant-index .comments .content .title img {
	float: left;
	position: relative;
	top: -2px;
}
.restaurant-index .comments .tab-content .footer {
	background: url("../img/restaurant-comment-footer.gif") no-repeat;
	height: 16px;
	margin-bottom: 15px;
	clear: both;
}


.restaurant-index .comments .line-h {
	clear: both;
	height: 30px;
}

.restaurant-index .comment-item {
	clear: both;
	
}
.restaurant-index .comment-item .thumb {
	float: left;
	display: table;
	height: auto;
}
.restaurant-index .comment-item .title {
	float: left;
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	color: #336799 !important;	
	width: 620px;
	clear: right;
}
.restaurant-index .comment-item .desc {
	padding-right: 20px;	
}
.restaurant-index .comment-item .ver-nota {
	float: right;
	margin-top: 15px;
	padding-right: 28px; 
}

.restaurant-index .comment-title {
	clear: both;
	margin-bottom: 8px;
	position:relative;
	left: -21px;
	font-size: 12px; 
	line-height: 17px; 
	font-weight: normal; 
	color: #7A7A7A;	
}
.restaurant-index .comment-title img {
	margin-right: 19px;
	float: left;
	position: relative;	
}
.restaurant-index .comment-form {
	margin-left: 110px;
	width: 410px;
}
.restaurant-index .comment-form label{
	font-size: 11px;
	padding-top: 5px;
}
.restaurant-index .comment-form INPUT, .restaurant-index .comment-form TEXTAREA {
	background-color: #FFF;
	border: 1px solid #336799;
	width: 192px;
}
.restaurant-index .comment-form TEXTAREA {
	height: 50px;
	width: 402px;
}
.restaurant-index .comment-submit {
	background: url("../img/restaurant-comment-submit.gif") no-repeat;
	border: none !important;
	background-color: #EAEAEA !important;
	height: 19px;
	width: 46px !important;
	float: right;
	margin-top: 10px;
	cursor: pointer;
	margin-right: 5px;
}

.restaurant-index .date-container {
	width: 667px;
}

.restaurant-index .date-container div {
	float: left;
	margin-top: 15px;
}

.restaurant-index .date-container .llave {
	color: #4AD5F6;
	font-size: 26px;
	font-weight: normal;
	margin-left: 2px;
	margin-right: 2px;
	height: 35px;
	line-height: 19px; 
}
.restaurant-index .date-container .date {
	font-size: 13px;
	padding-top: 2px; 
}
.restaurant-index .date-container .time {
	font-size: 13px;
	font-weight: bold;
	color: #000;
	padding-top: 2px;
}
.restaurant-index .date-container .recommend {
	float: left;
	padding-left: 40px; 
	position: relative;
	top: -9px;
}
.restaurant-index .date-container .price-content {
	float: right;
	position: relative; 
	top: -32px;
}


/* Restaurant reservation pop */
.restaurant-reservation-pop {
	background: url("../img/layout/reservation-rest-pop-bg.gif") no-repeat;
	background-color: #336799;
	height: 362px;
	width: 250px;
	padding-left: 17px;
	padding-right: 19px;
	padding-top: 20px;	
}
.restaurant-reservation-pop .close {
	position: absolute;
	top: 4px;
	left: 266px;
	width: 16px;
	height: 16px;
	cursor: pointer;
}
.restaurant-reservation-pop .validas {
	color: #FFF;
	position: absolute;
	margin-top: 136px;
	margin-left: 6px;
}
.restaurant-reservation-pop .restaurant-title {
	color: #FFF;
}
.restaurant-reservation-pop .formulario {
	padding-left: 20px; 
	width: 193px;
	color: #FFF;
}
.restaurant-reservation-pop .date-string {
	float: left;
	padding-top: 2px; 
	color: #FFF;
	white-space: nowrap;
}
.restaurant-reservation-pop .formulario LABEL {
	color: #FFF;
	margin-bottom: 5px;
	margin-top: 2px;
}
.restaurant-reservation-pop .formulario input {
	background-color: #FFF !important;
	border: 1px solid #040468  !important;
	width: 191px !important;
}
.restaurant-reservation-pop .formulario .seats {
	height:18px !important; 
	width:25px !important;
	text-align: center;
	font-size: 17px;
}
.restaurant-reservation-pop .formulario .date { 
	width:60px !important;
}
.restaurant-reservation-pop .formulario .time { 
	width:30px !important;
}

.restaurant-reservation-pop .formulario .submit {
	background: url("../img/reservar-mesa-3.gif");
	width: 84px !important;
	margin-top: 15px;
	height: 25px;
	border: none !important;
	float: right;
	cursor: pointer;
}


/* acerca-de index */
.acerca-de .title-general {
	float: left;
	position: relative;
}

.acerca-de .title-general div {
	float: left;
}
.acerca-de .title-general img {
	float: left;
	padding-top: 4px;
}
.acerca-de .title-general .title {
	float: left;
	padding-top: 0px;
	padding-left:22px;
	height: 20px;
	color: #49D4F5 !important;
}
.acerca-de .header {
	width: 982px;
}
.acerca-de .header .video {
	float: left;
	width: 640px;
	padding-left: 21px;
}
.acerca-de .header .data {
	float: left;
	width: 319px;
	color:#FFFFFF;
	background-color: #49D4F5;
	height: 505px;
	overflow: hidden;
}
.acerca-de .header .data .title {
	color:#FFFFFF;
}
.acerca-de .header .data .texto {
	padding-left: 20px;
	padding-right: 20px;
}


/* como-llegar index */
.como-llegar .title-general {
	float: left;
	position: relative;
}

.como-llegar .title-general div {
	float: left;
}
.como-llegar .title-general img {
	float: left;
	padding-top: 4px;
}
.como-llegar .title-general .title {
	float: left;
	padding-top: 0px;
	padding-left:22px;
	height: 20px;
	color: #49D4F5 !important;
}

.como-llegar .header .map {
	float: left;
	width: 658px;
}
.como-llegar .header .data {
	float: left;
	width: 322px;
	color:#FFFFFF;
	background-color: #49D4F5;
	height: 448px;
	overflow: hidden;
}
.como-llegar .header .data .title {
	color:#FFFFFF;
}
.como-llegar .header .data .texto {
	padding-left: 20px;
	padding-right: 20px;
}


/* por-dentro index */
.por-dentro .title-general {
	float: left;
	position: relative;
}

.por-dentro .title-general div {
	float: left;
}
.por-dentro .title-general img {
	float: left;
	padding-top: 4px;
}
.por-dentro .title-general .title {
	float: left;
	padding-top: 0px;
	padding-left:22px;
	height: 20px;
	color: #49D4F5 !important;
}
.por-dentro .rooms-title {

}
.por-dentro .rooms-title .room-title {
	background: url("../img/flecha-celeste-2.gif") no-repeat;
	width: 10px;
	height: 15px;
	margin-right:5px;
	float: left;
}


/* salas index */
.salas .title-general {
	float: left;
	position: relative;
}

.salas .title-general div {
	float: left;
}
.salas .title-general img {
	float: left;
	padding-top: 4px;
}
.salas .title-general .title {
	float: left;
	padding-top: 0px;
	padding-left:22px;
	height: 20px;
	color: #49D4F5 !important;
}
.salas .header {
	width: 982px;
}

.salas .header .foto {
	float: left;
	width: 658px;
}
.salas .header .data {
	float: left;
	width: 322px;
	color:#FFFFFF;
	background-color: #49D4F5;
	height: 362px;
	overflow: hidden;
}
.salas .header .data .title {
	color:#FFFFFF;
}
.salas .header .data .texto {
	padding-left: 20px;
	padding-right: 20px;
}
.salas .volver {
	float: right;
	padding-top: 5px;
	padding-right: 10px;
}

.ui-tabs ul, .ui-tabs li {
	padding: 0px;
	margin: 0px;
}
/* play view tabs */
.play-view .ui-tabs { margin: 0px; padding: 0px; zoom: 1; }
.play-view .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 0px; height: 29px;}
.play-view .ui-tabs .ui-tabs-nav ul {  background-color: none;}
.play-view .ui-tabs .ui-tabs-nav li { background-color: #FF1288; position: relative; float: left;  width: auto; border-bottom-width: 0 !important; margin: 0px; margin-right: 1px; padding: 0; }
.play-view .ui-tabs .ui-tabs-nav .recommend { background-color: #FFF !important; position: relative; float: left;  width: auto; border-bottom-width: 0 !important; margin: 0px; margin-right: 0px; padding: 0; }
.play-view .ui-tabs .ui-tabs-nav .recommend a { background-color: #FFF !important; float: left; text-decoration: none; margin: 0px !important; padding: 0px 0px 0px 0px !important; color: #FFF; width: 105px;}
.play-view .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; margin: 0px; padding: .6em 1.36em; color: #FFF; width: auto;}
.play-view .ui-tabs .ui-tabs-nav li.ui-tabs-selected { background-color:#EAEAEA; padding-bottom: 1px; border-bottom-width: 0; }
.play-view .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color: #FF1288;}
.play-view .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.play-view .ui-tabs .ui-tabs-panel { margin: 0px; padding: 1em 1.9em; display: block; border-width: 0; background: none; background-color: #EAEAEA; background: url("../img/tab-bg.gif") repeat-y;}
.play-view .ui-tabs .ui-tabs-hide { display: none !important; }

/* film view tabs */
.film-view .ui-tabs { margin: 0px; padding: 0px; zoom: 1; }
.film-view .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 0px; height: 29px;}
.film-view .ui-tabs .ui-tabs-nav ul {  background-color: none;}
.film-view .ui-tabs .ui-tabs-nav li { background-color: #66CC00; position: relative; float: left;  width: auto; border-bottom-width: 0 !important; margin: 0px; margin-right: 1px; padding: 0; }
.film-view .ui-tabs .ui-tabs-nav .recommend { background-color: #FFF !important; position: relative; float: left;  width: auto; border-bottom-width: 0 !important; margin: 0px; margin-right: 0px; padding: 0; }
.film-view .ui-tabs .ui-tabs-nav .recommend a { background-color: #FFF !important; float: left; text-decoration: none; margin: 0px !important; padding: 0px 0px 0px 0px !important; color: #FFF; width: 105px;}
.film-view .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; margin: 0px; padding: .6em 1.36em; color: #FFF; width: auto;}
.film-view .ui-tabs .ui-tabs-nav li.ui-tabs-selected { background-color:#EAEAEA; padding-bottom: 1px; border-bottom-width: 0; }
.film-view .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color: #66CC00;}
.film-view .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.film-view .ui-tabs .ui-tabs-panel { margin: 0px; padding: 1em 1.9em; display: block; border-width: 0; background: none; background-color: #EAEAEA; background: url("../img/tab-bg.gif") repeat-y;}
.film-view .ui-tabs .ui-tabs-hide { display: none !important; }

/* restaurant index tabs */
.restaurant-index .tab-header {background: url("../img/restaurant-comment-header.gif") no-repeat; height: 10px;	clear: both;}
.restaurant-index .tab-footer {	background: url("../img/restaurant-comment-footer.gif") no-repeat;height: 12px;	clear: both;}

.restaurant-index .ui-tabs { margin: 0px; padding: 0px; zoom: 1;}
.restaurant-index .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 0px; height: 29px;}
.restaurant-index .ui-tabs .ui-tabs-nav ul {  background-color: none;}
.restaurant-index .ui-tabs .ui-tabs-nav li { background-color: #336799 !important; position: relative; float: left;  width: auto; border-bottom-width: 0 !important; margin: 0px; margin-right: 1px; padding: 0; }
.restaurant-index .ui-tabs .ui-tabs-nav .recommend { background-color: #FFF !important; position: relative; float: left;  width: auto; border-bottom-width: 0 !important; margin: 0px; margin-right: 0px; padding: 0; }
.restaurant-index .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; margin: 0px; padding: .6em 1.85em; color: #FFF; width: auto;}
.restaurant-index .ui-tabs .ui-tabs-nav .recommend a { background-color: #FFF !important; float: left; text-decoration: none; margin: 0px !important; padding: 0px 0px 0px 0px !important; color: #FFF; width: 105px;}
.restaurant-index .ui-tabs .ui-tabs-nav li.ui-tabs-selected { background-color: #EAEAEA !important; padding-bottom: 1px; border-bottom-width: 0; }
.restaurant-index .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color: #336799 !important;}
.restaurant-index .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.restaurant-index .ui-tabs .ui-tabs-panel { margin: 0px; padding: 0em; display: block; border-width: 0; background: none; background-color: #EAEAEA; background: url("../img/restaurant-comment-bg.gif") repeat-y;}
.restaurant-index .ui-tabs .ui-tabs-panel .content {padding: 10px 0px 0px 22px; }
.restaurant-index .ui-tabs .ui-tabs-hide { display: none !important; }



/*thickbox rosa */
#thick-recommend-play {
	background: url("../img/layout/thick-recommend-play.jpg") no-repeat;
	width: 537px;
	height: 377px;
	padding-left: 35px;
	padding-top: 44px;
	overflow: hidden;
}
#thick-recommend-play .close {
	position: absolute;
	top: 4px;
	left: 534px;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

#thick-recommend-play .title {
	clear: both;
	color: #FF1288;
}
#thick-recommend-play .title div {
	float: left;
	margin-right: 3px;
}



#thick-recommend-play .play-details {
	padding-right: 20px;
	padding-left: 25px;
	border-left: 1px dotted #FF1288;	
	float: right;
	width: 130px;
}
#thick-recommend-play .play-details .thumb{
	padding: 1px;
	background-color: #FF1288;
	width: 85px;
}


#thick-recommend-play .recommend-form {
	padding-left: 20px;
	float: left;
	width: 316px;
	color: #9B9B9B;
}


#thick-recommend-play .recommend-form label{
	font-size: 11px;
	padding-top: 5px;
}
#thick-recommend-play .recommend-form INPUT, #thick-recommend-play .recommend-form TEXTAREA {
	background-color: #FFF;
	border: 1px solid #FF1288;
	width: 220px;
}
#thick-recommend-play .recommend-form TEXTAREA {
	height: 50px;
	width: 316px;
}
#thick-recommend-play .recommend-form .comment-submit {
	background: url("../img/recommend-send.gif") no-repeat;
	border: none !important;
	height: 23px;
	width: 60px !important;
	float: right;
	margin-top: 10px;
	cursor: pointer;
}

/*thickbox recommend film */
#thick-recommend-film {
	background: url("../img/layout/thick-recommend-film.jpg") no-repeat;
	width: 537px;
	height: 377px;
	padding-left: 35px;
	padding-top: 44px;
	overflow: hidden;
}
#thick-recommend-film .close {
	position: absolute;
	top: 4px;
	left: 534px;
	width: 16px;
	height: 16px;
	cursor: pointer;
}
#thick-recommend-film .title {
	clear: both;
	color: #66CC00;
}
#thick-recommend-film .title div {
	float: left;
	margin-right: 3px;
}

#thick-recommend-film .film-details {
	padding-right: 20px;
	padding-left: 25px;
	border-left: 1px dotted #66CC00;	
	float: right;
	width: 130px;
}
#thick-recommend-film .film-details .RESALTADOS {
	color: #66CC00 !important;	
}
#thick-recommend-film .film-details .thumb{
	padding: 1px;
	background-color: #66CC00;
	width: 85px;
}


#thick-recommend-film .recommend-form {
	padding-left: 20px;
	float: left;
	width: 316px;
	color: #9B9B9B;
}


#thick-recommend-film .recommend-form label{
	font-size: 11px;
	padding-top: 5px;
}
#thick-recommend-film .recommend-form INPUT, #thick-recommend-film .recommend-form TEXTAREA {
	background-color: #FFF;
	border: 1px solid #66CC00;
	width: 220px;
}
#thick-recommend-film .recommend-form TEXTAREA {
	height: 50px;
	width: 316px;
}
#thick-recommend-film .recommend-form .comment-submit {
	background: url("../img/recommend-send.jpg") scroll 0px -79px;
	border: none !important;
	height: 23px;
	width: 60px !important;
	float: right;
	margin-top: 10px;
	cursor: pointer;
}



/* exposure thick view */

#thick-expo-view {
	background: url("../img/layout/expo-view-bg.gif") no-repeat;
	width: 538px;
	height: 518px;
	padding-left: 35px;
	padding-top: 44px;
	overflow: hidden;
}

#thick-expo-view .close {
	position: absolute;
	top: 8px;
	left: 532px;
	width: 16px;
	height: 16px;
	cursor: pointer;
}
#thick-expo-view .title {
	clear: both;
	color: #FFF;
	position: relative;
	top: -38px;
	width: 450px;
}
#thick-expo-view .title div {
	float: left;
	margin-right: 3px;
}
#thick-expo-view .picture{
	clear: both;
	padding-right: 25px;
	margin: 0 auto;
}
#thick-expo-view .gallery {
	clear: both;
	background: url("../img/expo-gallery-bg.gif") no-repeat;
	width: 416px;
	height: 162px;
	margin: 0 auto;
	padding-top: 15px;
	padding-right: 25px;
	padding-left: 7px;
}

/* thickbox recommend exposure */
#thick-recommend-exposure {
	background: url("../img/layout/thick-recommend-exposure.jpg") no-repeat;
	width: 537px;
	height: 377px;
	padding-left: 35px;
	padding-top: 44px;
	overflow: hidden;
}
#thick-recommend-exposure .close {
	position: absolute;
	top: 4px;
	left: 534px;
	width: 16px;
	height: 16px;
	cursor: pointer;
}
#thick-recommend-exposure .title {
	clear: both;
	color: #CD0102;
}
#thick-recommend-exposure .title div {
	float: left;
	margin-right: 3px;
}

#thick-recommend-exposure .exposure-details {
	padding-right: 20px;
	padding-left: 25px;
	border-left: 1px dotted #CD0102;	
	float: right;
	width: 130px;
}
#thick-recommend-exposure .exposure-details .thumb{
	padding: 1px;
	background-color: #CD0102;
	width: 85px;
}


#thick-recommend-exposure .recommend-form {
	padding-left: 20px;
	float: left;
	width: 316px;
	color: #9B9B9B;
}


#thick-recommend-exposure .recommend-form label{
	font-size: 11px;
	padding-top: 5px;
}
#thick-recommend-exposure .recommend-form INPUT, #thick-recommend-exposure .recommend-form TEXTAREA {
	background-color: #FFF;
	border: 1px solid #CD0102;
	width: 220px;
}
#thick-recommend-exposure .recommend-form TEXTAREA {
	height: 50px;
	width: 316px;
}
#thick-recommend-exposure .recommend-form .comment-submit {
	background: url("../img/recommend-send.jpg") scroll 0px -129px;
	border: none !important;
	height: 23px;
	width: 60px !important;
	float: right;
	margin-top: 10px;
	cursor: pointer;
}



/* workshop thick view */

#thick-workshop {
	background: url("../img/layout/thick-workshop.gif") no-repeat;
	width: 553px;
	height: 526px;
	padding-left: 25px;
	padding-top: 24px;
	overflow: hidden;
}
#thick-workshop .close {
	position: absolute;
	top: 9px;
	left: 538px;
	width: 16px;
	height: 16px;
	cursor: pointer;
}
#thick-workshop .title {
	clear: both;
	color: #FFF;
	position: relative;
	top: -18px;
	width: 450px;
}
#thick-workshop .title div {
	float: left;
	margin-right: 3px;
}
#thick-workshop .container {
	overflow: auto;
	height: 450px;
	width: 546px;
}
#thick-workshop .name {
	margin-bottom: 8px;
}
#thick-workshop .description {
	padding-left: 12px;
	width: 500px;
}

#thick-workshop .levels {
	float: right;
	background-color: #FFFFFF;
	border: 1px solid #848484;
	margin-right: 30px;
	margin-top: 15px;
	color: #FE9900;
	padding: 4px;
	padding-left: 30px;
	width: 200px;
}

#thick-workshop .description {
	padding:10px;
}

/* thickbox recommend workshop */
#thick-recommend-workshop {
	background: url("../img/layout/thick-recommend-workshop.jpg") no-repeat;
	width: 537px;
	height: 377px;
	padding-left: 35px;
	padding-top: 44px;
	overflow: hidden;
}
#thick-recommend-workshop .close {
	position: absolute;
	top: 4px;
	left: 534px;
	width: 16px;
	height: 16px;
	cursor: pointer;
}
#thick-recommend-workshop .title {
	clear: both;
	color: #FE9900 !important;
}
#thick-recommend-workshop .title div {
	float: left;
	margin-right: 3px;
}

#thick-recommend-workshop .workshop-details {
	padding-right: 20px;
	padding-left: 25px;
	border-left: 1px dotted #FE9900;	
	float: right;
	width: 130px;
}
#thick-recommend-workshop .workshop-details .thumb{
	padding: 1px;
	background-color: #FE9900;
	width: 85px;
}
#thick-recommend-workshop .levels {
	padding-left: 12px;
}



#thick-recommend-workshop .recommend-form {
	padding-left: 20px;
	float: left;
	width: 316px;
	color: #9B9B9B;
}


#thick-recommend-workshop .recommend-form label{
	font-size: 11px;
	padding-top: 5px;
}
#thick-recommend-workshop .recommend-form INPUT, #thick-recommend-workshop .recommend-form TEXTAREA {
	background-color: #FFF;
	border: 1px solid #FE9900;
	width: 220px;
}
#thick-recommend-workshop .recommend-form TEXTAREA {
	height: 50px;
	width: 316px;
}
#thick-recommend-workshop .recommend-form .comment-submit {
	background: url("../img/recommend-send.jpg") scroll 0px -174px;
	border: none !important;
	height: 23px;
	width: 60px !important;
	float: right;
	margin-top: 10px;
	cursor: pointer;
}



/*thickbox recommend restaurant */
#thick-recommend-restaurant {
	background: url("../img/layout/thick-recommend-restaurant.jpg") no-repeat;
	width: 537px;
	height: 377px;
	padding-left: 35px;
	padding-top: 44px;
	overflow: hidden;
}
#thick-recommend-restaurant .close {
	position: absolute;
	top: 4px;
	left: 534px;
	width: 16px;
	height: 16px;
	cursor: pointer;
}
#thick-recommend-restaurant .title {
	clear: both;
	color: #336799;
}
#thick-recommend-restaurant .title div {
	float: left;
	margin-right: 3px;
}

#thick-recommend-restaurant .restaurant-details {
	padding-right: 20px;
	padding-left: 25px;
	border-left: 1px dotted #336799;	
	float: right;
	width: 130px;
}
#thick-recommend-restaurant .restaurant-details .thumb{
	padding: 1px;
	background-color: #336799;
	width: 85px;
}
#thick-recommend-restaurant .restaurant-details .RESALTADOS {
	color: #336799 !important;	
}

#thick-recommend-restaurant .recommend-form {
	padding-left: 20px;
	float: left;
	width: 316px;
	color: #9B9B9B;
}


#thick-recommend-restaurant .recommend-form label{
	font-size: 11px;
	padding-top: 5px;
}
#thick-recommend-restaurant .recommend-form INPUT, #thick-recommend-restaurant .recommend-form TEXTAREA {
	background-color: #FFF;
	border: 1px solid #336799;
	width: 220px;
}
#thick-recommend-restaurant .recommend-form TEXTAREA {
	height: 50px;
	width: 316px;
}
#thick-recommend-restaurant .recommend-form .comment-submit {
	background: url("../img/recommend-send.jpg") scroll 0px -216px;
	border: none !important;
	height: 23px;
	width: 60px !important;
	float: right;
	margin-top: 10px;
	cursor: pointer;
}


/* botones */
.creditos-wd {
	background: url("../img/creditos.gif") scroll 0px 0px;
	height: 94px;
	width: 14px;
	display: block; 	
	cursor: pointer;
}
.creditos-wd:hover {
	background-position: 14px 0px; 	
}
.creditos-di {
	background: url("../img/creditos.gif") scroll 0px -94px;
	height: 98px;
	width: 14px;
	display: block;
	cursor: pointer;	 	
}
.creditos-di:hover {
	background-position: 14px -94px; 	
}
.creditos-emilio {
	background: url("../img/creditos.gif") scroll 0px -192px;
	height: 153px;
	width: 14px;
	display: block;
	cursor: pointer;	 	
}
.creditos-emilio:hover {
	background-position: 14px -192px; 	
}


.ver-nota-completa {
	background: url("../img/ver-nota-completa.gif") no-repeat;
	height: 13px;
	width: 104px;
	display: block; 	
}
.ver-nota-completa:hover {
	background-position: 0px -12px; 	
}
.ver-nota-completa-verde {
	background: url("../img/ver-nota-completa-verde.gif") no-repeat;
	height: 13px;
	width: 104px;
	display: block; 	
}
.ver-nota-completa-verde:hover {
	background-position: 0px -12px; 	
}


.mas-info-rosa {
	background: url("../img/mas-info.jpg") scroll 0px 0px;
	height: 15px;
	width: 47px;
	display: block; 
}
.mas-info-rosa:hover{
	background-position: 0px -14px;
}
.mas-info-verde {
	background: url("../img/mas-info.jpg") scroll 0px -112px;
	height: 15px;
	width: 47px;
	display: block; 
}
.mas-info-verde:hover{
	background-position: 0px -93px;
}
.mas-info-amarillo {
	background: url("../img/mas-info.jpg") scroll 0px -62px;
	height: 15px;
	width: 47px;
	display: block; 
}
.mas-info-amarillo:hover{
	background-position: 0px -43px;
}
.mas-info-rojo {
	background: url("../img/mas-info.jpg") scroll 0px 0px;
	height: 15px;
	width: 47px;
	display: block; 
}
.mas-info-rojo:hover{
	background-position: 0px -14px;
}
.mas-info-azul {
	background: url("../img/mas-info.jpg") scroll 0px -157px;
	height: 15px;
	width: 47px;
	display: block; 
}
.mas-info-azul:hover{
	background-position: 0px -141px;
}
.mas-info-azul-home {
	background: url("../img/mas-info-azul-home.gif") no-repeat scroll 0px -15px;
	height: 15px;
	width: 47px;
	display: block; 
}
.mas-info-azul-home:hover{
	background-position: 0px 1px;
}

.mas-info-celeste {
	background: url("../img/mas-info.jpg") scroll 0px -199px;
	height: 15px;
	width: 47px;
	display: block; 
}
.mas-info-celeste:hover{
	background-position: 0px -181px;
}

.ir-a-info {
	background: url("../img/ir-a-info.gif") no-repeat;
	height: 13px;
	width: 60px;
	display: block; 
}
.ir-a-info:hover{
	background-position: 0px -13px;
}
.ver-todas-las-obras {
	background: url("../img/ver-todas-las-obras.gif") scroll 0px 17px;
	height: 15px;
	width: 117px;
	display: block; 
}
.ver-todas-las-obras:hover{
	background-position: 0px -3px;
}

.volver-obras-cartel {
	background: url("../img/volver-obras-cartel.gif") no-repeat;
	height: 18px;
	width: 142px;
	display: block; 
}
.volver-obras-cartel:hover{
	background-position: 0px -20px;
}
.volver-peliculas-cartel {
	background: url("../img/volver-peliculas-cartel.gif") no-repeat;
	height: 18px;
	width: 108px;
	display: block; 
}
.volver-peliculas-cartel:hover{
	background-position: 0px -20px;
}

.volver-a-salas {
	background: url("../img/volver-a-salas.gif") scroll 0px 0px;
	height: 15px;
	width: 89px;
	display: block; 
}
.volver-a-salas:hover{
	background-position: 0px -13px;
}
.reservar {
	background: url("../img/reservar.jpg") no-repeat;
	height: 13px;
	width: 60px;
	display: block; 
}
.reservar:hover {
	background-position: 0px -13px; 
}
.reservar-restaurant {
	background: url("../img/reservar.jpg") no-repeat;
	height: 13px;
	width: 60px;
	display: block; 
}
.reservar-restaurant:hover {
	background-position: 0px 0px; 
}
.reservar-azul {
	background: url("../img/reservar.jpg") no-repeat;
	height: 13px;
	width: 60px;
	display: block; 
}
.reservar-azul:hover {
	background-position:  0px -86px; 
}

.reservar-verde {
	background: url("../img/reservar.jpg") no-repeat;
	height: 13px;
	width: 60px;
	display: block; 
}
.reservar-verde:hover {
	background-position:  0px -49px; 
}

/* Various */
.pad-top-1 {
	clear: both;
	height: 15px;
	width: 1px;
}
.clear-both {
    overflow:hidden;			
	height:			1px;
	line-height:	1px;
	clear: 			both;
}

.alert {
	color: red;
	font-weight: bold;
}


/* Tables */

.cleanTable, .formTable {
	border-width: 		0px;
	border-spacing: 	0px;
	border-width: 		0px;
	border-style: 		none;
	border-collapse: 	collapse;
}
.formTable, .listTable {
	width: 	99%;
}

.listTable th{
	height:	23px;
	background-color: 	#7AAC2F;
	padding: 2px;
	border: solid 1px #D4D4D4;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 14px;
	white-space: nowrap;
}
.listTable td {
	background-color: 	#EDEDED;
	border-color: #D4D4D4;
	color: #808080;
	text-align: center;
	font-weight: normal;	
	padding: 0px;
}

.cleanTable tr td , .formTable tr td {
	border-width: 		0px 0px 0px 0px;
	padding: 			0px;
	margin:				0px;
	border-style: 		none;
	-moz-border-radius: 0px;
}
.cleanTable th , .formTable th {
	width: 				100px;
	color:				#000;
	font-weight:		normal;	
	border-width: 		0px;
	padding: 			0px;
	border-style: 		none;
	-moz-border-radius: 0px 0px 0px 0px;
	vertical-align: 	top;
	padding-top: 		10px;	
}
.formTable th {
	color:				#333333;
	text-align: 		right;
	border: none;
}

table {
	border-width: 		0px 0px 0px 0px;
	border-spacing: 	5px;
	border-width: 		1px;
	border-style: 		solid;
	border-color: 		#F2F2F2;
	border-collapse: 	collapse;
}

th {
	color: #333333;
	border-width: 		1px 1px 1px 1px;
	padding: 			2px 2px 2px 2px;
	border-style: 		inset inset inset inset;
	border-color: 		#F2F2F2;
	-moz-border-radius: 0px 0px 0px 0px;
}
th a {
	color: #F2F2F2;	
	display: block;
	text-decoration: none;
}
th a:hover {
	background: #79B30B;
	color: #333;
	text-decoration: none;
}
table tr td {
	border-width: 		1px 1px 1px 1px;
	padding: 			4px;
	border-style: 		inset inset inset inset;
	border-color: 		#F2F2F2;
	-moz-border-radius: 0px 0px 0px 0px;
}
table tr.altrow td {
	background: #f4f4f4;
}
td.actions {
	text-align: center;
	white-space: nowrap;
}
td.actions a {
	margin: 0px 6px;
}
.cake-sql-log table {
	background: #f4f4f4;
}
.cake-sql-log td {
	padding: 4px 8px;
	text-align: left;
}


/* Forms */
form {
	margin: 0px;
	padding: 0px;
}
fieldset {
	border: 1px solid #ccc;
	margin-top: 30px;
	padding: 16px 20px;
}
fieldset legend {
	background:#fff;
	color: #e32;
	font-size: 160%;
	font-weight: bold;
}
fieldset fieldset {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 16px 10px;
}
fieldset fieldset legend {
	font-size: 120%;
	font-weight: normal;
}
fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}
form div {
}
form div.input {		
}
form div.required {
	width: auto;
}
.dot-required {
	font-size: 18px;
	font-weight: bold;
	color: #58A308;
}
label {
	display: block;
	font-size: 12px;
}
input, textarea, select, multiple, file{	
	border: 0px;
	width: 156px;
	height: 15px;
	background-color: #EAEAEA;
	color: #000;
}
select{
	width: auto;
}
.checkbox {
  border: 0px;
  color: #ffffff;
  width: 30px;
}
.select {
	clear: both;
	vertical-align: text-bottom;
}
select[multiple=multiple] {
	width: 100.6%;
}
option {
	padding: 0 3px;
}
input[type=radio] {
	float:left;
	width:auto;
	margin: 0 3px 7px 0;
}
div.radio label {
	margin: 0 0 6px 20px;
}
input[type=submit] {
}


/* Notices and Errors */
div.message-container {
	width: 980px;
	text-align: center;
	margin: 0 auto;
	position: absolute;
	z-index: 10000;
	padding-top: 5px;		
}

div.message {
	
	color: #0668A9;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 9px 4px 9px;
	margin: auto;
	text-align: center;
	background-color: #49D4F5;
	display: table;

	color: #000000;
	text-transform: uppercase; 
}
div.error-message {
	clear: both;
	color: #0668A9;
	font-weight: bold;
}
p.error {
	background-color: #e32;
	color: #FF8539;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}
.notice {
	background: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	background: green;
	color: #fff;
}

/*  Actions  */
div.actions ul {
	margin: 0px 0;
	padding: 0;
}
div.actions li {
	display: inline;
	list-style-type: none;
	line-height: 2em;
	margin: 0 2em 0 0;
	white-space: nowrap;
}
div.actions ul li a {
	background:#fff;
	color: #FF8539;
	text-decoration: none;
}
div.actions ul li a:hover {
	color: #333;
	text-decoration: underline;
}


/* slider home */
.slider {
	height: 281px;
	width: 	477px;
	clear: both;
	padding: 0px;
	margin: 0px; 
}
.slider ul{
	margin: 0px;
	padding: 0px;
}

#screen{
	width:477px;
	padding:0px;
	margin: 0px
}			
#screen li{	
	float:left;
	list-style:none;
	margin: 0px !important;
	padding: 0px !important;
}
#slider-left{
	background: url("../img/prev-thumb.gif") no-repeat;
	position: absolute;
	margin-top: 256px;	
	height: 25px;
	width: 	47px;
	color: #FF1288;
	font-weight: bold;
	padding-left: 35px;
	padding-top: 3px;
}
#slider-right{
	background: url("../img/next-thumb.gif") no-repeat scroll 56px 0px;
	position: absolute;
	margin-top: 256px;		
	margin-left: 395px;
	height: 25px;
	width: 	47px;
	color: #FF1288;
	font-weight: bold;
	padding-right: 35px;
	padding-top: 3px;
}
#view{
	width:477px;
	height:281px;
	overflow:hidden;
	margin: 0px;
	padding: 0px;
}
#images{
	width:3818px !important;
	width:3822px;
	margin: 0px;
	padding: 0px;	
}
#images li{
	width: 477px;
	margin: 0px;
	padding: 0px;	
}

#images .thumb-desc {
	position: relative;
	top:20px;
	
	z-index: 20;
	padding-left: 35px;
	padding-top: 5px;	
	
	height: 20px;
	width: 400px;
}

.jq-ss-simple {
	width: 477px;
}