/*CSS create by Nicolas Falla Rios 2017 
Powered by: Booststrap, animate.csss and camera.css */
/*all navbar css*/

nav.navbar {
    background-color: #35495C !important;  /*posibles colores 222E52,  35495C */

}

.fuente-nav {
	  font-family: 'Roboto', serif;
        font-size: 18px;
        color: white !important;
}

.fuente-nav:hover{
	color:  #FF881A !important;
}


.fuente-ourp{
		  font-family: 'Roboto', serif;
        font-size: 17px;
        color: white !important;
}


.fuente-ourp:hover{ 
	color:  #FF881A !important;
	background-color: #5C636B !important;  
}

.colorpc{  
    background-color: #35495C  !important;  
}

.colorpc:hover{  
    color: #FF881A  !important;  
}

.navbar .nav > li.dropdown.open.active > a:hover, 
.navbar .nav > li.dropdown.open > a
{
   color: #fff;
   background-color: #5C636B;
}

/*Centrar con minimo a más de 768 pixeless*/
@media (min-width: 768px) {
   .navbar .navbar-nav  {
        display: inline-block;
        float: none;
    }

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

}
    .navbar-brand {
  background: url(../img/logo5.png) center / 100% no-repeat;
  transform: translateX(-50%);
  top: 3px;
  left: 10%;
  position: absolute;
  width: 200px; 
}

	/*centrar como maximo a los  los 768 pixeles*/
@media (max-width: 768px) {

	    .navbar-brand {
  background: url(../img/logo5.png) center / 100% no-repeat;
  transform: translateX(-50%);
  left: 50%;
  top: -0.5px;
  position: absolute;
  width: 160px; 
}

}

/*content index*/

/*centrar minimo o a más de 768px*/

hr{
  border-top: 1px solid #35495C ; 
}

		.no-collapse{

	}


@media  (min-width: 768px) {
      /*poner margin siempre cuando hay mas de 768 px de ancho*/
    .max-cont{margin-right: 75px;
		margin-left: 75px;
	}


  .container-fluid {
    
    margin-left: 75px;
    margin-right: 75px;
}

}

.container-fluid {
	display: block;
	font-family: 'Roboto', serif;
    font-size: 14px;
}





.parrafo-panel{
	font-size: 16px;
}

.panel-primary{
	    border-color: #262C45	;

}


.panel-primary >.panel-heading {
  color: #fff;
    background-color: #262C45;
    border-color: #262C45; 
}


/*Confian en nosotros*/


@media  (min-width: 768px) {


    .row-content{
      margin-right: 60px !important;
    margin-left: 75px !important;
  }
  .thumbnail{
  width: 200px;

}

.col-md-3{
  margin-right: 0px;
}


}

.thumbnail{
padding: 14px;
}

.size-image{
      height: 150px;
}



/*Foooter */

.footer-distributed{
    background-color: #292c2f;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
box-sizing: border-box;
width: 100%;
text-align: left;
font: bold 16px sans-serif;

padding: 35px 30px;
margin-top: 10px;
}

.footer-distributed .footer-left,
.footer-distributed .footer-center,
.footer-distributed .footer-right{
display: inline-block;
vertical-align: top;
}

/* Footer left */

.footer-distributed .footer-left{
width: 30%;
}

/* The company logo */

.footer-distributed h3{
color:  #ffffff;
font: normal 36px 'Cookie', cursive;
margin: 0;
}

.footer-distributed h3 span{
color:  #5383d3;
}

/* Footer links */

.footer-distributed .footer-links{
color:  #ffffff;
margin: 20px 0 12px;
padding: 0;
}

.footer-distributed .footer-links a{
display:inline-block;
line-height: 1.8;
text-decoration: none;
color:  inherit;
}

.footer-distributed .footer-company-name{
color:  #8f9296;
font-size: 14px;
font-weight: normal;
margin: 0;
}

/* Footer Center */

.footer-distributed .footer-center{
width: 35%;
}

.footer-distributed .footer-center i{
background-color:  #33383b;
color: #ffffff;
font-size: 25px;
width: 38px;
height: 38px;
border-radius: 50%;
text-align: center;
line-height: 42px;
margin: 10px 15px;
vertical-align: middle;
}

.footer-distributed .footer-center i.fa-envelope{
font-size: 17px;
line-height: 38px;
}

.footer-distributed .footer-center p{
display: inline-block;
color: #ffffff;
vertical-align: middle;
margin:0;
}

.footer-distributed .footer-center p span{
display:block;
font-weight: normal;
font-size:14px;
line-height:2;
}

.footer-distributed .footer-center p a{
color:  #5383d3;
text-decoration: none;
}


/* Footer Right */

.footer-distributed .footer-right{
width: 20%;
}

.footer-distributed .footer-company-about{
line-height: 20px;
color:  #92999f;
font-size: 13px;
font-weight: normal;
margin: 0;
}

.footer-distributed .footer-company-about span{
display: block;
color:  #ffffff;
font-size: 14px;
font-weight: bold;
margin-bottom: 20px;
}

.footer-distributed .footer-icons{
margin-top: 35px;
}

.footer-distributed .footer-icons a{
display: inline-block;
width: 35px;
height: 35px;
cursor: pointer;
background-color:  #33383b;
border-radius: 2px;

font-size: 20px;
color: #ffffff;
text-align: center;
line-height: 35px;

margin-right: 3px;
margin-bottom: 5px;
}

/* If you don't want the footer to be responsive, remove these media queries */

@media (max-width: 880px) {

.footer-distributed{
font: bold 14px sans-serif;
}

.footer-distributed .footer-left,
.footer-distributed .footer-center,
.footer-distributed .footer-right{
display: block;
width: 100%;
margin-bottom: 10px;
text-align: center;
}

.footer-distributed .footer-center i{
margin-left: 0;
}

}

/* Pagina de contacto*/

.caja1{
  float: left;

}
.caja2{

margin-left: 50px;
  float: left;
  width: 490px;
}



@media (min-width: 768px ) {
  #h1-pc{
    margin-left: 90px;
  }
}