@import url(http://fonts.googleapis.com/css?family=Changa+One:400,400italic|Squada+One);
body
{
    background-image: url(../css/images/chapa_fondo2.jpg);
    font-family: "Courier New";
    font-size: 14px;
    color: #000;
	font-weight: bold;
    background-attachment: fixed;
    background-repeat: repeat;
    background-position: center top;
    margin: 0px;
	padding: 0;
	height: 100%;
      -webkit-font-smoothing: antialiased;
}

/* 2x1 */

#DosPorUno{
width: 420px;
height: 260px;
margin-left: auto;
margin-right: auto;
background-color: #FFF;
}
#DosPorUnoContenedor{
width: 421px;
height: 204px;
background-image: url(../imagenes/items/2x1Base.jpg);
text-align: center;
background-repeat: no-repeat;
}
#DosPorUnoTexto{
padding: 20px 0px 10px 0px;
width: 300px;
font-size: 18px;
text-align: right;
margin: 0px 0px 0px 90px;
} 

#DosPorUnoValidez{
font-size: 12px;
text-align: right;
margin: 0px 0px 0px 0px;
padding: 10px;
}

#DosPorUnoDatosTeatro{
margin: 16px 0px 0px 0px;
}
#ImprimirBoton{
background-color: #008C02;
padding: 10px;
margin: 5px;
color: #FFF;
font-size: 20px;
text-align: center;
}

#ImprimirBoton a:link{
background-color: #008C02;
padding: 10px;
margin: 5px;
color: #FFF;
font-size: 20px;
text-align: center;
}

#ImprimirBoton a:hover{
background-color: #008C02;
padding: 10px;
margin: 5px;
color: #000;
font-size: 20px;
text-align: center;
text-decoration:none;
}

#ImprimirBoton a:active{
background-color: #008C02;
padding: 10px;
margin: 5px;
color: #FFF;
font-size: 20px;
text-align: center;
}

#pie{
width:100%;
bottom:0;
background-color:#000;
position: absolute;
display: block;
padding: 5px;
}

#datospie{
font-family: 'Squada One', Arial;
font-size: 1.3em;
color:#777;
text-align: center;
font-weight:200;
}

#logoymenu{
position:absolute;
z-index: 200;
}

#menulogo{
margin-left:auto;
margin-right: auto;
width: 80%;
}

#logo{
width: 200px;
position: relative;
z-index: 100;
margin: 10px;
float: left;
}


a:link
{
    color: #2DB200;
    text-decoration: none;
}
a:visited
{
    text-decoration: none;
    color: #00661A;
}
a:hover
{
    text-decoration: none;
}
a:active
{
    text-decoration: none;
}

#HomeContenedor{
position: absolute;
bottom: 120px;
margin: 10px 10px 10px 150px;
}

#HomeSlide{
position: relative; 
top: 0px; 
left: 0px; 
width: 600px; 
height: 300px;
background-color: rgb(41, 73, 41);
border-style: solid;
border-width: 1em;
border-color: #FFFFFF;
-webkit-border-style: solid;
-webkit-border-width: 1em;
-webkit-border-color: #FFFFFF;
-moz-border-style: solid;
-moz-border-width: 1em;
-moz-border-color: #FFFFFF;
float:left;
}

.HomeSlidefoto{
width:100%;
height:auto;
position: relative;
}

#HomeTitulo{
font-family: 'Changa One', Arial Black;
color: #17A100;
font-size: 1.5em;
font-weight: 300;
text-shadow: 1px 1px 2px #FFFFFF;
-moz-text-shadow: 1px 1px 13px #000000;
position: absolute;
top: 30px;
left: 30px;
width: 150px;
height: 50px;
}

#HomeDataFunciones{
padding: 5px;
background-color: #17A100;
color: #FFF;
font-weight: 100 !important;
font-size: 0.8em !important;
text-shadow: 0px 0px 3px #000 !important;
-moz-text-shadow: 0px 0px 3px #000 !important;
}



#HomeNosotros{
width: 100%;
position: absolute;
padding: 10px;
background-color: rgba(0, 92, 47, 1);
color: #FFF;
font-family: 'Open Sans', sans-serif;
font-size: 1em;
text-align: left;
font-weight: 100;
bottom: 30px;
}

#HomeNovedades{
float:left;
width: 350px;
position: relative;
padding: 10px;
background-color: rgba(0, 92, 47, 1);
color: #FFF;
font-family: 'Open Sans', sans-serif;
font-size: 0.9em;
text-align: left;
margin: 0px 15px 10px 10px;
height: auto;
font-weight: 100;
}

#HomeNosotrosCat{
color: #1EED31;
font-weight: 600;
position: relative;
float: left;
}

#HomeNosotrosDataCont{
position: relative;
float: left;
margin-right: 15px;
}

#TituloSeccion{
font-family: 'Changa One', Arial Black;
color: #FFF;
font-size: 2.8em;
font-weight: normal;
padding: 5px 5px 5px 25px;
width: 100%;
height: 45px;
background-color: #1D7300;
bottom: 5px;
position: relative;
margin-top: 120px;
}

#CiclosAnterioresContenedor{
}
#ObraBotonAnteriores{
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
width: 130px;
height: 120px;
}
#ObraBotonContenedorAnteriores{
overflow: hidden;
background-color: #003C03;
float: left;
position: relative;
width: 120px;
height: 130px;
padding: 22px 20px 0px 10px;
margin: 0px 1px 6px 6px;
}
/** OBRAS **/ 
/** INICIO **/

#ObrasEnCartel{
/*position: absolute;
height: 195px;
z-index: 300;
bottom: 0;
overflow-y: hidden;
  overflow-x: scroll;
  width: 100%;
  white-space: nowrap;*/
  position: absolute;
  height: 152px;
  z-index: 300;
  bottom: 0;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
}

#TituloObra{
font-family: 'Changa One', Arial Black;
color: #FFF;
font-size: 3em;
font-weight: normal;
margin: 340px 0px 50px 50px;
padding: 5px;
text-shadow: 1px 1px 13px #000000;
-moz-text-shadow: 1px 1px 13px #000000;
}
#TituloObraContenedor{
width: 100%;
height:auto;
bottom: 5px;
position: relative;
}

#ObraBotonTituloContenedor{
  bottom: 16px;
  position: relative;
  margin: 0px 0px 0px 0px;
  overflow: hidden;
}



#ObraBotonContenedor{
/*overflow: hidden;
  background-color: #2DB200;
  position: relative;
  width: 120px;
  height: 175px;
  padding: 22px 20px 0px 10px;
  margin: 0px 1px 0px 6px;
  display: inline-block;*/
    overflow: hidden;
  background-color: #2DB200;
  position: relative;
  width: 75px;
  height: 96px;
  padding: 20px 20px 0px 5px;
  margin: 0px 1px 0px 8px;
  display: inline-block;


}

#ObraBoton{
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
width: 90px;
  height: 76px;
}

#ObraBotonTituloObra{
/*
font-family: 'Squada One', Arial;
font-size: 1.3em;
margin: -2px 0px 0px 0px;
overflow: hidden;
text-overflow: ellipsis;
width: 105%;
white-space: nowrap;
font-weight:100;*/
  font-family: 'Squada One', Arial;
  font-size: 1.1em;
  margin: 0px 0px 0px 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
  font-weight: 100;
}

#FuncionesData{
/*position: relative;
font-family: 'Squada One', Arial;
font-size: 1.2em;
color: #FFF;
bottom:3px;
padding: 2px;
background-color: #2DB200;
width: 105%;
font-weight:100;*/
  position: relative;
  font-family: 'Squada One', Arial;
  font-size: 1em;
  color: #FFF;
  bottom: 0px;
  padding: 0px;
  width: 100%;
  font-weight: 100;
  margin: 2px 2px 0px 0px;
}

#FuncionesDataPrincipal{
position: relative;
float: right;
padding: 20px 100px 20px 30px;
background-color: rgb(41, 73, 41);
bottom: 40px;
font-family: 'Squada One', Arial;
font-size: 2em;
color: #FFF;
font-weight: 100;
}

#TextoDestacado{
position: relative;
float: right;
padding: 20px 100px 24px 30px;
background-color: rgb(0, 186, 0);
bottom: 40px;
font-family: 'Squada One', Arial;
font-size: 2em;
color: #FFF;
font-weight: 100;
clear: both;
line-height: 20px;
}

#MenuObraOpciones{
position:relative;
font-family: 'Squada One', Arial;
font-size: 1.5em;
color: #FFF;
font-weight: 100;
background-color: #009300;
float: right;
bottom: 22px;
}

#MenuObraOpcionesIn a:link
{
    color: #FFF;
    text-decoration: none;
}
#MenuObraOpcionesIn a:visited
{
    text-decoration: none;
    color: #FFF;
}
#MenuObraOpcionesIn a:hover
{
    text-decoration: none;
	color: #666;
}
#MenuObraOpcionesIn a:active
{
    text-decoration: none;
}

#MenuObraOpcionesIn{
position:relative;
float:left;
padding: 5px;
margin: 0px 10px 0px 10px;
cursor: pointer;
}


#Reservas{
width:80%;
background-color: #FFF;
padding:15px;
margin-left:auto;
margin-right:auto;
position:relative;
color: #000;
padding: 2px 0px 2px 15px;
font-family: 'Open Sans', sans-serif;
font-size: 1.2em;
}
#ReservasAviso{
position: relative;
width: 80%;
background-color: rgba(0, 92, 47, 1);
padding: 10px;
color: #FFF;
font-family: 'Open Sans', sans-serif;
font-size: 1em;
text-align: center;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
}
#ContactoFormContenedor{
float: left;
background-color: #005C2F;
margin-left: 25px;
position: relative;
color: #FFF;
padding: 13px 20px 2px 20px;
font-family: 'Open Sans', sans-serif;
font-size: 1.2em;
}

#FormulariosContacto{
text-align: center;
width: 55%;
margin-left: auto;
margin-right: auto;
position: relative;
}

#ObraDataTitulo{
background-color: #FFF;
color: #000;
padding: 2px 0px 2px 15px;
font-family: 'Open Sans', sans-serif;
font-size: 1.2em;
margin-bottom: 10px;
font-weight:700;
}

#ObrasInfo{
width:80%;
padding:15px;
margin-left:auto;
margin-right:auto;
position:relative;
color: #000;
padding: 2px 0px 2px 15px;
}

	#ObraImagenPrincipalData{
	  -webkit-background-size: cover;  
	  -moz-background-size: cover;  
	  -o-background-size: cover;  
	  background-size: cover;
	width: 400px;
	height: 230px;
	float: left;
	}

#TituloObraData{
font-family: 'Changa One', Arial Black;
color: #FFF;
font-size: 4em;
font-weight: normal;
margin: 5px 5px 5px 10px;
padding: 5px;
text-shadow: 1px 1px 13px #000000;
-moz-text-shadow: 1px 1px 13px #000000;
float: left;
display: table;
height: 210px;
width: 400px;
}

#TituloObraTexto{
vertical-align: middle;
display: table-cell;
}

#ObraSinopsis{
position: relative;
background-color: rgba(0, 92, 47, 1);
color: #FFF;
font-family: 'Open Sans', sans-serif;
font-size: 1em;
text-align: justify;
margin: 10px 15px 10px 0px;
height: auto;
padding: 10px;
}

#ObraFichaTecnica{
position: relative;
background-color: rgba(0, 92, 47, 1);
color: #FFF;
font-family: 'Open Sans', sans-serif;
font-size: 1em;
text-align: left;
margin: 10px 15px 10px 0px;
height: auto;
padding: 10px;
font-weight:100;
clear:both;
}

#ObraGaleria{
  clear: left;
color: #FFF;
font-family: 'Open Sans', sans-serif;
font-size: 1em;
text-align: left;
margin: 10px 15px 10px 0px;
height: auto;
padding: 10px;
}

#ObraPrensa{
background-color: rgba(0, 92, 47, 1);
color: #FFF;
font-family: 'Open Sans', sans-serif;
font-size: 1em;
text-align: left;
margin: 10px 15px 10px 0px;
height: auto;
padding: 10px;
}

#galeriaprensa{

width: 54px;
height: 54px;
float: left;
overflow: hidden;
margin: 3px;
}

#galeriathumb{

width: 48%;
height: 10%;
float: left;
overflow: hidden;
margin: 3px;
}
.galeriafoto{
width:100%;
height:auto;
bottom: 10px;
position: relative;
}

#cerrarInfo{
background-color: #000;
padding: 5px;
color: #fff;
font-weight: 200;
font-family: 'Squada One', Arial;
font-size: 1.5em;
position: absolute;
top: 0px;
right: 27px;
}

#ObraVideo{
clear:both;
width: 853px;
height: auto;
padding: 15px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color: rgba(0, 92, 47, 1);
}

#cerrarInfo a:link
{
    color: #FFF;
    text-decoration: none;
}
#cerrarInfo a:visited
{
    text-decoration: none;
    color: #FFF;
}
#cerrarInfo a:hover
{
    text-decoration: none;
	color: #666;
}
#cerrarInfo a:active
{
    text-decoration: none;
}

/* PRENSA */
#PrensaRotulo{
background-color: #19E51B;
margin: 5px;
color: #000;
padding: 2px 0px 2px 15px;
font-family: 'Open Sans', sans-serif;
font-size: 1.2em;
text-align: center;
}

#ContenedorPrensa{
width:800px;
background-color: #FFF;
padding:15px;
margin-left:auto;
margin-right:auto;
position:relative;
}

#MedioImagen{
position:relative;
float:left;
}
#MedioNombre{
position:relative;
float:left;
font-family: 'Open Sans', sans-serif;
font-size: 1.2em;
text-align: left;
color: #000;
line-height: 48px;
padding:6px;
}
#NotaTitulo{
position:relative;
font-family: 'Open Sans', sans-serif;
font-size: 2.5em;
text-align: center;
color: #000;
padding: 10px 0px 10px 0px;
clear: both;
}
#NotaAutor{
position:relative;
font-family: 'Open Sans', sans-serif;
font-size: 1em;
text-align: left;
color: #000;
padding: 10px 0px 10px 0px;
}
#NotaFecha{
position:relative;
font-family: 'Open Sans', sans-serif;
font-size: 1em;
text-align: right;
color: #000;
padding: 10px 0px 10px 0px;
}
#NotaBajada{
position:relative;
font-family: 'Open Sans', sans-serif;
font-size: 1.2em;
text-align: justify;
color: #000;
padding: 10px 0px 10px 0px;
}
#NotaTexto{
padding: 10px 0px 10px 0px;
position:relative;
font-family: 'Open Sans', sans-serif;
font-size: 1em;
text-align: justify;
color: #000;
font-weight: 100;
}
#NotaImagen{}
#NotaImagen{}
#NotaImagen{}
#NotaImagen{}
#NotaUrl{
position:relative;
font-family: 'Open Sans', sans-serif;
font-size: 1em;
text-align: center;
color: #000;
padding: 10px 0px 10px 0px;
}

#SalaPlano{
width: 200px;
margin: 15px;
position:relative;
float:left;
}

#SalaDetalle{
width: 350px;
margin: 15px;
position:relative;
float:left;
padding:10px;
background-color: rgba(0, 92, 47, 1);
color: #FFF;
font-family: 'Open Sans', sans-serif;
font-size: 1em;
text-align: left;
margin: 10px 15px 10px 0px;
height: auto;
font-weight:100;
}
#SalaObraPrensa{
width: 350px;
position: relative;
float: left;
padding: 10px;
background-color: rgba(0, 92, 47, 1);
color: #FFF;
font-family: 'Open Sans', sans-serif;
font-size: 1em;
text-align: left;
margin: 10px 15px 10px 0px;
height: auto;
font-weight: 100;
}
#Posibilidades{
width: 566px;
background-color: #FFF;
padding: 15px;
margin-left: auto;
margin-right: auto;
position: relative;
}


#PosibilidadImg{
position:relative;
width:250px;
margin-bottom:5px;
margin-left: auto;
margin-right: auto;
}
#PosibilidadTxtIzq{
float: left;
width: 250px;
height: 210px;
margin-bottom: 5px;
margin-left: 5px;
text-align: center;
background-color: rgba(0, 92, 47, 1);
color: #FFF;
font-family: 'Open Sans', sans-serif;
font-size: 1em;
padding: 10px;
position: relative;
border-style: solid;
-webkit-border-style:solid;
-moz-border-style:solid;
}
#PosibilidadTxtDer{
clear: both;
float: left;
width: 250px;
margin-bottom: 5px;
margin-left: 5px;
text-align: center;
background-color: rgba(0, 92, 47, 1);
color: #FFF;
font-family: 'Open Sans', sans-serif;
font-size: 1em;
padding: 10px;
position: relative;
height: 210px;
border-style: solid;
-webkit-border-style:solid;
-moz-border-style:solid;
}
#Salagaleriathumb{
position: relative;
width: 98%;
height: 32%;
overflow: hidden;
margin: 3px;
}
#SalaImagen{
width: 500px;
height: 530px;
position: relative;
float: left;
padding: 10px;
background-color: rgba(0, 92, 47, 1);
color: #FFF;
font-family: 'Open Sans', sans-serif;
font-size: 1em;
text-align: left;
margin: 10px 15px 10px 0px;
font-weight: 100;
}

#LinkContenedor{
margin: 10px;
background-color: #fff;
padding: 20px;
font-family: 'Squada One', Arial;
font-size: 2em;
float: left;
position: relative;
overflow: hidden;
font-weight: 100;
}


@media only screen and ( max-width: 1024px ) /* 1024 */ {

#HomeContenedor{
margin: 10px 10px 10px 44px;
}

#HomeNosotros{
font-size: 0.9em;
}

#menulogo{
margin-right: auto;
width: 100%;
}
/*#TituloObraContenedor{
bottom: 85px;
}*/

#TituloObra {
    margin: 200px 0px 50px 50px;
}

#SalaDetalle {
width: 250px;
}
#SalaImagen {
width: 180px;
height: 380px;
}
#SalaObraPrensa {
width: 250px;
}

#FormulariosContacto{
width: 90%;
}
#ContactoFormContenedor {
font-size: 1em;
}

#TituloObraData{
width: 380px;
}

/*#ObrasEnCartel{
height: 155px;
}
*/
#ObraBotonContenedor{
width: 50px;
  height: 96px;
  padding: 20px 20px 0px 5px;

}

#ObraBoton{
  width: 65px;
  height: 76px;

}
}



@media only screen and ( max-width: 1280px ) /* 1280 */ {


#menulogo{
margin-right: auto;
width: 100%;
}

/*#FuncionesData{
position: relative;
font-family: 'Squada One', Arial;
font-size: 1em;
color: #FFF;
bottom:3px;
padding: 2px;
background-color: #2DB200;
width: 105%;
font-weight:100;
}*/

#SalaDetalle {
width: 250px;
}
#SalaImagen {
width: 180px;
height: 350px;
}
#SalaObraPrensa {
width: 250px;
}

#HomeNovedades{
width: 290px;
}
#FormulariosContacto{
width: 75%;
}
/*#ObrasEnCartel{
height: 155px;
}

#ObraBotonContenedor{
width: 80px;
padding: 22px 20px 0px 5px;
height: 125px;

}

#ObraBoton{
width: 95px;
height: 90px;

}*/
}

@media only screen and ( max-width: 1366px ) /* 1366 */ {
#SalaDetalle {
width: 250px;
}
#SalaImagen {
width: 180px;
height: 380px;
}
#SalaObraPrensa {
width: 250px;
}

#FormulariosContacto{
width: 90%;
}
#ContactoFormContenedor {
font-size: 1em;
}

/*#ObrasEnCartel{
height: 155px;
}

#ObraBotonContenedor{
width: 80px;
padding: 22px 20px 0px 5px;
height: 125px;

}

#ObraBoton{
width: 95px;
height: 90px;

}
#FuncionesData{
position: relative;
font-family: 'Squada One', Arial;
font-size: 1em;
color: #FFF;
bottom:3px;
padding: 2px;
background-color: #2DB200;
width: 120%;
font-weight:100;
}*/
}

@media only screen and ( max-width: 360px ) /* 360 */ {
#ObrasEnCartel{
display: none;
}

#TituloObra {
    margin: 290px 0px 50px 50px;
}
#FuncionesDataPrincipal{
	    padding: 10px 50px 10px 30px;
		bottom: 40px;
}

#MenuObraOpciones{
	    clear: both;
    padding: 0px 50px 0px 0px;
	    bottom: 40px;
}
#MenuObraOpcionesIn {
    position: relative;
   float: none;
    padding: 5px;
    margin: 0px 10px 0px 10px;
    cursor: pointer;
}
#TextoDestacado{
	    clear: both;
	    padding: 10px 50px 10px 30px;
}
}

@media only screen and ( max-width: 768px ) /* 768 */ {
#ObrasEnCartel{
display: none;
}

#TituloObra {
    margin: 290px 0px 50px 50px;
}
#FuncionesDataPrincipal{
	    padding: 10px 100px 10px 30px;
		bottom: 40px;
}

#MenuObraOpciones{
	    clear: both;
    padding: 0px 82px 0px 0px;
	    bottom: 40px;
}
#TextoDestacado{
	    clear: both;
	    padding: 10px 100px 10px 30px;
}
#ObraBotonContenedor{
display: none;
}
#datospie{
font-size: 0.7em;
}
#TituloObraContenedor {
bottom: 150px;
}
#FormulariosContacto{
width: 90%;
}
#ContactoFormContenedor {
font-size: 0.9em;
padding: 13px 5px 2px 5px;
margin-left: 5px;

}

}
@media only screen and ( max-width: 640px ) /* 640 */ {

#HomeContenedor {
margin: 0px 0px 0px 0px;
bottom: 90px;
}

#HomeSlide{
width: 165%;
height: 160px;
border-width: 2px;
overflow: hidden;
font-size: 10px;
}
#ObraDataTitulo{
font-size: 1em;
margin-bottom: 2px;
}
#HomeNovedades{
margin: 0px 0px 0px 0px;
height: 100px;
width: 98%;
overflow: hidden;
}

#HomeNosotros{
font-size: 0.6em;
width: 98%;
}

}

/* Boton Login Inicio */

#BotonLoginInicio{
    width: 140px !important;
    text-align: center;
	}