/* 
rojo #EB001B
rojo fondo #e80c00
naranja #FF5F00
amarillo  #FFFF02
gris #4D4D4D
gris oscuro #404040
*/
*{
  margin: 0px auto;
}

body {
  background: url('../images/fondoNaranja.png'), linear-gradient(#FF5F00,#FF5F00);
  /* background-image:url(http://i.imgur.com/scrNdzO.png), linear-gradient(red, blue); */
  background-repeat: no-repeat;
  background-position: center 0px;
  background-attachment: fixed;
  background-size:contain;
  background-color: #FFFF02;  
  font-family: 'Indie Flower', cursive;
  font-size: 1.5em;
  height: 100%;
}


/* header  */
#header {
  text-align: left;
  /* border-bottom: 5px dashed #FF5F00; */
  /*color: white;*/
  background: url('../images/logo.png');
  background-position: left center;
  background-repeat: no-repeat;
  /*background-size: cover;*/

  height: 310px;
  font-size: xxx-large;
  padding-left: 150px;
  padding-top: 50px;
  /*text-shadow:
    -3px -3px 0 #000,
    3px -3px 0 #000,
    -3px 3px 0 #000,
    3px 3px 0 #000;  
*/
}

.empty {
  margin-top: 5%;
}


/* decoracion */
.borderExtra {
  border-top: 4px dashed #EB001B;
  /* border-bottom: 4px dashed #EB001B; */
}
.myBorder {
  margin: 5px;
  padding: 20px;
  border-radius: 30px 30px 30px 30px ;
  border: 4px dashed black;
}

/* video */
.videoWrapper {
  position: relative;
  overflow: hidden;
  /*width: 100%;*/
  /* border: #000 2px solid; */
  height: 0;
  padding-top: 56.25%; 
  /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
  /*padding-top: 75%; /* 4:3 Aspect Ratio */
  /*padding-top: 66.66%; /* 3:2 Aspect Ratio */
  /*padding-top: 62.5%; /* 8:5 Aspect Ratio */
  /*padding-top: 100%; /* 1:1 Aspect Ratio */
  margin-bottom: 0px;
}

.responsive-iframe {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 80%;
  height: 80%;
}

/* imagenes */
.imgBorder{
  border: 4px solid black;
  box-shadow: 2px 2px 50px black;
}

.imgSize{
  width: 100%;
}

.espacio{
  margin-bottom: 1%;
}

.texto {
  background-color: white;
  text-indent: 20px;
  text-align: justify;
  box-shadow: 2px 2px 50px black;
  padding: 10px;
}

.textoDerecha {
  /* text-align: right; */
  text-indent: 40px;
}

.correo {
  color: white;
  text-decoration: none;
}

li {
  list-style:none;
}
/* pie de pagina  */
footer{
  position:fixed; 
  bottom: 0px;
  width: 100%;  
  
  background-color: #FF5F00;
  text-align: center;
  color: #FFFF02;
  font-size: 1.2em;
  /* border-top: 2px dashed red; */
  clear: both;
  margin: 0px;

}

footer a{
  color: red;
  font-size: 1.2em;
  text-decoration: none;
}

footer a:hover{
  border-bottom: solid 5px #FF5F00;

}