@charset "utf-8";
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {margin: 0;padding: 0;border: 0;font-size: 100%;font-weight: normal;vertical-align: baseline;background: transparent;}
article, aside, figure, footer, header, nav, section, details, summary {display: block;}
html {box-sizing: border-box;}
*,*:before,*:after {box-sizing: inherit;}
img,object,embed {max-width: 100%;}
html {overflow-y: scroll;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
input, select {vertical-align: middle;}
pre {white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word;}
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}
select, input, textarea {font: 99% sans-serif;}
table {font-size: inherit; font: 100%;}
small {font-size: 85%;}
strong {font-weight: bold;}
td, td img {vertical-align: top;}
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
pre, code, kbd, samp {font-family: monospace, sans-serif;}
.clickable,label,input[type=button],input[type=submit],input[type=file],button {cursor: pointer;}
button, input, select, textarea {margin: 0;}
button, input[type=button] {width: auto; overflow: visible;}
.ie7 img {-ms-interpolation-mode: bicubic;}
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/*====================================================*/


html,body {width:100%; font-family:Trebuchet MS, Verdana, sans-serif; color:#fff; font-size:14px; margin:0 auto; padding:0; display:block; border:0; min-height:100vh;}

body {background:url(../img/telon.png) repeat-x; background-attachment:fixed;}

* {box-sizing:border-box; -webkit-box-sizing:border-box;}
 
.contenedor {position:relative; width:980px; height:100%; display:block; margin:0 auto;}
 
a, a:focus {text-decoration:none; border:none; outline:none;}
strong, b {font-weight:bold;}
img {max-width:100%;}
p {font-family:Trebuchet MS, Verdana, sans-serif; font-size:13px; line-height:1;}

.hidden {display:none!important;}


.container {width:90%; max-width:1024px; margin:0 auto; padding:0; box-shadow:0px 0px 15px 6px rgba(0,0,0,0.9);}
.col {width:50%; float:left; padding:0 1%;}
.wrapper {background:#5c000b; padding:40px 4% 40px 4%;  box-shadow:0px 0 150px 0 rgba(0,0,0,0.6) inset;}

.logo {background:url(../img/logo.png) no-repeat; width:700px; margin-left:-35px; height:65px; background-size:100% auto;}
.logo_bibliote {float:right; padding-top:10px;}

.bajada {color:white; padding:10px 0 40px 1%; font-weight:bold; width:700px; font-size:16px; line-height:20px; font-family:'Roboto Slab', serif;}


h2 {font-family:'Roboto Slab', serif; font-weight:bold; font-size:21px; padding:20px 0 20px 0; text-shadow:1px 1px black;}
h3 {font-weight:bold; font-size:16px; line-height:20px; padding:0 0 10px 0; text-shadow:1px 1px black;}


textarea,
select,
input {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
      -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;}

textarea:focus,
select:focus,
input:focus {
  border-color: rgba(237, 28, 36, 0.3);
  outline: 0;
  outline: thin dotted \9;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 7px rgba(237, 28, 36, 0.4);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 7px rgba(237, 28, 36, 0.4);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 7px rgba(237, 28, 36, 0.4);}


p {width:100%; color:#fff; font-size:13px; font-family:Trebuchet MS, Verdana, sans-serif; font-weight:bold; padding:15px 0 5px 0; text-shadow:1px 1px black;}

.campos-requeridos {border:none; width:100%; padding:15px 0 0 0; text-align:right; color:#fd6322!important; font-style:italic; font-size:12px!important;}
.req {color:#fd6322; font-size:15px;}
.inputs {color:#333; width:100%; height:28px;font-family:Trebuchet MS, Verdana, sans-serif; padding-left:5px; box-sizing: border-box; box-shadow:2px 2px 2px rgba(0,0,0,0.3) inset;}

.flex {display:flex; flex-wrap:wrap; flex-direction:;}
.telefono_container div:nth-child(1) {width:19%;}
.telefono_container div:nth-child(2) {width:8%;}
.telefono_container div:nth-child(3) {width:73%;}
.telefono_container div:nth-child(4) {width:19%;}
.telefono_container div:nth-child(5) {width:8%;}
.telefono_container div:nth-child(6) {width:73%;}


.guion {font-size: 16px; text-align:center; display:block; width:100%; text-shadow:1px 1px black;}



.boton {background:#CD1D1E; box-shadow:2px 2px 0 0 #000; width:auto; height:34px; color:#fff; border:none; cursor:pointer; font-weight:bold; text-align:center; margin:20px auto; padding:0 15px; font-size:14px; line-height:34px; display:block; font-family:'Roboto Slab', serif;}
.boton:hover{background:#9E1D21;}
.boton:active{background:#EC1C24; box-shadow:2px 2px 0 0 #980A0B inset;}
.boton:focus {outline:none;}
.boton:disabled {background:#aaa; cursor:default;}

/*INPUTS RESET*/
.inputs  {border:none; box-shadow:none; outline:none; border-radius:0;}
.inputs:required {border:none; box-shadow:none; outline:none;}
.inputs:focus {border:none; box-shadow:none; outline:none;}
.inputs:invalid {border:none; box-shadow:none; outline:none;}

#pochoclos {margin:-25px 0 0 0; position:relative; z-index:0; width:100%; float:right;}


footer {background:url(../img/butacas.png) no-repeat; z-index:2; width:100%; position:fixed; bottom:-115px; left:0; height:188px; background-size:cover; filter:drop-shadow(0px -5px 10px black);}


.siguenos {margin:15px 0 0 0; display:block;}

/*=============NOVEDADES=================*/
.listado_novedades {border-top:2px solid #ccc; padding:30px 0 120px 0; width:100%; margin-top:30px;}

.novedad {padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ccc;}
.novedad a:hover .headline {color:#CD1D1E;}
.novedad img {float:left; width:25%; display:block;}
.novedad .headline {font-family:'Roboto Slab', serif; color:white; font-size:24px; line-height:1.1; padding:0 0 10px 2%; float:right;width:75%; text-align:left; text-transform:uppercase;}
.novedad .excerpt {font-size:14px; font-weight:normal; line-height:1.3; color:white; padding:0 0 10px 2%; float:right; width:75%}
.novedad .date {font-size:12px; font-weight:normal; font-style:italic; line-height:1.2; color:#fd6322; padding:0 0 0 2%; float:right; width:75%}

.section {background:#e66d1c; box-shadow:-2px 2px 1px 0 rgba(100,100,100,0.5); width:auto; height:30px; color:#fff; font-weight:bold; text-align:center; margin:0 auto 20px auto; padding:0 12px; font-size:15px; line-height:30px; display:inline-block; font-family:'Roboto Slab', serif;}
.back {float:right; color:white; font-size:16px; padding-top:10px; }
.back:hover {text-decoration:underline;}

.nota {max-width:694px; margin:0 auto; padding-bottom:150px;}
.nota .title {font-family:'Roboto Slab', serif; color:white; font-size:38px; line-height:1.1; text-transform:uppercase; padding-bottom:7px; font-weight:bold; text-shadow:1px 1px black;}
.nota .date {width:100%; text-align:right; font-size:12px; padding-bottom:7px; font-style:italic;}
.nota .excerpt {padding-bottom:20px;}
.nota p {padding:0 0 20px 0; font-size:16px; font-weight:normal; line-height:1.3;}
.nota p b {font-weight:bold;}
.nota a {color:white; text-decoration:underline;}
.nota a.back {text-decoration:none;}
.nota img {display:block; max-width:100%; height:auto;}
.nota .destacado {background:#e66d1c; margin-bottom:20px;}
.nota .destacado .col {padding:0;}
.nota .destacado p {text-shadow:none; font-size:14px; line-height:1.2; padding:0 0 10px 0;}
.nota .grilla-50 {display:flex; flex-wrap:wrap; padding-bottom:20px;}
.nota .grilla-50 a {width:50%;}
.nota .grilla-50 > img {width:50%;}


.bx-wrapper {width:100%; height:auto; margin:0 0 20px 0!important; padding:0 25px 30px 25px!important; border-bottom:2px solid #ccc;}
.bxslider {width:100%; height:150px; margin:0 0 20px 0;}
.bxslider a:hover .headline {color:#CD1D1E;}
.bxslider .headline {font-family:'Roboto Slab', serif; color:white; font-size:15px; line-height:1.1; padding:5px 0; text-align:left;}
.bxslider .date {font-size:11px; font-weight:normal; font-style:italic; line-height:1.2; color:#fd6322; padding:0;}
.bx-wrapper .bx-controls-direction a {top:35%!important;}
/*=======================================*/




@media (max-width:1400px) {
	.container {}
	.col {}
	.wrapper {padding-top:20px;}
	.bajada {padding-bottom:20px;}
	
	footer {height:110px; bottom:-60px;}
	
}

@media (max-width:1025px) {
	
	body {background-size:contain;}
	.container {}
	.col {width:80%; margin:0 auto; float:none;}
	.seguinos {width:100%; transform:translateX(0%);}
	.wrapper {}
	.logo {background:url(../img/logo_mobile.png) no-repeat; width:100%; margin-left:0; max-height:186px; height:29vw; background-size:contain; background-position:center;}
	.logo_bibliote {float:none; text-align:center; padding-top:0px;}
	.logo_bibliote img {width:140px;}
	.bajada {text-align:center; padding:10px 10% 20px 10%; width:100%; font-size:16px; line-height:20px;}
	
}

@media (max-width:630px) {
	
	.logo_bibliote img {width:120px;}
	.container {width:92%;}
	.col {width:100%}
	.wrapper {padding:20px 2% 40px 2%;}
	.bajada {padding:10px 0 20px 0; font-size:14px; line-height:18px;}
	.inputs {padding-left:2px;}
	#cine {font-size:11px;}
	#fecha {font-size:11px;}
	
	#cartel {padding:10px 0 0 1%; position:relative; z-index:1; display:block; margin:0 auto;}
	#pochoclos {margin:0 0 0 0; width:100%; float:none;}
	
	h2 {text-align:center; font-size:18px;}
	h3 {text-align:center; font-size:14px;}
	
	.novedad img {float:none; width:100%; display:block; padding:0 0 10px 0;}
	.novedad .headline {padding:0 0 10px 0; float:none; width:100%;}
	.novedad .excerpt {padding:0 0 10px 0; float:none; width:100%;}
	.novedad .date {padding:0 0 0 0; float:none; width:100%;}
	
	.nota .title {font-size:28px;}
	.nota .grilla-50 > img {width:100%;}
}

@media (max-width:420px) {
	body {background-size:cover;}
}