@charset "utf-8";
/*/
font-family: 'Montserrat', sans-serif;
font-family: 'Bebas Neue', cursive;
/*/

body{
	color: #000000;
	background-color: #F3F1EE;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
}

a:link {
	color: #555759;
}
a:visited {
	color: #555759;
}
a:hover {
	color: #E18000;
}

h1{
	font-size: 2.5em;
	font-family: 'Bebas Neue', cursive;
}

h2{
	font-size: 2.5em;
	font-family: 'Bebas Neue', cursive;
}
h3{
	font-size: 1.5em;
	font-family: 'Bebas Neue', cursive;
}
/*COLORES*/
.back-angel{
	background-color: #E4E4DB;	
}

.back-orange{
	background-color: #E18000;
}

.angel{
	color: #E4E4DB;
}
.naranja{
	color: #E18000;
}
.orange{
	color: #D35E13;
}
.orange a{
	color: #D35E13;
}
.back-gris{
	background-color: #555759;
}
.back-grisclaro{
	background-color: #E4E4DB;
}
.gris{
	color: #555759;
}
.verde{
	color: #4D8757;
}

.nav-crucero{
	background-color: #E4E4DB;
	color: #555759;
	font-family: 'Bebas Neue', cursive;
}
.position{
	padding-top: 88px;
}
.principal{
	color: #555759;
	font-size: 32px;
	margin-top: 24px;
}
.principalAdmin{
	color: #555759;
	font-size: 18px;
	margin-top: 24px;
}

.active{
	color: #E18000;
}

.buscador{
	height: 23px;
	border-color: #D35E13;
	width: 80%;
}

.perfil {
	display: inline-block;
	text-align: center !important;
	vertical-align: bottom;
	
}

.inline {
	display: inline;
}

.perfil a{
	display: inline-block;
	vertical-align: bottom;
}
.navbar-toggler{
	margin-right: 3rem;
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(85, 87, 89, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.footer{
	background-color: #555759;
	color: #ffffff;
	font-family: 'Montserrat', sans-serif;
	padding-top: 32px;
}
.footer ul{
	list-style: none;
	text-align: left;
	font-family: 'Bebas Neue', cursive;
	font-size: 16px;
}

.footer li a:link{
	color: #ffffff;
}

.footer li a:visited{
	color: #ffffff;
}

.footer h4{
	font-weight: bold;
	font-size: 14px;
}
/*.contFooter{
	position: absolute;
	bottom: 0px;
}*/
.copy{
	font-size: 10px;
}
.politica a:link{
	color: #ffffff;
	text-decoration: underline;
	font-size: 12px;
}
.form-control{
	border-color: #D35E13;
	height: 2em;
}
.input-group-text{
	color: #ffffff;
	background-color: #D35E13;
	font-weight: bold;
	border-color: #D35E13;
	height: 2em;
}
.redes{
	float: left;
	font-size: 32px;
	margin-right: 30px
}

.title{
	position: absolute;
	top: 1rem;
	left: 10%;
	font-size: 7vw;
	color: #ffffff;
	font-family: 'Bebas Neue', cursive;
	max-width: 80%;
	text-shadow: 0.03em 0.03em 0.08em #000000;
	
}
.title2{
	position: absolute;
	top: 25%;
	right: 25%;
	font-size: 7vw;
	color: #ffffff;
	font-family: 'Bebas Neue', cursive;
	max-width: 80%;
	text-shadow: 0.03em 0.03em 0.08em #000000;
	
}
/*.carousel-indicators{
	background-color: white;
	bottom:-20px;
	left:50%;
	
}*/

.slide1{
	height: 50em;
	width:100%;
	background-image: url("../images/slider/poster1-1.jpg");
	background-size: contain;
	background-repeat: no-repeat;
}
.slide2{
	height: 50em;
	width:100%;
	background-image: url("../images/slider/poster2.jpg");
	background-size: contain;
	background-repeat: no-repeat;
}
.slide3{
	height: 50em;
	width:100%;
	background-image: url("../images/slider/poster3.jpg");
	background-size: contain;
	background-repeat: no-repeat;
}

.destacado{
	margin-top: 5em;
	background-image: url("../images/crucero_steel.jpg");
	background-size: cover;
}

.nosotros{
	background-image: url("../images/nosotrosCrucero.jpg");
	background-size: cover;
	background-position: center;
}
.txtDest{
	font-family: 'Bebas Neue', cursive;
	font-size: 2.5em;
	color: #E18000;
}
.titSecc{
	font-size: 4em;
}
.filtro ul{
	list-style: none;
	color: #ffffff;
	font-size: .8em;
}
.titFiltro{
	font-family: 'Bebas Neue', cursive;
	font-size: 1.5em;
	color: #E18000
}
.custom-control-label{
	padding-top: 3px;
}
.custom-control-label:before{
  	background-color:white;
	border-color: #E18000;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before{
  	background-color:#E18000;
	border-color: #ffffff;
}

.custom-radio .custom-control-input:checked~.custom-control-label::before{
  	background-color:#E18000;
	border-color: #ffffff;
}

.zapato{
	position: absolute;
	top: -10px;
	right: 15px;
}

.tarjeta{
	background-color: #E4E4DB;
	border-radius: 5px;
	color: #555759;
	-webkit-box-shadow: 4px 4px 6px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 4px 4px 6px 0px rgba(0,0,0,0.75);
	box-shadow: 4px 4px 6px 0px rgba(0,0,0,0.75);
	/*float: left;
	margin: 0px 20px 20px 20px;*/
}
.tarjeta-nombre h3{
	font-family: 'Montserrat', sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 0px;
}
.tarjeta-nombre p{
	font-family: 'Montserrat', sans-serif;
	font-size: 0.8em;
}
.tarjeta-imagen{
	background-color: #ffffff;
	padding: 20px;
}
.tarjeta-cont{
	padding: 15px;
	min-height: 100px;
}
.icono{
	float: left;
	margin:0px 10px 5px 10px;
}
.compara{
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 100;
}
.boton{
	background-color: #D35E13;
	color: #ffffff;
	border-style: solid;
	border-color: #707070;
	padding: 5px 20px;;
	border-radius: 4px;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
}
.paginador{
	padding-top: 30px;
	padding-bottom: 50px;
	color:#000000;
	text-align: left;
}

.img-destacada{
	min-width: 100%;
}

.producto{
	padding: 15px;
	border:solid #707070 1px;
	background-color: #ffffff;
}

.detalles{
	
}

.detalles h1{
	color: #555759;
	font-size: 2.5em;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	font-style: italic;
}
.detalles h2{
	color: #E18000;
	font-family: 'Bebas Neue', cursive;
	font-size: 1.8em;
}
.detalles h3{
	color: #555759;
	font-family: 'Bebas Neue', cursive;
	font-size: 1.5em;
}
.etiqueta{
	color: #555759;
	font-family: 'Bebas Neue', cursive;
	font-size: 1.5em;
}
.cajita{
	width: 50px !important; 
}


.color {
	width: 48px;
	height: 24px;
	float: left;
	border: solid #707070 1px;
	margin-right: 15px;
}
.miel {
	background-image: url("../images/colores/miel.jpg");
	background-size: cover;
}

.negro {
	background-image: url("../images/colores/negro.jpg");
	background-size: cover;
}
.table-border {
	background-color: #ffffff;
	border: solid #707070 1px;
}
.table-border td{
	border-color: #707070;
}
.caracteristica{
	background-color: #555759;
	color: #ffffff;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	width: 170px;	
}

.cien{
	width:10%;
}

.fotoCarrito {
	width: 16%;
	border: solid #707070 1px;
	padding: 5px 18px;
	background-color: #ffffff;
	float: left;
}
.comp{
	font-size: 12px;
	font-style: normal;
}
.table td {
	vertical-align: bottom;
}
.numZzapatos{
	width: 10px;
}
.talla{
	font-size: 1em;
	font-weight: bold;
}
.totales p{
	margin-bottom: 5px;
}
.datos p{
	margin-bottom: 0px;
}
.menu{
	margin-top: 50px;
}
.menu li{
	margin-bottom: 50px;
	font-size: 1.5em;
	font-family: 'Bebas Neue', cursive;
}
.menu li a{
	color: #ffffff;
}
.etiq{
	font-weight: bold;
	margin-right: 15px;
}
.direccion p{
	margin-bottom:0px;
}


/*--------ANIMACIONES */


/*--------ESCRITORIO GRANDE XL - DESKTOP */
@media (min-width: 1200px) {

.background{
	background-image: url("../images/fondos/izq/fondo_obrero.png"), url("../images/fondos/der/fondo_metal.png");
	background-position: left bottom, right;
	background-repeat: no-repeat;
}
.background1{
	background-image: url("../images/fondos/izq/banda.png"), url("../images/fondos/der/genrador.png");
	background-position: left bottom, right;
	background-repeat: no-repeat;
}
.background2{
	background-image: url("../images/fondos/izq/brocha.png"), url("../images/fondos/der/Llave.png");
	background-position: left bottom, right;
	background-repeat: no-repeat;
}
.background3{
	background-image: url("../images/fondos/izq/Casco.png"), url("../images/fondos/der/Marro.png");
	background-position: left bottom, right;
	background-repeat: no-repeat;
}
.background4{
	background-image: url("../images/fondos/izq/Chaleco.png"), url("../images/fondos/der/Martillo.png");
	background-position: left bottom, right;
	background-repeat: no-repeat;
}
.background5{
	background-image: url("../images/fondos/izq/exacvadora.png"), url("../images/fondos/der/soplador.png");
	background-position: left bottom, right;
	background-repeat: no-repeat;
}
.background6{
	background-image: url("../images/fondos/izq/llanta.png"), url("../images/fondos/der/taladro.png");
	background-position: left bottom, right;
	background-repeat: no-repeat;
}
.background7{
	background-image: url("../images/fondos/izq/tools.png"), url("../images/fondos/der/tapones.png");
	background-position: left bottom, right;
	background-repeat: no-repeat;
}

.bota{margin-top: -10px; margin-left: 24px;}
.borcegui{margin-top: -10px;}
.choclo{margin-top:-10px; margin-left: 10px;}

}
/*--------ESCRITORIO MEDIANO LG - TABLET HORIZONTAL----------(1024px)*/
@media (max-width: 1199px) and (min-width: 992px) {

.modal-dialog {
    max-width: 800px;
    margin: 1.75rem auto;
}

}
/*--------ESCRITORIO PEQUEÑO MD - TABLET VERTICAL----------(768px)*/
@media (max-width: 991) and (min-width: 768px) {
	
	.slide1{
	height: 372px;
}
.slide2{
	height: 372px;
}
.slide3{
	height: 372px;
}
	.modal-dialog {
    max-width: 800px;
    margin: 1.75rem auto;
}

}
/*--------MÓVIL SM----------(512px)*/
@media (max-width: 767px) and (min-width: 480px) {

		
	.slide1{
	height: 372px;
	}
	.slide2{
		height: 372px;
	}
	.slide3{
		height: 372px;
	}
	.modal-dialog {
    max-width: 800px;
    margin: 1.75rem auto;
}
	

}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 800px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
  }
  .modal-sm {
    max-width: 300px;
  }
}
/*--------MÓVIL SM----------(320px)*/
@media (max-width: 479px) and (min-width: 321px) {

	.slide1{
	height: 372px;
	}
	.slide2{
		height: 372px;
	}
	.slide3{
		height: 372px;
	}
	.modal-dialog {
    max-width: 800px;
    margin: 1.75rem auto;
}
	
}
/*--------MÓVIL XSM----------(320px)*/
@media (max-width: 320px) {
	.slide1{
		height: 182px;
	}
	.slide2{
		height: 182px;
	}
	.slide3{
		height: 182px;
	}

}