@charset "utf-8";
/* CSS Document */

/* FIXES */
	
	* {
		margin: 0;
		padding: 0;
	}
	
	img {
		border: none
	}

	article, 
	aside, 
	figure, 
	footer, 
	header, 
	hgroup, 
	nav, 
	section {
		display: block;
	}

	textarea {
		resize: none;
	}

	p {
		font-size: 16px;
		font-weight: 300;
		line-height: 25px;
		margin: 0 0 10px;
	}

/* CLASES COMUNES */
	
	.clear {
		width: 100%;
		clear: both;
	}

	.left {
		float: left;
	}
	
	.right {
		float: right;
	}
	
	.none {
		display: none;
	}

	.green {
		color: #008350;
	}

	.orange {
		color: #FEA456;
	}

	.white {
		color: #ffffff;
	}

	.black {
		background-color: #0E1714;
	}

	.container-fluid {
		padding-left: 0px;
		padding-right: 0px;
	}

	.title {
		font-family: 'Bitter', serif;		
		padding-bottom: 15px;
		font-weight: 600;
	}

	.titleMed {
		font-family: 'Bitter', serif;
		font-size: 22px;
	}

	.miniTitle {
		font-weight: lighter;
		color: #008350;
	}

	.btnGreen {
		background-color: #008350;
		font-size: 20px;
		color: #ffffff;
		width: 200px !important;
	}

	.btnGreen:hover {
		background-color: #FEA456;
		color: #ffffff !important;
		cursor: pointer !important;
	}

	.btnGreen:active {
		background-color: #FEA456;
		color: #ffffff !important;
		cursor: pointer !important;
	}

	#mobile {
		display: none;
	}

	#mobileSlider {
		display: none;
	}

	#abrirMenu {
		display: none;
	}

	#abrirMenu:hover {
		color: #fff;
	}

	#logoMobile {
		display: none;
	}

	#mobile360 {
		display: none;
	}

	.secButton {
	    padding: 7.5px 12px !important;
		text-decoration: none !important;
	}

/* FIRMA KÁBALA */

	#logoKabala {
		display: block;
		width: 50px;
		height: 13px;
		position: absolute; 
		bottom: 10px;
		left: 10px;
	}

/* HEADER */

	header {
		padding-right: 35px;
		padding-left: 35px;
		position: relative;
		overflow: hidden;
		z-index: 9999999999;
	}

	.affix {
		width: 100%;
		background-color: #ffffff;
		border-bottom: 1px solid #FEA456;
	}

	.affix .right.nav.nav-pills a {
		color: #008350;
	}

	.affix.right.nav.nav-pills a:hover {
		color: #FEA456 !important;
	}	

	.navbar {
		margin-bottom: 0px !important;
		padding-bottom: 0px !important;
	}

	.nav > li > a:focus, 
	.nav > li > a:hover {
	    background-color: transparent !important;
	}

	.nav > li > a {
	    color: #fff;
	    display: block;
	    font-size: 20px;
	    font-weight: normal;
	    margin-top: 35px;
	    padding: 10px 15px;
	    position: relative;
	    background-color: none;
	    border-radius: none;
	}

	.nav-pills > li > a {
    	border-radius: 0px !important;
	}

	.nav > li > a:hover {
	    background-color: none !important;
		border-bottom: 2px solid #fff;
	}
	
	.nav > li > a:active {
	    background-color: none;
	    color: #fff !important;
		border-bottom: 2px solid #fff;
	}

/* SLIDER */

	.carousel {
		margin-top: -100px;
		max-width: auto;
	}

	.item.active > img {
		width: auto;
		height: auto;
	}

	.carousel-caption {
	    left: 20%;
	    padding-bottom: 30px;
	    right: 20%;
	    top: 40%;
	}

	.textoSlider {
		color: #fff;
		font-size: 60px;
		font-weight: bolder;
		font-family: "Bitter",serif;
	}

	.btnSlider {
		border: none;
		border-radius: 4px;
		background-color: #008350;
		font-size: 20px;
		padding: 5px 20px 5px 20px;
		margin-top: 50px;
	}

	.btnSlider:hover {
		color: #fff;
		background-color: #FEA456;
	}

	.modal-content {
	    background-color: transparent !important;
	    box-shadow: none !important;
	    border: none !important;
	    width: 730px;
	}

	.modal-dialog {
	    background-color: transparent !important;
	    margin: 30px auto !important;
	    width: 730px !important;
	}

/* PRODUCTOS */

.caption.productoContenedor > p {
    height: 70px;
}

.productooosContainer {
	background-image: url(./imagenes/blackorchid.png);
	background-repeat: repeat;
	border-top: 1px solid #008350;
	border-bottom: 1px solid #008350;
}

.productoContenedor {
    margin: 0 auto;
    text-align: center;
    width: 242px;
}

.sliderProductos {
	margin-top: 0px !important;
}

/* EMPRESA */

	/* NUESTROS VALORES */

	/* RED DE DISTRIBUCIÓN */

/* FOOTER */

	footer {
		background-image: url(./imagenes/pool_table.png);
		background-repeat: repeat;
		padding-bottom: 50px;
	}

	.inPut {
	    background-color: #0E1714;
	    border: medium none;
	    color: #9AF2CC;
	    height: 35px;
	    padding-left: 15px;
	    width: 300px;
	}

	#textarea {
	    background-color: #0E1714;
	    border: medium none;
	    color: #9AF2CC;
	    height: 95px;
	    text-align: center;
	    top: 0;
	    width: 665px;
	}

	.bigGreenBtn {
	    background-color: #008350;
	    border: medium none;
	    color: #9af2cc;
	    font-size: 18px;
	    font-weight: bolder;
	    height: 40px;
	    padding-left: 15px;
	    text-align: center;
	    width: 300px;
	}

	.bigGreenBtn:hover {
		background-color: #FEA456;
		color: #fff;
	}

	.links {
		font-size: 16px;
		text-decoration: none;
		font-weight: bolder;
	}

	.links:hover {
		font-size: 16px;
		text-decoration: underline;
		color: #fff;
	}

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

	.back {
		background-color: #26312B;
		padding: 5px 15px 5px 15px;
	}

	/* MEDIAQUERIES */

		/* 1920px */

		@media (max-width : 1920px) {

			.item > img {
			    width: 1920px !important;
			}

			#desktop {
				display: none;
			}

		}

		/* 1680px */

		@media (max-width : 1680px) {

			.item > img {
			    width: 1680px !important;
			}

			#desktop {
				display: none;
			}

		}

		/* 1600px */

		@media (max-width : 1600px) {

			.item > img {
			    width: 1600px !important;
			}

			.thumbnail > img {
			    width: 220px;
			}

			.caption.productoContenedor > p {
			    width: 210px;
			}

			#desktop {
				display: none;
			}

		}

		/* 1536px */

		@media (max-width : 1536px) {

			.item > img {
			    width: 1536px !important;
			}

			.thumbnail > img {
			    width: 200px;
			}

			.caption.productoContenedor > p {
			    width: 200px;
				font-size: 15px;
			}

			#desktop {
				display: none;
			}

		}

		/* 1440px */

		@media (max-width : 1440px) {

			.item > img {
			    width: 1440px !important;
			}
		
			.btnGreen {
			    width: 180px !important;
				font-size: 15px;
				margin-left: -20px !important;
			}

			#desktop {
				display: none;
			}

		}

		/* 1366px */

		@media (max-width : 1366px) {

			.item > img {
			    width: 1366px !important;
			}

			.thumbnail > img {
			    width: 170px;
			}
			
			.caption.productoContenedor > p {
			    width: 170px;
				font-size: 14px;
			}

			.btnGreen {
			    width: 170px !important;
				font-size: 15px;
				margin-left: 0px !important;
			}

			#desktop {
				display: none;
			}

		}

		/* 1280px */

		@media (max-width : 1280px) {

			.item > img {
			    width: 1280px !important;
			}

			.thumbnail > img {
			    width: 160px;
			}
			
			.caption.productoContenedor > p {
			    width: 160px;
				font-size: 14px;
			}

			.btnGreen {
			    width: 160px !important;
				font-size: 15px;
				margin-left: 0px !important;
			}

			#desktop {
				display: none;
			}

			.textoSlider {
			    font-size: 50px;
			}

		}

		/* 1024px */

		@media (max-width : 1024px) {

			.item > img {
			    width: 1024px !important;
			}

			#desktop {
				display: none;
			}

			.textoSlider {	
			    font-size: 40px;
			}

			#lastInput {
			    margin-left: 165px;	
			}

			#marginLeft {
			    margin-left: 115px;
			}		
		
			#thumbnailMobile {
				width: 200px;
				margin-left: 0px;
				margin-right: 0px;
			}

			#textM {
			    font-size: 20px;
			}

			.thumbnail .caption {
			    padding: 0 !important;
			}

			#buttonM {
				margin-bottom: -65px !important;
			}

			.modal-body {
			    margin-top: 150px;
			}

		}

		/* 980px */

		@media (max-width : 980px) {

			.item > img {
			    width: 980px !important;
			}
	
			#mapa {
			    width: 350px;
			    margin-top: 65px;
			}

			.inPut {
			    width: 665px;
			}
	
			#desktop {
				display: none;
			}

			#lastInput {
				margin-left: 0px;
			}

			#marginLeft {
				margin-left: 0px;
			}

			#thumbnailMobile {
			    margin-left: 0;
			    margin-right: 0;
			    width: 195px;
			}

			.thumbnail > img {
			    width: 155px;
			}

			#buttonM {
			    margin-left: -5px !important;
			    width: 125px !important;
			}

			.textoSlider {
				margin-top: -35px;
				margin-bottom: 35px;
				font-size: 35px;
			}

		}

		/* 900px */

		@media (max-width : 900px) {

			.item > img {
			    width: 900px !important;
			}
		
			#mapa {
				width: 300px;
				margin-top: 100px;
			}

			#desktop {
				display: none;
			}

			.textoSlider {
			    font-size: 35px;
			    margin-top: -5px;
			}

			#thumbnailMobile {
			    margin-left: 10px;
			    margin-right: 5px;
			    padding-left: 0;
			    padding-right: 0;
			    width: 165px;
			}

			.caption.productoContenedor > p {
			    margin-top: 5px;
			}

		}

		/* 800px */

		@media (max-width : 800px) {

			.item > img {
			    width: 800px !important;
			}

			#desktop {
				display: none;
			}

			#mobile {
				display: block;
			}

			#mobileSlider {
				display: block;
			}

			.productooosContainer {
				display: none;
			}

			#thumbnailMobile {
			    width: 250px;
			}

			.caption.productoContenedor > p {
			    padding-left: 5px;
			    width: 235px;
			}

			#thumbnailMobile {
			    margin-left: 100px;
			    width: 250px;
			}

			.white.text-center {
			    width: 675px !important;
			}

			.textoSlider {
			    font-size: 30px;
			    margin-top: -55px;
			}

		}

		/* 768px */

		@media (max-width : 768px) {

			.item > img {
			    width: 768px !important;
			}
			
			.inPut {
			    width: 545px;
			}

			#textarea {
			    width: 545px;
			}

			#desktop {
				display: none;
			}

			#mobileSlider {
				display: block;
			}

			#mobile {
				display: block;
			}

			.oculto {
				display: none;
			}

			.desktop.right.abrirMenu {
			    margin-top: 55px;
			}

			header {
				background-color: #fff;
			}

			#abrirMenu {
			    display: block;
			}

			#logoDesktop {
				display: none;
			}

			#logoMobile {
				display: block;
			    margin-left: -20px;
			    width: 180px;
			}

			.right.abrirMenu {
			    margin-top: -40px;
			}

			#marginLeft {
				margin-left: 50px;
			}
	
			#thumbnailMobile {
			    margin-left: 90px;
			}

			.nav-pills > li {
			    float: none !important;
			}

			.nav > li > a {
			    color: #008350;
			    display: block;
			    margin-right: -15px;
			    margin-top: -5px;
			    padding: 10px 15px;
			    position: relative;
			    text-align: right;
			}

			.nav > li > a:hover {
				color: #008350;
				border-bottom: none;
			}
			
			.nav > li > a:active {
				color: #008350;
				border-bottom: none;
			}
		}

		/* 640px */

		@media (max-width : 640px) {

			.item > img {
			    width: 640px !important;
			}
		
			#mapa {
			    margin-bottom: -60px;
			    margin-top: 0;
			}

			.bigGreenBtn {
				margin-left: 130px;
			}

			.textoSlider {
			    font-size: 25px;
			    margin-top: -55px;
			}

			#thumbnailMobile {
			    margin-left: 45px;
			    width: 250px;
			}

			.inPut {
			    width: 505px;
			}

			#textarea {
			    width: 505px;
			}

			.bigGreenBtn {
			    margin-left: 130px;
			}

			#marginLeft {
			    margin-left: 20px;
			}

			.white.text-center {
			    width: 605px !important;
			}

			.links.white.back {
			    margin-left: 0px;
			}

			footer {
				margin-top: 50px;
			}

			.modal-content {
			    background-color: transparent !important;
			    box-shadow: none !important;
			    border: none !important;
			    width: 570px;
			}

			.modal-dialog {
			    background-color: transparent !important;
			    margin: 30px auto !important;
			    width: 570px !important;
			}

			.modal-body {
			    margin-top: 150px;
			}

			.mob {
			    height: 320px;
			    margin-left: -15px;
			    margin-top: -65px;
			    width: 570px;
			}

		}
		
		/* 600px */

		@media (max-width : 600px) {

			.item > img {
			    width: 600px !important;
			}
		
			#mapa {
			    margin-bottom: -60px;
			    margin-top: 0;
			}

			.carousel-caption > h3 {
			    font-size: 20px;
			}

			.btnSlider {
			    font-size: 15px;
			}

			.white.text-center {
			    width: 570px !important;
			}

			#marginLeft {
			    margin-left: 0;
			}

			#thumbnailMobile {
			    margin-left: 30px;
			    width: 250px;
			}

			.modal-content {
			    background-color: transparent !important;
			    box-shadow: none !important;
			    border: none !important;
			    width: 530px;
			}

			.modal-dialog {
			    background-color: transparent !important;
			    margin: 30px auto !important;
			    width: 530px !important;
			}

			.modal-body {
			    margin-top: 150px;
			}

			.mob {
			    height: 295px;
			    width: 530px;
			}


		}

		/* 480px */

		@media (max-width : 480px) {

			.item > img {
			    width: 480px !important;
			}

			.inPut {
			    width: 395px;
			}
	
			#textarea {
			    width: 395px;
			}

			.bigGreenBtn {
			    margin-left: 60px;
			}

			.thumbnail {
			    margin-left: -35px;
			    width: 200px;
			}

			#mapa {
			    margin-bottom: -60px;
			    margin-top: 0;
			}

			.textoSlider {
			    font-size: 20px;
			    font-weight: normal;
			    margin-top: -35px;
			}

			.btnSlider {
			    font-size: 10px;
			    margin-top: 10px;
			}

			.caption.productoContenedor > p {
			    padding-left: 10px;
			    width: 180px;
			}

			#thumbnailMobile {
			    margin-left: 60px;
			    width: 160px;
			}

			.white.text-center {
			    width: 440px !important;
			}

			.mob {
			    height: 220px;
			    margin-left: 25px;
			    width: 400px;
			    margin-top: -50px;
			}

		}

		/* 360px */

		@media (max-width : 360px) {

			.item > img {
			    width: 360px !important;
			}
		
			.inPut {
			    width: 270px;
			}

			#textarea {
			    width: 270px;
			}

			.bigGreenBtn {
			    width: 240px;
		   		margin-left: 30px;
			}

			.thumbnail {
			    margin-left: -55px;
			    width: 200px;
			}

			.caption.productoContenedor > p {
			    width: 170px;
			}

			#mobileSlider {
				display: none;
			}

			#mobile360 {
				display: block;
			}

			.white.text-center {
			    width: 330px !important;
			}

			.orange {
			    color: #fea456;
			    padding-left: 10px;
			    padding-right: 10px;
			}

			.green {
			    padding-left: 10px;
			    padding-right: 10px;
			}

			.carousel-inner {
			    margin-top: 100px;
			}

			.textoSlider {
			    font-size: 18px;
			    margin-top: -85px;
			}

			.carousel-caption > h3 {
			    font-size: 14px;
			}

			#thumbnailMobile {
			    margin-left: 120px;
			}
			
			.mob {
			    height: 170px;
			    margin-left: 10px;
			    margin-top: -10px;
			    width: 310px;
			}

		}

		/* 320px */

		@media (max-width : 320px) {

			.item > img {
			    width: 320px !important;
			}

			.inPut {
			    width: 235px;
			}

			#textarea {
			    width: 235px;
			}
		
			.bigGreenBtn {
			    margin-left: 15px;
			    padding-left: 5px;
			    width: 235px;
			}

			#mapa {
			    margin-bottom: -90px;
			    margin-top: -20px;
			    width: 260px;
			}

			.white.text-center {
			    margin-bottom: 10px;
			    width: 300px !important;
			}

			.carousel-caption > h3 {
			    font-size: 14px;
			    margin-bottom: -5px !important;
			    margin-top: -20px !important;
			}

			.mob {
			    height: 155px;
			    margin-left: 5px;
			    margin-top: -70px;
			    width: 280px;
			}



		}