* {
    margin:  0;
    padding: 0;
}

.menu_bar {
	display:none;
}
.active{
    text-decoration:underline;
	color:#fff;
}
.item{
    height: 560px !important;
}

.adaptar{
    width: 100%;
    height: 560px !important;
}
header nav {
	width:100%;
        height: 130px;
	/* max-width:1110px;*/
	margin:0px auto;
        margin-left: 0px;
        display: block;
        
}
header nav ul {
    overflow: hidden;
        list-style:none;
        float: right;
       
       
}
 
header nav ul li {
  
	float:left;
       
}
 
header nav ul li a {
	color: black;
        font-size: 21px;
	padding:30px;
	display:block;
	text-decoration:none;  
        font-family: Century Schoolbook;
       
      
}
h1{
  font-family: Century Schoolbook;
  font-weight: bold;
  text-align: center;
}

header h1{
    font-family:Pristina;
    font-size: 80px;
}

.nombreLogo{
    margin-left: 300px;
    margin-top: -155px;
}
 
header nav ul li span {
	margin-right:10px;
}
 
header nav ul li a:hover {
	font-weight: bold;
        color:#385481;
}
#myCarousel {
    margin-top: 100px;
}
.carousel {
    width:80%;
    margin:0 auto; /* center your carousel if other than 100% */
}
.carousel-caption {
    position: absolute;
    margin-left: -20%;
    margin-right: -20%;
    margin-bottom: -60px;
    height: 100px;
    background: #333333;
    background: rgba(0, 0, 0, 0.75);
}

.logo{
    margin-top: -100px;
}

.nosotros{
   margin-top: 650px;
    height: 155px;
    text-align: center;

}
.nosotros h1{
    text-align: center;
}
.contacto{
    margin-top: 10px;
}


.email a {
    text-align: center;
    font-size: 22px;
}

.celular a {
    text-align: center;
    font-size: 22px;
}


.contenido{
    text-align: center;
    border-bottom: solid #ccc;
      
}

.contenido h1{
    font-size: 50px;
}

/* CLIENTES */
.grid {
    height: 200px;
    padding-bottom: 70px;
    perspective: 500px; /*For 3d*/
}

.grid img {width: 280px; height: 80px; display: block; float: left; padding-bottom: 10px}

.grid .img_clientes1 {float: right;}
.grid .img_clientes2 {float: left;}
.grid .img_clientes3 {float: right;}


@media screen and (max-width:992px ) {
    header nav ul li a {
        padding: 30px 20px;
    }

    header h1{
        font-size: 60px;
    }

}

@media screen and (max-width:768px ) {
    header h1{
        font-size: 50px;
    }

    .logo{
        margin-top: 0;
    }

    .grid img {margin-top: 10px;}
    .grid .img_clientes1 {float: none;}
    .grid .img_clientes2 {float: none;}
    .grid .img_clientes3 {float: none;}
    .grid a img {margin: 10px auto 0 auto; display: inline-block;}

    .email a {
        text-align: center;
        font-size: 18px;
    }

    .celular a {
        text-align: center;
        font-size: 18px;
    }

    .contenido h1{
        font-size: 40px;
    }

    .menu_nav img{
        background-image:url(../imagenes/logo.gif);
        background-repeat: no-repeat;

    }

    header nav {
        width:80%;
        height:auto;
        left:-100%;
        margin:0;
        position: fixed;

        z-index: 2;
        background-color: #204d74;
        opacity: 0.8;

    }

    header nav ul {
        float: left;
        width:80%;
    }

    header nav ul li a{
        color: #ffffff;
    }

    header nav ul li {
        display:block;
        float:none;
        border-bottom:1px solid rgba(255,255,255, .3);

    }

    .menu_bar {
		display:block;
		width:100%;                
		background:#ccc;
                float: left;
	}
 
	.menu_bar .bt-menu {
		display:block;
		padding:20px;
		background:#204d74;
		color:#fff;
		text-decoration:none;
		font-weight: bold;
		font-size:25px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
 
	.menu_bar span {
		float:right;
		font-size:30px;
	}
}

/* SERVICIOS */

.view {
    margin: 10px;
    float: left;
    border: 10px solid #fff;
    overflow: hidden;
    position: relative;
    text-align: center;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: default;
    /*background: #fff url(../images/bgimg.jpg) no-repeat center center;*/
}
.view .mask, .view .content {
    width: 300px;
    height: 200px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.view h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    font-family: Raleway, serif;
    padding: 10px;
    background: rgba(0, 0, 0, 0.8);
    margin: 20px 0 0 0
}
.view p {
    font-family: Merriweather, serif;
    font-style: italic;
    font-size: 14px;
    position: relative;
    color: #fff;
    padding: 0px 20px 0px;
    text-align: center
}
.view a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #000;
    color: #fff;
    font-family: Raleway, serif;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000
}
.view a.info:hover {
    box-shadow: 0 0 5px #000
}

.view-tenth img {
    transform: scaleY(1);
    transition: all .7s ease-in-out;
}
.view-tenth .mask {
    background-color: rgba(255, 231, 179, 0.3);
    transition: all 0.5s linear;
    opacity: 0;
}
.view-tenth h2{
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    background: transparent;
    margin: 20px 40px 0px 40px;
    transform: scale(0);
    color: #333;
    transition: all 0.5s linear;
    opacity: 0;
}
.view-tenth p {
    color: #333;
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}
.view-tenth a.info {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}


.view-tenth:hover img {
    -webkit-transform: scale(10);
    transform: scale(10);
    opacity: 0;
}

.view-tenth:hover .mask {
    opacity: 1;
}
.view-tenth:hover h2,
.view-tenth:hover p,
.view-tenth:hover a.info{
    transform: scale(1);
    opacity: 1;
}