body{
	background: url(../images/fondo.jpg) no-repeat center center fixed;
	background-size: cover;
	font-family: 'Source Sans Pro', sans-serif !important;
}

.cabecera{
	padding-top: 20px;
	padding-bottom: 20px;
}

.logotipo img{
	width: 120%;
}

nav a, nav a:hover{
	text-decoration: none;
}

.menu-r{
	background: black;
	color: white !important;
	cursor: pointer;
	display: none;
	margin: 20px 0 0 0;
}

nav ul{
	width: 95%;
	list-style: none;
	padding: 0;
	float: left;
	margin: 30px 0 0 0;
}

nav ul li{
	width: 19%;
	float: left;
	margin: 0 0 0 1%;
}

.menu, .menu-r{
	width: 100%;
	color: black;
	text-align: center;
	font-size: 22px;
	padding: 8px 0;
}
.menu:hover, .activo, .menu-r:hover{
	text-decoration: none;
	font-weight: bold;
}

.dosM{
	line-height: 23px;
	padding: 2px 0;
}


.datos{
	width: 95%;
	float: right;
	margin: 20px 0 0 0;
}

.datos span{
	width: 25%;
	text-align: center;
	font-size: 22px;
	float: left;
}

.datos b{
	color: #ff8000;
}

.efecto{
	padding: 0;
}


.contenido{
	padding-top: 30px;
	padding-bottom: 30px;
}

.titulo{
	width: 100%;
	text-align: center;
	font-size: 40px;
	font-weight: bold;
	margin: 0 0 40px 0;
}

.seccion{
	font-size: 22px;
	font-weight: bold;
	line-height: 32px;
}


.desc{
	text-align: right;
	font-size: 32px;
	font-weight: bold;
	color: black;
	margin: 18px 0 0 0;
}
.contenido a:hover{
	text-decoration: none;
}


.subtitulo{
	width: 100%;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	color: gray;
	display: inline-block;
	margin-bottom: 30px;
}


.texto{
	width: 100%;
	text-align: center;
	margin: 0 0 40px 0;
}
.texto section{
	width: 94%;
	display: inline-block;
}
.texto img{
	width: 5%;
	display: inline-block;
}
.texto span{
	border: 0px solid red;
	font-size: 21px;
	padding: 0 20px;
}


.banner{
	background: url(../images/banner.jpg) no-repeat center center;
	background-size: cover;
	width: 100%;
	height: 250px;
	margin: 40px 0;
}


.imagenes{
	width: 100%;
	text-align: center;
	margin: 0 0 40px 0;
}
.imagenes img{
	height: 250px;
}

.producto{
	text-align: center;
	margin: 0 0 30px 0;
}
.producto img{
	width: 40%;
}
.hecho{
	width: 60px !important;
}
.producto strong{
	width: 100%;
	text-align: center;
	font-size: 28px;
	display: inline-block;
}
.producto span{
	width: 100%;
	text-align: center;
	font-size: 28px;
	color: blue;
	display: inline-block;
}



footer{
	background: #ddd;
	font-size: 22px;
	line-height: 32px;
	padding: 30px 0;
}

footer strong{
	width: 100%;
	display: inline-block;
	margin: 0 0 30px 0;
}

footer b{
	color: #ff8000;
}

@media screen and (max-width:1200px){
	.d1200{
		display: none;
	}
	.datos span{
		width: 33.33%;
	}
}
@media screen and (max-width:992px){
	.menu-r{
		display: block;
	}
	nav ul{
		display: none;
	}
	nav ul li{
		width: 49%;
	}
}
@media screen and (max-width:768px){
	.lgootipo{
		text-align: center;
	}
	.logotipo img{
		width: 90%;
	}
	nav ul li{
		width: 100%;
	}
}
@media screen and (max-width:600px){
	.datos span{
		width: 50%;
	}
	.g{
		width: 100% !important;
		text-align: center !important;
	}
}