body {margin:0px; padding:0px; font-size:14px; font-family:arial; color:#666; background:#fff;}
* {box-sizing:border-box; line-height:150%;}
h1, h2, h3, h4, h5, h6, p, i, u {margin:0px; padding:0px; width:auto; font-weight:normal;}
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:red;}
span.success {color:green;}
hr {width:100%; height:0px; background:transparent; color:transparent; line-height:0px; display:block; border:0px; border-bottom:1px dotted #aaa;}
a {text-decoration:none;}
a:hover {text-decoration:none;}
img {border:0px;}
.img {background-position:center; background-repeat:no-repeat; background-size:cover; transition:all 0.3s;}

/* Colors: #00467a; #96bfde, #323232; #666; #888; #999; #e5e5e5; #f2f2f2, #fff */
/* Font size: 12px; 14px; 20px; 24px; 26px*/

.head, #zone2, #zone3, #content, #toparticles, #zone4, #footer  {float:left; width:100%; min-width:1200px;}
.limit {width:1200px; min-width:1200px; margin:0 auto;}

#head-in {float:left; width:100%; padding:25px 0;}

#logo {float:left; margin-top:5px;}
#top-right, #search  {float:right; margin-left:30px}
#top-right {padding-left:30px; border-left:1px solid #eee;}

#lang {float:right;}
#lang a {text-transform:uppercase; color:#888; float:right; margin-lefT:10px; margin-top:20px;}
#lang a:hover {color:#333;}
#lang a#selected {color:#00467a;}

#zone1 {float:left; clear:both; font-size:12px;}
#share {float:right; clear:both; margin-top:10px;}
#search {margin-top:10px;}
#search select {display:none;}
#search input {float:right; padding:10px 30px 10px 10px; background:#f2f2f2; border:1px solid #ddd;}
#search input.sendbutton {padding:0px; width:19px; height:19px; position:relative; margin-left:-19px; left:-7px; margin-top:10px; background:url('images/search.gif') no-repeat center; border:0px;}

#menu {float:left; width:100%; background:#eee;  -webkit-box-shadow: inset 0px 6px 15px -5px rgba(0,0,0,0.3);-moz-box-shadow: inset 0px 6px 15px -5px rgba(0,0,0,0.3);box-shadow: inset 0px 6px 15px -5px rgba(0,0,0,0.3);}
#menu ul, #menu ul li {float:left; list-style:none; font-size:12px; padding:0px; margin:0px;}
#menu ul a {color:#666; text-transform:uppercase; float:left; margin-right:20px; padding:20px 0;}
#menu ul a:hover {color:#333;}
#menu ul a#selected1 {color:#00467a;}

#zone2 {background:#888; }

#zone3 {position:relative; margin-top:-150px; z-index:30;}
#zone3-data {width:100%; padding:20px; background:#00467a; color:#fff; }

#content {padding:50px 0 80px 0;}
#left {width:300px; float:left;}
#right {width:870px; float:right;}

.box {float:left; width:100%; margin-top:30px;}
.box h2 {font-size:16px; float:left; width:100%; color:#00467a; text-transform:uppercase; padding-bottom:5px; border-bottom:2px solid #00467a;}
.box .bdata {width:100%; float:left;}
.box ul, .box ul li {float:left; width:100%; margin:0px; padding:0px; list-style:none;}
.box ul a {float:left; width:100%; padding:10px 0 10px 10px; background:url('images/dot.png') no-repeat left center; color:#333; border-bottom:1px dotted #bbb;}
.box ul ul a {padding:3px 0 3px 50px; background:none; border:0px;}
.box ul ul {border-bottom:1px dotted #bbb; padding:15px 0;}
.box ul a:hover, .box ul a#selected2 {color:#00467a;}
.box ul ul a {padding:3px 0 3px 50px; background:none; border:0px; color:#00467a;  font-size:13px;}
.box ul ul a:hover, .box ul ul a#selected2 {text-decoration:underline;}

#databox {float:left; width:100%; margin-top:30px;}


#zone4 {padding:50px 0 0 0; color:#fff; background:#00467a;}
#footer {background:#323232; color:#888; padding:50px 0;}

#zone5 {float:left; width:500px; margin-right:50px;}

#footer ul.nav {float:left; width:300px; margin:0 50px 0 0; padding:0px;}
#footer ul.nav li {margin:0px; padding:0px; list-style:none;}
#footer ul.nav a {color:#888; float:left; width:100%; padding:10px 0; border-bottom:1px dotted #888;}
#footer ul.nav a#selected1, #footer ul.nav a:hover {color:#fff;}

#facebook {float:left; width:300px;}

#contact {float:left; margin-top:20px;}
#contact form {display:inline-block; width:100%; margin-top:20px;}
#contact .row {width:50%;  float:left; text-align:left; border-bottom:0px solid #000; margin-top:10px;}
#contact .row:nth-child(1), #contact .row:nth-child(3) {padding-right:20px;}
#contact .row.long {width:100%; }
#contact strong {width:100px; float:left; font-weight:normal; color:#666;}
#contact input {width:calc(100% - 100px); width:-moz-calc(100% - 100px); height:36px; width:-webkit-calc(100% - 100px); float:left; background:#f2f2f2; border:1px solid #ddd; color:#333;}
#contact textarea {width:690px; float:left; height:120px; background:#f4f4f4; border:1px solid #ddd; width:calc(100% - 100px); width:-moz-calc(100% - 100px); width:-webkit-calc(100% - );}
#contact input.sendbutton {padding:10px; height:auto; background:#333; color:#fff; cursor:pointer; width:auto; }
#contact input.sendbutton:hover {background:#00467a; color:#fff}

#data-gallery {width:100%; margin-top:28px; float:left; }
#data-gallery a[name="gallery"] {display:none;}
#data-gallery a {float:left; line-height:100%; width:280px; height:200px; overflow:hidden; margin:10px 10px 0 0;}
#data-gallery a .img {width:280px;  height:200px; line-height:100%; float:left;}
#data-gallery a:hover .img {width:309px; height:220px; position:relative; margin-top:-10px; margin-left:-14px;}

.big-image img {float:left; width:100%; border:2px solid #ddd;}

#big_image { width: 100%; padding-bottom: 10px; float: left;}
#big_image img {width: 100%;height: auto;}

#gallery_right a, #gallery_left a {width:auto; height:auto; float:left; background:#ddd; color:#666; font-weight:normal; padding:93px 5px; margin:0px;}
#gallery_right a:hover, #gallery_left a:hover {background:#00467a; color:#fff;} 
#gallery_scroll{width: calc(100% - 52px); width:-moz-calc(100% - 53px); width:-webkit-calc(100% - 53px); height: 200px; border:8px solid #fff; border-top:0px; border-bottom:0px; color:#fff; overflow: hidden; float:left;}
#gallery_slide{height: 250px;float: left;}
#gallery_slide a {width:250px; height:200px; overflow:hidden; margin:0 8px 0 0; }
#gallery_slide a .img{ width:250px; height:200px; float:left;}
#gallery_slide a .img:hover {width:275px; height:220px;}

.article {width:380px; float:left; margin-right: 30px;}
.article:last-child {margin-right:0px;}
.article a.artpic {width:380px; height:200px; float:left; overflow:hidden;}
.article .img {width:380px; height:200px;}
.article:hover .img {width:418px; height:220px; position:relative; margin-top:-19px; margin-left:-10px;}
.article h1 {font-size:26px; float:left; margin-top:10px; width:100%; overflow:hidden; font-weight:normal; height:39px; color:#00467a;}
.article p {color:#666; float:left; width:100%; overflow:hidden; height:60px;}
.article .artdata { padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #ddd; float:left; width:100%;}
.article a.details {color:#00467a; float:left;}

#toparticles {padding:30px 0 50px 0; display:none;}


#data-articles {margin-top:15px; float:left; width:100%;}
#data-articles .artpaging {float:left; width:100%; margin-top:10px;}
#data-articles select {float:left; margin:10px 0; padding:10px; background:#eee; color:#333; width:auto; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
#data-articles .articles2 {width:275px; margin:15px 15px 0 0; padding:10px; border:1px solid #ddd; float:left; height:339px;}
#data-articles .articles2 .artpic {width:100%; height:200px; overflow:hidden; float:left;}
#data-articles .articles2 .artpic .img {width:100%; height:200px; float:left;}
#data-articles .articles2 .artcont {width:100%; float:left;}
#data-articles .articles2 .artcont h1 {margin-top:10px; float:left; width:100%; color:#00467a; font-size:16px; height:24px; overflow:hidden;}
#data-articles .articles2 .artcont p {color:#666; float:left; width:100%; float:left; height:42px; margin-top:10px; overflow:hidden; text-transform:lowercase;}
#data-articles .articles2 a.details {margin-top:10px; float:left;  color:#00467a;}
#data-articles .articles2:hover .img {width:110%; height:220px; position:relative; margin-top:-10px; margin-left:-5%;}



.articles {float:left; width:100%; padding:20px 0; border-bottom:1px dotted #ddd;}
.articles a.artpic {float:left; width:200px; height:120px; overflow:hidden;}
.articles a.artpic .img {float:left; width:200px; height:120px;}
.articles .artcont {float:right; width:650px; }
.articles a.details {float:right; margin-top:10px; color:#fff; padding:5px 8px; background:#00467a;}
.articles h1 {float:left; width:100%; color:#00467a; font-size:22px; }
.articles p {float:left; width:100%; margin-top:10px;}
.articles:hover a.details {background:#333;}
.articles:hover .img {width:220px!important; height:132px!important; position:relative; margin:-6px 0 0 -10px;}
.articles:hover h1 {text-decoration:underline;}

.paging {float:left; width:100%; margin-top:10px;}
.paging a {float:left; padding:10px 13px; border:1px solid #ddd; position:relative; margin:0 5px 0 0!important; color:#666; width:auto!important; height:auto!important;}
.paging a:hover {color:#666; background:#f2f2f2;}
.paging a#selected3, .paging a#selected4 {color:#fff; background:#00467a;}




#detail {float:left; width:100%;}
#dleft {width:385px; margin-right:15px; float:left;}
#dright {width:470px; float:left;}

#dleft {margin-top:30px;}
#dleft a.big-image {float:left; width:100%; }
#dleft a.big-image img {float:left; width:100%; height:auto; border:2px solid #fff; transition:all 0.5s;}
#dleft a.big-image img:hover {border:2px solid #00467a;}
#dleft #data-gallery {margin-top:0px;}
#dleft #data-gallery a {margin:0px; background:#eee;  margin:1px 1px 0 0; overflow:hidden; width:127px; height:95px; color:#666; border:2px solid #fff; transition:all 0.5s;}
#dleft #data-gallery .paging {display:none;}
#dleft #data-gallery a:hover {border:2px solid #00467a;}
#dleft #data-gallery a .img {width:127px!important; height:95px!important; margin:0px!important; transition:all 0s;}

#dright a.back {float:left; margin-top:20px; background:#f2f2f2; border:1px solid #ddd; color:#777; padding:10px 15px;  }
#dright a.back:hover {background:#888; border:1px solid #888; color:#fff;}

h1#dtitle {float:left; width:100%; color:#00467a; font-size:24px; margin-top:20px;}









.head .at-share-btn {background:#aaa!important;}
#content .at-share-btn {background:#666!important;}
.theme-default .nivo-controlNav {display:none;}
.theme-default .nivoSlider {box-shadow:none!important; margin-bottom:0px!important;}