/* Structure
-------------------------------------------------------------------*/
@import url(reset.css);

/* Standard styles
-------------------------------------------------------------------*/
* { margin: 0; outline: 0; padding:0; }
html, body{ height: 100%; }
body {  margin: 0; padding:0; background-color:#000; }

/* Fonts
-------------------------------------------------------------------*/
body { font-family: 'Open Sans', sans-serif; }

/* Header
-------------------------------------------------------------------*/
header { float:left; width:100%; height:197px; }
.logo { float:left; margin-top:18px; margin-left:68px; }
.langs { float:right; margin-top:18px; margin-right:18px; width:105px; }
.langs a{ float:left; padding:5px; font-size:10px; color:#FFF; background-color:#009ee0; margin-left:3px; text-decoration:none; }
.langs a.select { background-color:#ee99be; }
.social { position: absolute; width: 17px; top:15px; left: 18px; }
.social a { float:left; margin-bottom: 5px; }

/* Content
-------------------------------------------------------------------*/
#content { float:left; width:500px; }
#content section { float:left; margin-bottom:5px; }
.content-holder { float:left; width:800px; display:none; }
.section-header { float:left; height:17px; padding-top:3px; cursor:pointer; min-width: 275px; }
.section-header h1 { font-size:13px; font-weight:600; }

/* Description
-------------------------------------------------------------------*/
.header-description { background-color:#dc006b; padding-left:30px; padding-right: 20px; }
.header-description h1 { color:#FFF; }
.content-holder-description { float:left; background-color:#009ee0; width:413px; height:122px; padding-left:40px; padding-top:15px; }
.content-holder-description p{ font-size:12px; color:#FFF; font-weight:600; line-height:14px; }
.content-holder-description-small { float:left; background-color:#009ee0; width:260px; height:190px; padding-left:40px; padding-top:15px; }
.content-holder-description-small p{ font-size:12px; color:#FFF; font-weight:600; line-height:14px; }

/* Gallery
-------------------------------------------------------------------*/
.header-gallery { width:320px; background-color:#ffe400; padding-left:60px; }
.header-gallery h1 { color:#009ee0; }
.content-holder-gallery { float:left; background-color:#009ee0; width:404px; height:195px; padding-left:40px; padding-top:10px; }
.content-holder-gallery ul{ float:left; width:404px; }
.content-holder-gallery ul li{ display:inline; float:left; width:86px; height:86px; margin-right:15px; margin-bottom:15px; }

/* Contacts
-------------------------------------------------------------------*/
.header-contacts { width:242px; background-color:#67b2ac; padding-left:30px; padding-right: 20px; }
.header-contacts h1 { color:#FFF; }
.content-holder-contacts { float:left; background-color:#009ee0; width:413px; height:122px; padding-left:40px; padding-top:15px; }
.content-holder-contacts p, .content-holder-contacts a{ font-size:12px; color:#FFF; font-weight:600; line-height:14px; text-decoration:none; }
.b-close { cursor:pointer; }

/* Scrollbar
-------------------------------------------------------------------*/
.txt-scrollbar { width: 400px; clear: both;  }
.txt-scrollbar .viewport { width: 380px; height: 112px; overflow: hidden; position: relative; }
.txt-scrollbar .overview { list-style: none; position: absolute; left: 0; top: 0; }
.txt-scrollbar .thumb .end,
.txt-scrollbar .thumb { background-color: #ffe400; }
.txt-scrollbar .scrollbar { position: relative; float: right; width: 10px; }
.txt-scrollbar .track { background-color: #009ee0; height: 100%; width:10px; position: relative; padding: 0 1px; }
.txt-scrollbar .thumb { height: 10px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
.txt-scrollbar .thumb .end { overflow: hidden; height: 5px; width: 10px; }
.txt-scrollbar .disable{ display: none; }

/* Small
-------------------------------------------------------------------*/
.txt-scrollbar-small { width: 250px; clear: both; margin-left: 30px;  }
.txt-scrollbar-small .viewport { width: 230px; height: 175px; overflow: hidden; position: relative; }
.txt-scrollbar-small .overview { list-style: none; position: absolute; left: 0; top: 0; }
.txt-scrollbar-small .thumb .end,
.txt-scrollbar-small .thumb { background-color: #ffe400; }
.txt-scrollbar-small .scrollbar { position: relative; float: right; width: 10px; }
.txt-scrollbar-small .track { background-color: #009ee0; height: 100%; width:10px; position: relative; padding: 0 1px; }
.txt-scrollbar-small .thumb { height: 10px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
.txt-scrollbar-small .thumb .end { overflow: hidden; height: 5px; width: 10px; }
.txt-scrollbar-small .disable{ display: none; }


/* Footer
-------------------------------------------------------------------*/
footer { position:absolute; bottom:10px; right:18px; }
footer p,footer a { font-size:8px !important; color:#FFF; text-decoration:none; font-weight:400; }
.bottom-logos { position: absolute; bottom: 10px; left: 18px; }

/* Media Queries
-------------------------------------------------------------------*/