@font-face {
font-family:"Roboto Condensed";
src: url("fonts/RobotoCondensed.eot") format("eot"),
     url("fonts/RobotoCondensed.woff") format('embedded-opentype'),
	  url("fonts/RobotoCondensed.ttf") format("truetype"),
	  url("fonts/RobotoCondensed.svg#RobotoCondensed") format("svg"),
	  url('fonts/RobotoCondensed.woff2') format('woff2');
	  font-weight: lighter; font-style: normal;
	  }

/* ---------- MAIN ---------- */
body { font: 14px Roboto Condensed, Arial, Helvetica, sans-serif; color: #D7D7D7; margin: 0px; }

div.divError { width: 500px; margin: 10px 0px 10px 0px; font: 15px Roboto Condensed, Arial, Helvetica, sans-serif; text-align: center; color: #FFFFFF; background-color: #FF7E64; border: #C32C19 1px solid; padding: 10px; }
div.divOk { width: 500px; margin: 10px 0px 10px 0px; font: 15px Roboto Condensed, Arial, Helvetica, sans-serif;; text-align: center; color: #00693B; background-color: #EFFEB9; border: #00693B 1px solid; padding: 10px; }
div.divAttention { width: 500px; height: auto; margin: 10px 0px 10px 0px; font: 15px Roboto Condensed, Arial, Helvetica, sans-serif; text-align: center; color: #FF5001; background-color: #FFE9AD; border:#FF5001 1px solid; padding: 10px; }

td.tdLeft { text-align: left; }
td.tdCenter { text-align: center; }
td.tdRight { text-align: right; }

div.divBetween, div.divBetweenTitleMovie { width: 100%; height: 1px; background-color: #999999; margin: 10px 0px 10px 0px; }
div.divBetweenTitleMovie { margin: 5px 0px 5px 0px; }
div.divPageText { width: 940px; text-align: left; font: 14px Roboto Condensed, Arial, Helvetica, sans-serif; color: #FFFFFF; margin-top: 30px; }



/* HEADER */
ul.ulHeaderPages { margin: 0px 0px 0px 0px; padding-left: 0px; }
ul.ulHeaderPages li { width: 120px; height: 50px; margin: 0px 0px 0px 0px; list-style: none; display: inline; float: left; text-align: center; text-transform: uppercase; line-height: 52px; border-bottom: 1px solid #FFFFCC; }
ul.ulHeaderPages li:hover { background-image: none; border-bottom: 3px solid #FF9900; background-color: #222222; }
ul.ulHeaderPages li.logo { width: 220px; height: 80px; margin: 0px 0px 0px 0px; list-style: none; display: inline; float: left; text-align: center; border-bottom: 0px solid #999999; }
ul.ulHeaderPages li.logo:hover { background-color: #000000; }
ul.ulHeaderPages li a { color: #FFCB00; text-decoration: none; font: 18px Roboto Condensed, Arial, Helvetica, sans-serif; }
ul.ulHeaderPages li a:hover { color: #FF9900; text-decoration: underline; }



/* SHOWTIMES */
table.tableShowtimes { font: 14px Roboto Condensed, Arial, Helvetica, sans-serif; color: #888888; border: 1px solid #666666; border-collapse: collapse; margin: 20px 0px 20px 0px; }
table.tableShowtimes tr { height: 40px; }
table.tableShowtimes th { font: 14px Roboto Condensed, Arial, Helvetica, sans-serif; text-align: center; color: #FF9900; font-weight: normal; }
table.tableShowtimes th.thCurrentWeekDay, td.tdCurrentWeekDay { background-color: #333333; font-weight: normal; color: #FFCB00; }
table.tableShowtimes td.tdMovie { width: 198px; text-align: left; }
table.tableShowtimes td.tdShowtime { width: 76px; text-align: center; }

div.divShowTimeHall1 { width: 29px; background-color: #FF3300; float: left; margin: 2px; padding: 2px; color: #FFFFFF; text-align: center; }
div.divShowTimeHall2 { width: 29px; background-color: #FF3300; float: left; margin: 2px; padding: 2px; color: #FFFFFF; text-align: center; }
div.divShowTimeHallVip { width: 29px; background-color: #768DB4; float: left; margin: 2px; padding: 2px; color: #FFFFFF; text-align: center; }
div.divShowTimeHallEmpty { height: 18px; }

#tooltipRegular, #tooltipSpecial { position: absolute; border: 1px solid #777777; background: #555555; padding: 5px; color: #FFFFFF; display: none; text-align: center; width: 180px; margin-left: -100px; margin-top: -30px; }	
#tooltipRegular { background: #555555; }	
#tooltipSpecial { background: #555555; }	
#tooltipMovieImage { position: absolute; border: 1px solid #777777; background: #555555; padding: 5px 5px 1px 5px; color: #FFFFFF; display: none; text-align: center; width: 150px; margin-left: 50px; margin-top: -30px; }	

span.spanMovieCategoryType { font: 13px Roboto Condensed, Arial, Helvetica, sans-serif; }

table.tableLegend { text-align: left; }
input.inputButtonTickets { font: 18px Roboto Condensed, Arial, Helvetica, sans-serif; color: #FF6600; border: 1px solid #FF6600; background-color: #FFFFCC; padding: 5px 20px 5px 20px; cursor: pointer; }

/* OPINIONS */
form.formOpinion { margin: 30px 0px 0px 0px; }
div.divOpinionForm { width: 400px; font: 15px Roboto Condensed, Arial, Helvetica, sans-serif; color: #FFCB00; border: 1px solid #FFFFCC; padding: 9px; text-align: left; }
input.inputOpinion, textarea.textareaOpinion { width: 388px; padding: 5px; margin-top: 3px; margin-bottom: 20px; font: 15px Roboto Condensed, Arial, Helvetica, sans-serif; color: #FF6600; background-color: #FFFFCC; border: 1px solid #FF9900; -moz-box-shadow: inset 0 0 8px #777777; -webkit-box-shadow: inset 0 0 8px #777777; box-shadow: inset 0 0 8px #777777; }
textarea.textareaOpinion { height: 100px; }
input.inputButtonSubmitOpinion { width: 100px; padding: 5px; margin-top: 20px; font: 18px Roboto Condensed, Arial, Helvetica, sans-serif; color: #C32C19; background-color: #FFCB00; border: 1px solid #C32C19; }


/* FOOTER */
ul.ulFooterPages { display: inline-block; margin: 0px 0px 0px 0px; padding: 0; /* For IE, the outcast */ zoom: 1; }
ul.ulFooterPages li { margin: 0px 10px 0px 10px; list-style: none; display: inline; padding: 0; }
ul.ulFooterPages li a { color: #FFFFCC; text-decoration: none; font: 14px Roboto Condensed, Arial, Helvetica, sans-serif; }
ul.ulFooterPages li a:hover { color: #FF9900; text-decoration: underline; }

ul.ulFooterSocial { display: inline-block; margin: 20px 0px 0px 0px; padding: 0; /* For IE, the outcast */ zoom: 1; }
ul.ulFooterSocial li { margin: 0px 10px 0px 10px; list-style: none; display: inline; padding: 0; }



/* PAGES */
div.divPageTitle { width: 940px; font: 30px Roboto Condensed, Arial, Helvetica, sans-serif; color: #FF7700/*#FFCB00*/; border-bottom: 1px solid #666666; text-transform: uppercase; padding: 10px 0px 10px 0px; text-align: center; }


/* MOVIES */
div.divMoviePreview { width: 223px; height: 300px; border: 1px solid #999999; margin-top: 20px; }
div.divMovieMainDetails { width: 100%; text-align: center; font: 14px Roboto Condensed, Arial, Helvetica, sans-serif; color: #999999; }
a.aMovieTitleBig { font: 20px Roboto Condensed, Arial, Helvetica, sans-serif; color: #FFCB00; text-decoration: none; }
a.aMovieTitle:hover { color: #FF9900; text-decoration: underline; }

div.divMovieMainInfo { width: 940px; border: 1px solid #999999; text-align: left; }
div.divMovieTitleTop { width: 910px; font: 30px Roboto Condensed, Arial, Helvetica, sans-serif; color: #FF6600/*#FFCB00*/; text-transform: uppercase; text-align: right; padding: 0px 20px 0px 20px; }
div.divMovieTitleBottom { width: 910px; font: 20px Roboto Condensed, Arial, Helvetica, sans-serif; color: #555555; text-align: right; padding: 0px 20px 0px 20px; }
div.divMovieImage { width: 298px; height: 398px; border: 1px solid #999999; }
span.spanMovieDetailTtitle { font: 15px Roboto Condensed, Arial, Helvetica, sans-serif; color: #FFCB00; }
span.spanMovieDetailText {  }

.iframeYoutube { border: 1px solid #999999; }


/* DRAWS */
div.divDraw { width: 940px; border-bottom: 1px solid #999999; text-align: left; margin: 10px 0px 40px 0px; padding: 0px 0px 50px 0px; }
div.divDrawTitle { width: 940px; font: 20px Roboto Condensed, Arial, Helvetica, sans-serif; color: #FFFFFF; margin: 20px 0px 0px 0px; }
div.divDrawValidity { width: 940px; font: 15px Roboto Condensed, Arial, Helvetica, sans-serif; color: #FFFFCC; margin: 0px 0px 0px 0px; }
div.divDrawImage { min-width: 100px; border: 1px solid #999999; margin: 10px 0px 0px 0px; text-align: center; }
div.divDrawText { width: 940px; font: 15px Roboto Condensed, Arial, Helvetica, sans-serif; color: #FFFFCC; text-align: left; margin: 10px 0px 0px 0px; }
imgDrawImage { border: 1px solid #FFFFCC; margin: 10px 0px 0px 0px; }

form.formDraw { margin: 30px 0px 0px 0px; }
div.divDrawForm { width: 400px; font: 15px Roboto Condensed, Arial, Helvetica, sans-serif; color: #FFCCCC; border: 1px solid #7B3750; padding: 9px; text-align: left; }
input.inputDraw { width: 388px; padding: 5px; margin-top: 3px; margin-bottom: 20px; font: 15px Roboto Condensed, Arial, Helvetica, sans-serif; color: #7B3750; background-color: #FFCCCC; border: 1px solid #C6537E; -moz-box-shadow: inset 0 0 8px #777777; -webkit-box-shadow: inset 0 0 8px #777777; box-shadow: inset 0 0 8px #777777; }
input.inputButtonSubmitDraw { width: 100px; padding: 5px; margin-top: 20px; font: 18px Roboto Condensed, Arial, Helvetica, sans-serif; color: #FFFFFF; background-color: #C6537E; border: 1px solid #7B3750; }


/* PRICE VISION */
div.divPriceVision { width: 940px; border-bottom: 1px solid #999999; text-align: left; margin: 10px 0px 40px 0px; padding: 0px 0px 50px 0px; }
div.divPriceVisionImage { min-width: 100px; border: 1px solid #999999; margin: 10px 0px 0px 0px; text-align: center; }
div.divPriceVisionText { width: 940px; text-align: left; margin: 10px 0px 40px 0px; }


/* LINKS */
a.aMovieTitle { font: 15px Roboto Condensed, Arial, Helvetica, sans-serif; color: #FFCB00; text-decoration: none; }
a.aMovieTitle:hover { color: #FF9900; text-decoration: underline; }

a.aMovieWeb { font: 15px Roboto Condensed, Arial, Helvetica, sans-serif; color: #FF9900; text-decoration: none; }
a.aMovieWeb:hover { color: #FFFFFF; text-decoration: underline; }

.movieDetail { font: 15px Roboto Condensed, Arial, Helvetica, sans-serif; color: #FFCB00; }
.movieDetailValue { font: 15px Roboto Condensed, Arial, Helvetica, sans-serif; color: #FFFFFF; }

a.aShowtimePrice { font: 13px Roboto Condensed, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; }
a.aShowtimePrice:hover {  }

a.aDrawName { font: 20px Roboto Condensed, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; }
a.aDrawName:hover { color: #FF9900; }
 





body { min-width: 960px; }

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_3 { margin-left: auto; margin-right: auto;	width: 960px; color: #FFFFFF; height: auto; background-color: #000000; min-height: 80px; }

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1, .grid_1_movie, .grid_2, .grid_3, .grid_3_header, .grid_3_footer, .grid_3_movie, .grid_3_showtime, .grid_3_promo, .grid_3_simple {
	display: inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; 
}

.push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3 { position:relative; }


/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha { margin-left: 0; }
.omega {	margin-right: 0; }

/* Grid >> 3 Columns
----------------------------------------------------------------------------------------------------*/
.container_3 .grid_1 { width: 300px; }
.container_3 .grid_1_movie { width: 300px; }
.container_3 .grid_2 { width: 620px; }
.container_3 .grid_3 { width: 940px; }
.container_3 .grid_3_header { width: 940px; text-align: left; margin-bottom: 10px; }
.container_3 .grid_3_footer { width: 940px; text-align: center; margin-top: 50px; margin-bottom: 10px; }
.container_3 .grid_3_movie { width: 940px; text-align: left; margin-bottom: 10px; }
.container_3 .grid_3_showtime { width: 940px; text-align: left; margin-bottom: 10px; }
.container_3 .grid_3_promo { width: 940px; text-align: left; margin-bottom: 10px; }
.container_3 .grid_3_simple { width: 940px; text-align: left; margin-bottom: 10px; }


/* Prefix Extra Space >> 3 Columns
----------------------------------------------------------------------------------------------------*/
.container_3 .prefix_1 { padding-left: 320px; }
.container_3 .prefix_2 { padding-left: 640px; }
.container_3 .prefix_1_movie { padding-left: 320px; }


/* Suffix Extra Space >> 3 Columns
----------------------------------------------------------------------------------------------------*/
.container_3 .suffix_1 { padding-right: 320px; }
.container_3 .suffix_2 { padding-right: 640px; }


/* Push Space >> 3 Columns
----------------------------------------------------------------------------------------------------*/
.container_3 .push_1 { left: 320px; }
.container_3 .push_2 { left: 640px; }


/* Pull Space >> 3 Columns
----------------------------------------------------------------------------------------------------*/
.container_3 .pull_1 { left: -320px; }
.container_3 .pull_2 { left: -640px; }


/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:before, .clearfix:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }