@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400&display=swap');

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt,
dd, ol, ul, li, fieldset, form, label, input, button, textarea, legend, caption {
	margin:0; padding:0; border:0; outline:0; font-size:100%; font-weight:inhert; font-style:inhert;
	vertical-align:baseline; background:transparent;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display:block;
}
/* h1, h2, h3, h4, h5, h6, strong, b {font-weight:normal;} */
i, em {font-style:normal;}
article, aside, footer, header, hgroup, nav, section {display:block;}

ol, ul {list-style:none;}
a, a:hover {text-decoration:none;}
table {border-collapse:collapse; border-spacing:0;}

body {font: 20px/1em 'Roboto', Arial, Verdana, Serif; background: #000; color: #fff;}
a {color: #fff;}

.main {background: #000;}

@media screen and (max-width: 899px) {
	section, article {padding: 0 15px; margin: 0 auto;}
	section.info { padding: 0;}
}
@media screen and (min-width: 900px) {
	header, section, article {width: 100%; margin: 0 auto;}

}


header nav {text-align: right; width: 40%; position: relative;}
header a.selected { padding: 0 0 6px 0; border-bottom: 2px solid white; }
header a {padding: 0 5px; font-weight: 300; text-transform: uppercase;}
header a:hover {color: #FFF; background: #000;}
header nav ul li {display: inline-block; padding-left: 20px; font-family: 'Roboto Condensed', sans-serif;}
@media screen and (max-width: 899px) {
	header {width: 100%; padding: 10px 0; text-align: center;}
	header h2, header nav {width: 95%; padding: 0; text-align: center; margin-top: 130px;}
	header h2 a {font-size: 22px; line-height: 1.35em;}
	header nav a {font-size: 22px; line-height: 1.35em;}
	section.intro img {width: 100%;}
	section.manifesto img {width: 100%;}
}
@media screen and (min-width: 900px) {
	header {display: table;}
	header a {font-size: 22px; line-height: 1.35em;}
	header h2, header nav {display: table-cell;}
	header h2, header nav {padding: 50px 60px 50px 0;}

	html[dir=rtl] header nav {text-align: left;}
	section.intro img {width: 50%;}
	section.manifesto img {width: 50%;}
}


section.intro {text-align: center; width: 90%; padding-bottom: 80px;}
section.intro h3 {padding: 35px 0; font-size: 50px; line-height: 1.35em; font-weight: 800; letter-spacing: -0.025em; text-transform: uppercase;}
section.intro h3 strong {display: inline-block; padding: 0 9px; color: #FFF; background: #000; font-weight: 800;}
section.intro p {font-family: 'Roboto', sans-serif; padding-bottom: 15px; line-height: 1.5em; width: 80%; margin: 0 auto; font-weight: 400;}
section.intro p strong {font-weight: 700;}
section.intro p a {text-decoration: underline;}
section.intro p a:hover {text-decoration: none;}
section.intro img {margin: 50px 0; height: auto; vertical-align: bottom;}


section.manifesto {text-align: center; width: 90%; padding-bottom: 80px;}
section.manifesto h3 {padding: 35px 0;  font-weight: 400; line-height: 1.35em; letter-spacing: -0.025em; text-transform: uppercase;}
section.manifesto h3 strong {display: inline-block; padding: 0 9px; color: #FFF; background: #000; font-weight: 800;}
section.manifesto p {font-family: 'Roboto', sans-serif; padding-bottom: 15px; line-height: 1.5em; width: 100%; margin: 0 auto; font-weight: 400;}
section.manifesto p strong {font-weight: 700;}
section.manifesto p a {text-decoration: underline;}
section.manifesto p a:hover {text-decoration: none;}
section.manifesto img {margin: 50px 0 0; height: auto; vertical-align: bottom;}



section.info {text-align: center; width: 100%; padding-bottom: 80px; margin-top: 12px;}
.full_width{ width: 100%; text-align: center;}
section.info img {margin: 0; padding: 0; width: 90%; max-width: 940px; height: auto; vertical-align: bottom;}

section.salas {text-align: center; width: 80%; padding-bottom: 80px; margin-top: 12px;}
.small_text{ width: 100%; text-align: center; font-size: 14px; padding: 0px 0 50px 0; margin-top: -10px; }
section.salas p {font-family: 'Roboto Condensed', sans-serif; padding-bottom: 15px; line-height: 1.5em; width: 100%; margin: 0 auto; font-weight: 300;}
section.salas p strong {font-weight: 700;}
section.salas p a {text-decoration: underline;}
section.salas p a:hover {text-decoration: none;}
section.salas h2 {padding: 50px 0;}



article {line-height: 1.5em; padding-bottom: 50px;}
article p, article h2, article h3, article h4, article ul, article ol {padding: 5px 0;}
article h2 {font-size: 30px; font-weight: 800; line-height: 1.5em;}
article h3 {font-size: 25px; font-weight: 600; line-height: 1.5em;}
article h4 {font-size: 20px; font-weight: 600; line-height: 1.5em;}
article ul, article ol {margin-left: 30px;}
article ul {list-style-type: disc;}
article ol {list-style-type: decimal;}
article strong {font-weight: 600;}
article a {text-decoration: underline;}
article a:hover {text-decoration: none;}

footer {padding: 50px 0; color: #FFF; text-align: center;}
footer p {line-height: 1.5em;}
footer p.by {padding-top: 25px; color: #626262;}
footer p.by a {color: #626262;}
footer p a {display: inline-block; color: #FFF; padding: 0 5px;}
footer p a:hover {color: #000; background: #FFF;}

.button_manifesto {
	padding: 8px 20px;
    border: 2px solid #EBC02D;
    margin: auto;
    text-transform: uppercase;
    font-family: 'Roboto Condensed';
		color: #EBC02D;
		margin-top: 20px;
}
.logo_menu_container{
	position: absolute;
    width: 100%;
		text-align: center;
}
.logo_menu{

	width: 200px;

}