@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i|Teko:500,600,700');

body{font-family: 'Roboto', sans-serif;
transition: all .35s ease-in-out;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
	}
h1, h2, h3, h4, h5, h6 {font-family: 'Teko', sans-serif;
color:#1f2c4b;}
.btn-danger {
    background-color: #c70017;
    border-color: #c70017;
	border-radius:0;
}
.btn-primary {
    background-color: #1f2c4b;
    border-color: #1f2c4b;
	border-radius:0;
}
.btn-secondary {
    color: #fff;
    background-color: #1f2c4b;
    border-color: #1f2c4b;
	border-radius:0;
}
.card {
    border-radius: 0;
}
.featurette-divider {
    border-top-color: #FFF;
} 
.bg-light {
    background-color: #FFF!important;
}
/* Menu Superior
-------------------------------------------------- */
.navbar .logoFix{
	display:none;
	}
.navbar.fixed-top .logoFix{
	display: list-item;
	border-right:0px!important;
	}
.navbar.fixed-top .logoFix a{
	display: block;
	height:50px;
	width:50px;
	text-indent:-9999px;
	background-image:url(/common/images/GrupoConsiMini.png);
	background-repeat:no-repeat;
	}
.navbar.fixed-top{
	-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);
box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);
	 transition: all .35s ease-in-out;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
	}
.navbar{
	 transition: all .35s ease-in-out;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
	
	}
/* Menu Lat
-------------------------------------------------- */
.menuLat {
	    z-index: 1;
	}
.menuLat a{
	font-family: 'Teko', sans-serif;
	font-size:18px;
	font-weight:600;
	color:#1f2c4b;
	}
.menuLat .list-group-item {
    border: 0px solid rgba(0,0,0,.125);
}
.menuLat .list-group-item.active {
    background-color: transparent;
    border-color: transparent;
}
.menuLat .list-group-item.active a {
    color: #999;
}
.menuLat.menuFix {
	position: fixed;
    top: 100px;
	}
.ancla{
	padding-top:100px;}
/* Bloque 01
-------------------------------------------------- */
.Bloque01{
	background-color:#0d63b0;
	color:#FFF;
	background: -moz-linear-gradient(top, #0b5596 0%, #0d63b0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0b5596 0%,#0d63b0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0b5596 0%,#0d63b0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b5596', endColorstr='#0d63b0',GradientType=0 );
	}

.Bloque01 .navbar-brand{
	color:#FFF;
	display:block;
	width:375px;
	height:85px;
	text-indent:-9999px;
	background-image:url(/common/images/GrupoConsi.png);
	background-repeat:no-repeat;
	}
.Bloque01 .nav-item .nav-link{
	font-family: 'Teko', sans-serif;
	font-size:16px;
	font-weight:600px;
	color:#FFF;
	text-transform:uppercase;
	letter-spacing: 1px;
	}
.Bloque01 .nav-item:first-child{
	display:none;
	}
.Bloque01 .nav-link.active {
	color:#9ec1df!important;
}


/* Bloque 02
-------------------------------------------------- */
.Bloque02{
	background-color:#0d63b0;
	}
.Bloque02 .navbar .nav-item .nav-link{
	color:#1f2c4b;
	font-family: 'Teko', sans-serif;
	font-size:18px;
	font-weight:600px;
	text-transform:uppercase;
	letter-spacing: 1px;
	text-align:center;
	line-height:1.1em;
	}

.Bloque02 .navbar .nav-item:last-child{
	border-right: #FFF solid 0px;
	}
.Bloque02 .nav-link.active {
	color:#999!important;
}


/* Bloque 03
-------------------------------------------------- */
.Bloque03 h1{
	color:#FFF;
	}



/* Bloque 03A
-------------------------------------------------- */
.Bloque03A {
	margin-top:-180px;
	background-color:#EEE;
	}

.Bloque03A .featurette-divider{
	margin:0px;
	border: none;
	}
.Bloque03A h5{
	display:block;
	text-align:center;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #FFF;
	margin-bottom:0px;
	text-transform:uppercase;
	font-size:1.1em;
	}
.Bloque03A h5 a{
	color:#1f2c4b;
	}



/* Bloque 04
-------------------------------------------------- */
.Bloque04 h2, .Bloque04 p {
	text-align:center;
	}

.Bloque04 h5{
	display:block;
	padding-top: 65px;
	padding-bottom: 35px;
	margin-bottom: 65px;
	text-align:center;
	font-size:44px;
	background-image: url(/common/images/divHome.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	}




/* Bloque 05
-------------------------------------------------- */
.Bloque05{
	background-image: url(/common/images/curvaRoja.png);
	background-repeat: no-repeat;
	background-position: left top;
	}




/* Bloque 05A
-------------------------------------------------- */
.Bloque05A{
	background-color: #0d63b0;
	text-align:center;
	color:#FFF;
	font-size:1.3em;
	}
.Bloque05A .featurette-divider {
    border-top-color: #0d63b0;
} 
.Bloque05A h5{
	color:#FFF;
	display:block;
	padding-top: 65px;
	padding-bottom: 35px;
	margin-bottom: 25px;
	text-align:center;
	font-size:44px;
	background-image: url(/common/images/divHome.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	font-size:44px;
	}
.Bloque05A h4{
	display:block;
	text-align:center;
	font-size:18px;
	}
.Bloque05A h4 a{
	color:#1f2c4b;
	}
.Bloque05A .card-body {
    padding: 1.25rem 0;
}

/* Bloque 06
-------------------------------------------------- */
.Bloque06 h3{
	display:block;
	padding-top: 65px;
	padding-bottom: 35px;
	margin-bottom: 65px;
	text-align:center;
	font-size:44px;
	background-image: url(/common/images/divHome.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	}
.Bloque06{
	color:#666;
	font-size:11px;
	}

/* Contenido
-------------------------------------------------- */
.MainDescription{
	/*margin-top:25px;*/
	text-align:center;
	background-color: #EEE;}
.MainDescription h2{
	display:block;
	padding-top: 35px;
	padding-bottom: 35px;
	margin-bottom: 15px;
	text-align:center;
	background-image: url(/common/images/divHome.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	font-size:3rem;}
.MainDescription .col-md-4{
	/*padding:0;*/}
.jumbotron.MainDescription{
	margin-top:0px;
	}
.jumbotron.MainDescription h1{
	display:block;
	padding-top: 65px;
	padding-bottom: 35px;
	margin-bottom: 65px;
	text-align:center;
	background-image: url(/common/images/divHome.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	}
.DetallePieza{
	margin-top:25px;}
.DetallePieza h3{
	display:block;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align:center;
	font-size:44px;
	background-image: url(/common/images/divHome.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	}
.DetallePieza h5{
	display:block;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align:center;
	}
.DetallePieza dl{
	margin-top:25px;}
	
/* Listado de productos
-------------------------------------------------- */
.ListadoProductos .card{
	border:none;
	margin-bottom: 65px;
	}

	
/* BloqueRelacionado
-------------------------------------------------- */
.BloqueRelacionado .card{
	border:none;}

/* BloqueRastro
-------------------------------------------------- */
.BloqueRastro {
	display:none;}
.BloqueRastro .breadcrumb{
	background-color:transparent;
	color:#EEE;}
.BloqueRastro .breadcrumb-item.active, .BloqueRastro .breadcrumb-item {
    color: #EEE;
}
.breadcrumb-item+.breadcrumb-item::before {
    color: #EEE;
}
.BloqueRastro .breadcrumb a{
	color:#9ec1df;}

/* BloqueFooter
-------------------------------------------------- */
.BloqueFooter {
    z-index: 22;
    background-color: #FFF;
    position: relative;
}
.BloqueFooter .featurette-divider {
    border-top-width: 2px;
    border-top-color: #CCC;
} 
.BloqueFooter .col > a {
	font-family: 'Teko', sans-serif;
	font-size:18px;
	font-weight:600;
	color:#1f2c4b;
	display:block;
	border-bottom: #333 2px solid;
	}
.BloqueFooter .col ul {
	margin-top:15px;
	list-style-type:none;
	padding-left:0px;
	margin-left:0px;
	}
.BloqueFooter .col li a {
	display:block;
	margin-bottom:10px;
	color:#333;
	font-size: .9em;
	}


/* BloqueFooter2
-------------------------------------------------- */
.BloqueFooter2{
	background-color:#0d63b0;
	color:#9ec1df;
	background: -moz-linear-gradient(top, #0b5596 0%, #0d63b0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0b5596 0%,#0d63b0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0b5596 0%,#0d63b0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b5596', endColorstr='#0d63b0',GradientType=0 );
	}
	
.BloqueFooter2 a{
	color:#FFF;
	}

.BloqueFooter2 h4{
	font-size:34px;
	color:#9ec1df;
	}

.BloqueFooter2 h5{
	font-size:24px;
	}

/* Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap

// SM Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { ... }

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767px) { ... }


/* Small devices */
@media (max-width: 767px) { 
.MobileHidde{
	display:none;
	}
.Bloque05 h2{
	padding-top:100px;
	}
.navbar .logoFix, .navbar.fixed-top .logoFix{
	display:none;
	}
 }

/* MD Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
.Bloque01 .nav{
	margin-top: 25px;
	}
.Bloque02 .navbar {
    padding: 1rem 1rem;
}
.Bloque02 .navbar .nav-item{
	border-right: #1f2c4b solid 1px;
	}
.Bloque03 .carousel-caption {
    bottom: 10rem;
    width: 40%;
}

.ContenidoGral .MediaLista li{
	width:50%;
	padding:5px 15px 0;
	float:left;
	list-style:disc;
	}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px) { ... }

/* LG Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	.Bloque02 .navbar .nav-item{
	padding:0 20px;
	}
 }

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199px) { ... }

/* XL Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { ... }





/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 32rem;
  background-color: #777;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}
@media (max-width: 767px) { 
.carousel-caption {
  z-index: 10;
  color:#212529;
  text-align: center;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.0);
}
.carousel-caption.text-left {
  text-align: center!important;
}
.carousel-caption h1 {
	display: block;
    padding-top: 35px;
    padding-bottom: 35px;
    margin-bottom: 15px;
    text-align: center;
  background-image: url(/common/images/divHome.png);
    background-repeat: no-repeat;
    background-position: center bottom;
	color: #1f2c4b;
}
.carousel-item {
  height: 30rem;
  background-color: #EEE;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.LogoRow {
    padding-top: 0px;
    padding-bottom: 0px;
}
.navbar-light .navbar-toggler {
	width:100%;
}
.menuLat.menuFix {
    display:none;
}
}
.carousel-indicators{
	display:none;
	}
.carousel-control-prev, .carousel-control-next{
	display:none;
	}

/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 4rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}

/* CUSTOMIZE ATOMO INTERACTIVE
-------------------------------------------------- */

.LogoRow{
	padding-top:35px;
	padding-bottom:25px;
	}