html,
body {
  height: 100%;
  width: 100%;

}

.push50{
margin-top:70px;

}

.filter {
cursor:pointer;

}

#cssmenu{

    font-size:28PX; 
    font-family:ar darling;
  

}

/*modal1*/

.modalDialog {
  position:absolute;
  font-family: Arial, Helvetica, sans-serif;
  text-align:justify;
  top: 0;
  right: 0;
  bottom:500px;
  left: 0;
  background: rgba(0,0,0,0.8);
  z-index: 99999;
  opacity:0;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  pointer-events: none;
}

.modalDialog:target {
  opacity:1;
  pointer-events: auto;
}
.modalDialog > div {
  width:900px;
  height:650px;
  position: relative;
  margin: 10% auto;
  padding: 5px 20px 13px 20px;
  border-radius: 10px;
  background: -moz-linear-gradient(#fff, #999);
  background: -webkit-linear-gradient(#fff, #999);
  background: -o-linear-gradient(#fff, #999);
}
.close {

  color: #FFFFFF;
  line-height: 25px;
  position: absolute;
  right: -12px;
  text-align: center;
  top: -10px;
  width: 24px;
  text-decoration: none;
  font-weight: bold;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-box-shadow: 1px 1px 3px #000;
  -webkit-box-shadow: 1px 1px 3px #000;
  box-shadow: 1px 1px 3px #000;
}

.close:hover { background:; }


.vegas-loading {
  border-radius: 10px;
  background: #000;
  background: rgba(0,0,0,0.7);
  background: url(../img/loading.gif) no-repeat center center;
  height: 32px;
  left: 20px;
  position: fixed;
  top: 20px;
  width: 32px; 
  z-index: 0;

}


.vegas-overlay {
  background: transparent url(overlays/01.png);
  opacity:2;
  z-index: -1;

}

.vegas-background {
    max-width: none !important;
  z-index: -2;

}

.vegas-overlay,
.vegas-background {
  -webkit-user-select: none;
   -khtml-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/*css slider*/

.vert-text {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color:#f1f1f1;
  background:rgba(0, 0, 0, 0.48);

}

.vert-text h1 {
  padding: 0;
  margin: 0;
  font-size: 4.5em;
  font-weight: 700;

}

#Grid .mix{
    opacity: 0;
    display: none;
  max-height:250px;

}

/* Navegador */
#nav {
margin-bottom:10px;
list-style: none;
position:relative;

}

.navbar {
border-radius:0px !important;

}

.navbar-new {
  background-color: rgba(0, 0, 0, 0.6);
}

.navbar-new .navbar-brand {
  color: ;
}

.navbar-new .navbar-text {
  color: ;
}

.navbar-new .navbar-nav > li > a {
  color: ;

}

.navbar-new .navbar-nav > li > a:hover,
.navbar-new .navbar-nav > li > a:focus {
  -webkit-background-color: rgba(0, 0, 0, 0.8);
   -moz-background-color: rgba(0, 0, 0, 0.8);
    -o-background-color: rgba(0, 0, 0, 0.8);
     -khtml-background-color: rgba(0, 0, 0, 0.8);


}

.navbar-new .navbar-toggle {
  border-color: ;
}

.navbar-new .navbar-toggle:hover,
.navbar-new .navbar-toggle:focus {
  background-color: ;
}

.navbar-new .navbar-toggle .icon-bar {
  background-color: ;
}

.navbar-new .navbar-collapse,
.navbar-new .navbar-form {
  border-color:;
}

.navbar-new .navbar-nav > .dropdown > a:hover .caret,
.navbar-new .navbar-nav > .dropdown > a:focus .caret {
  border-top-color:green;
  border-bottom-color: green;
}

.navbar-new .navbar-nav > .open > a,
.navbar-new .navbar-nav > .open > a:hover,
.navbar-new .navbar-nav > .open > a:focus {
  background-color:green;
  color:green;
}

.navbar-new .navbar-nav > .open > a .caret,
.navbar-new .navbar-nav > .open > a:hover .caret,
.navbar-new .navbar-nav > .open > a:focus .caret {
  border-top-color: green;
  border-bottom-color: green;
}

.navbar-new .navbar-nav > .dropdown > a .caret {
  border-top-color: green;
  border-bottom-color: green;

}

@media (max-width: 767px) {
  .navbar-new .navbar-nav .open .dropdown-menu > li > a {

    color: green;
  }

  .navbar-new .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-new .navbar-nav .open .dropdown-menu > li > a:focus {
    color: green;
    background-color: green;
    top: -1px;

  }
  .navbar-new .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-new .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-new .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: green;
    background-color: green;

  }
  .navbar-new .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-new .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-new .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: green;

  }
}

.navbar-new .navbar-link {
  color: green;
}

.navbar-new .navbar-link:hover {
  color: green;

}

/*Navegador */
.header {
  display: table;
  height: 100%;
  width: 100%;
  position: relative;

}

.btn-top {
color:#f1f1f1;
background:none repeat scroll 0 0 rgba(0, 0, 0, 0.57);
border-color:green;

}
.btn-top:hover,
.btn-top:focus,
.btn-top:active,
.btn-top.active {
  color: #333333;
  background-color: #ebebeb;
  border-color: #adadad;

}

.label {
border-radius:0px !important;
}

label.valid {
      width: 24px;
      height: 24px;
      background: url(../img/valid.png) center center no-repeat;
      display: inline-block;
      text-indent: -9999px;
    }

    label.error {
      font-weight: bold;
      color: red;
      padding: 2px 8px;
      margin-top: 2px;
    }



/* Overlay */
.overlay {
    background-color: rgba(0, 0, 0, 0.48);
    border: 0 solid rgba(255, 255, 255, 0.2);
    bottom: 0;
    left: 0;
    opacity: 0;
    position:absolute;
    right: 0;
    text-align: center;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
       -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
    z-index: -9999;
  height:100%;
  width:100%;
  cursor:pointer;

}
.overlay:hover {
    opacity:1;

}
.overlay i, .overlay span.title {
    color: #FFFFFF;
    font-size: 40px;
    position: relative;
    top: -60px;
    transition: all 0.3s ease 0s;
      -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;

}
.overlay span.title {
    font-size: 30px;

}
.overlay:hover i, .overlay:hover span.title {
    top: 10px;

}

span.valign {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

/* Contactenos */
#contact {
background:none repeat scroll 0 0 rgba(0, 0, 0, 0.79);
color:#f1f1f1;
padding:50px 0;
border-top:1px solid #D1D1D1 !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
  *zoom: 1;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
              -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}

#team {
background:none repeat scroll 0 0 rgba(0, 0, 0, 0.79);
color:#f1f1f1;
padding:50px 0;
border-top:1px solid #D1D1D1 !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
  *zoom: 1;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
             -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}

/* responsive */
@media (max-width: 768px) { .navbar-brand {margin-left:20px;} .navbar-toggle {margin-right:25px;} #Grid .mix{margin-left:-25px;}}


.h2qs
{
  color:#40AF04;

}

.h3qs
{
  color:#454AD8;

}

.imgm1
{

  padding: 8px;
  background-position:auto;
  width:370px;
  height:250px;
  float: right;
  right:20px;
  border-radius: 25px;
  box-shadow:-10px 10px 5px #888888;
}

.imgm3
{

  padding:12px;
  margin:20px;
  background-position:auto;
  width:370px;
  height:250px;
  float:left;
  right:20px;
  border-radius: 25px;
  box-shadow:-10px 10px 5px #888888;
}


.imgm4
{

  padding:12px;
  margin:20px;
  background-position:auto;
  width:370px;
  height:250px;
  float: right;
  right:20px;
  border-radius: 25px;
  box-shadow:-10px 10px 5px #888888;
}



/*modal2*/

.modalDialog2 {
  position: absolute;
  font-family: Arial, Helvetica, sans-serif;
  text-align:justify;
  top: 0;
  right: 0;
  bottom:500px;
  left: 0;
  background: rgba(0,0,0,0.8);
  z-index: 99999;
  opacity:0;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  pointer-events: none;
}

.modalDialog2:target {
  opacity:2;
  pointer-events: auto;
}

.modalDialog2 > div {
  width:900px;
  height:650px;
  position: relative;
  margin: 10% auto;
  padding: 5px 20px 13px 20px;
  border-radius: 10px;
  background: -moz-linear-gradient(#fff, #999);
  background: -webkit-linear-gradient(#fff, #999);
  background: -o-linear-gradient(#fff, #999);
}

.close {

  color: #FFFFFF;
  line-height: 25px;
  position: absolute;
  right: -12px;
  text-align: center;
  top: -10px;
  width: 24px;
  text-decoration: none;
  font-weight: bold;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-box-shadow: 1px 1px 3px #000;
  -webkit-box-shadow: 1px 1px 3px #000;
  box-shadow: 1px 1px 3px #000;
}

.close:hover { background: #00d9ff; }

/*modal3*/
.modalDialog3 {
  position: absolute;
  font-size:14px;
  font-family: Arial, Helvetica, sans-serif;
  text-align:justify;
  top: 0;
  right: 0;
  bottom:500px;
  left: 0;
  background: rgba(0,0,0,0.8);
  z-index: 99999;
  opacity:0;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  pointer-events: none;
}

.modalDialog3:target {
  opacity:2;
  pointer-events: auto;
}

.modalDialog3 > div {
  width:900px;
  height:650px;
  position: relative;
  margin: 10% auto;
  padding: 5px 20px 13px 20px;
  border-radius: 10px;
  background: -moz-linear-gradient(#fff, #999);
  background: -webkit-linear-gradient(#fff, #999);
  background: -o-linear-gradient(#fff, #999);

}

.close {

  color: #FFFFFF;
  line-height: 25px;
  position: absolute;
  right: -12px;
  text-align: center;
  top: -10px;
  width: 24px;
  text-decoration: none;
  font-weight: bold;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-box-shadow: 1px 1px 3px #000;
  -webkit-box-shadow: 1px 1px 3px #000;
  box-shadow: 1px 1px 3px #000;

}

.close:hover { background: #00d9ff; }


.contact_form ul {  
    width: 750px;  
    list-style-type: none;  
    list-style-position: outside;  
    margin: 0px;  
    padding: 0px;  
}  

.contact_form li {  
    padding: 12px;  
    border-bottom: 1px solid #eee;  
    position: relative;  
}  
.contact_form label {  
    width: 150px;  
    margin-top: 3px;  
    display: inline-block;  
    float: left;  
    padding: 3px;  
}  
.contact_form input {  
    height: 30px;  
    width: 280px;  
    padding: 5px 8px;  
}  


.contact_form input:required, .contact_form textarea:required {  
        background: #fff url(images/red_asterisk.png) no-repeat 98% center;  
    }  
  
        .contact_form input:required:valid, .contact_form textarea:required:valid {  
            background: #fff url(images/valid.png) no-repeat 98% center;  
            box-shadow: 0 0 5px #5cd053;  
            border-color: #28921f;  
        }  
  
    .contact_form input:focus:invalid, .contact_form textarea:focus:invalid {  
        background: #fff url(images/invalid.png) no-repeat 98% center;  
        box-shadow: 0 0 5px #d45252;  
        border-color: #b03535;  
    }  

    button.submit:hover {  
        opacity: .85;  
        cursor: pointer;  
    }  
  
    button.submit:active {  
        border: 1px solid #20911e;  
        box-shadow: 0 0 10px 5px #356b0b inset;  
        -webkit-box-shadow: 0 0 10px 5px #356b0b inset;  
        -moz-box-shadow: 0 0 10px 5px #356b0b inset;  
        -ms-box-shadow: 0 0 10px 5px #356b0b inset;  
        -o-box-shadow: 0 0 10px 5px #356b0b inset;  
    }  


button.submit {  
    background-color: #68b12f;  
    background: -webkit-gradient(linear, left top, left bottom, from(#68b12f), to(#50911e));  
    background: -webkit-linear-gradient(top, #68b12f, #50911e);  
    background: -moz-linear-gradient(top, #68b12f, #50911e);  
    background: -ms-linear-gradient(top, #68b12f, #50911e);  
    background: -o-linear-gradient(top, #68b12f, #50911e);  
    background: linear-gradient(top, #68b12f, #50911e);  
    border: 1px solid #509111;  
    border-bottom: 1px solid #5b992b;  
    border-radius: 3px;  
    -webkit-border-radius: 3px;  
    -moz-border-radius: 3px;  
    -ms-border-radius: 3px;  
    -o-border-radius: 3px;  
    box-shadow: inset 0 1px 0 0 #9fd574;  
    -webkit-box-shadow: 0 1px 0 0 #9fd574 inset;  
    -moz-box-shadow: 0 1px 0 0 #9fd574 inset;  
    -ms-box-shadow: 0 1px 0 0 #9fd574 inset;  
    -o-box-shadow: 0 1px 0 0 #9fd574 inset;  
    color: white;  
    font-weight: bold;  
    padding: 6px 20px;  
    text-align: center;  
    text-shadow: 0 -1px 0 #396715;  
}  

.form_hint {  
    background: #d45252;  
    border-radius: 3px 3px 3px 3px;  
    color: white;  
    margin-left: 8px;  
    padding: 1px 6px;  
    z-index: 999;
    position: absolute;  
    display: none;  
}  
  
    .form_hint::before {  
        content: "\25C0";  
        color: #d45252;  
        position: absolute;  
        top: 1px;  
        left: -6px;  
    }  
  
.contact_form input:focus + .form_hint {  
    display: inline;  
}  
  
.contact_form input:required:valid + .form_hint {  
    background: #28921f;  
}  
  
    .contact_form input:required:valid + .form_hint::before {  
        color: #28921f;  
    }  

.contact_form h2 {  
    margin: 0;  
    display: inline;  
}  
  
.required_notification {  
    color: #d45252;  
    margin: 5px 0 0 0;  
    display: inline;  
    float: right;  
}  


#contacto{

  position:absolute;
  float:left;
  width:300px;
  padding:5px;
  margin:8px;

}

.imgcontacto{

  position:absolute;
  padding:4px;
  background-position:auto;
  width:400px;
  height:250px;
  float: right;
  right:20px;
  border-radius: 25px;
  box-shadow:-10px 10px 5px #888888;


}


/*modal4*/

.modalDialog4 {
  position: absolute;
  font-size:14px;
  font-family: Arial, Helvetica, sans-serif;
  text-align:justify;
  top: 0;
  right: 0;
  bottom:500px;
  left: 0;
  background: rgba(0,0,0,0.8);
  z-index: 99999;
  opacity:0;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  pointer-events: none;
}

.modalDialog4:target {
  opacity:2;
  pointer-events: auto;
}

.modalDialog4 > div {
  width:900px;
  height:650px;
  position: relative;
  margin: 10% auto;
  padding: 5px 20px 13px 20px;
  border-radius: 10px;
  background: -moz-linear-gradient(#fff, #999);
  background: -webkit-linear-gradient(#fff, #999);
  background: -o-linear-gradient(#fff, #999);

}

.close {

  color: #FFFFFF;
  line-height: 25px;
  position: absolute;
  right: -12px;
  text-align: center;
  top: -10px;
  width: 24px;
  text-decoration: none;
  font-weight: bold;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-box-shadow: 1px 1px 3px #000;
  -webkit-box-shadow: 1px 1px 3px #000;
  box-shadow: 1px 1px 3px #000;

}

.close:hover { background: #00d9ff; }