@font-face {
    font-family: 'franklin_gothic_bookregular';
    src: url('../fonts/frabk-webfont.eot');
    src: url('../fonts/frabk-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/frabk-webfont.woff') format('woff'),
         url('../fonts/frabk-webfont.ttf') format('truetype'),
         url('../fonts/frabk-webfont.svg#franklin_gothic_bookregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*
@font-face {
    font-family: 'franklin_gothic_bookitalic';
    src: url('../font/frabkit-webfont.eot');
    src: url('../font/frabkit-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/frabkit-webfont.woff') format('woff'),
         url('../font/frabkit-webfont.ttf') format('truetype'),
         url('../font/frabkit-webfont.svg#franklin_gothic_bookitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}    */

@font-face {
    font-family: 'franklin_gothic_demiitalic';
    src: url('../fonts/fradmit-webfont.eot');
    src: url('../fonts/fradmit-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fradmit-webfont.woff') format('woff'),
         url('../fonts/fradmit-webfont.ttf') format('truetype'),
         url('../fonts/fradmit-webfont.svg#franklin_gothic_demiitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}



.rojo{background: #ff0000; }
.naranja{background: #ffa200;}
.gris{background: #808080;}

a {
  text-decoration: none;
  color: #fff;
}





body{


  font-size: 14px;
  font-family: 'franklin_gothic_bookregular', Arial;
  color: #fff;
}

.titulo{
  margin: 0px;
  margin-top: 30px;
  position: relative;
}

.contenedor0{
  background: hsla(0, 0%, 100%, 0.10);
  width: 950px;
  margin: auto;
  position: relative;
  min-width: 400px;

}

#barra_sup{
  width: 100%;
  height: 70px;
  background: #000000;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow:    0px 5px 20px 0px rgba(0, 0, 0, 0.75);
  box-shadow:         0px 5px 20px 0px rgba(0, 0, 0, 0.75);
  position: relative;
}

#barra_sup img{
 float: right;
}

.line1{ width: 100%; height: 2px; background: #880000; position: absolute; bottom: 0px; }

#footer{
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 130px;
  background: #000000;
  -webkit-box-shadow: 0px -5px 20px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow:    0px -5px 20px 0px rgba(0, 0, 0, 0.75);
  box-shadow:         0px -5px 20px 0px rgba(0, 0, 0, 0.75);
  font-family: Arial, Helvetica, sans-serif;
  margin-top: 100px;
  position: relative;


}

#contenedor_footer{
   margin: auto; width: 930px; position: relative; padding: 0 10px;
}

h2{
  color: #fd0000;
  font-size: 25px;
  font-family: 'franklin_gothic_demiitalic', Arial;
  background: #000000;
  padding: 15px;
  font-weight: normal;
  width: 39%;
  margin-left: 37px;
}

#footer img{   margin-right: 10px; }
#footer #derechos{  color: #808080; font-size: 12px;  line-height: 18px; margin: auto; text-align: center; background: #333333;  margin-top: 110px;}
#footer #derechos a{  color: #808080;}
#footer #derechos a:hover{  color: #fff;}
#footer #datos{ position: absolute; top: 20px; left: 0px; color: #ffa200; line-height: 30px; font-size: 16px;}
#footer #datos a{ color: #ffa200; }
#footer #datos i{ margin-right: 15px; font-size: 30px;}
#footer #datos a:hover{ color: #FFE1AD;}

.quienes_somos{  position: relative; float: left; width: 50%;}
.cadena{    position: absolute; top: -234px; z-index: -1;}
.quienes_somos p, ul{
  margin: auto;
  margin-top: 30px;
    width: 75%;
    background: #000000;
    padding: 20px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1px;
    -webkit-box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    5px 5px 20px 0px rgba(0, 0, 0, 0.75);
    box-shadow:         5px 5px 20px 0px rgba(0, 0, 0, 0.75);
  /*  -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
   */
}

i{ margin-right: 15px;

}

.quienes_somos ul{
 padding-left: 45px;
}
.quienes_somos li{
  text-indent: -15px;
}

.profecionales{
  float: left;
  width: 25%;
   font-size: 16px;
     font-family: 'franklin_gothic_demiitalic';
     color: #000000;
     line-height: 29px;
      text-align: right;
      margin-top: 50px;
      margin-right: 65px;
      position: relative;

}

.profecionales span{
     background: #fff;
     padding: 2px 5px;
     width: auto;
       -webkit-box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    5px 5px 20px 0px rgba(0, 0, 0, 0.75);
    box-shadow:         5px 5px 20px 0px rgba(0, 0, 0, 0.75);
}

#galeria{
  text-align: center;
}
/*
#galeria img{
  border: #FFF solid 8px;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow:    0px 5px 10px 0px rgba(0, 0, 0, 0.75);
  box-shadow:         0px 5px 10px 0px rgba(0, 0, 0, 0.75);
  margin: 7px 5px;
} */

.n_pag{
   background: #000000;
   height: 30px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 12px;
   color: #fff;
   line-height: 30px;
   text-align: right;
   letter-spacing: 2px;
   padding-right: 10px;


}

.contenedor_img{
   width: 89%;
   margin: auto;
}

.n_pag i:hover{
  color:  #F50000;
}

#contacto{
  width: 60%;
  font-size: 16px;
  color: #000000;
  text-align: center;
  margin: auto;
 position: relative;
}

#contacto h3{
  font-size: 16px;
  font-weight: bold;
   font-family: 'franklin_gothic_demiitalic', Arial;
   letter-spacing: 0px;
   background: #000000;
   color: #fff;
   height: 25px;
   line-height: 25px;
   vertical-align: middle;
    padding: 0 2%;
    width: 96%;
    margin: auto;
     margin-top: 20px;
     text-align: left;

}

#contacto i{
  margin-right: 10px;
  font-size: 14px;
}

#contacto input{
  width: 96%;
  height: 30px;
 line-height: 30px;
 vertical-align: middle;
 font-family: Arial, Helvetica, sans-serif;
 border: none;
 padding: 0 2%;
 margin: auto;
-webkit-box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    5px 5px 20px 0px rgba(0, 0, 0, 0.75);
box-shadow:         5px 5px 20px 0px rgba(0, 0, 0, 0.75);
}

#contacto textarea{
  width: 96%;
   font-family: Arial, Helvetica, sans-serif;
  height: 100px;
  resize: none;
  border: none;
 padding: 10px 2%;
 margin: auto;
  -webkit-box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    5px 5px 20px 0px rgba(0, 0, 0, 0.75);
box-shadow:         5px 5px 20px 0px rgba(0, 0, 0, 0.75);
}

form button{
    border: none;
    background: #000;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    font-family: 'franklin_gothic_demiitalic', Arial;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 10px;
    -webkit-box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    5px 5px 20px 0px rgba(0, 0, 0, 0.75);
    box-shadow:         5px 5px 20px 0px rgba(0, 0, 0, 0.75);
  float: rigt;
   margin-left: 0px;
   margin-top: 10px;
   margin-right: 0px;
}

form #estado{
   font-family: Arial, Helvetica, sans-serif;
   color: #fff;
   text-align: left;
   margin-top: 20px;
   font-size: 14px;



}




.brillo{  position: absolute; top: 40px; left: 100px; width: 400px; height: 30px; z-index: 10; }

.elegirnos { position: relative; margin: auto; margin-top: 50px; width: 90%;}

.elegirnos li{
   color: #333;
   padding: 10px;
   font-size: 16px;
   background: #FFFFFF;
   width: auto;
   margin: auto;
   margin-top:10px;
   font-weight: bold;

-webkit-box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.7);
-moz-box-shadow:    4px 4px 10px 0px rgba(50, 50, 50, 0.7);
box-shadow:         4px 4px 10px 0px rgba(50, 50, 50, 0.7);

-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}


.bg-contacto{
   background: url(../vegas/images/bg-contacto.jpg) center;

}



@media screen and (max-width: 900px){

     .contenedor0{    width: 90%; }

     #contacto{ width: 90%; }

     .titulo{   width: 100%;   margin: auto;}

    .profecionales{  margin-right: 0px; float: right;   width: 45%; }



    #contenedor_footer{  width: 90%; padding: 0px;  }

    #footer #datos{ position: absolute; top: 20px; left: 0px; font-size: 16px;}


    .contenedor_img{   width: 675px; margin: auto; }

    .brillo{  top: 40px; width: 250px;  margin-left: -120px; }

}



@media screen and (max-width: 820px){

        .brillo{  top: 38px; width: 250px;  margin-left: -170px; }
        #barra_sup img{ height: 60px; margin-top: 2px; }


          h2{
      font-size: 18px;
      padding: 10px 2%;
      width: 86%;
      margin: auto;
    }
}
/*
@media screen and (max-height: 800px){
    #footer{   position: relative; }

}  */


@media screen and (max-width: 800px){
 .contenedor_img{   width: 510px; margin: auto; }
}

@media screen and (max-width: 720px){
  .brillo{  top: 32px;  width: 250px;  margin-left: -100px; }
     #barra_sup img{ height: 50px; margin-top: 8px; }

    .quienes_somos{  width: 95%; margin: auto; float: none;}

     .profecionales{  margin: auto; width: 78%; padding: 0px;  float: none; margin-top: 20px; }


}




@media screen and (max-width: 600px){
  .brillo{  top: 25px;  width: 400px;  margin-left: -300px;}
     #barra_sup img{ height: 40px; margin-top: 14px; }

     .contenedor_img{   width: 340px; margin: auto; }
}


@media screen and (max-width: 500px){

  #footer #datos{ position: absolute; top: 20px; left: 0px; font-size: 12px; }

  .elegirnos li{    font-size: 15px; }

}
@media screen and (max-width: 485px){
     #barra_sup img{ height: 38px; margin-top: 15px; }
}