@import url(//fonts.googleapis.com/css?family=Lato:300,400,700);

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { font-size: 100%; padding: 0; margin: 0;}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

body {
    font-family: 'Lato', Calibri, Arial, sans-serif;
    /*color: #47a3da;*/
    color:#333333;
}

a {
	color: #EAB974;
	text-decoration: none;
}

a:hover {
	color: #000;
}

img {
border:0;
}

h1 {
/*color: #3C6389;*/
color: #3C6389;
}

h2 {
font-size:3em;
}

h3 {
font-size:2.4em;
}

.container {
	position: relative;
	margin-top: 15em;
}

.container > header,
.main section > div {
	width: 90%;
	max-width: 69em;
	margin: 0 auto;
	padding: 2.875em 1.875em 1.875em;
}

.container > header h1 {
	font-size: 2.2em; /*2.125em*/
	line-height: 1.3;
	margin: 0.2em 0 0.4em 0;
	float: left;
	font-weight: 400;
	text-align:left;
	
}

.container > header > span, .lugar {
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5em;
	padding: 0 0 0.6em 0.1em;
}

div .lugar {
color:gray;
clear:both;

}

.container > header nav > span span:after {
	width: 30px;
	height: 30px;
	left: -12px;
	font-size: 50%;
	top: -8px;
	font-size: 75%;
	position: relative;
}

.container > header nav > span span:hover:before {
	content: attr(data-content);
	text-transform: none;
	text-indent: 0;
	letter-spacing: 0;
	font-weight: 300;
	font-size: 110%;
	padding: 0.8em 1em;
	line-height: 1.2;
	text-align: left;
	left: auto;
	margin-left: 4px;
	position: absolute;
	color: #fff;
	background: #47a3da;
}

.container > header nav {
	float: right;
	text-align: center;
}

.container > header nav a {
	display: inline-block;
	position: relative;
	text-align: left;
	width: 2.5em;
	height: 2.5em;
	background: #fff;
	border-radius: 50%;
	margin: 0 0.1em;
	border: 4px solid #47a3da;
}

.container > header nav a > span {
	display: none;
}

.container > header nav a:hover:before {
	content: attr(data-info);
	color: #47a3da;
	position: absolute;
	width: 600%;
	top: 120%;
	text-align: right;
	right: 0;
	pointer-events: none;
}

.logo_header {
position:relative;
float:right;
width:100px;
height:49px;
clear:both;
}

.logo_header a{
display:block;
}

.logo_header a:hover:before{
content: attr(data-info);
	text-transform: none;
	text-indent: 0;
	letter-spacing: 0;
	font-weight: 300;
	font-size: 85%;
    width:100px;
	padding: 0.7em 0.6em;
	line-height: 1.2;
	text-align: center;
	position: absolute;
    top:50px;
	color: #fff;
	/*background: #47a3da;*/
    background:#3C6389;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index:5000;
}

.main > section:nth-child(even) {
	/*background: #79AEB4;*/
	background: #719BC4;
	color: #fff;
}

.main section:first-child > div {
	padding-top: 0em;
}

.main section a {
color:#eab974;
text-decoration:none;
}

.main section a:hover {
text-decoration:underline;
}

.main section p, .main section ul, .main section form {
	margin: 0;
	padding: 0.5em 0;
	font-size: 1.8em;
	line-height: 1.5;
    text-align:justify;
}

.main section ul {
list-style:circle;
font-size: 1.5em;

}

.main section ul span {
font-weight:bold;
}

.main section p.extra_info {
display:block;
text-align:center;
}

.main section p.extra_info a {

display:inline-block;
margin-bottom:10px;


background: #EAB974;
color:#fff;
padding:5px 10px;


border: 1px solid #8ec1da;
background-color: #ddeef6;
border-radius: 4px;
box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;
-o-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;
-webkit-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;
-moz-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;
color: #3985a8;
text-shadow: 0 1px #fff;
padding: 5px 30px;
}

.go_top {
text-align:right;
}

form {
font-weight:bold;
}

input, textarea, select {
font-family:'Lato',Arial;
font-weight:300;
font-size:0.9em;
width:100%;

display:inline-block;
background-color: transparent;
border: 1px solid #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-shadow: inset 0 1px 3px #fff, 0 0 3px #8ec1da;
-o-box-shadow: inset 0 1px 3px #fff, 0 0 3px #8ec1da;
-webkit-box-shadow: inset 0 1px 3px #fff, 0 0 3px #8ec1da;
-moz-box-shadow: inset 0 1px 3px #fff, 0 0 3px #8ec1da;
-webkit-transition: border linear .2s,box-shadow linear .2s;
-moz-transition: border linear .2s,box-shadow linear .2s;
-ms-transition: border linear .2s,box-shadow linear .2s;
-o-transition: border linear .2s,box-shadow linear .2s;
transition: border linear .2s,box-shadow linear .2s;
color: #555;
vertical-align: middle;

margin:5px;
margin-left:15px;
}

input {width:80%;}

input[type="checkbox"] {
display:inline;
height: auto;
width: auto;
-ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  padding: 10px;
}

textarea {height:200px;}

input[type="submit"] {
width:auto;
float:right;
margin-top:20px;
font-weight:400;

border: 1px solid #8ec1da;
background-color: #ddeef6;
border-radius: 4px;
box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;
-o-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;
-webkit-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;
-moz-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;
color: #3985a8;
text-shadow: 0 1px #fff;
padding: 5px 30px;
}

input[type="submit"]:hover {
background:#CBE6F2;
cursor: hand;
cursor: pointer;


}

div.error {
color:red;
font-size:0.5em;
margin-left:15px;
}

form table td {text-align:left;}

#logotipos {
text-align:center;
margin-top:50px;
}

#footer {
padding:20px 0;
text-align:center;
margin-top:25px;
}

#footer a {
color:#333;
text-decoration:underline;
}

#footer a:hover {
text-decoration:none;
}


@media screen and (max-width: 55em) {

	.container > header h1,
	.container > header nav {
		float: none;
	}

	.container > header > span,
	.container > header h1 {
		text-align: center;
	}

	.container > header nav {
		margin: 0 auto;
	}

	.container > header > span {
		text-indent: 30px;
	}

	.main section p {
		padding: 2em 5%;
		font-size: 1.4em;
	}
}