@import url(https://fonts.googleapis.com/css?family=Lato:100,400&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&subset=latin,latin-ext);

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,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,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
html {height: 100%}
body{font-size: 14px; color: #000; font-family: "Lato", Verdana, Arial, sans-serif; height: 100%}
a {color: #666; text-decoration: none;}
a:hover {text-decoration: underline;}
section {
    min-height: 1000px;
    position: relative;
    width: 100% !important;
    min-width: 1000px;
    margin: 0;
    padding: 0;
    overflow: hidden;
	background: #000;
	height: 100%
}

div.parallax {margin: 0; height: 100%; position: absolute; width: 100%; top: 0; left: 0;}

#part01 div.parallax {background: url(img/01.jpg) 50% 0 no-repeat fixed; background-size: cover}
#part02 div.parallax {background: url(img/02.jpg) 50% 0 no-repeat fixed; background-size: cover}
#part03 div.parallax {background: url(img/03.jpg) 50% 0 no-repeat fixed; background-size: cover}
#part04 div.parallax {background: url(img/04.jpg) 50% 0 no-repeat fixed; background-size: cover}
#part05 div.parallax {background: url(img/05.jpg) 50% 0 no-repeat fixed; background-size: cover}
#part06 div.parallax {background: url(img/06.jpg) 50% 0 no-repeat fixed; background-size: cover}
#part07 div.parallax {background: url(img/07.jpg) 50% 0 no-repeat fixed; background-size: cover}
#part08 div.parallax {background: url(img/08.jpg) 50% 0 no-repeat fixed; background-size: cover}
#part09 div.parallax {background: url(img/09.jpg) 50% 0 no-repeat fixed; background-size: cover}
#part10 div.parallax {background: url(img/10.jpg) 50% 0 no-repeat fixed; background-size: cover}
#part11 div.parallax {background: url(img/11.jpg) 50% 0 no-repeat fixed; background-size: cover}
#part12 div.parallax {background: url(img/12.jpg) 50% 0 no-repeat fixed; background-size: cover}
#part13 div.parallax {background: url(img/13.jpg) 50% 0 no-repeat fixed; background-size: cover}
#part14 div.parallax {background: url(img/14.jpg) 50% 0 no-repeat fixed; background-size: cover}
#part15 div.parallax {background: url(img/15.jpg) 50% 0 no-repeat fixed; background-size: cover}

h1, h2 {border: 1px solid #000; background: url(img/blank.png); padding: 20px; font-size: 40px; font-weight: 100; margin: 0 0 10px 0; text-align: center; text-transform: uppercase;}
article {position: absolute; top: 100px; left: 100px; width: 720px; z-index:4;}
article p {font-size: 22px; line-height: 26px; text-align: justify; text-indent: 50px; font-family: "Open Sans Condensed", sans-serif; padding: 20px; background: url(img/blank.png);}

ul:after, ul:after  {content: ""; clear: both; display: block;}
ul li {background: url(img/blank.png); padding: 10px; margin: 10px 10px 0 0; float: left; opacity: 0.5; position: relative;}
ul.mini li:last-child, ul.mini li.last {margin-right: 0;}
ul.info li {width: 305px; padding-left: 40px; color: #666;}
ul.info li.item2 {margin-right: 0;}
ul.info li.item3 {margin-right: 0; width: 670px;}
ul.info {font-size: 11px; line-height: 11px; font-family: Verdana, Arial, sans-serif;}
ul.info li span {display: block; width: 30px; height: 30px; position: absolute; background-color: #FFF; top: 0; left: 5px;}
ul.info li.item1 span {margin-right: 0; background: url(img/icon1.png) 0 0 no-repeat;}
ul.info li.item2 span {margin-right: 0; background: url(img/icon2.png) 0 0 no-repeat;}
ul.info li.item3 span {margin-right: 0; background: url(img/icon3.png) 0 0 no-repeat; top: 7px;}

article:hover ul li {opacity: 1;}
article:hover h1, article:hover h2, article:hover p {background: #FFF;}

#part00 article {top: 300px; left: 0; right: 0; margin: 0 auto;}
#part00 p {text-align: center; background: #000; color: #FFF; text-indent: 0; font-size: 30px;}
#part00 article:hover h2 {background: transparent url(img/blank.png);}

span.hide {display: block; position: absolute; top: 100px; left: 60px; width: 30px; height: 30px; margin-right: 0; background: #FFF url(img/icon4.png) 0 0 no-repeat; z-index: 4; cursor: pointer; opacity: 0.5; border: 1px solid #000;}
span.hide:hover + article {display: none;}
span.hide:hover {opacity: 0.1;}