/* CSS Document */
@charset "utf-8";
html{
	width:100%;
	height:100%;
}
@font-face {
	font-family: 'BarlowCondensed-MediumItalic';
	font-style: normal;
	font-weight: normal;
	src: local('BarlowCondensed-MediumItalic'), url('BarlowCondensed-MediumItalic.woff') format('woff');
}
@font-face {
	font-family: 'BarlowCondensed-Regular';
	font-style: normal;
	font-weight: normal;
	src: local('BarlowCondensed-Regular'), url('BarlowCondensed-Regular.woff') format('woff');
}


body {
	text-align:center;
	font-style: normal;
	font-variant: normal;
	margin:0 auto;
	width:100%;
	height:100%;
	background:#FFF;
	font-family: Arial;
	background-image:url(../images/Fondomadera.jpg);
	background-position:top;
	background-size:cover;
}
.clearer{
    display:block;
    clear: both;
}
/*INDEX*/
#cabecera{
	width:auto;
	position: absolute;
	top: 20px;
	left: 50px;
	z-index: 1000;
}
#cabecera img{
	height: 100px;
}
#datos{
	width: auto;
	position: absolute;
	top: 30px;
	right: 30px;
	font-size: 25px;
	color: #fFF;
	z-index: 1000;
	font-family: 'BarlowCondensed-Regular';
}
#datos a{
	text-decoration: none;
	color: #fFF;
}
#banner{
	width: 100%;
	height: auto;
}
#banner img{
	width: 100%;
}
#texto{
	width: 80%;
	padding: 10px 10%;
	text-align: left;
}
#titulo{
	font-size: 30px;
	color: #333;
	line-height: 30px;
	font-family: 'BarlowCondensed-MediumItalic';
	margin-bottom: 20px;
}
#informacion{
	font-size: 17px;
	color: #666;
	line-height: 20px;
	font-family: 'BarlowCondensed-Regular';
}
#servicios{
	width: 90%;
	height: auto;
	padding: 50px 5%;
}
#servicios ul{
	width: 100%;
	list-style: none;
}
#servicios ul li{
	width: 33%;
	padding: 10px 0;
	float: left;
}
#servicios ul li img{
	width: 60%;
}
.rojo{
	color: #c0392b ;
}
.marcar{
	font-family: 'BarlowCondensed-MediumItalic';
	color: #333;
}








@media only screen and (min-width:300px) and (max-width:1024px){
	#cabecera{
		width:auto;
		position: absolute;
		top: 40px;
		left: 30px;
		z-index: 1000;
	}
	#cabecera img{
		height: 90px;
	}
	#datos{
		width: auto;
		position: absolute;
		top: 10px;
		right: 10px;
		font-size: 15px;
		color: #fFF;
		z-index: 1000;
		font-family: 'BarlowCondensed-Regular';
	}
	#datos a{
		text-decoration: none;
		color: #fFF;
	}
	#texto{
		width: 90%;
		padding: 20px 5%;
		text-align: left;
	}
	#titulo{
		font-size: 30px;
		color: #333;
		line-height: 30px;
		font-family: 'BarlowCondensed-MediumItalic';
		margin-bottom: 20px;
	}
	#informacion{
		font-size: 17px;
		color: #666;
		line-height: 20px;
		font-family: 'BarlowCondensed-Regular';
	}
	#servicios{
		width: 100%;
		height: auto;
		padding: 30px 0;
	}
	#servicios ul{
		width: 100%;
		list-style: none;
	}
	#servicios ul li{
		width: 50%;
		padding: 10px 0;
		float: left;
		text-align: left;
	}
	#servicios ul li img{
		width: 90%;
	}

}