@import url(http://fonts.googleapis.com/css?family=Titillium+Web|Lato);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,700);

#fb-root {display: none;}
body {font-family: 'Lato', sans-serif;font-size: 90%;color:#484848;background-color: #000;margin:0px;}
img{border:none;}
a{text-decoration:none;color:#484848;}
a:hover{text-decoration:underline;}
h1{color:#fff;margin:8px 10px 10px;padding:8px 10px 10px;font-family: 'Oswald', sans-serif;font-weight: normal;text-transform: uppercase;letter-spacing: 1px;}
h2 {font-family: 'Oswald', sans-serif;font-weight: normal;text-transform: uppercase;font-size: 14px;margin: 3px 4px 0 11px;color: #000;}
ul{list-style:none;padding:0;margin:0;list-style:none;}
li{display:inline;padding:0;margin:0;}
p{margin:0 0 20px;padding:0;text-align:justify;}

.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.hide{display:none;}
.hidden{display:none;}
.text-center{text-align: center;}

/*** Backgrounds ***/
#bg{position: fixed;right: 0px;left: 0px;top: 0px;bottom: 0px;background-image: url("../img/fondo_20.jpg");background-repeat: no-repeat;background-position: center center;z-index: -100;background-size: cover;}
#bg.no-background{background-image:none !important;background-color:#151515 !important;}
/*** Fin Backgrounds ***/

#share{background-color:#000;z-index: 1000000;padding: 8px;}
#share_mobile{display: none;}

/*#header{background-color: #000;}*/
#header.scroll{opacity:0.8; filter:alpha(opacity=80);}
#header.scroll:hover{opacity:1; filter:alpha(opacity=100);}
#header_info {text-align:right;}
#header_info div.socials ul {float: left;}
#header_info div.socials ul a{float: left;}
#header_info div.socials ul a:hover{background-color: #AF135C;}
#header_info div.socials ul img {max-width: 25px;}
#header_info div.socials ul li.omega{}
#header_info div.langs ul {float: left;}
#header_info div.langs ul li{float: left;}
#header_info div.langs ul li a{text-decoration:none;color:#fff;float: left;font-family: 'Oswald', sans-serif;font-weight: normal;text-transform: uppercase;}
#header_info div.langs ul li.selected a {background-color: #AF135C;}
#header_info div.langs ul li a:hover{background-color: #E7E7E7;text-decoration:none;color: #000;}
#header_info div.langs ul li.selected a:hover{background-color: #AF135C;;text-decoration:none;color: #fff;cursor: default;}
#logo a {text-decoration:none;}

/***** Footer ***/
#footer {color:#fff;}
#footer p{margin-top:14px;}
#footer a{color:#fff;text-decoration:none;}
#footer h1.categories{background-color:#AF135C;color:#fff;font-size: 18px;padding-top: 5px;padding-bottom: 5px;text-align: center;}
#footer .lista h1{background-color:#AF135C;color:#fff;font-size: 18px;padding-top: 5px;padding-bottom: 5px;}
#footer .lista h2 {font-size: 15px;line-height: 17px;color: #fff;margin-bottom: 10px;text-align: center !important;}
#footer .lista ul{padding: 0 0 0 10px;}
#footer .lista a:hover h2{text-decoration: underline;}
#footer .lista a h2.last {color:#AF135C;}
#legal-notice-access{text-align: center;background-color: #000;color: #fff;border-top: #b5b5b5 1px solid;margin-top: 20px}
#legal-notice-access p {text-align: center;}
.footer-nav{background-color: #3c3c3c;width: 100%;color: #fff;text-align: center;padding: 20px 0;border-top: 1px solid #b5b5b5;margin-top: 100px;font-family: 'Oswald', sans-serif;text-transform: uppercase}
.footer-nav a{padding:  8px;color:#fff;margin: 0}
.footer-nav a:hover{text-decoration: none;}
/***** Fin Footer ***/


#info {margin-top: 10px;background-color: #fff}
#info.with-slider {margin-top: 10px;}

/****** Navegaci—n principal *******/
.nav{font-family: 'Oswald', sans-serif;letter-spacing: 1px;font-size: 90%;text-transform:uppercase;background: #fff;}
.nav ul li{float: left;}
.nav ul li a:hover{background-color:#E7E7E7;color:#000;}
.nav ul li.selected a{cursor: default;background-color:#AF135C;color:#fff;}
.nav ul a{float: left;text-decoration:none;color:#000;vertical-align: middle;}
.nav ul.sections{float: left;}
.nav ul.sections a{padding: 25px 10px;}
.nav ul.sections li.alpha{margin-left: 0px;}
/****** Navegaci—n principal *******/

/*** Little Calendar ***/
#little-calendar{/*width:100%;margin: 0 auto 20px;*/background-color:#000;font-family: 'Titillium Web', sans-serif;}
#little-calendar .previous{float:left;}
#little-calendar .next {float:left;}
#little-calendar .month{float: left;border-left: 1px solid #fff;/*border-bottom: 1px solid #fff;border-top: 1px solid #fff;*/}
#little-calendar .alpha{border-left:none;}
#little-calendar .month .name{padding-left: 6px;background-color: #AF135C;color: #fff;font-family: 'Oswald', sans-serif;font-size: 16px;font-weight: normal;text-transform: uppercase;letter-spacing: normal;}
#little-calendar .month .days{float: left;font-family: 'Oswald', sans-serif; text-transform: uppercase;}
#little-calendar .month .days li{float:left;/*padding: 0 6.90px 5px;*//*padding: 5px 6.95px;*/text-align: center;width: 35.75px; padding: 8px 0 10px;font-size: 15px;border-right: 0px solid #fff;}
#little-calendar .month .days li{cursor: default;}
#little-calendar .month .days li.has-items {/*background-color: #292929;background-color: #000;*/color:#fff;}
#little-calendar .month .days li.has-items:hover{background-color: #AF135C;cursor: pointer;}
#little-calendar .month .days li.has-items:hover .list-items{display: block;}
#little-calendar .month .days li .list-items{/*background-color: #292929;*/ border: 2px solid #AF135C;width:316px;float: right;position: absolute;display: none;margin: 9px 0 0 0px;}
#little-calendar .month .days li .right-list {margin-left: -286px;}
#little-calendar .month .days li .center-list {margin-left: -143px;}
#little-calendar .month .days li .list-items{z-index:100000;}
#little-calendar .month .days li .list-items .item{background-color:#000;padding: 8px;float: left;width:300px;margin: 0 auto;border-top: 1px solid #707070;}
#little-calendar .month .days li .list-items .alpha {border-top:none;}
#little-calendar .month .days li .list-items .item:hover{background-color: #292929;}
#little-calendar .month .days li .list-items .item .image {float: left; width: 100px;}
#little-calendar .month .days li .list-items .item .info{float: left; padding-left: 8px;}
#little-calendar .month .days li .list-items .item .info h1 {font-size: 90%;padding: 0;margin: 0; height:50px;color:#fff;letter-spacing: normal;max-width: 190px;text-align: left}
#little-calendar .month .days li .list-items .item .info h2 {font-size: 90%;padding: 0 !important;margin: 0 !important; text-align: left;color:#fff;}
#little-calendar .month .days li .list-items .item .compra-tus-tickets{position:absolute;margin-top:25px;background-color: #AF135C;padding: 5px 15px;}
#little-calendar .month .days li .list-items .item .compra-tus-tickets h1{font-size: 90%;padding: 0 !important;margin: 0 !important; text-align: left;color:#fff;height: inherit;}
/*** FinLittle Calendar ***/

/*** Ventanas *****/
.window{border: solid 1px #000;}
.win-type2 {border:none !important}
.window h1{background-color:#000;}
.window.espectaculo h1{font-size: 16px;}
.window h1 a{text-decoration:underline;color:#fff;}
.window_content{font-size: 13px;text-align: left;}
.window_content a{ text-decoration:none; }
.window_content a:hover{text-decoration:underline; color:#000;}
.window_content .info{padding:10px 0 40px;margin:0px auto;}
.breadcrumb h1 {background-color:#000;margin-left: 3px !important;margin-right: 3px !important;}
.breadcrumb h1 a {text-decoration:underline;color:#fff;}

.categories{border: none !important;}
.categories h1{background: none !important;font-size: 16px !important;color:#000 !important;margin:5px 0 !important;line-height: 0;}

/**** Fin Ventantas ****/

/**** Banners ****/
.destacado_portada {padding: 15px 0 5px !important; border: 1px solid  #000;margin-bottom: 20px;}
.destacado_portada p{text-align: center !important;color: #000;}
.columns-4.banner img{background-color: #000;border: 1px solid #fff;}
/**** Fin Banners ****/

/***** Listado de Espect‡culos ****/
.espectaculo_destacados{margin:0;padding:0;width:100%;}
.espectaculo_destacados .alpha{margin-left: 0px !important;}
.espectaculo_destacados .omega{margin-right: 0px !important;}
.espectaculo_destacado {float:left;margin:10px;border:1px solid #868686;border:1px solid #373737;}
.espectaculo_destacado img{margin:0;padding:0;max-width:100%;width:100%;}
.espectaculo_destacado .espectaculo_destacado_titulo{margin:0;padding: 0;background-color:#000;}
.espectaculo_destacado .espectaculo_destacado_titulo .titulos{height: 120px;}
.espectaculo_destacado .espectaculo_destacado_titulo .genero {padding: 6px 0;border-top:1px solid #707070;}
.espectaculo_destacado .espectaculo_destacado_titulo .sala {padding: 6px 0;border-top:1px solid #707070;}
.espectaculo_destacado .espectaculo_destacado_titulo h1 {font-size: 20px;padding: 4px;margin: 0;line-height: 130%;text-align: center;color:#fff !important;}
.espectaculo_destacado .espectaculo_destacado_titulo h2 {font-size:83%;padding: 4px;margin: 0;line-height: 130%;text-align: center;color:#fff !important;}
.espectaculo_destacado .espectaculo_destacado_titulo h1, .espectaculo_destacado_titulo h2{background:none;color: #fff;letter-spacing: normal;}
.espectaculo_destacado .espectaculo_destacado_titulo h2.fecha{font-size:93%; border-top:1px solid #707070;border-bottom:1px solid #707070;background-color: #fff;margin-bottom: 5px;background: none;color:#fff !important}
.espectaculo_destacado a:hover{text-decoration: none;}
.espectaculo_destacado a:hover .espectaculo_destacado_titulo .titulos{background-color:#AF135C;}

.espectaculo_destacado a:hover .espectaculo_destacado_titulo {background-color: #AF135C;}
.espectaculo_destacado a:hover .espectaculo_destacado_titulo h1 {color: #fff !important;}
.espectaculo_destacado a:hover .espectaculo_destacado_titulo h2 {color: #fff !important;}
.espectaculo_destacado a:hover .espectaculo_destacado_titulo h2.fecha{/*color: #000 !important*/}
/*
.espectaculo_destacado a:hover .espectaculo_destacado_titulo .titulos{background-color:#AF135C;}
.espectaculo_destacado a:hover .espectaculo_destacado_titulo {background-color: #AF135C;}
.espectaculo_destacado a:hover .espectaculo_destacado_titulo h1 {color: #fff;}
.espectaculo_destacado a:hover .espectaculo_destacado_titulo h2 {color: #fff;}
*/
.espectaculo_destacado a:hover .compra-tus-tickets{background-color:#AF135C;}
.espectaculo_destacado .compra-tus-tickets{background-color: #AF135C;padding: 4px 0;text-align: center;margin: 0 0 0px;}
.espectaculo_destacado .compra-tus-tickets h1{font-size: 18px;color:#fff !important;}

.mostrar-mas-espectaculos{width: 98%;border: solid 1px #000;margin: 20px auto 0;}
.mostrar-mas-espectaculos a h1 {text-align: center;margin: 0;font-size: 140%;letter-spacing: normal;background: none;color: #000;}
.mostrar-mas-espectaculos a:hover{text-decoration: none;}
.mostrar-mas-espectaculos a:hover h1 {color: #fff;background-color: #AF135C;}
/***** Fin Listado de Espect‡culos ****/

/***** Filtros listado Espect‡culos ******/
.filters .filter {padding:0;border:1px solid #000;font-family: 'Oswald', sans-serif;font-weight: normal;text-transform: uppercase;}
.filters .omega{margin-bottom:20px;border-top: none;}
.filter label{float:left;background-color: #E7E7E7;border-right:1px solid #000;}
.filter ul.filters{float:left;}
.filter ul li{float: left;}
.filter ul li a{float:left;padding: 12px;color: #000;}
.filter ul li a:hover{text-decoration: none;background-color: #E7E7E7}
.filter ul li.selected a{background-color:#AF135C;color: #fff;}
.filter ul li.selected a:hover{color:#fff;cursor: default;}
.filter select {overflow-y: scroll;}
.filter select {font-family: 'Oswald', sans-serif;font-weight: normal;background: #AF135C;color: #fff;font-size: 14px;line-height: 100%;border: none;border-radius: 0;-webkit-appearance: none;}

.historico-de-espectaculos .filter {float: left;border: none;border:1px solid #000;border-right:none;}
.historico-de-espectaculos .filter.alpha {margin-left: 0;}
.historico-de-espectaculos .filter.omega {margin-bottom: 0;border-right:1px solid #000;}
.historico-de-espectaculos .filter .search {float: left; color: #000; padding: 11px 20px;}
.historico-de-espectaculos .filter .search:hover{background-color: #AF135C;color: #fff;text-decoration: none;}
.historico-de-espectaculos{display: none;}

.showing .msg p{font-family: 'Oswald', sans-serif;font-weight: normal;text-transform: uppercase;margin: 0;}

.agenda-de-espectaculos .social, .historico-de-espectaculos .social{margin-right: 15px;float:right;}
.agenda-de-espectaculos .social .facebook, .historico-de-espectaculos .social .facebook{float:right;width:170px;}
.agenda-de-espectaculos .social .twitter, .historico-de-espectaculos .social .twitter{float:right;margin:1px 0 0 10px;width:90px;}
.agenda-de-espectaculos{display: none;}
#listado-agenda{margin: 0px 0 30px;}

/***** Fin Filtros listado Espect‡culos ******/

/*** Espect‡culo ****/
#espectaculo .datos {margin: 15px;}
#espectaculo .datos label{min-height: 15px;border:1px solid #000;border-right: none;font-size: 11px;background-color:#DCDCDC; color:#000 !important; font-family: 'Oswald', sans-serif;font-weight: normal;text-transform: uppercase;padding: 3px 10px; }
#espectaculo .datos p {cursor: default;min-height: 15px;margin:0;padding: 2px 10px 5px 5px;margin-bottom: 10px;border: 1px solid #000; background-color: #fff; color: #000;text-align: left;}
#espectaculo div.title{background-color: #000;}
#espectaculo div.title h1,#espectaculo div.title h2{color:#fff;margin:0px;padding:0px;}
#espectaculo div.title h1{font-size:18px;}
#espectaculo div.title h1.date{font-size:13px;margin-bottom:5px;}
#espectaculo div.title h2{font-size:13px;}
#espectaculo div#funciones_information label{background-color:#000; color:#fff !important; font-family: 'Oswald', sans-serif;font-weight: normal;text-transform: uppercase;display:block;color:#AF135C;padding:4px 3px;}
#espectaculo div#funciones table{margin:0;border-collapse:collapse;font-size:13px;text-align:left;border-bottom: solid #000 1px;}
#espectaculo div#funciones table td{border-bottom:solid 1px #aaa;padding:5px;min-height:60px;text-align:left;}
#espectaculo div#funciones div.start_sale{text-align:center; margin: 0 auto;}
#espectaculo div#funciones div.start_sale a{background-color:#AF135C;font-size: 12px;font-family: 'Oswald', sans-serif;font-weight: normal;text-transform: uppercase;float:left;color:#fff;text-transform:uppercase;text-decoration:none;padding:4px 6px 6px;border:1px solid #000;}
#espectaculo div#funciones div.start_sale a:hover{background-color:#AF135C;color: #fff;}
#espectaculo div#funciones div.open_more_info{text-align:center; margin: 0 auto;}
#espectaculo div#funciones div.open_more_info a{background-color:#fff;font-size: 12px;font-family: 'Oswald', sans-serif;font-weight: normal;text-transform: uppercase;float:left;color:#000;text-transform:uppercase;text-decoration:none;padding:4px 6px 6px;border:1px solid #545454;}
#espectaculo div#funciones div.open_more_info a:hover{background-color: #000;color: #fff}
#espectaculo div.social-show{padding-top:20px;}
#espectaculo div.social-show div.facebook-show-comment{float:left;}
#espectaculo div.social-show div.twitter-show-twits{float:right;}
.youtube-video{position: relative;padding-bottom: 56.25%;padding-top: 0px;height: 0;overflow: hidden;}
.youtube-video iframe,.youtube-video object,.youtube-video embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/*** Fin Espect‡culo ****/

/*** Contacto ****/
#google_map_mini{border:solid 1px #AF135C;}
#google_map_big{border:none;}
#contacto div.contactos{min-height:90px;margin-top:10px;border: solid 1px #000;background-color: #E7E7E7;}
#contacto div.contactos p{line-height:16px;margin:0;}
#contacto div.contactos .icon{float:left;margin:22px 20px 0;min-height:40px;}
#contacto div.contactos h1 {margin:6px 0 0;padding:0;background:none;letter-spacing:normal;font-size: 110%;color:#000}
#contacto div.alpha{float:left}
#contacto div.omega {float:right}
/*** Fin Contacto ****/
.white-popup {position: relative;background: #FFF;padding: 20px;width: auto;max-width: 500px;margin: 20px auto;text-align: center;}
.white-popup div.start_sale a{background-color: #AF135C !important;color: #fff;padding: 10px 20px;}
.white-popup div.start_sale{margin-top: 10px;}

.legal-notice h2{margin: 0 0 10px !important}


div.generic_button{text-align:center; margin: 0 auto !important;}
div.generic_button a{background-color:#AF135C;font-size: 12px;font-family: 'Oswald', sans-serif;font-weight: normal;text-transform: uppercase;float:left;color:#fff;text-transform:uppercase;text-decoration:none;padding:4px 6px 6px;border:1px solid #000;}
div.generic_button a:hover{background-color:#AF135C;color: #fff;text-decoration: none;}


/***** Responsive ******/
img{width: 100%;}

#header {position:fixed; top:0px;width:100%; z-index: 3000000;}
#header_container{margin:0px auto 0px;max-width:1144px;}
#footer {padding:10px 0px 18px 0px;margin:20px auto 0;max-width:1144px;}
#footer .lista {float:left;width:24%;}
#container {max-width:1144px;margin:210px auto 0; padding:0;}
#info{min-height: 800px;margin-bottom: 30px;}
/*#info {width: 1144px !important;margin: 0 auto;}*/
/*#logo {width:40%;float:left;margin-top:23px;}*/
#logo {float:left;margin: 15px 0}
#logo img.mini{display:none;}
#header_info {width: 43%;float:right;}
#header_info div.socials {float: left;}
#header_info div.socials ul a{padding: 23px 10px 8px;}
#header_info div.langs {float: right;}
#header_info div.langs ul li a{font-size: 12px;padding: 30px 8px 5px !important;}
.nav {margin:0px auto;width:1144px;}
.window{padding:0;margin:0px 4px 20px;}
.window h1{font-size: 24px;}
.window_content{ margin:8px 10px 10px;}

#headerCarousel{margin:210px auto 0;/*width: 1144px;*/}

.fb-comments, .fb-comments iframe[style] {width: 100% !important;}
.espectaculo_destacado{width: 22.8%;width:18%;height:auto;}
#listado-portada .espectaculo_destacado{ /*width:31.35%;*/width:17.9% !important;}
#facebook-columna .window_content{height:470px;}
#twitter-portada .window_content{height:544px;}

/*** Columnas ***/
.columns-1{width:98%; height:auto;margin:0 auto;padding:15px 0;margin-bottom: 20px;}
#columns-2-LC-center{width:73%;float:right;margin-right:8px;padding:15px 0;}
#columns-2-LC-left{width:24.5%;float:left;margin-left:8px;padding:15px 0;}
#columns-2-CR-center{width:73%;float:left;margin-left:8px;padding:15px 0;}
#columns-2-CR-right{width:24.5%;float:right;margin-right:8px;padding:15px 0;}
#columns-2-LR-left{float:left;width:49%;margin-left:8px;padding:15px 0;}
#columns-2-LR-right{float:right;width:49%;margin-right:8px;padding:15px 0;}

.columns-4{float: left;height:auto;padding:15px 0}
.columns-4{width:22%;margin: 0 0 0 38px !important}
.columns-4.alpha{margin-left: 10px !important}
.columns-4.banner{width:22%;margin: 0 40px 0 0 !important}
.columns-4.banner img{padding: 8px}
.columns-4.banner.omega{margin:0 !important}

/*** Fin columnas ***/
.fluidColumn-31, .fluidColumn-32, .fluidColumn-33{float: left;margin-left: 10px;width: 30%;}
.fluidColumn-31 {margin: 0;}

/*#little-calendar{width:1144px !important;margin: 10px auto}*/
#little-calendar{width:1145px !important;margin: 20px auto 20px;}


.agenda-de-espectaculos{min-height: 1000px;}
.historico-de-espectaculos{min-height: 1000px;}

.breadcrumb h1 {font-size: 16px;}
#espectaculo{padding:0 0 40px;width:100%;margin:0px auto;}
#espectaculo div.left-info{float:left;width:25%;margin-left:10px;}
#espectaculo div.left-info .image img{width:100%;max-width: 252px;margin: 0 auto;}
#espectaculo div.left-info .image img{background-color:#2D2D2D;border:1px solid #868686;}
#espectaculo div.title{padding:5px 10px 5px 8px;margin:0 0 10px 9px;}
#espectaculo div.content{float:left;width:72%;}
#espectaculo .datos label{width: 115px;float:left;}
#espectaculo .datos p{width: 163px;float:left;}
#espectaculo div.basic_information{padding:10px;}
#espectaculo div#funciones{float:left;width:67%;}
#espectaculo div#funciones.sin-calendario-funciones{float:left;width:96% !important;}
#espectaculo div#funciones table {width: 100%;background-color: #fff !important}
#espectaculo div#funciones table td.funcion_name{width:15%;}
#espectaculo div#funciones table td.funcion_hour{width:3%;text-align:left;}
#espectaculo div#funciones table td.funcion_price{padding-left: 10px;width:18%;}
#espectaculo div#funciones table td.funcion_more_info{width:25%;padding-left:50px}
#espectaculo div#funciones table td.funcion_sale{width:25%;padding-left:25px}
#espectaculo .abonos table td.funcion_name{width:65% !important;}
#espectaculo .abonos table td.funcion_price{width:10% !important;}
#espectaculo .abonos table td.funcion_sale{width:25% !important;padding-left:20px}
#espectaculo .abonos {margin-top: 50px;}
#espectaculo .packsvip {margin-top: 50px;}
#espectaculo div#funciones_information{padding:10px;margin:20px 0 50px;width:100%;}
#espectaculo div#funciones_calendar{float:right;width:30%;min-width:300px;margin-right:10px;}
.filter label{padding: 12px;}
.filter select {width: 150px;height: 47px;padding: 5px;}
.historico-de-espectaculos .filter .search {padding: 11px 20px;}
.historico-de-espectaculos .filters {margin: 0 0 20px 10px;padding-top:20px;}
.historico-de-espectaculos .filter {margin-left: 20px;}
.showing{float:left;margin: 0 0 20px 10px}

#contacto{margin-bottom: 30px;}
#contacto div.contactos{width:49%;}
#google_map_mini{float:right;width:400px;height:300px;margin:0px 0px 0px 15px;}
#google_map_big{width:inherit;max-width:96%;height:200px;margin:5px;}
#google_map_big2{width:100%;height:500px;}

#cam {max-width: 100%;}

#legal-notice-access{width:100%;margin: 0 auto;padding: 20px 0;}


/***** Fin Responsive ******/