/*---------------- reset  ------------------*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:700italic,300,600,800);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,900,900italic);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, fieldset, legend, caption, .filters ul li p, figure { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; line-height: normal; line-height: 1.5em; -webkit-font-smoothing: antialiased; }

body{background:#000; position:relative; min-height:100%; height:100%}
html{overflow-x:hidden;height:100%; color: #fff; font-family:roboto}
#standard{background:url(../graphics/bckGray.png) 0 0 repeat #000}
ol,ul,li{list-style:none;font-weight:lighter}
img{background:none}
button{background: none; border: none; top:57px; right: 20px; position:absolute}
button img{width:21px; }
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
em{font-style:normal}
a{text-decoration:none;cursor:pointer; color:#fff; font-weight:800}
.clear{clear: both}
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
#home{margin-bottom:20px; margin-top:40px;}
header{float:left; width:100%; border-bottom:1px solid hsla(0,0%,100%,.3); padding:0px 0 30px; letter-spacing:3px}
#home h1{float: left; width: 100%; text-align: center; font-size: 60px; padding: 40px 0; font-weight: lighter;}
#home h2{float: left; width: 100%; text-align: center; font-size:2.2em; }
#home img{width:232px; display:block; margin:0 auto 10px}
#home p{text-align:center; text-align: center; margin-bottom: 60px; font-size:1.8em}
.menu{display: block; width: 970px; margin: 30px auto;}
.menu li{}
.menu li a{float: left;  padding: 0 15px; text-align: center; font-weight: 400; font-size:.9em; letter-spacing:3px}
.socialmedia{text-align: right; padding: 10px 30px 1px; background: #383737;}
.socialmedia img, .socialmedia  a{background:#383737}
#quienes img{width:415px; margin:0 auto; display:block}
#quienes{text-align:center; padding: 0 50px 80px 0; margin-bottom:40px}
#quienes h1{ padding:15px 0}
#quienes p{padding:7px 50px}
.float{float: left;  width:320px; margin:0 10px}
.wrap{display: block; width:1020px; margin: 0 auto;}
#directores h1, #streamings h1, #reels h1{float:left; width:100%; text-align: center; font-size:80px; font-weight:300; margin-top:40px;}

footer{ text-align:center; background:#383737; padding:7px 0; width:100%; position: fixed; bottom: 0; width: 100%;}
footer p{font-weight:700; padding: 0px; color:#000}
footer em{font-size:.8em; color:#000}

#menuMobile{position: absolute; top:-450px; background: #171717; width: 100%; padding:0 0 0; z-index: 999}
#menuMobile li{float: left; width: 100%; text-align: center; line-height: 30px; text-align:center; padding:4px 0;}
#menuMobile li a{font-weight:400; float:left; width:100%}
#menuMobile li:hover{background:#080808;}
#menuMobile a:hover{color:#927f54}
#burger{cursor:pointer; cursor: pointer; border: 1px solid #000; padding: 5px 5px 3px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background:#232323; display:none}
#burger:hover{background:#313131}
#burgerClose{position: absolute; top: 20px; cursor: pointer; border: 1px solid #000; padding: 5px 7px 3px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background: #040404;}
#burgerClose img{width:16px}
label{width:80px; float:left;}
input{width:450px; height:30px }
textarea{width:450px; height:80px;}
fieldset{ display:block; width:100%; padding:6px 0;}
form{float:left; width:760px; padding:100px 0 150px;}
form p{padding-bottom:40px;}
#direccion{float:left; width:200px; padding:200px 0 150px;}
#enviar{margin-left:80px; background:#f3932f; border:none; padding:4px; font-weight:bold; }
#enviar:hover{background:#f79c3e; cursor:pointer}
.puesto{    margin-bottom: 10px;  text-transform: uppercase; font-size: .8em; color: #f3932f;}

/* Efectos CSS */
@-webkit-keyframes wiggle {
  0% {-webkit-transform: rotate(5deg);}
  25% {-webkit-transform: rotate(-5deg);}
  50% {-webkit-transform: rotate(8deg);}
  75% {-webkit-transform: rotate(-2deg);}
  100% {-webkit-transform: rotate(0deg);}
}

@-ms-keyframes wiggle {
  0% {-ms-transform: rotate(1deg);}
  25% {-ms-transform: rotate(-1deg);}
  50% {-ms-transform: rotate(.7deg);}
  75% {-ms-transform: rotate(-2deg);}
  100% {-ms-transform: rotate(0deg);}
}

@keyframes wiggle {
  0% {-webkit-transform: rotate(5deg);}
  25% {-webkit-transform: rotate(-5deg);}
  50% {-webkit-transform: rotate(8deg);}
  75% {-webkit-transform: rotate(-2deg);}
  100% {-webkit-transform: rotate(0deg);}
}


@media (max-width: 1280px){

	
}

@media (max-width: 1024px){
.menu{display:none;}
header{height: 110px;}
#burger{display:block}
#home p{padding:0 40px}
.wrap{width:680px}
form{padding-bottom:0px; width:100%; float:left; text-align:center}
#direccion{float:left; width:200px; padding:20px 0 150px; text-align:center; float:left; width:100%}
label{width: 100%; text-align: center; float: left;}
input, textarea{width:100%; float:left}
#enviar{margin-left:0px;}
}

@media (max-width: 768px){

}

@media (max-width:640px){
#quienes{padding:0px}
#quienes img{width: 100%}
.wrap{width:100%}
#directores h1, #streamings h1{font-size:40px}
.wrap{width:340px}

}

@media (max-width:540px) {

}

@media (max-width:480px) {

}