/*SETTING CSS*/

.clear:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clear {
  min-height: 1px;
}

* html .clear {
  height: 1px;
}
/*ANDANTE CSS*/

html, body {
  font-size:14px;
}

body {
	max-width: 950px;
	margin: 0 auto;
	padding: 0;
	font-family: sans-serif;
	color: #696761;
  line-height: 1.75;
}

header {
  padding: 1rem;
}

img {
  width: 100%;
}

h1 {
	font-size: 0.8rem;
	text-align: center;
	margin: 0 0 0.5rem;
	font-weight: normal;
  line-height: 1.2rem;
}

#logo {
	margin: 0 auto;
	width: 230px;
}

.logo_en {
	font-size: 0.7rem;
	display: block;
	text-align: center;
  margin: 1rem 0 0;
}

section {
  padding: 3rem 1rem;
  margin: 2rem 1rem 0;
  background: url(../img/back1.jpg);
  border-radius: 10px;
  text-align: justify;
}

.section1 img {
	border-bottom:5px solid #e7e1cd;
  margin: 0 0 1rem;
  padding: 0 0 0.7rem;
}

.section1 div {
	background: #fff;
	padding: 1rem;
  margin: 1rem 0;
  text-align: justify;
}

.section2 {
  padding: 3rem 0;
}

.section2 div {
    margin: 0 0 2rem;
}

.section2 img {
	width:100%;
  margin: 0 0 0.5rem;
}

.section2 p {
	text-align:justify;
	margin:5px 0 0 0;
}

.section3 {
  background: none;
  margin: 0;
  padding: 3rem 0;
}

.section3 li {
	list-style-type:none;
}

.section3 iframe {
  height: 180px;
}

footer {
	border-top: 2px solid #000;
	text-align: right;
	font-size: 0.8rem;
	padding: 1rem;
}

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

.section3 address {
  margin: 2rem 0 0;
}

.section3 iframe {
  margin: 2rem 0 0;
  height: 350px;
}

footer {
	text-align: center;
}


}