body{
	background:url(../images/1.jpg) no-repeat center center fixed;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	font-family:arial, sans-serif;
}

#cintillo{
	background: #009556;
	width: 100%;
	height: 35px;
	float: left;
}

#cintillo-conten{
	width: 1100px;
	height: 100%;
	margin: 0 auto;
}

#cintillo-conten span{
	font-family: 'Lora', serif;
	color: white;
	float: left;
	margin: 9px 0 0 0;
}

#cintillo-conten a{
	color: white;
}

#cabecera{
	width: 100%;
	height: 220px;
	float: left;
}

#cabecera-conten{
	background: white;
	width: 1100px;
	height: 100%;
	margin: 0 auto;

	box-shadow: 0px 0px 10px #000;
}

#logotipo{
	border: 0px solid red;
	width: 22%;
	float: left;
}

#logotipo img{
	width: 100%;
}

.datos{
	border: 0px solid red;
	font-family: 'Candal', sans-serif;
	font-size: 27px;
	text-align: justify;
	line-height: 36px;
	color: #1794d4;
	width: 76%;
	float: right;
	padding:35px 20px;

	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
}

#menu{
	background: #009556;
	width: 100%;
	float: left;
}

#menu-conten{
	width: 1100px;
	margin: 0 auto;
}

#menu-r{
	width: 100%;
	font-family: 'Lora', serif;
	text-align: center;
	color: white;
	padding:12px 0;
	cursor: pointer;
	display: none;
}

#menu-r:hover{
	background: #158332;
}

#menu-conten ul li{
	float: left;
	margin: 0 40px;
}

#menu-conten a{
	color: white;
	font-family: 'Lora', serif;
	font-size: 17px;
	text-decoration: none;
}

.menu{
	border: 0px solid white;
	padding: 12px 25.5px;
}

.menu:hover{
	background: #158332;
}

#wrapP{
	width: 1100px;
	margin: 0 auto;
}

#pagina{
	background: white;
	width: 100%;
	position: relative;
	z-index: 2;
	float: left;

	box-shadow: 0 0 10px #000;
}

#efecto{
	width: 100%;
	height: auto;
	float: left;
}

#efecto-r{
	width: 100%;
	float: left;
	display: none;
}

#efecto-r img{
	width: 100%;
}

#contenido{
	width: 100%;
	padding: 20px 0;
	float: left;
}

.titulo-pestana{
	text-align: center;
	font-family: "Baskerville Old Face";
	color: #391549;
	font-size: 28px;
}

#footer{
	background: #1794d4;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 320px;
	float: left;
}

#footer-conten{
	border: 0px solid white;
	width: 1100px;
	height: 100%;
	margin: 0px auto;
}

.seccion-footer{
	border: 0px solid white;
	position: relative;
	min-height: 100%;
	color: white;
	float: left;
	padding: 10px;

	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.titulo-seccion-footer{
	font-weight: bold;
	font-size: 28px;
	padding: 10px 0;
}

.desarrollo-seccion-footer{
	font-family: 'Lora', serif;
	border: 0px solid white;
	line-height: 22px;
	padding: 10px 0;
	float: left;
}

.desarrollo-seccion-footer a{
	color: white;

}

#contacto{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 330px;
}



#pie{
	background: white;
	width: 100%;
	float: left;
}

#pie-conten{
	width: 1100px;
	text-align: right;
	margin: 0 auto;
	padding: 9px 10px;

	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
}

#pie-conten a{
	text-decoration: none;
}

#pie-conten a:hover{
	text-decoration: underline;
}



@media screen and (max-width: 1100px){
	#cintillo-conten{
		width: 100%;
		float: left;
		padding: 0 10px;

		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-o-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}


	#cabecera{
		background: white;
		height: auto;
	}
	#cabecera-conten{
		width: 100%;

		box-shadow: 0 0 0 0;
	}

	#menu-conten{
		width: 100%;
	}
	#menu ul li{
		width: 20%;
		margin: 0;
	}
	.menu{
		text-align: center;
		padding-left: 0;
		padding-right: 0;
	}



	#wrapP{
		width: 100%;
	}

	#efecto .slider{
		display: none;
	}
	#efecto-r{
		display: block;
	}

	#footer{
		height: auto;
	}
	#footer-conten{
		width: 100%;
	}
	#contacto{
		display: none;
	}


	#pie-conten{
		width: 100%;
	}
}

@media screen and (max-width: 700px){
	#cintillo{
		height: auto;
	}
	#cintillo-conten span{
		width: 100%;
		text-align: center;
		margin: 4.5px 0;
	}

	#logotipo{
		width: 100%;
		text-align: center;
	}

	#logotipo img{
		width: 50%;
	}
	.datos{
		width: 100%;
		font-size: 20px;
		line-height: 21px;
		padding: 5px 10px;
		margin: 10px 0;
	}


	#menu-r{
		display: block;
	}
	#menu ul{
		display: none;
	}
	#menu ul li{
		width: 100%;
	}
}

@media screen and (max-width: 600px){
	.seccion-footer{
		width: 100% !important;
	}
	.desarrollo-seccion-footer{
		width: 100% !important;
	}
}