body {

	overflow-x: hidden;

	margin: 0;

	background-color: #F7F7F7;

	font-family: verdana;

}



/*#site {

	width: 1000px;

	margin: auto;

	background-color: lightblue;

}*/





#contenuprincipal {

	display: inline-block;

	position: relative;

	padding-top: 15px;

	width: 600px;

	margin: auto;

	left: 50px;

}



#contenuprincipal p {

	color: black;

	font-weight: normal;

	position: relative;

	text-align: justify;

	line-height: 28px;

}



#section1{

	border-radius: 10px;

	display: inline-block;

	vertical-align: top;

	position: relative;

	width: 650px;

	margin: auto;

	padding-left: 20px;

	padding-right: -50px;

	padding-top: 15px;

	padding-bottom: 20px;

	left: 85px;

	top: 15px;

	bottom: 25px;

	background-color: #001727;

}



#section1 p{

	line-height: 25px;

}



#img {

	height: 100px;

	width: 100px;

}



@media(min-width: 320px) and (max-width: 1300px)



{ 



	#contenuprincipal {

		z-index: -5;

	display: inline-block;

	position: relative;

	padding-top: 15px;

	width: auto;

	max-width: 80%;

	margin: auto;

	left: 5%;

}



#contenuprincipal p {

	color: black;

	font-weight: normal;

	position: relative;

	text-align: justify;

	line-height: 28px;

}



#section1{

	display: inline-block;

	vertical-align: top;

	position: relative;

	width: auto;

	max-width: 80%;

	margin: auto;

	padding-left: 5px;

	padding-right: -50px;

	padding-top: 10px;

	padding-bottom: 10px;

	left: 5%;

	top: 10px;

	bottom: 15px;

	background-color: #001727;

}



#section1 p{

	line-height: 25px;

}



#img {

	height: 100px;

	width: 100px;

}





}