@charset "UTF-8";
/* CSS Document */

body {
	font-family: 'Roboto', sans-serif;
	font-size:16px;
}


a {
	text-align:left;
	font-weight:600;
	}
	
h1 {	
		font-weight: 700;
}
	
h2 { line-height: 38px;}

h3 { line-height: 32px;}
h4 { line-height: 23px;}

.az { color: #0F5FAD; }


.jumbotron { 
    background-color: #FFF; 
    color: #0F5FAD;
	padding: 150px 50px 150px 190px;
	margin: 50px 0 0 0;
	background-image:url(../img/camion_cab.jpg);
	text-align: left;
	background-size:100%;
	display:block;
	background-repeat:no-repeat;
	height: 100%;
	
	}

.container-fluid {
    padding: 0 200px 0 200px;
}

.bg-grey {
    background-color: #f6f6f6;
	background-image:url(../img/ptr_01.png);
}

.navbar {
    margin-bottom: 0;
    background-color: #0F5FAD;
    z-index: 9999;
    border: 0;
    font-size: 13px !important;
    line-height: 1.42857143 !important;
    letter-spacing: 3px;
    border-radius: 0;
	height: 57px;
	font-weight:500;
}

.navbar li a, .navbar .navbar-brand {
    color: #fff !important;
	background-color: #0F5FAD;
	height:57px;
}


.navbar li a {
	padding-top: 30px;
}

.navbar-nav li a:hover, .navbar-nav li.active a {
	color: #0F5FAD !important;
	background-color: #d6e7f4 !important;
	border-top: 10px solid #74a7d4;
	padding-top: 20px;
}

.navbar-default .navbar-toggle {
    border-color: transparent;
    color: #fff !important;
}

.navbar-brand { padding: 8px 0 0 16px;
				margin: 0;
				}



.thumbnail {
    padding: 15px;

}

.icon-bar { 
	color:#FFF;
	}

.logo-small {
    color: #0F5FAD;
    font-size: 50px;
}

.logo {
    color: #0F5FAD;
    font-size: 200px;
}

.fondoR1 { 
background-image:url(../img/fondo_reticula_01.png);
}
.sep { 
border-bottom: solid 2px #8CA2C3;
}


footer .glyphicon {
    font-size: 20px;
    margin-bottom: 20px;
    color: #f4511e;
}






.mod { 	
		background-image: url(../img/fondo_mod.png);
		background-repeat: no-repeat;
		padding-top: 1px;
}
.mod1 { 	
		background-image: url(../img/fondo_mod_1.png);
		background-repeat: no-repeat;
		padding-top: 1px;
}
.mod2 { 	
		background-image: url(../img/fondo_mod_2.png);
		background-repeat: no-repeat;
		padding-top: 1px;
}
.mod3 { 	
		background-image: url(../img/fondo_mod_3.png);
		background-repeat: no-repeat;
		padding-top: 1px;
}


#nosotros { background-image:url(../img/fondoRet.png);}

#servicios { background-image:url(../img/fondoRet_m.png);}




@media screen and (max-width: 768px) {
   .col-sm-4 {
        text-align: center;
        margin: 25px 0;
    }
	.container-fluid {
    padding: 0 30px 0 30px;
}

.jumbotron { 
    background-color: #FFF; 
    color: #0F5FAD;
	padding: 12px 17px 12px 17px;
	background-image:url(../img/camion_cab_ch.jpg);
	text-align: left;
	}
	.jumbotron p { 
font-size:13px;
	text-align: left;
	color:#000;
	font-weight:600;
	padding-top:12px;
	}
	
	
h2 { 
	font-size:22px;
	line-height: 28px;
	}
.navbar-brand { padding: 12px 0 0 20px;
				margin: 0;
				}

	
}







.slideanim {visibility:hidden;}
.slide {
    /* The name of the animation */
    animation-name: slide;
    -webkit-animation-name: slide;
    /* The duration of the animation */
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    /* Make the element visible */
    visibility: visible;
}

/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(70%);
    }
    100% {
        opacity: 1;
        transform: translateY(0%);
    }
}
@-webkit-keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}