@media only screen and (max-device-width: 480px), only screen and (device-width: 767px) and (device-height: 480px), only screen and (device-width: 480px), only screen and (max-width: 480px){
	body{
	background-color: crimson;
	color:white;
	margin:0;
        background-image: none;
}

nav > ul{
    width: 100%;
    margin: 0;
    color: white;
    text-align: center;
    padding:1% 0;
    background-color:#FAC95A;
}

nav ul>li {
    display: inline;
    width: 220px;
    height: 30px;
    cursor: pointer;
    padding: 2px;
    font-weight: bold;
    font-size: 60px;
    padding-left: 6px;
    padding-right: 6px;
}

nav > ul > li:hover{
	color:#3C0A03;
	font-weight:bold;
}

.menu-fixed {
	position:fixed;
	z-index:1000;
	top:0;
	left:0;
	width:100%;
	box-shadow:0px 4px 3px rgba(0,0,0,.5);
}

#contenedor-ini{
	width:100%;
	margin:0 auto;
}

#contenedor-ini img{
	width:100%;
}

#contenedor{
	width:100%;
	margin:0 auto;
	min-height:300px;
    background-color: rgba(255, 255, 255, 0.7);
    color:#000;
    font-family:cursive;
    font-size:30px;
    overflow: hidden;
}

#contenedor p{
	margin:0;
	padding:2%;
}

.top-right {
    width: 80%;
    float: none;
    padding: 0;
    margin: 5% auto;
    display: block;
}

#formulary{
    width: 90%;
    min-height: 500px;
    margin: 0 auto;
	position:relative;
	top:30px;
	z-index:2;
}

.formText{
    font-size: 50px;
}

.textBox {
    font-size: 50px;
}

.textArea {
    width:90%;
    height: 300px;
    font-size: 50px;
}

.butSend{
    font-size: 50px;
}

#galeria{
	position:relative;
	left:9%;
	top:80px;
	z-index:3;
}

pre{
	font-family:Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
}

#window{
	clear:both; 
	width:960px; 
	height:350px; 
	background:#131310; 
	overflow:hidden; 
	position:relative; 
	margin:10px auto 10px auto;
}
 
#slideshow{
	width:1920px; 
	height:700px; 
	overflow:hidden; 
	position:relative;
}
#slideshow li{
	width:960px; 
	height:350px; 
	float:left; 
	display:inline;
}

.imgSlid{
	width:960px; 
	height:350px;
}

#banner{
	width:100%;
	height:250px;
}

#banner img{
	width:100%;
	height:250px;
}

footer{
	background-color:#FAC95A;
	width:100%;
	padding:1% 0;
	overflow:hidden;
        display: none;
}

#redes{
	width:20%;
	margin:auto;
}

footer img{
	width:25%;
	float:left;
	margin:0 4%
}

#eventos{
	width: 80%;
    margin: 0 auto;
    padding: 2%;
    text-align: center;	
}

#obras{
	padding:2%;
    overflow: hidden;
}

#obras img {
    float: none;
    padding: 0;
    display: block;
    margin: 0 auto;
    width: 90%;
}

#obras h3 {
    width: 100%;
    text-align: center;
}

#flechai{
    float: left;
}

#flechad{
    float: right;
}

#actores {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    min-height: 700px;
}

#actores img{
     width: 100%;
    margin: 0 auto;
}

#actores h1{
    margin: 0 !important;
    padding: 0 !important;
}

#actores h5{
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
}

.gallery-child {
    position: relative;
    float: none;
    width: 20%;
    margin: 0;
    height: 250px;
    overflow: visible;
}

.gallery-child img{
    width: 100%;   
}

.gallery-child h4 {
    margin: 0 0 10% 0;
    padding: 0;
    text-align: center;
}

.html5gallery{
    margin: auto;   
}
.html5gallery-elem-img-0 a{
    display: none !important;
}

#pdf-dw img{
    width: 5%;
    margin: 0 auto;
    display: block;
    padding-bottom: 2%;
}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 80%;
  padding: 0;
  margin: 0 auto;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

#h5Text h5{
    margin: 0 auto;
    text-align: center;
}
}
