/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,300,800);*/


/* COLOR NEGRO DEL SITIO INCLUIDOS TEXTOS #323b41 */ 

/* COLOR NEGRO DE franja menu y pie #232728 */ 













@font-face {
  font-family: 'montserrat-regular';

  src: url("../fonts/montserrat/montserrat-regular.ttf");

  
}

@font-face {
  font-family: 'montserrat-bold';

  src: url("../fonts/montserrat/montserrat-bold.ttf");

  
}

@font-face {
  font-family: 'montserrat-thin';

  src: url("../fonts/montserrat/montserrat-thin.ttf");

  
}




body {
  background: #fff;
  /* font-family: 'Open Sans', sans-serif; */

  font-family: 'montserrat-regular', sans-serif;
  color:#4e4e4e;
  line-height: 22px;
  height: 100%;
}

html {height: 100%;}


/* ESO NO ANDA EN IPHONE 

#background-inicio {
 
  background-image: url(../videos/banner.jpg);
  
  background-position: center center;
  background-repeat: no-repeat;
  
  
  background-attachment: fixed;
  
 
  background-size: cover;
  
 
 
  
}

*/

#background-inicio {
 
  

  content: ""; 
    display: block; 
    /* position: fixed; */
    left: 0; 
    top: 0; 
    width: 100%; 
    height: 100%; 
    z-index: -10; 

    background-image: url(../videos/banner.jpg);
  
  background-position: center center;
  background-repeat: no-repeat;
  
  
  
  -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
  background-size: cover;
  
 
  /* background-color:#464646;*/
  
}






/* S E  U S A  P A R A   P A L L E T S */
/* ***************************************/




/* F I N   S E  U S A  P A R A   P A L L E T S */
/* ********************************************/






.margen-top-10 {margin-top: 10px;}
.margen-top-20 {margin-top: 20px;}
.margen-top-30 {margin-top: 30px;}
.margen-top-40 {margin-top: 40px;}
.margen-top-50 {margin-top: 50px;}
.margen-top-60 {margin-top: 60px;}

.margen-top-70 {margin-top: 70px;}

.margen-top-80 {margin-top: 80px;}

.margen-top-80-bis {margin-top: 100px;}



.margen-top-95 {margin-top: 95px;}

.margen-top-100 {margin-top: 100px;}
.margen-top-140 {margin-top: 140px;}
.margen-top-180 {margin-top: 180px;}


.margen-botom-30 {margin-bottom: 30px;}


.pading-top-70 {padding-top: 70px;}

.pading-top-40 {padding-top: 40px;}

.margen-top-40-bis {margin-top: 40px;}

.container {
 /* background-color: #000; */


}



/*************************
*******Header******
**************************/



.navbar>.container .navbar-brand{
  margin-left: 0;
  margin-top: 10px; 
  margin-bottom: 20px;              /* MARGEN PARTE DE ABAJO LOGO */

  text-align: center;

}

 .navbar>.container .navbar-brand img {
  /*width: 45%;*/
  width: 250px;
  margin-left: 30px;
  }


   .logopie img {
  width: 140px;
  }




.top-bar {
  padding: 4px 0;
  background: #000;
  border-bottom: 1px solid #222;
  line-height: 28px;
  
}






.top-number{
  color: #ccc;
  text-align: left;
}

.top-number p{
  margin: 0

}





#footer .social-pie {
  text-align: left;
  font-size: 19px;

}


#footer .social-share-pie {
 display: inline-block;
 list-style: none;
 padding: 0;
 margin: 0;

}


#footer ul.social-share-pie li {
  display: inline-block;
  margin-right: 6px;
}


#footer ul.social-share-pie li a {
  display: inline-block;
  color: #fff;
  background: #505050;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-radius: 7px;
}


#footer ul.social-share-pie li a:hover {
  background: #107f75;
  color: #fff;
}










.navbar-brand {
  padding: 0;
  margin:0;

}




.navbar {
  border-radius: 0;
  margin-bottom: 0; 

  /*
  background: #222;            
  opacity: 0.85;
  */


background-color: rgba(35,39,40,.77);  /* COLOR BARRA FONDO LOGO Y MENU CON OPACIDAD  */

  padding: 15px 0;
  padding-bottom: 0;
}

 .navbar-nav{
  margin-top: 30px;               /* ESPACIO DESDE ARRIBA AL MENU */

 }



 .navbar-center {
  text-align: center;
  }

.navbar-nav>li{
  margin-left: 10px;              /* ESPACIO ENTRE ITEMS  MENU */
  
  padding-bottom: 15px;           /* ESPACIO BOTTOM ITEMS MENU MENU */
}







/*************************
*******Home Page******
**************************/


#main-slider {
  position: relative;
}

.no-margin {
  margin: 0;
  padding: 0;
}






/* S E  U S A  P A R A   P A L L E T S */
/* ***************************************/



/* F I N  S E  U S A  P A R A   P A L L E T S */
/* ***************************************/









/*************************
********* Portfolio CSS ******
**************************/




/*********************
****blog page css*****
**********************/





/**********************
**blog single page css*
**********************/



/******************
 404 page css
 ******************/



/******************
shortcodes page css
******************/


/***********************
********* Footer ******
************************/



#bottom {
  background: #f5f5f5;
  /* border-bottom: 5px solid #c52d2f; */
  font-size: 14px;
}

#bottom h3 {
  margin-top: 0;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size:22px;
  color: #000;
}

#bottom ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#bottom ul li {
  display: block;
  padding: 5px 0;
}

#bottom ul li a {
  color: #808080;
}

#bottom ul li a:hover {
  color: #c52d2f;
}

#bottom .widget {
  margin-bottom: 0;
}

#footer {
  /* border-top: 8px solid #107f75; */

  padding-top: 5px;
  padding-bottom: 5px;
  color: #ccc;
  background: #232728;   /* COLOR BARRA PIE */
}

#footer a {
  color: #ccc;
}

#footer a:hover {
  color: #107f75;
}

#footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer ul > li {
 /*  display: inline-block; */          /*  LO MUESTRA EN UNA LINEA UNO AL LADO DEL OTRO */ 

  display: block;
  margin-left: 0px;

  padding-bottom: 5px;
}


.top-40  {
  margin-top: 40px;
}

.bottom-20  {
  margin-bottom: 20px;
}

.bottom-10  {
  margin-bottom: 10px;
}

.bottom-5  {
  margin-bottom: 5px;
}


.bottom-40  {
  margin-bottom: 40px;
}

.pr-10 { padding-right: 10px }
.pr-5 { padding-right: 5px }


.signo-visto i {
  color: #107f75;
  font-size: 14px;
}

