html {
	overflow-x: hidden;
   margin: 0; 
   padding: 0;
   font-family: Verdana, Arial;
}

body {    
    margin: 0 !important;
    padding: 0 !important;
}

#cabecera {
	background-color: #abd0cd; 
	/*position: fixed;*/
	height: 155px;
	width: 100%;
}

#logo {
	float: left;
	width: 20%;
}
	#logo img {
		padding: 15px;
	}

#slogan {
	float: left;
	width: 40%;
}
	#slogan p {
		text-align: center;
		font-weight: 700;
		padding-top: 75px;
	}


#direccion {
	float: left;
	width: 40%;
    padding-top: 25px;
    line-height: 25px;
}

#direccion span {
	font-size: 12px
}

#container {
    width: 1200px;
    margin: 0 auto;
    margin-top: 20px;
}

#slider {
	width:1200px;
	min-height:569px;
	/*background: red;*/
}

	#slider-img1 {
		background-image: url("../img/slider/1.jpg");
		width: 844px;
		height: 559px;
		float: left;
		border: solid 5px #949494;
	}

	/*#slider-img2 {
		background-image: url("../img/slider/2.jpg");
		width: 844px;
		height: 559px;
		display: none;
		float: left;
		border: solid 5px #949494;
	}

	#slider-img3 {
		background-image: url("../img/slider/3.jpg");
		width: 844px;
		height: 559px;
		display: none;
		float: left;
		border: solid 5px #949494;
	}*/

	

	#slider-txt1, #slider-txt3 {
		width: 306px;
		height: 149px;
		padding: 20px;
		float: right;
		background-color: #949494;
	}

	#slider-txt2 {
		width: 306px;
		height: 151px;
    	padding: 20px;
		float: right;
		background-color: #949494;
	}




	/*#slider-txt1:hover {
		cursor: pointer;
		background-color: #4b5696;
		color: #FFF;
	}

	#slider-txt2:hover {
		cursor: pointer;
		background-color: #4b5696;
		color: #FFF;
	}

	#slider-txt3:hover {
		cursor: pointer;
		background-color: #4b5696;
		color: #FFF;
	}*/

	.selected {
		background-color: #949494;
	}


	#products {
		margin-top: 50px;
	}

		#products .box-products {
			background-color: #abd0cd;
			width: 350px;
			margin-right: 45px;
			min-height: 200px;
			float: left;
			padding: 10px;
			margin-bottom: 50px;
			box-shadow: 10px 10px 15px #888888;
		}

		#products .box-products-right {
			background-color: #abd0cd;
			width: 350px;
			min-height: 200px;
			float: left;
			padding: 10px;
			margin-bottom: 50px;
			box-shadow: 10px 10px 15px #888888;
		}

		#products .box-products-desc {
			background-color: #4b5696;
			width: 350px;
			margin-right: 45px;
			min-height: 200px;
			float: left;
			padding: 10px;
			margin-bottom: 50px;
			box-shadow: 10px 10px 15px #888888;
			text-align: center;
			color: #FFF;
		}

		#products .box-products-right-desc {
			background-color: #4b5696;
			width: 350px;
			min-height: 200px;
			float: left;
			padding: 10px;
			margin-bottom: 50px;
			box-shadow: 10px 10px 15px #888888;
			text-align: center;
			color: #FFF;
		}

		#products .box-products-right-map {
			width: 370px;
			min-height: 220px;
			float: left;
			margin-bottom: 50px;
			box-shadow: 10px 10px 15px #888888;
		}

		#products .box-products-blue-right {
			background-color: #4b5696;
		    width: 250px;
		    min-height: 100px;
		    float: left;
		    padding: 60px;
			margin-bottom: 50px;
			box-shadow: 10px 10px 15px #888888;
			color: #fff;
		}


footer {
	background-color: #abd0cd;
	width: 100%; 
	bottom: 0;
	float: left;
	margin-top: 25px;
	padding: 10px;
}

#products-mobile {
	display: none;
}

#products {
	display: block;
}

/*#box1-img { background-image: url('../img/box/box1.jpg'); }

#box2-img { background-image: url('../img/box/box2.jpg'); }

#box3-img { background-image: url('../img/box/box3.jpg'); }

#box4-img { background-image: url('../img/box/box4.jpg'); }

#box5-img { background-image: url('../img/box/box5.jpg'); }

#box6-img { background-image: url('../img/box/box6.jpg'); }

#box7-img { background-image: url('../img/box/box7.jpg'); }

#box8-img { background-image: url('../img/box/box8.jpg'); }*/

/*#box9-img { background-image: url('../img/box/box8.jpg'); }*/

/*#box1-img:hover, #box2-img:hover, #box3-img:hover, #box4-img:hover, #box5-img:hover, #box6-img:hover, #box7-img:hover, #box8-img:hover, #box9-txt:hover   {
	cursor: pointer;
}*/

#box1-desc:hover, #box2-desc:hover, #box3-desc:hover, #box4-desc:hover, #box5-desc:hover, #box6-desc:hover, #box7-desc:hover, #box8-desc:hover, #box9-desc:hover, #box10-desc:hover    {
	cursor: pointer;
}

#box-formulari {
	height: 100%;
	width: 100%;
	position: fixed;
	background-color: #000;
	opacity: 0.75;
    top: 0;
    left: 0;
    z-index: 99;
}

#box11-formulari {
    position: absolute;
    height: 543px;
    width: 846px;
    z-index: 999;
    background-color: #fff;
    left: 50%;
    margin-left: -423px;
}

.box-products-detall {
    position: absolute;
    height: 700px;
    width: 1000px;
    z-index: 999;
    background-color: #fff;
    left: 50%;
    margin-left: -500px;
}

.box-products-detall-small {
    position: absolute;
    height: 360px;
    width: 1000px;
    z-index: 999;
    background-color: #fff;
    left: 50%;
    margin-left: -500px;
}

#interior-formulari {
	padding: 10px 84px;
}

label {
	width: 100%;
	float: left;
	margin-top: 10px;
}

#btnSubmit {
	margin-top: 15px;
	float: right;
}

	#btnSubmit:hover {
		cursor: pointer;
	}

#close {
	float: right;
    margin-right: -40px;
    font-size: 30px;
}

	#close:hover {
		cursor: pointer;
	}

.close-detall {
	float: right;
    margin-right: -30px;
    font-size: 30px;
}

	.close-detall:hover {
		cursor: pointer;
	}

.interior-detall {
	padding: 10px 48px;
    min-height: 340px;
}

.txt-producto {
	margin: 0 auto;
	text-align: justify;
	width: 900px;
}
.img-detall {
	float: left;
	height: 250px;
	margin-right: 20px;
	/*margin-right: 10px;*/
}

.btnActive {
	color: #4b5696;
	font-weight: 700;
}

#fotos-models {
	font-size: 14px;
}

/*.img-producto {
	width: 100%;
	height: 100%;
	float: left;
}*/

#direccion-mobile {
	display: none;
}







@media only screen and (max-device-width: 740px) {

	#slider {
		display: none;
		visibility: hidden;
	}

	#direccion {
		display: none;
	}

	#direccion-mobile {
		display: block;
	}

	#slogan {
		display: none;
		visibility: hidden;
	}

	#logo {
	    float: left;
	    width: 44%;
	    margin-top: 40px;
	}

		#logo img {
		    width: 115px;
		}

	#direccion-mobile {
	    line-height: 21px;
	    font-size: 12.5px;
	    font-weight: 700;
	    width: 54%;
		float: left;
	    padding-top: 12px;
	}

	#cabecera {
	    height: 190px;
	    border-bottom: 4px solid #4b5696;
	}

	#container {
	    width: 100%;
	    margin-top: 0;
	}

	#products-mobile {
		display: block;
	}

	#products {
		display: none;
	}


	#products-mobile .box-products {
		background-color: #abd0cd;
		width: 100%;
		min-height: 200px;
		float: left;
	    border-bottom: 4px solid #4b5696;
	}

	.box-products h5 {
		padding-left: 10px;
	}

	#precinte {
	    background-image: url('../img/precinto.jpg');
	    background-size: 100% 100%;
	    background-position-x: -14px;
	    width: 100%;
	    height: 323px;
	}

	#cinta {
	    background-image: url('../img/cinta.jpg');
	    background-size: 100% 100%;
	    background-position-x: -8px;
	    width: 100%;
	    height: 323px;
	}

	#film {
	    background-image: url('../img/film.jpg');
	    background-size: 100% 100%;
	    background-position-x: -8px;
	    width: 100%;
	    height: 323px;
	}

	#fleje {
	    background-image: url('../img/fleje.jpg');
	    background-size: 100% 100%;
	    background-position-x: -8px;
	    width: 100%;
	    height: 323px;
	}

	#grapa {
	    background-image: url('../img/grapa.jpg');
	    background-size: 100% 100%;
	    background-position-x: -8px;
	    width: 100%;
	    height: 323px;
	}

	#sobres {
	    background-image: url('../img/sobres.jpg');
	    background-size: 100% 100%;
	    background-position-x: -15px;
	    width: 100%;
	    height: 323px;
	}

	#dispensers {
	    background-image: url('../img/dispensers.jpg');
	    background-size: 100% 100%;
	    background-position-x: -15px;
	    width: 100%;
	    height: 323px;
	}

	#recambios {
	    background-image: url('../img/recambios.jpg');
	    background-size: 100% 100%;
	    background-position-x: -15px;
	    width: 100%;
	    height: 323px;
	}

	h2 {
		text-align: center;
	}

	footer {
	    margin-top: 0;
	   	width: 94%;
	    bottom: 0;
	    float: left;
	    padding: 3%;
	}

	.divclosed {
		background-image: url('../img/icon-arrow-up.png');
	    float: right;
	    height: 44px;
	    width: 44px;
	    background-size: contain;
	}

	.divcopen {
		background-image: url('../img/icon-arrow-down.png');
	    float: right;
	    height: 44px;
	    width: 44px;
	    background-size: contain;
	}

	.line-products {
	    height: 50px;
	    border-bottom: 2px solid #4b5696;
	    font-size: 14.5px;
	    line-height: 45px;
	    padding-left: 10px;
		background-color: #abd0cd; 
	}

	.display-none {
		display: none;
	}

	.display-block {
		display: block;
	}

	.imgs-mobile {
		width: 100%;
	}

	.text-mobile {
	    padding: 10px;
	    text-align: -webkit-center;
	    background-color: #4b5696;
	    margin-top: -4px;
	    color: #fff;
	    font-weight: 600;
	}

	#box-mobile-1 span {
		width: 100%;
	}

	#box-products-11 {
		display: none;
	} 
}