body {background-color:#000;margin:0;padding:0;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size: 16px;box-sizing:border-box;overflow-y:scroll;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
*, *:before, *:after {box-sizing: inherit;}
a {color:#b4ccd9;text-decoration:none;}
a:hover {text-decoration:underline}
main {padding-bottom:20px;border-left:3px solid #666;overflow:hidden;background: #444 url(../expo/resources/content.gif) top center no-repeat;line-height:1.7}
p {color:#ededd6;text-align:left}
aside, article {padding:0 15px;}
aside {color:#dadada;font-size:14px}
ul {background:url(../expo/resources/transparent.png);padding:10px;list-style:none;line-height:1.5em;color:#cfcfb3;margin:0 0 20px 0}
ul li {padding-bottom:.5em;padding-top:.5em;border-bottom:1px dotted #cfcfb3}
ul li.last {border:none}
img {max-width:100%}
.strong {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
ul li strong {color:#7485a1}
article ol {margin:0 0 0 2em;padding:0;color:#b4ccd9}
article li {padding-bottom:0.5em}
h2 {font-weight:400;margin-top:20px;margin-bottom:5px;font-size:24px;-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;color:white}
aside h2:first-of-type {margin-top:0}
h1 {width:100%;height:130px;display:block;text-indent:-5000em;margin:0 auto 5px auto;padding:0;background: #8b0b04 url(../expo/resources/h1.gif) no-repeat;background-size: cover}
cite {display:block;color:#cddaf0;padding:0 0 30px 60px}
blockquote p {color:#cddaf0;padding:0 30px;background:url(../expo/resources/rightquote.gif) bottom right no-repeat}
blockquote {background:url(../expo/resources/leftquote.gif) top left no-repeat;padding:0;margin:15px}
.language-menu ul {background-image:none;padding:0;margin-left:15px}
.language-menu li {display:inline-block;border:0;padding:0;padding-top:10px;padding-right:10px}
.language-menu svg {vertical-align: middle;margin-right:5px}
.language-menu .selected {color:white}
#galeria {max-width:950px}
.carousel-cell {width: 100%}
.carousel-cell-image {display: block;max-height: 100%;max-width: 100%}
.button {display:inline-block;margin-top:10px;background: #64799e;background: linear-gradient(0deg, #64799e 0%, #a5b8da 100%);border: 1px solid #7089b3;border-radius: 20px;box-shadow: inset 0 1px 0 0 #b4c9ed;color: #2b3951;font-weight: bold;line-height: 1;padding: 8px 15px;text-align: center;text-shadow: 0 1px 0 #99b9f2;text-decoration:none}

.button:hover {color:black;text-decoration: none}

@media (min-width: 768px) {
  article {width:65%;float:left}
  aside {width:35%;float:right}
  #wrapper {max-width:950px;margin:0 auto}
  h1 {height:150px}
}

@media (min-width: 980px) {
  #galeria {
    width:960px;
    height:600px;
  }
}
