@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,400italic);

* {margin:0; padding:0; border:0;}
html, body {width:90%; min-width:320px; max-width:1000px; margin-left:auto; margin-right:auto; color:#333; font:100% 'Ubuntu',arial,verdana,serif; font-style:normal; font-weight:normal;}

i, b {font-style:normal; font-weight:normal;}
b, strong {font-style:italic;}
mark {background-color:#333; color:#fff;}
p, ul {line-height:1.55rem; text-align:justify;}
h2 {margin:3% 0 0 5.5%; color:#c83737; font-size:1.4375rem; font-weight:normal;}
h3 {margin:.1% 0 0 5.5%; font-size:1.4375rem; font-weight:normal;}
a:link, a:visited {color:#b87d7d; text-decoration:underline;}
a:hover, a:active, a:focus {text-decoration:none;}

body > header {margin-top:4%;}
header > img {width:39.333333333333336%;}
header > h1 {float:right; width:50%; margin-top:5.3%; color:#7b716d; font-size:1.0625rem; font-weight:normal; text-align:right;}

nav#main {width:30%; margin-top:3.5%; padding:0 0 0 41%;}
nav#main ul li {float:left; margin-right:3%; line-height:25px; list-style:none;}
nav#main ul li a {margin-top:105%; display:block; width:22px; height:22px; border-radius:100%; background-color:#e2001a; color:transparent;}
nav#main ul li a#next {margin-top:0%;display:block; width:70px; height:70px; border-radius:100%; background-color:#e2001a; color:#fff; text-align:center; line-height:4rem; text-decoration:none;}
nav#main ul li a#next1 {background-color:#ff7282;}
nav#main ul li a#next2 {background-color:#feadb6;}
nav#main ul li a#next3 {background-color:#ffced3;}
nav#main ul li a.back {background-color:#d1d1d1;}

section > header, footer p:nth-child(1) {width:100%; height:5rem; margin-top:3%; border:2px solid #c83737;}
section > header {border-bottom:0; border-right:0;}
section article header {margin-bottom:3%;}
section article h1 {text-align:left; width:100%; margin:-1.5% 0 3% -.4%; color:#333; font-size:2.5625rem;}
section article>h1 {margin-top:2.7%;}
section article header img {float:left; width:17.3%; margin:.9% 5% 5% 2.5%; padding-right:2%;}
section p, section ul {margin:2.5% 0 0 5.5%; font-size:1.1875rem; width:94%}
section ul {width:92%; margin:-1% 0 4% 7.5%; list-style-type:square; color:#b87d7d;}
section ul li {padding-bottom:1.2%}
section article#service ul li {padding-bottom:2.5%; text-align:left;}
section ul li span {margin-bottom:1%; color:#333;}
section ul li a {font-size:.8125rem;}
section ul li a:link, section ul li a:visited {color:#b87d7d;}
section p cite {font-size:1.6875rem;}
section p.cite {width:70%; padding-left:8.5%; padding-bottom:3%; color:#999; line-height:180%; font-size:1.0625rem; text-align:center;}
section ul.adres {margin-left:5.5%; list-style-type:none; color:#333; line-height:110%;}
section ul.adres li:first-child {margin-bottom:1%; color:#c83737; font-weight:bold;}
section ul.adres a {font-size:1.1875rem;}
section article#disclaimer {margin-top:7%}
section article#disclaimer p, section article#disclaimer h3 {font-size:1rem;}
section article#disclaimer h2 {font-size:1.4rem;}
section article#disclaimer h3 {margin:2.8% 0 -1% 5.5%;}

footer {width:100%; font-size:.8125rem;}
footer p:nth-child(1) {margin-bottom:.6%; margin-top:-.5%; border-top:0; border-left:0;}
footer nav {float:left; margin-top:.4%; border:0; font-color:#999;}
footer nav ul li {float:left; list-style:none;}
footer nav a:link, footer nav a:visited {color:#999; font-size:.8125rem;}
footer nav ul li a.hint {color:#c83737;}
footer p {float:right; margin-bottom:5%;}


@media screen and (max-width:900px) {
header > h1 {width:90%; font-size:.8rem;}
}

@media screen and (max-width:645px) {
section, header, footer {padding-left:3%; padding-right:3%;}
footer {width:95%}
nav#main {width:50%; padding-left:27%; padding-top:5%;}
section p, section h2, section h3, section ul {margin-left:3%; font-size:1rem; text-align:left;}
section article#disclaimer {margin-top:15%;}
section article#disclaimer, section article#disclaimer h2 {font-size:1rem;}
section p, section ul li {line-height:140%; margin-top:5%;}
section ul.adres {margin-top:10%}
section ul.adres li {margin-top:0%}
section p.cite {display:none;}
section article header img {width:35%; margin:.9% 5% 5% 0%;}
section ul, section ul.adres {margin-left:8%; width:90%; text-align:left;}
section header h1, section article h1 {font-size:1.3rem;}
section article header {margin:-.5%;}
}

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

header a img {width:80%;}