@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700,700italic&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Noto+Serif:400,700,700italic,400italic&subset=latin,latin-ext);


/* BODY  */


html { min-height: 100%; }
body { color: #101010; background: url(../images/bodyback.jpg) center top repeat-x; background: url(../images/bodyback.jpg) center top repeat-x, url(../images/footerback.jpg) center bottom repeat-x #ffffff; }
body.title { color: #101010; background: url(../images/bodybacktitle.jpg) center top repeat-x; background: url(../images/bodybacktitle.jpg) center top repeat-x, url(../images/footerback.jpg) center bottom repeat-x #ffffff; }
.all { margin: 0 auto; padding: 0 10px; width: 1010px; }


/* HEADER  */

header { background: url(../images/headerback.jpg) center top no-repeat; min-height: 436px; }
p#logo { padding: 32px 0 0 50px; height: 53px; float: left; font-family: "NotoSerif",serif; font-size: 1.4em; line-height: 1em; text-shadow: -2px -2px 2px rgba(255, 255, 255, 1), 2px 2px 2px rgba(0, 0, 0, 0.07); } p#logo a { color: #333333; }
p#phonemail { padding-top: 18px; width: 335px; height: 67px; float: right; color: #00829b; font-family: "NotoSerif", serif; font-size: 1.25em; line-height: 1.2em; text-align: center; } p#phonemail a { font-family: "NotoSerif-Italic"; font-size: 0.95em; font-style: italic; }
p#slogan { padding-top: 15px; height: 35px; clear: both; color: #fff7eb; font-family: "NotoSerif-Italic"; font-size: 1.2em; line-height: 1em; font-style: italic; text-align: center; text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.7); }
header div { background: url(../images/headerdivback.jpg) center bottom no-repeat #a9a79c; min-height: 301px; }
header div p { padding: 45px 0 0 10px; width: 295px; color: #fff7eb; text-align: center; font-size: 1.15em; line-height: 1.4em; float: left; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.6); }
header div p strong { margin: 20px 0 20px 0; font-size: 1.3em; display: block; }
header div img { margin: 1px 10px 0 0; float: right; }
body.title header { min-height: 0; }
body.title header div { background: url(../images/headerdivbacktitle.jpg) center bottom no-repeat #a9a79c; min-height: 71px; }
body.title header div p { padding: 22px 0 0 0; width: auto; float: none; font-size: 1.2em; }
body.title header div p strong { margin: 0; font-size: 1em; display: inline; }


/* FOOTER  */

footer { background: url(../images/footerback.jpg) center top repeat #a9a79c; color: #ffffff; font-family: "Roboto-Regular", sans-serif; font-weight: 400; clear: both; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); } footer a { color: #ffffff; } footer a:hover, footer p.contact a:hover { color: #d2f5ff; } 
footer ul { margin: 0 auto; padding: 30px 0; background: url(../images/footerulback.jpg) center top no-repeat; text-align: center; }
footer ul li { padding: 0 8px; font-size: 0.75em; line-height: 1em; text-transform: uppercase; display: inline; }
footer p.contact { padding: 0 0 15px 0; color: #d2f5ff; font-size: 1.25em; line-height: 1.45em; font-family: "NotoSerif", serif; font-weight: 400; } footer p.contact a { color: #ffe6e6; }
footer p { padding: 20px 0; font-size: 0.8em; line-height: 1.5em; text-align: center; }


/* MAIN  */

main { margin: 0 auto; width: 990px; clear: both; }
main nav { width: 275px; float: left; padding: 17px 0 30px 0; }
main article { width: 693px; float: right; padding: 25px 0; }
main nav ul li { background: url(../images/navulliback.png) center bottom no-repeat; font-size: 1.1em; line-height: 1.1em; font-weight: 400; }
main nav ul li ul li { background: none; margin-top: -26px; font-weight: 300; font-size: 0.9em; line-height: 0.9em; } main nav ul li ul li:first-child { margin-top: -20px; }
main nav ul li a { padding: 15px 0 20px 25px; display: block; } main nav ul li.active ul li a { color: #9b0000; }
main nav ul li.active a, main nav ul li.active ul li.active a { color: #00829b; }

body.title main nav { width: 100%; float: none; padding: 30px 0 10px 0; overflow: auto; }
body.title main nav ul li { margin: 0 0 25px 37px; background: url(../images/navullibacklong.png) center bottom no-repeat; float: left; width: 305px; min-height: 26em; } body.title main nav ul li.nomargin { margin-left: 0; }
body.title main nav ul li a h1 { margin: 18px 0 18px 0; color: #9b0000; font-family: "Roboto", sans-serif; font-size: 1em; line-height: 1.2em; font-weight: 700; text-align: center; } body.title main nav ul li a:hover h1, body.title main nav ul li a:hover p { color: #00829b; }
body.title main nav ul li a { padding: 0 0 25px 0; display: block; color: #ba6400; }  
body.title main nav ul li a p { margin: 0 10px; color: #101010; font-size: 0.9em; line-height: 1.4em; font-weight: 300; text-align: justify; }
body.title main nav ul li a img { display: block; border-radius: 12px; width: 305px }

article h1 { margin-bottom: 1.0em; font-size: 1.45em; line-height: 1.4em; }
article h2 { margin-bottom: 0.8em; font-size: 1.25em; line-height: 1.4em; } 
article h3 { margin-bottom: 0.8em; font-size: 1.15em; line-height: 1.4em; } 
article h4 { margin-bottom: 0.8em; font-size: 1em; line-height: 1.4em; color:#0a5a96;  } 
main article a:hover { text-decoration: underline; }
main article p, main article ul, main article ol { margin-bottom: 1em; font-size: 1em; line-height: 1.5em; } main article ul li { list-style-type: disc; margin: 0 0 0.4em 25px; } main article ol li { margin: 0 0 0.4em 25px; list-style-type: decimal; } main article ol ul { margin: 5px 0 0 0; } main article ol li ul li { list-style-type: disc; } main article ol.singleline li { margin-bottom: 0; }

p#tiltelis { margin: -12px 0 17px 0; color: #7d7c72; font-size: 13px; line-height: 15px; } p#tiltelis a { color: #7d7c72; } p#tiltelis a:hover { text-decoration: underline; }

.imagecontainer { overflow: auto; } .imagecontainer div { margin: 4px 21px 10px 0; float: left; } main article div img { border: 1px #dcdcdc solid; border-radius: 12px;  } p.caption { margin-bottom: 0; font-size: 0.95em; line-height: 1.2em; text-align: center; font-style: italic; }


a.spynkeitcom, a.spynkeiteu, a.dururemcom { margin: 0 0 10px 15px; display: block; } a.spynkeiteu { margin-top: 50px; }