/**************************************************************************************
Defaults 
***************************************************************************************/
html, body{
	background:#0e0e0e;
	overflow-x:hidden;
	-webkit-font-smoothing: antialiased;
}
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	color:#dddddd;
}

a{}
a, button	{
	cursor:pointer;
	/*text-decoration:none;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;*/
}
a:hover, a:focus, button:focus{
	text-decoration: underline;
	outline:none;
}
a:hover{
	color:#ea3c3e;
}
p, li{
	font-size: 15px;
}
p{
	display:block;
	margin: 0 0 15px 0;
	line-height:26px;
}

hr{
	border-color:#bababb;
}

h1, h2, h3, h4, h5, h6{
	margin:0;
	font-family: 'Montserrat', sans-serif;
	font-size: 19px;
	font-weight: 400;
	line-height:30px;
	letter-spacing:0px;
	color:white;
}
h1{
	font-family: 'Lato', sans-serif;
	font-size: 27px;
	font-weight: 900;
	letter-spacing:-0.0125em;
}
h3{
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	font-weight: 900;
	text-transform:uppercase;
	letter-spacing:0.075em;
}
h4{
	font-size: 20px;
	font-weight: 700;
	line-height:29px;
}

input.form-control::-webkit-input-placeholder,
textarea.form-control::-webkit-input-placeholder,
textarea.form-control {
	color:#555;
	text-shadow: 0;
}

/**************************************************************************************
Bootstrap Overwrites
***************************************************************************************/
.carousel-control{
	color:white;
	text-shadow: none;
    filter: alpha(opacity=100);
    opacity: 1;
}
.carousel-control.right,
.carousel-control.left{
	background:none;
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
	font-size: 25px;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-left: -50px;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    margin-right: -50px;
}

.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.modal-content {
	border:0;
    border-radius: 0px;
	box-shadow:none;	
}
.modal-content h5{
	color:black;
}

/**************************************************************************************
Custom Classes
***************************************************************************************/
/* Start of "Micro clearfix" */
.cf { zoom: 1; }
.cf:before,
.cf:after { content: ""; display: table; }
.cf:after { clear: both; }
/* End of "Micro clearfix" */

.nopadding {
  padding: 0 !important;
  margin: 0 !important;
}
.npl	{
	margin-top: 0 !important;
	margin-bottom: 15px !important;
    padding-left: 0 !important;
}
.npr	{
	margin-top: 0 !important;
	margin-bottom: 15px !important;
    padding-right: 0 !important;
}
.noleft	{
	padding-left: 0 !important;
}
.noright	{
	padding-right: 0 !important;
}
.no-vert{
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
}

.full-height, .half-height{
	position: relative;
}

.vs{
	margin-top: 30px;
}
.vs2{
	margin-top: 60px;
}
.vs3{
	margin-top: 90px;
}
.vs4{
	margin-top: 120px;
}
.vs5{
	margin-top: 150px;
}

.col5{
	float: left;
	display:block;
	padding-right: 15px;
	padding-left: 15px;
	width: 20%;
}

.imgfull	{
	width: 100%;
	min-width: 100%;
	max-width: 100%;
}
.imgbordershadow	{
	border:solid 1em white;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.125);
	-moz-box-shadow:    0px 0px 30px 0px rgba(50, 50, 50, 0.125);
	box-shadow:         0px 0px 30px 0px rgba(50, 50, 50, 0.125);
}

.grow { transition: all .5s ease-in-out; }
.grow:hover { transform: scale(1.1); }
.limit{
	display:block;
	width: 100%;
	height: 100%;
	overflow:hidden;
}

.table-responsive-wrapper{
	display:block;
	width: 100%;
	overflow-x:none;
}

hr.divisor{
	display:inline-block;
	margin:45px 0;
	width: 100px;
	height: 5px;
	border:0;
	background:#ff0030;
	text-align: left;
}
.espacio{
	padding:150px 0;
}
.espacio2{
	padding:45px 0 !important;
}
.txtblanco p{
	color:#f2dfdd;
}
.txtblanco p strong{
	color:white;
}

.linea{
	display:block;
	width: 1px;
	height: 250px;
	background:rgba(255,255,255,0.33);
}

.btnblue{
	
	height: 50px;
	padding:0 32px;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#51a7ff+0,017eff+100 */
	background: #51a7ff; /* Old browsers */
	background: -moz-linear-gradient(top,  #51a7ff 0%, #017eff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #51a7ff 0%,#017eff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #51a7ff 0%,#017eff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51a7ff', endColorstr='#017eff',GradientType=0 ); /* IE6-9 */
	
	border:0 !important;
	border-radius:20px;
	
	color:white;
	font-family: 'Lato', sans-serif;
	font-size: 11px;
	font-weight: 900;
	letter-spacing:0.225em;
	line-height:50px;
	text-decoration: none;
	text-transform:uppercase;
}
.btnblue:hover{
	color:white;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#017eff+0,024bdd+100 */
	background: #017eff; /* Old browsers */
	background: -moz-linear-gradient(top,  #017eff 0%, #024bdd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #017eff 0%,#024bdd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #017eff 0%,#024bdd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#017eff', endColorstr='#024bdd',GradientType=0 ); /* IE6-9 */
	
}

/**************************************************************************************
Navbar
***************************************************************************************/
#menu{
	padding:44px 0;
	border-bottom:solid 1px rgba(255,255,255,0.3);
}
#menu .navbar{
	margin:0;
}
#menu .navbar-brand {
    float:left;
    height:50px;
    padding:0px 15px;
}
#menu .nav{
	margin-top: 10px;
}

#menu .nav>li{
	margin-right: 80px;
}
#menu .nav>li:last-child{
	margin-right: 0px;
}

#menu .nav>li>a,
#menu .navbar-nav>li>a{
	padding:0 !important;
	
	color:#f3efda !important;
	font-family: 'Lato', sans-serif;
	font-size: 12px;
	font-weight: 900;
	letter-spacing:0.025em;
	line-height:16px;
	text-decoration: none;
	text-transform:uppercase;
}

#menu .nav>li>a span,
#menu .navbar-nav>li>a span{
	display:block;
}

#menu .nav>li>a:hover,
#menu .nav>li>a:hover span,
#menu .nav>li>a:active,
#menu .nav>li>a:active span,
#menu .nav>li>a:visited,
#menu .nav>li>a:visited span,
#menu .nav>li>a:link,
#menu .nav>li>a:link span{
	background:none !important;
	color:white;
}
#menu .nav>li>a:hover,
#menu .nav>li>a:hover span{
	text-decoration:underline;
}

/**************************************************************************************
Footer
***************************************************************************************/
#taller25{
	padding:75px 0;
	background:#4b1618;
}
#taller25 h1{
	margin-bottom: 15px;
	color:white;
}
#taller25 p{
	margin-bottom: 0;
	padding-bottom:0;
	color:white;	
}
	
#servicios{
	min-height: 250px;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dc3c26+0,be220c+100 */
	background: #dc3c26; /* Old browsers */
	background: -moz-linear-gradient(top,  #dc3c26 0%, #be220c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #dc3c26 0%,#be220c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #dc3c26 0%,#be220c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc3c26', endColorstr='#be220c',GradientType=0 ); /* IE6-9 */
	
}
#servicios nav{
	display:block;
}
#servicios nav a{
	display:block;
	float: left;
	width: 20%;
	
	color:#ffa599;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	font-weight: 400;
	line-height:19px;
	letter-spacing:0px;
	text-decoration: none;
	text-transform:uppercase;
}
#servicios nav a:first-child+*+*+*{
	padding-left:3%;
}
#servicios nav a:last-child{
	padding-left:9%;
}

#servicios nav a img{
	display:block;
	margin:70px 0 20px 0;
}
#servicios nav a span{
	display:block;
	
	color:white;
	font-size: 15px;
	font-weight: 700;
}

#servicios a:hover{
	text-shadow: #f04e38 0px 1px 1px;
	color:white;
}
#servicios a:hover span{
	text-shadow: #f04e38 0px 1px 1px;
	color:black;
}

#objetivo{
	padding-bottom:200px;
	background:#eee;
}
#objetivo h3{
	color:black;
}
#objetivo p{
	margin-top: 50px;
	color:#555;
}
#objetivo p strong{
	color:black;
}

#galeria{
	position: relative;
}
#carousel-example-generic{
	position: absolute;
	left:0;
	top:0;
	
	width: 750px;
}

#carousel-example-generic .carousel-control.left,
#carousel-example-generic .carousel-control.right{
	top:540px;
	left:0;
}
#carousel-example-generic .carousel-control.right{
	left:-25px;
}

#carousel-example-generic .carousel-control,
#carousel-example-generic .carousel-control:link{
	color:#444;
}
#carousel-example-generic .carousel-control:hover{
	color:#017eff;
}

footer{
	background:white url(../_img/footer.jpg) repeat-y center top;
	background-size: 1920px;
}
footer h3{
	margin-bottom: 50px;
	color:black;
}
footer p{
	color:#555;
	line-height:24px;
}
footer p strong{
	color:black;
}
footer p a{
	font-size: 13px;
}
footer p a:hover{
	color:#017eff;
}
footer section{
	position: relative;
	display:block;
	padding-left:30px;
}
footer section img{
	position: absolute;
	top:-20px;
	left:-36px;
}
a#siete{
	display:block;
	margin-top: 20px;
	
	color:#c5c5c5;
	font-family: 'Lato', sans-serif;
	font-size: 8px;
	font-weight: 900;
	letter-spacing:0.25em;
	text-transform:uppercase;
}
a#siete:hover{
	color:#017eff;
}

#formulario input[type="text"],
#formulario input[type="email"],
#formulario textarea{
	border:solid 1px #ddd;
	border-radius:0;
	box-shadow:none;
	
	color:#555;
	font-size: 13px;
}
p.text-danger{
	margin-top: 5px;
	font-family: 'Lato', sans-serif;
	font-size: 9px;
	font-weight: 900;
	text-transform:uppercase;
	letter-spacing:0.075em;
	line-height:14px;
}

a#whatsapp{
	z-index: 2;
	position: fixed;
	bottom:30px;
	right:30px;
	padding:15px !important;
	background:#7ad06d;
	border-radius:30px;
	box-shadow:none;
}
a#whatsapp:hover{
	background:#10dbac;
	box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
}
a#whatsapp img{
	width: 30px;
}

/**************************************************************************************
*
***************************************************************************************/
header{
	display:block;
	min-height: 664px;
}
header h1{
	margin-top: 140px;
}
header h2{
	margin-top: 50px;
}
header a{
	margin-top: 60px;
}

.contenido h3{
	margin-top: 150px;
	color:#f3efda;
}
.contenido h4{
	margin-top: 50px;
}
.contenido h5{
	margin-top: 60px;
	
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	font-weight: 900;
	text-transform:uppercase;
	letter-spacing:0.075em;
	color:#f3efda;
}
.contenido .modal-content h5{
	margin-top: 0px;
	
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	font-weight: 900;
	text-transform:uppercase;
	letter-spacing:0.075em;
	color:black;
}

.contenido p{
	margin-top: 50px;
}
.contenido p strong{
	color:white;
}
.contenido p a{
	color:#51a7ff;
}
.contenido p a span.glyphicon{
	font-size: 10px;
}
.contenido ul{
	display:block;
	margin:30px 0 0 0;
	padding:0;
	width: 100%;
	
	list-style:none;
}
.contenido ul li{
	display:block;
	float: left;
	padding:8px 25px;
	width: 45%;
	
	background:url(../_img/flecha.png) no-repeat 0 16px;
	background-size: 11px;
}
.contenidoimg{
	position: relative;
	display:block;
	min-height: 805px;
}
.contenidoimg img{
	position: absolute;
	bottom:0;
	left:0;
}

/**************************************************************************************
Index
***************************************************************************************/
body.index{
	background:url(../_img/inicio.jpg) no-repeat center top;
	background-size: 1920px;
}

/**************************************************************************************
Volquetes
***************************************************************************************/
body.volquetes-y-carrocerias{
	background:url(../_img/volquetes.jpg) no-repeat center top;
	background-size: 1920px;
}

/**************************************************************************************
Taller
***************************************************************************************/
body.taller-metalurgico{
	background:#222 url(../_img/taller.jpg) no-repeat center top;
	background-size: 1920px;
}
body.taller-metalurgico .contenido p{
	margin-top: 0;
}
body.taller-metalurgico .contenido p:last-child{
	margin-bottom: 150px;
}
body.taller-metalurgico .contenidoimg{
	position: relative;
	display:block;
	min-height: 1000px;/*805*/
}

/**************************************************************************************
Hidrogruas
***************************************************************************************/
body.mantenimiento-de-hidrogruas{
	background:url(../_img/hidrogruas.jpg) no-repeat center top;
	background-size: 1920px;
}

/**************************************************************************************
Chasis
***************************************************************************************/
body.enderezado-de-chasis-y-estructuras{
	background:url(../_img/chasis.jpg) no-repeat center top;
	background-size: 1920px;
}

/**************************************************************************************
Corte
***************************************************************************************/
body.corte-y-plegado-de-chapas{
	background:url(../_img/corte.jpg) no-repeat center top;
	background-size: 1920px;
}
body.corte-y-plegado-de-chapas .contenido p{
	clear: both;
	display:block;
	float: left;
	margin:45px 0 0 0;
	width: 100%;
}
body.corte-y-plegado-de-chapas .contenido p img{
	float: left;
	display:block;
}
body.corte-y-plegado-de-chapas .contenido p.iconos span{
	float: left;
	display:block;
	margin:0 0 0 30px;
	width: 83%;
}