/* html {
        height:100%;
        width:100%;
    }*/

body, html {
  height: 100%;
  margin: 0;
 font-family: 'Lobster Two', 'LobsterTwo-Regular', cursive;
  color: #fff;
}

.verif{display:none;}

p{font: "'Lobster Two'", sans-serif;}

h1 { text-align: center;
    font: 4em, 'Lobster Two', sans-serif;

}
h2 {font: 20px "'Lobster Two'", sans-serif; text-align: center;}


ul li{
  display:inline-block;
  }

.menuResponsivo{
  display:none;
  }

#encabezado{background: white;
text-align: center;
  }

.flecha-right{text-align: center;
    margin-left:50%;
    height:0px;
    border-bottom:25px solid transparent;  /* izquierda flecha */
    border-top:25px solid transparent; /* derecha flecha */
    border-left:25px solid #fff; /* base flecha y color*/
    font-size:0px;
    line-height:0px;
}
.flecha-right :hover{opacity: 0.95;
}


h1 { text-align: center;
    font: 2em, sans-serif;
  /*text-shadow: 5px 5px 5px #000;*/
}

h1 span{
 text-align: center;
    font: 2em, 'Lobster Two', sans-serif;
  
}

a{
  color: #000;
}

a:hover{
  color: orange;
}
 .fb{width:50px;}

 .tw{width: 50%;
}
 .in{width: 50%;
}

 .mail{width: 50%;
}

.redes{  
  text-align: center;
vertical-align: bottom;}

#fb2 {float: left;

height: 80px;
width: 80px;
background:url(fb2.png) no-repeat;
}

#fb2:hover {
background:url(fb.png) no-repeat;
}
#fb2 a {
position: absolute;
height: 80px;
width: 80px;
}


#tw2 {
position: absolute;
margin-top: 150px;
height: 80px;
width: 80px;
background:url('tw2.png') no-repeat;
}

#tw2:hover {  
background:url('tw.png') no-repeat;
}

#tw2 a {
position: absolute;
height: 80px;
width: 80px;
}


.anteriores{padding-right: 30px;
  margin-top: 150px;
  float: right;
  margin-bottom: 10px;
 
}

.bgimg-1, .bgimg-2, .bgimg-3 {
  position: relative;
  opacity: 0.95;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}

.bgimg-0 {
  background-image: url("idea1.jpg");
  min-height: 100%;
   background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;  background-size: cover;
}

.bgimg-0 h1{font-size: 4em;font-family: 'Lobster Two', cursive; font-style: normal;
}

.bgimg-0 h2 {font-size: 2.5em;color: black;font-family: 'Lobster Two', sans-serif;
}

.bgimg-1 {
  background-image: url("2.jpg");
  min-height: 45%;/*120%;*/
}

.bgimg-2 {
  background-image: url("3.jpg");
  min-height: 45%;
}
.bgimg-2 p{
  color: white;
}
.bgimg-2 h3{
  color: white;
}

.bgimg-3 {
  background-image: url("4.jpg");
  min-height: 45%;
}
.bg-contacto{opacity: 0.9;
  background-image: url("contacto.jpg");
  min-height: 100%;
   background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;  background-size: cover;
}
.caption { 
  position: absolute;
  left: 0;
  top: 20%;
  width: 100%;
  text-align: center;
  color: #000;
}

.caption span.border {
  background-color: #111;
  color: #fff;
  padding: 18px;
  font-size: 25px;
  letter-spacing: 10px;
}

.caption span.border2 {
  background-color: #fff;
  color: #000;
  padding: 18px;
  font-size: 25px;
  letter-spacing: 10px;
}

p{text-align: center;font: 20px 'Lobster Two', sans-serif;}

h3 {
  letter-spacing: 5px;
  text-transform: uppercase;
  font: 30px 'Lobster Two', sans-serif; 
  
}

.app{
  margin-left: -50px;
}

.blanco{
  background-color: white;
 border-radius: 37px 37px 37px 37px;
-moz-border-radius: 37px 37px 37px 37px;
-webkit-border-radius: 37px 37px 37px 37px;
}

.btn {
  cursor: pointer;
  margin: 10px;
  border-radius: 5px;
  text-decoration: none;
  padding: 8px;
  font-size: 22px;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  display: inline-block;
}



.negro {
  color: #000;
  border: 2px #000 solid;
}

.negro:hover {
  color: #fff;
  background-color: #000;
}

.blanco {
  color: #fff;
  border: 2px #fff solid;
}

.blanco:hover {
  color: #000;
  background-color: #fff;
}

#contacto input[type="text"],
#contacto input[type="nombre"],
#contacto input[type="email"], 
#contacto input[type="tel"], 
#contacto textarea, 
#contacto button[type="submit"] { font:400 12px/16px "Open Sans", Helvetica, Arial, sans-serif; }

#contacto {color: #d24127;
   padding:25px;
  margin-top: 0px;
  width:100%;
  float: right;
  position: relative;
}

fieldset {
  border: medium none !important;
  margin: 0 0 10px;
  min-width: 100%;
  padding: 0;
  width: 100%;
}

#contacto input[type="text"], #contacto input[type="email"], #contacto input[type="tel"], #contacto textarea {
  width:50%;
  border:1px solid #CCC;
  background:#FFF;
  margin:0 0 5px;
  padding:10px;
}

#contacto input[type="text"]:hover, #contacto input[type="email"]:hover, #contacto input[type="tel"]:hover, #contacto input[type="url"]:hover, #contacto textarea:hover {
  -webkit-transition:border-color 0.3s ease-in-out;
  -moz-transition:border-color 0.3s ease-in-out;
  transition:border-color 0.3s ease-in-out;
  border:1px solid #AAA;
}

#contacto textarea {
  height:100px;
  max-width:100%;
  resize:none;
}

#contacto button[type="submit"] {
  cursor:pointer;
  width:50%;
  border:none;
  background:#d24127;
  color:#FFF;
  padding:10px;
  font-size:15px;
padding-bottom: 13px;
}

#contacto button[type="submit"]:hover {
  background:black;
  -webkit-transition:background 0.3s ease-in-out;
  -moz-transition:background 0.3s ease-in-out;
  transition:background-color 0.3s ease-in-out;
}

#contacto button[type="submit"]:active { box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5); }

#contacto input:focus, #contacto textarea:focus {
  outline:0;
  border:1px solid #999;
}
::-webkit-input-placeholder {
 color:#888;
}
:-moz-placeholder {
 color:#888;
}
::-moz-placeholder {
 color:#888;
}
:-ms-input-placeholder {
 color:#888;
}

}

 @media screen and (max-width: 600px) {
   
 	body{
        background:#000 url('bg1.jpg') no-repeat center center;
        background-size:100% 100%;
    } }

    @media screen and (max-width: 492px) {
   
 	body{
        background:#000 url('bg2.jpg') no-repeat center center;
        background-size:100% 100%;
    }

#tablet{display:none;
      }
#claqueta{display:none;
      }
#fotografia{float: right;
    margin-right: 0px;
  }
  #camara{
    display: none;
  }
  #audiovisual{float: right;transform: rotate(0deg);
    
  }

/*.caption span.border {margin-top: -100px;
  background-color: #111;
  color: #fff;
  padding: 10;
  font-size: 25px;
  letter-spacing: 10px;
}*/
     }