/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

#whatsapp-button {
	display: none;
	position: fixed;
	bottom: 18%;
	left: 0px;
	z-index: 99;
	font-size: 18px;
	background-color: transparent;
	color: white;
	cursor: pointer;
	padding: 0px;
}

#whatsapp-button a {
	color: black !important;
	text-decoration: none;
}

#whatsapp-button a > p {

}

#whatsapp-button a p.whatsapp-phone {
	font-weight: 600;
	font-size: 20px;
}

#whatsapp-button a p.whatsapp-phone span {
	background-color: #def1cc;
}

.header-contact {
	padding-left: 6% !important;
	position: relative;
	margin-top: 40px;
}

.header-contact p span {
	background-color: #def1cc;
	padding: 1px 10px 1px 0px;
}

.header-contact p img {
	margin-right: 20px;
	width: 35px;
}

.header-contact p a {
	font-weight: 600;
    color: black;
    font-size: 1.5rem;
}

#footer{
	background-color: #adadad;
	margin-top: 5vh;
	text-align: center;
	padding-top: 1vh;
}
	#footer > div > p {
		color: #FFF;
		font-size: 1.1vw;
	}
	#footer > div > a > img{
		height: 3.0vw;
	}

	#make-inforcode{
		float: right;
		margin-right: 2vh;
	}
		#make-inforcode > a {
			text-decoration: none;
		}
		#make-inforcode > a > p{
			color: #FFF;
			font-size: 1.1vw;
		}

.nogutters {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.navbar .navbar-nav {
    display: inline-block !important;
    float: none !important;
}

.navbar .navbar-collapse {
    text-align: center !important;
}

.navbar-nav > li > a {
    font-family: 'PT Sans', sans-serif;
    font-weight: bold;
}

.header-contact{
		
}
	.header-contact > div > img {
		float: left;
		height: 1vw;
		margin: 3vw 0.5vw; 
	}

	.header-contact > div > p {
		float: left;
		margin: 3vw 0;
		font-size: 0.8vw;
		color: #9c9c9c !important;
	}
	
	.header-contact > div > p > a {
	    color: #9c9c9c !important;
		font-family: 'PT Sans', sans-serif;
		text-decoration: none;
	}

.header-logo > img{
	
}
.header-facebook{
	padding: 3vw 0;
	text-align: right;
}
	.header-facebook > p {
		float: right;
		font-size: 1vw;
		color: #9c9c9c;
		padding: 0.5vw 0;
	}
	.header-facebook > img { 
		height: 2.8vw;
		float: right;
		padding-left: 1vw;
		margin-left: 1vw;
	}
	.border-image{
		border-left: solid 1px #000;
	}

	.header-separation{
		border-top: solid 1px #dedede;
	}

	.navbar-inverse{
		background-color: #FFF !important;
		border-color: #FFF !important;
	}
	.navbar-nav>li>a {
		color: #000 !important;
	}
	.navbar-nav>.active>a{
		color:#000 !important;
		background-color: #FFF !important;
		text-decoration: underline;
	}
	.navbar-toggle {
		background-color: rgba(25, 19, 19, 1) !important;
		margin-right: -50px !important;
	}

	.row-slide{
		padding: 0 !important;
	}
	.carousel-control{
		background:none !important;
	}

.servicios-ofrecidos{
	margin: 0 auto;
	padding-top: 6vh;
	padding-bottom: 6vh;
}
	.servicios-ofrecidos > ul {
		float:left;
		left:49%;
		list-style-type:none;
		margin:0 auto;
		padding:0;
		position:relative;
	}
	.servicios-ofrecidos > ul > a{
		text-decoration: none;
		color: #000000 !important;
	}
	.servicios-ofrecidos > ul > a >li{
		float: left;
		text-align: center;
		width: 25vw;
		float:left;
 		position:relative;
 		right:50%;
	}
	.servicios-ofrecidos > ul > a > li > img{
		width: 18vw;
	}
	.servicios-ofrecidos > ul > a > li > p{
		text-align: center;
		font-size: 1.3vw;
		width: 85%;
		float: right;
	}

	.home-separation{
		background-color: #adadad;
		text-align: center;
	}
		.home-separation > img{
			height: 1.5vh;
			margin-top: 1vh;
			margin-bottom: 1vh;
		}
	#contact{
		width: 85vw;
    	margin: 3vw 6vw;
    	overflow: hidden;
    	clear: both;
	}
		#contact-title{
			background-color: #adadad;
			padding-top: 0.1vh;
			padding-left: 1vh;
		}
			#contact-title > h1{
				color: #FFF;
				font-size: 2.1vw;
				margin: 0 auto;
				margin-top: 1.0vh;

			}
		.input-contact{
			width: 100%;
		}
		.boton-envio{
			margin-top: 20px;
			margin-bottom: 20px;
		}

		.boton-envio > input {
		    padding: 5px 70px;
		    font-size: 1.6rem;
		    font-weight: 600;
		    background-color: white;
		    border: 2px solid #94c04c;
		}

		.image-upload > input
		{
		    display: none !important;
		}

		.image-upload img
		{
		    width: 2.2vw;
		    cursor: pointer;
		    float: left;
		}
		.image-upload label{
			width: 12.2vw;

		}
		.image-upload label p{
			margin-top: 0.6vh;
			font-size: 1.0vw;
		}
	.contacto-index{
		padding-right: 2.2vw !important;
	}
	.quienes-somos{
		padding-left: 2.2vw !important;
	}
	.quienes-somos > p{
		font-size: 1.2vw;
	}
	#caracteristicas-servicio{
		border-left: 1.5vw solid #94c04c;

	}
		#caracteristicas-servicio > ul {
			padding-top: 2vh;
			padding-bottom: 2vh;
			padding-left: 2vw;
		}
		#caracteristicas-servicio > ul > li > strong{
			font-size: 1.2vw;
		}
		#caracteristicas-servicio > ul > li > p{
			font-size: 1.2vw;
		}

.banner-header-new-style {
    overflow: hidden;
	clear: both;
	background-color: #94c04c;
	display: flex;
	justify-content: center;
	align-items: center;
}

	#sofa-image{
		height: 22vw;
    	overflow: hidden;
    	clear: both;
    	background-color: #94c04c;
    	display: flex;
    	justify-content: center;
    	align-items: center;
    	padding-left: 10vh;
    	padding-right: 10vh;
	}
		.sofa-title-image{
			border-right: 1px solid #FFFFFF;
			padding-bottom: 2.0vw;
			padding-top: 2.0vw;
			padding-right: 4.0vw !important;
		}
		.sofa-title-text{
			padding-left: 4.0vw !important;
		}
			.sofa-title-text > p > strong{
				color: #FFFFFF;
				font-size: 1.9vw;
			}
			.sofa-title-text > p {
				color: #FFFFFF;
				margin: 0;
				font-size: 1.9vw;
				line-height: 2.2vw;
				margin-bottom: 2.5vh;
			}
			.sofa-title-text > a {
				text-decoration: none;
			}
			.sofa-title-text > a:hover {
				text-decoration: none;
			}
			.sofa-title-text > a > div {
				background-color: #FFFFFF;
				width: 22vw;
				text-align: center;
				float: left;
			}
				.sofa-title-text > a > img{
					height: 3.0vw;
					margin-top: 0.0vh;
					margin-left: 2.0vh;
				}
				.sofa-title-text > a > div > p{
					color: #94c04c;
					font-weight: bold;
					font-size: 1.9vw;
					padding-bottom: 0.5vh;
					padding-top: 0.5vh;
					margin: 0;
				}
		.alfombra-title-image{
			border-right: 1px solid #FFFFFF;
			padding-bottom: 0.0vw;
			padding-top: 0.0vw;
			padding-right: 4.0vw !important;
			width: 50vw;
		}
	#sofa-type {
		margin: 5vh 0vw;
	}
		.sofa-type-image{
			margin-bottom: 2vh;
			padding: 0 1vw !important;
		}
		
	#sofa-explain{
		padding-right: 5.2vw;
		padding-left: 5.2vw;
	}
	.sofa-explain-align{
		border-top: 1px solid #94c04c;
		padding-top: 1.0vh;
		padding-left: 1.9vw !important;
	}
	.sofa-explain-align > h2{
		font-weight: bold;
		font-size: 1.6vw;
		margin: 0 0;
		margin-bottom: 0.6vw;
	}
	.sofa-explain-align > p{
		font-size: 1.2vw;
	}
	.sofa-explain-align > a > p{
		color: #94c04c;
		font-weight: bold;
		font-size: 1.1vw;
	}
	.sofa-explain-image{
		border-bottom: 1px solid #94c04c;
		border-right: 1px solid #94c04c;
		margin-bottom: 2.5vw;
	}
		.sofa-explain-image > img{
			margin-bottom: 3.5vw;
		}
	#sofa-piel-explain{
		padding-right: 5.2vw;
		padding-left: 5.2vw;
		margin-top: 5.5vh;
	}
	.sofa-piel-explain-align{
		border-top: 1px solid #94c04c;
		padding-top: 1.0vh;
		padding-right: 1.9vw !important;
	}
		.sofa-piel-explain-align > h2{
			font-weight: bold;
			font-size: 1.6vw;
			margin: 0 0;
			margin-bottom: 0.6vw;
		}
		.sofa-piel-explain-align > a > p{
			color: #94c04c;
			font-weight: bold;
			font-size: 1.1vw;
		}
		.sofa-piel-explain-image{
			border-bottom: 1px solid #94c04c;
			border-left: 1px solid #94c04c;
			margin-bottom: 2.5vw;
		}
			.sofa-piel-explain-image > img{
			margin-bottom: 3.5vw;
		}
		.sofa-piel-explain-align > p{
			text-align: right;
			font-size: 1.2vw;
		}
		.sofa-piel-explain-align > h2{
			text-align: right;
		}
		.sofa-piel-explain-align > a{
			text-align: right;
		}
	#solicitar-servicio{
		background-color: #94c04c;
	}
		#solicitar-servicio > p{
			font-size: 1.8vw;
			margin: 0 auto;
			padding-left: 8.0vw;
			color: #FFFFFF;
		}

	#contact-servicio{
		width: 85vw;
    	margin: 3vw 6vw;
    	overflow: hidden;
    	clear: both;
	}
		#parte1 > div > label{
			font-weight: normal;
			margin-bottom: 0;
			margin-top: 0.5vh;
		}
		#parte1 > input{
			width: 4%;
		}
		.form-control{
			border:1px solid #adadad !important;
		}
		#parte1 > div > div{
			width: 50%;
			float: left;
			margin-bottom: 1.0vh;
		}
		#parte1 > div > div > label{
			font-weight: normal;
		}
		
		#parte1 > div > div > select{
			height: 3.0vh;
			width: 94%;
			margin-left: 4%;
		}
		#contact-services{
			background-color: #94c04c;
    		padding-top: 0.1vh;
    		padding-left: 1vh;
    		margin-top: 2.5vh;
    		margin-bottom: 4.0vh;
		}
			#contact-services > h1{
				color: #FFF;
			    font-size: 1.8vw;
			    margin: 0 auto;
			    margin-top: 0.5vh;
			    margin-bottom: 0.5vh;
			    padding-bottom: 0.5vh;
			}
			.contact-images{
				width: 100%;
				margin-bottom: 1.5vh;
			}
				.contact-images > div{
					width: 50%;
					float: left;
				}
				.contact-images-izq{
					padding-right: 0.5vw;
					margin-bottom: 0.8vh;
				}
				.contact-images-der{
					padding-left: 0.5vw;
					margin-bottom: 0.8vh;
				}

	#alfombra-type{
		    overflow: hidden;
    position: relative;
    width: 100%;
		    
		    margin: 5vh 0;
	}
	.alfombras-list{
		height: 100%;
	   /* width: 50%;*/
	    position: absolute !important;
	    right: 0;
	   /* top: 50%;*/
	}
		.alfombras-list > ul{
			height: 100%;
			margin-bottom: 0px;
		}
		.alfombras-list > ul > li{
			height: 33.33%;
			padding-top: 2%;
		}
		.alfombras-list > ul > li > img{
			float: left;
			height: 2.8vh;
			margin-right: 2.5vw;
		}
		.alfombras-list > ul > li > p{
			font-size: 1.4vw;
		}














@media screen and (max-width: 800px){

	#footer > div > p {
		color: #FFF;
		font-size: 3.5vw;
	}
	#footer > div > a > img{
		height: 8.0vw;
	}
#make-inforcode > a > p{
			color: #FFF;
			font-size: 3.5vw;
		}

	.active > img{
		height: 33.0vw !important;
		width: 120% !important;
	}
	.item > img{
		height: 33.0vw !important;
		width: 120% !important;
	}
	#contact-servicio{
		width: 90vw;
		margin: 3vw 1vw;
	}
	.header-contact > div > img{
		float: left;
		height: 2.9vw;
		margin: 3vw 0.5vw; 
	}
	.header-contact > div > p{
		float: left;
		margin: 3vw 0;
		font-size: 2.8vw;
		color: #9c9c9c;
	}
	.header-facebook{
		display: none;
	}
	.navbar-toggle {
		background-color: rgba(25, 19, 19, 1) !important;
		margin-right: 0px !important;
	}
	#contact{
		width: 90vw;
		margin: 3vw 1vw;
	}

	.image-upload label {
    	width: 50.0vw;
	}
	.image-upload img {
		width: 8.2vw;
		cursor: pointer;
		float: left;
	}
	.image-upload label p {
    	margin-top: 0.6vh;
    	font-size: 4.0vw;
	}
	#parte1 > input {
    	width: 8%;
	}
	#boton_envio{
		bottom: 4.1vh !important;
	}
	.sofa-title-image{
		width: 50%;
	}
	.sofa-title-image > img{
		margin-top: 0vh;
		margin-bottom: 0vh;
	}

	.sofa-explain-align > h2{
		font-size: 2.8vw;
	}
	.sofa-explain-align > p {
		font-size: 2.2vw;
	}
	.sofa-piel-explain-align > h2{
		font-size: 2.8vw;
	}
	.sofa-piel-explain-align > p{
		font-size: 2.2vw;
	}
	.sofa-explain-align > a > p{
		font-size: 1.5vw;
	}
	.sofa-piel-explain-align > a > p{
		font-size: 1.5vw;
	}

	.sofa-explain-image {
    	border: none;
	}
	.sofa-explain-align{
		border:none;
	}
	#sofa-explain{
		border: 1px solid #94c04c;
		padding-top: 1vh;
	}
	#sofa-piel-explain{
		border:1px solid #94c04c;
	}
	.sofa-piel-explain-align{
		border:none;
	}
	.sofa-piel-explain-image{
		border:none;
	}

	#solicitar-servicio > p{
		text-align: center;
		font-size: 5vw;
	}
	#contact-title > h1{
		font-size: 3.5vw;
	}
	.servicios-ofrecidos > ul > a > li > p {
		font-size: 2.5vw;
	}
	#sofa-image{
		height: 22vw;
		padding-left: 1vh;
		padding-right: 1vh;
	}
	.sofa-title-text > p{
		margin:0;
		font-size: 1.9vw;
	}
	.sofa-title-text > a > img{
		height: 4.0vw;
		margin-left: 1.0vh;
	}
	#solicitar-servicio{
		margin-top: 1vh;
	}
	.alfombras-list {
		width: 100%;
	}
	.alfombras-list > ul{
		padding-top: 2vh;
	}
	#select-servicios{
		float: left;
	}
	/* Contacto */
	.quienes-somos{
		margin-top: 2.0vh;
	}
	.quienes-somos > p{
		font-size: 4.0vw;
	}
	#caracteristicas-servicio{
		border-left: 1.5vw solid #94c04c;

	}
		#caracteristicas-servicio > ul {
			padding-top: 2vh;
			padding-bottom: 2vh;
			padding-left: 2vw;
		}
		#caracteristicas-servicio > ul > li > strong{
			font-size: 4.0vw;
		}
		#caracteristicas-servicio > ul > li > p{
			font-size: 4.0vw;
		}

	#contact-services > h1{
		text-align: center;
		font-size: 2.5vw;
	}
	.alfombras-list{
		position: relative !important;
	}
	.alfombras-list > ul > li > p{
		font-size: 3.0vw;
	}
}

#form-servicio option {
	background-color: #94c04c;
	color: white;
	font-weight: bold;
	padding: 5px;
}

.description-service {
    margin-bottom: 3vw;
}

.first-banner {
    margin-top: 3vw;
}
    
    .first-banner img {
        margin: auto;
        border-top: 4px solid #94c04c;
        padding-top: 30px;
    }
    
.title-paragraph {
    font-weight: 700;
    font-size: 2rem !important;
    margin-top: 30px;
    font-family: 'PT Sans', sans-serif;
}

.text-paragraph {
    font-size: 1.6rem;
    font-family: 'PT Sans', sans-serif;
}

.list-description {
    list-style-image: url('/images/big-square.jpg');
    list-style-position: inside;
}

    .list-description li, .sublist-description li {
        margin-bottom: 10px;
        font-family: 'PT Sans', sans-serif;
        font-size: 1.6rem;
    }
    
.sublist-description {
    list-style-image: url('/images/small-square.jpg');
    list-style-position: inside;
}

    .sublist-description span {
        font-weight: 700;
    }

.img-bar-separator {
    margin: 20px 0px;
}