body {margin:0px; padding:0px; font-size:14px; font-family:arial; color:#333; background:#fff;}
* {box-sizing:border-box; line-height:150%;}
h1, h2, h3, h4, h5, h6, p, i, u {margin:0px; padding:0px; width:auto;}
span {margin:0px; padding:0px;}
input, select, textarea  {margin:0px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:0px; padding:5px; line-height:auto;}
span.error {color:darkred;}
span.success {color:green;}
hr {width:100%; height:0px; background:transparent; color:transparent; line-height:0px; display:block; border:0px; border-bottom:1px dotted #333;}
a {text-decoration:none;}
a:hover {text-decoration:none;}
img {border:0px;}
.img {background-position:top center; background-repeat:no-repeat; background-size:cover; transition:all 0.3s;}

/* Colors: #121a2c; #142241; #a0a3ab; #6EC1E4; #ddd; #eee; #fff; */
/* Font size: 14px; 18px; 20px; */

#top, .menu, #zone1, #content, #zone2, #zone3, #zone4, #footer, #bottom {float:left; width:100%; min-width:1200px; }
.limit {min-width:1200px; width:1200px; margin:0 auto;}


#top {background:#2d3e50; padding:30px 0; text-align:center; color:#a0a3ab;}
#top #logo {display:inline-block; position:relative; margin-top:-50px; top:5px;}
#top #left {float:left; width:600px; position:relative; top:30px;}
#top #sharebut {float:left; width:600px; text-align:right;  position:relative; top:30px;}
#top #left p, #top #left img {float:left; margin-right:10px; color:#a0a3ab;}
#top #left p {margin-right:20px;}

.menu {border-top:1px dotted  #4f5f72; border-bottom:5px solid #6EC1E4; background:#2d3e50;  text-align:Center;}
.menu ul {margin:0px; padding:0px; display:inline-block; padding:25px 0;}
.menu ul li {margin:0px; padding:0px; display:inline-block; list-style:none;}
.menu ul li a {text-transform:uppercase; font-size:14px; font-weight:bold; margin:0 18px; display:block; color:#fff;}
.menu ul li a:hover {color:rgba(255,255,255,0.5);}
.menu ul li a#selected1 {color:#6EC1E4;}

#menu #logo {float:left;}
.menu #logo img {float:left; height:50px; margin-top:10px; display:none;}
.menu.active {position:fixed; top:0px; border-top:0px; z-index:30;}
.menu.active #logo img {display:inline-block;}
.menu.active ul {float:right;}
.menu.active ul li {float:left;}
.menu.active ul li:last-child a {margin-right:0px;}
.empty.active {height:75px; float:left; width:100%; }

#zone1 img {float:left; width:100%;}

#content {padding:20px 0 50px 0;}
#databox, #data-gallery, #contact {float:left; margin-top:30px; width:100%;}

#zone2 {background:#6EC1E4; padding:30px 0; color:#fff;}
#zone3 {padding:50px 0; background:#f5f5f5; }
#zone4 {border-top:0px solid #2d3e50;}

#footer, #bottom {background:#2d3e50;}
#footer {padding:50px 0;}
#footer a#logo2 {float:left;}
#zone5 {float:right; width:840px; color:rgba(255,255,255,0.9);}


#bottom {border-top:0px dotted rgba(255,255,255,0.3); text-align:center; padding:25px 0; background:#6EC1E4;}
#bottom ul, #bottom ul li {margin:0px; padding:0px; display:inline-block; list-style:none;}
#bottom a {text-transform:uppercase; font-size:14px; font-weight:bold; margin:0 20px; display:block; color:#2d3e50;}
#bottom a#selected1, #bottom a:hover {color:rgba(255,255,255,1);}


#data-gallery a {width:282px; height:450px; margin:18px 18px 0 0; float:left; overflow:hidden;}
#data-gallery .img  {width:282px; height:450px; float:left;}
#data-gallery .paging {float:left; margin-top:10px;}

#data-gallery a:hover {border:5px solid #6EC1E4; box-shadow:0 0 15px rgba(0,0,0,0.35); width:282px; height:450px;}
#data-gallery a:hover .img {width:310px; height:495px; }

#contact {float:left; width:1200px; padding:20px 0 0 0;  margin-top:30px; }
#contact .cpart {float:left; width:400px;}
#contact .cpart2 {float:left; width:800px;}
#contact .row {float:left; width:100%; padding:3px;}
#contact .row strong {float:left; font-size:13px; font-weight:normal;  width:120px; color:#333; position:relative; top:6px;}
#contact .row input {padding:6px 10px; background:#eee; border:1px solid #ddd; color:#333; float:left; width:250px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#contact .row textarea {padding:6px 10px; background:#eee; border:1px solid #ddd; color:#333; float:left; width:668px; height:198px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#contact .row input.sendbutton {background:#6EC1E4; color:#2d3e50; border:1px solid #6EC1E4; cursor:pointer; width:auto; padding:8px 10px;}
#contact .row img {float:left; width:100px; height:30px; background:#f5f5f5;}

#zone4 *, #zone1 *, #zone4, #zone1 {line-height:100%;}

.at-share-btn {background:#121a2c!important;}
.at-share-btn svg{color:#a0a3ab!important; fill:#a0a3ab!important;}
#fancybox-wrap, #fancybox-wrap * {box-sizing:initial;}
#popup_continue_shopping, #popup_view_cart {display:inline-block; padding:10px 20px; margin:0 5px; color:#fff;  border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#popup_continue_shopping {background:#333;}
#popup_view_cart {background:#ba1a1a;}

.theme-default .nivo-controlNav {margin-top:-42px; display:none!important; position:relative; background:rgba(0,0,0,0.5); padding:10px 0!important; z-index:40;}
.theme-default .nivoSlider {box-shadow:none!important; margin-bottom:0px!important;}

#language {display:inline-block; margin-left:30px;}
#language a {color:rgba(255,255,255,0.7); font-size:16px; margin-left:5px;}
#language a#selected  {color:#6EC1E4;}
.menu.active #language {float:left; margin:23px 0 0 20px;}
