/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body{
	background-image: url(../img/bg/bg_3.jpg);
}

h1{
	font-size: 16px;
	color: black;
	font-weight: bold;	
}

p{
  line-height: 140%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: justify;
  white-space: normal;
}

.container{

}
/*=====CENTER VERTICAL =====*/


.vertical-center {
  min-height: 100%;  
  min-height: 100vh;
  
  /* Make it a flex container */
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
  
  /* Align the bootstrap's container vertically */
  -webkit-box-align : center;
  -webkit-align-items : center;
  -moz-box-align : center;
  -ms-flex-align : center;
  align-items : center;
  
  /* In legacy web browsers such as Firefox 9
     we need to specify the width of the flex container */
  width: 100%;
  
  /* Also 'margin: 0 auto' doesn't have any effect on flex items in such web browsers
     hence the bootstrap's container won't be aligned to the center anymore.
  
  Therefore, we should use the following declarations to get it centered again */
  -webkit-box-pack : center;
  -moz-box-pack : center;
  -ms-flex-pack : center;
  -webkit-justify-content : center;
  justify-content : center;
}

/*====================*/

.no_padding{
	padding: 0px !important;
}

/*===== NAVBAR=============*/

.navbar{
	border-radius: 0px;
	border: none;
	min-height: 15px;
}

.navbar-default {
	border-color: transparent !important;
	background-color: #525252;
}

.navbar-nav > li > a {
  /*
  padding-top: 6px;
  padding-bottom: 6px;
  */
  padding:6px 38px;
  line-height: 14px;
  font-size: 12px;
  font-weight: bold;
}

.navbar-default .navbar-nav > li > a {
  color: #fff;
  background-color: #999;
  -webkit-box-shadow: inset 0px 0px 13px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    inset 0px 0px 13px 0px rgba(50, 50, 50, 0.75);
  box-shadow:         inset 0px 0px 13px 0px rgba(50, 50, 50, 0.75);
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .active > a:hover {
  color: #000000;
  background-color: #ff8800;
}

/*=============== GENERALES ==================*/

.contenido{
	padding: 20px 34px;
	overflow: scroll;
}

.cont-prin{
	border: 8px solid #999;
	/* margin-top: 60px; --> NO ES NECESARIO CON EL VERTICAL CENTER*/
	
	-webkit-box-shadow: 0px 0px 22px 9px rgba(0, 0, 0, 0.73);
	-moz-box-shadow:    0px 0px 22px 9px rgba(0, 0, 0, 0.73);
	box-shadow:         0px 0px 22px 9px rgba(0, 0, 0, 0.73);
}

.panel_izq{
	
}

.telefono{
	background-color: #666;
}

.telefono p{
	color: white;
	margin: 0px;
	line-height: 28px;
	font-size: 12px;
}

/*=========== BANNER IZQUIERDA ==============*/

.contacto_prin{
	background-color: #424242;
	margin-top: -5px;
}

.contacto_prin p{
	color: white;
	font-size: 14px;
	font-weight: bold;
	line-height: 34px;
	margin: 0px;
}

.contacto_prin:hover{
	background-color: #ff8800;
	margin-top: -5px;
}

.contacto_prin p:hover{
	color:  black;
	font-size: 14px;
	font-weight: bold;
	line-height: 34px;
	margin: 0px;
}

.img_izq{
	min-height: 305px;
}
/*=========== EMPRESA ==============*/

.panel_der_empresa{
	/*background-color: #ff8800;*/
	background-image: url(../img/bg/empresa_2.jpg);
	min-height: 500px;
	float: right;
	background-repeat: no-repeat;
	background-position: bottom right;
	border-left: 8px solid #999;
	
	z-index: 1;
}

/*=============== SERVICIOS ===================*/

.panel_der_servicios{
	/*background-color: #ff8800;*/
	background-image: url(../img/bg/servicio_2.jpg);
	min-height: 500px;
	float: right;
	background-repeat: no-repeat;
	background-position: bottom right;
	border-left: 8px solid #999;
	
	z-index: 1;
}

/*=============== MAQUINARIAS ===================*/

.panel_der_maquinarias{
	/*background-color: #ff8800;*/
	background-image: url(../img/bg/maquinaria_2.jpg);
	min-height: 500px;
	float: right;
	background-repeat: no-repeat;
	background-position: bottom right;
	border-left: 8px solid #999;
	
	z-index: 1;
}

.contenido_maq{
	height: 435px;
	padding: 20px 34px;
	overflow: scroll;
}

.list_tipo_maq{
	padding-left: 18px;
	font-size: 12px;
}

.pdf1{
	margin-right: 12px;
}

.text_pdf{
font-size: 10px;
text-align: center;
}

.text_post{
	text-align: left;
	font-size: 10px;
	}
/*=============== CONTACTO ===================*/

.panel_der_contacto{
	/*background-color: #ff8800;*/
	background-image: url(../img/bg/contacto_2.jpg);
	min-height: 500px;
	float: right;
	background-repeat: no-repeat;
	background-position: bottom right;
	border-left: 8px solid #999;
	
	z-index: 1;
}

.margen_form{
	margin-right: 29px;
}

textarea {
   resize: none;
}

/* =========== MEDIA QUERIES ==================*/

@media (min-width: 992px)
.col-md-offset-1 {
  margin-left: 3.333333%;
}

@media (max-width: 1024px) {

	.navbar-nav > li > a {
		padding: 6px 25px;
		line-height: 14px;
		font-size: 12px;
		font-weight: bold;
	}
	
	.navbar {
		margin-bottom: 0px;
	}
	
	.panel_der_maquinarias {
		min-height: 470px;
	}
	
	.panel_der_empresa {
		min-height: 470px;
	}
	
	.panel_der_servicios {
		min-height: 470px;
	}
	
	.panel_der_contacto {
		min-height: 470px;
	}
	
	.margen_form {
		margin-right: 22px;
	}

}

@media (max-width: 768px)
{
	.row {
		margin-right: 0px;
		margin-left: 0px;
	}
	
	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
			margin-right: 0px;
			margin-left: 0px;
		}
	
	.panel_der_empresa {
		border-left: 0px solid #999;
	}
	
	.panel_der_servicios {
		border-left: 0px solid #999;
	}
	
	.panel_der_maquinarias {
		border-left: 0px solid #999;
	}
	
	.panel_der_contacto {
		border-left: 0px solid #999;
	}
	
	.pdf1 {
		margin-right: 0;
	}
	
	.margen_form {
		margin-right: 20px;
	}
	
	.img_caract_gruas{
		margin-top: 80px;
	}

}