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

body{
	font-family: 'Open Sans', sans-serif;
	background: #fff;
	height:100%;
}

.container2{
  max-width: none !important;
  width: 1024px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}
.rojo{background: rgb(255,0,0);}
.negro{background: #000;}
.txt_blanco{color: #fff;}
.padding0{padding: 0;}
.parrafo{ padding-top: 90px; font-size: 16px; padding-right: 90px; line-height: 28px;}
.parrafo2{ padding-top: 60px; font-size: 16px; padding-right: 90px; line-height: 28px;}
.img-center{margin: 0 auto;}
.ancla{height: 1px; position: absolute; margin-top: -113px;}
.carousel1{background: #fff;}
.slider-for{margin: 0 auto;}
.slider-nav{width: 60%; margin: 0 auto; z-index: 100;}
.barra_negra{background: #000;height: 40px;}
.btn_mostrar{padding-left: 450px;}
.btn_ocultar{float: right; padding-right: 120px; padding-bottom: 30px;}
.refacciones_texto{position: relative; margin-top: -421px; padding-left: 635px;}
.zindex{z-index: 100;}




.inicio{height: 113px; background: #fff;}
.cabecera{ height: 113px; padding-top: 30px; background: #fff; position: fixed; margin: 0 auto; z-index: 300; text-align: center; width: 100%; top: 0;}
.cabecera2{ height: 113px; padding-top: 30px; background: #fff; margin: 0 auto; z-index: 300; text-align: center; width: 100%; top: 0;}
.logo{padding-left: 75px;}
.menu{
	padding-top: 30px;
	text-transform: uppercase;
	font-weight: bold;
}
.menu li{margin-right: 30px;}
.menu a{
	color: #000;
}

.slide2{	
	background-image: url(../img/slide_fondo.jpg);
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.slogan{padding: 50px 0; font-size: 24px;}
.graficos3{}
.coasa{background: #fff; padding-bottom: 30px;}
.coasa1{padding-top: 20px;}
.coasa2{background-image: url(../img/coasa2.jpg); background-repeat: no-repeat;background-position: center; height: 250px; }
.nosotros{text-align: center; font-size: 16px; padding-top: 15px; width: 350px; margin: 0 auto; background: #fff;}
.boton_nosotros{text-align: right; padding-right: 110px; cursor: pointer;}

.contacto{
	height: 457px;
	background-image: url(../img/contacto.jpg);
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 120px;
}

.contacto2{
	height: 513px;
	background-image: url(../img/bg_correo.jpg);
	color: #fff;
}

.botones{
	border: solid 3px #fff;
	height: 53px;
	width: 300px;
	margin: 0 auto 20px;
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 15px;
	font-size: 16px;
	-webkit-transition: all .3s; /* For Safari 3.1 to 6.0 */
    transition: all .3s;
}
.botones a{
	color: #fff; 
	width: 300px; 
	height: 38px;
	background-color: rgba(0,0,0,.1);
	display: block;
}
.botones:hover{border: solid 3px red;}

.clientes{height: 90px; background: #fff; padding-top: 25px;}

footer{height: 180px; padding-top: 35px;}
footer a{ color: #fff;}
.footer2{height: 90px; padding-top: 35px;}


/*Galeria ----------------------------------------------*/

.menu_galeria{height: 45px; padding-top: 15px; margin-bottom: 0px; }
.menu_galeria li{ margin-right: 10px;}
.menu_galeria a{ color: #fff; text-transform: uppercase;}
.menu_galeria a:hover{ text-decoration: none; color: yellow;}
.activo{font-weight: bold;}

.menu_secundario{background: #000; color: #fff; border: none; margin: 0 auto;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
color: #fff;
cursor: default;
background: #000;
border: solid 1px #fff;
}

.nav-tabs{padding-left: 110px;}
.nav-tabs a{color: #fff; border: none; border-radius: none;}
.nav-tabs>li>a{border-radius: 0 0 0 0;background: black;}
.nav-tabs>li>a:hover{border-radius: 0 0 0 0;background: black; color: yellow;}
.nav-tabs>li.active>a{cursor: pointer; border: 1px solid #fff;}
.nav-tabs>li.active>a:hover{background: #000; border-radius: none;}
.nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{}


.carousel-control.left, .carousel-control.right{background-image: none}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right{top: 10%;}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next{margin-left: 625px; font-size: 16px;}
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right{right: 320px;}






/*Contacto ----------------------------------------------*/
.formulario{
	width: 450px;
	padding-top: 35px;
}
.form-control{
	width: 450px;
}

.form-group label{ 
	text-align: left;
}

.btn_enviar{
	background: red; 
	border: none; 
	width: 110px;
	height: 30px;
	float: right;
	-webkit-transition: all .3s; /* For Safari 3.1 to 6.0 */
    transition: all .3s;
}

.btn_enviar:hover{background: rgba(255,0,0,.5);}




.direccion{
	background-image: url(../img/bg_direccion.jpg);
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 50px;
	padding-bottom: 72px;
}

.mapa{
	border: solid 10px rgba(255,255,225,.8);
	width: 788px;
	height: 320px;
	margin: 0 auto;
}