body {font-size:14px; font-family:arial; padding:0px; margin:0px; color:#333; line-height:150%;}
* {box-sizing: border-box; line-height:150%;}
p, span, form, table, h1, h2, h3, h4, h5 {margin:0px; padding:0px;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; }
input, select, textarea {padding:10px; border:0px; line-height:100%; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
input[type="submit"] {cursor:pointer;}
span.error {color:#d30505!important;}
span.success {color:#67b951!important;}
a {text-decoration:none;}
img {border:0px;}
.img { background-size:cover; background-repeat:no-repeat; background-position:center; display:inline-block; transition:all 0.3s;}


/* Colors fff, eee, ddd, 888, 333, 0183a8, 0192bb, 67b951, aa77cd */
/* Font size 24, 20, 18, 16, 14 */

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


#zone1 {color:#fff; padding:15px 0; background:#0183a8; }
#zone1 a {color:#fff;}
#zone1 a:Hover {text-decoration:underline;}

.top {background:url('images/head-back.gif') repeat-x bottom center #0192bb; padding:25px 0 50px 0; transition:all 0.5s;}
.top #logo {float:left; margin-top:4px;}
.top #logo img {transition:all 0.5s;}
.top #search {float:right; width:500px;}
.top #search select {display:none; }
.top #search input {float:right; width:250px; padding-right:40px;}
.top #search input[type="submit"] {width:28px; padding-right:0px; height:28px; background:url('images/search.png') no-repeat center; position:relative; z-index:1; margin-left:-28px; left:-3px; margin-top:3px;}
.top ul {float:right;  margin:20px 0 0 0; padding:0px; transition:all 0.5s;}
.top ul li {float:left; margin:0px; padding:0px; list-style:none;}
.top ul li:first-child a {margin-left:0px;}
.top ul a {float:right; color:#fff; font-size:16px; text-transform:uppercase; margin-left:40px; font-weight:bold;padding-top:18px; transition:all 0.5s;}
.top ul a:hover, .top ul a#selected1 { background:url('images/menuhover.png') no-repeat top center; }


.top.fixed {float:left; top:0px; position:fixed; width:100%; z-index:30; border-bottom:15px solid #fff; height:130px;}
.top.fixed #logo img {height:65px;}
.top.fixed #search {width:auto!important; margin-left:30px; margin-top:22px;}
.top.fixed ul {margin-top:15px; }
.top.fixed ul a {font-size:14px!important; margin-left:20px;}
.top.fixed {padding:10px 0 30px 0;}

.clear.fixed {float:left; width:100%; height:130px;}


#head {
padding-bottom:50px;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(238,238,238,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );
}


#banner {width:1200px; height:470px; background:#fff; padding:10px; margin-top:50px; border:1px solid #eee; box-shadow:0 0 5px rgba(0,0,0,0.1);  -moz-box-shadow:0 0 5px rgba(0,0,0,0.1); -webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);}
#zone3 {margin-top:20px; float:left; width:100%;}

#content {padding-bottom:70px;}
#zone4 {padding:50px 0 0 0; background: #eee; border-bottom:1px solid #ddd;}
#zone4data {float:left; padding-bottom:50px; width:100%; border-bottom:15px solid #ddd;}
#footer {padding:70px 0 120px 0; background:url('images/footer.jpg') no-repeat bottom center; min-height:420px;}
#footer h2 {font-size:18px; font-weight:bold; text-transform:uppercase; margin-bottom:25px;}


#copyright {float:left; width:339px; padding-right:30px; border-right:1px solid #ddd; min-height:200px;}
#copyright #logo {float:left;}
#copyright p {float:left; width:100%; margin-top:15px;}
#copyright #fshare {float:left; width:100%; margin-top:20px;}
#zone5 {float:left; width:310px; padding:0 30px; border-right:1px solid #ddd; min-height:200px;}
#zone5 table * {line-height:200%;}
#menu {float:left; width:210px; padding:0 30px; border-right:1px solid #ddd; min-height:200px;}
#menu ul {float:left; margin:-5px 0 0 0; padding:0px; position:relative; }
#menu ul li {float:left; width:100%; margin:0px; padding:0px; list-style:none;}
#menu a {float:left; margin-top:5px; color:#333;}
#menu a:hover {text-decoration:underline;}
#menu a#selected1 {color:#0192bb;}
#newsletter {float:left; padding-left:30px; width:340px;}


#left {float:left; width:300px; margin-top:20px;}
#right {float:right; width:850px; margin-top:40px;}

#left .box {float:left; width:100%; margin-top:50px;}
#left #boxzone1 .box h2 {font-size:24px; float:left; width:100%; margin-bottom:10px; padding-bottom:10px; border-bottom:2px solid #0192bb; color:#0192bb;}
#left #boxzone2 .box h2 {font-size:24px; float:left; width:100%; margin-bottom:10px; padding-bottom:10px; border-bottom:2px solid #67b951; color:#67b951;}
#left #boxzone3 .box h2 {font-size:24px; float:left; width:100%; margin-bottom:10px; padding-bottom:10px; border-bottom:2px solid #aa77cd; color:#aa77cd;}
#left .box .bdata {float:left; width:100%;}
#left .box ul, #left .box ul li {float:left; width:100%; margin:0px; padding:0px; list-style:none;}

#left #boxzone1 .box ul a {float:left; width:100%; padding:10px 0 10px 15px; color:#333; border-bottom:1px dotted #aaa; background:url('images/bluedot.png') no-repeat left center;}
#left #boxzone1 .box ul a:hover, #left .box ul a#selected2 {color:#0192bb;}


#left #boxzone2 .box ul a {float:left; width:100%; padding:10px 0 10px 15px; color:#333; border-bottom:1px dotted #aaa; background:url('images/greendot.png') no-repeat left center;}
#left #boxzone2 .box ul a:hover, #left #boxzone2 .box ul a#selected2 {color:#67b951;}

#left #boxzone3 .box ul a {float:left; width:100%; padding:10px 0 10px 15px; color:#333; border-bottom:1px dotted #aaa; background:url('images/purpledot.png') no-repeat left center;}
#left #boxzone3 .box ul a:hover, #left #boxzone3 .box ul a#selected2 {color:#aa77cd;}

#left .box ul ul {width:100%; padding:10px 0 10px 50px; border-bottom:1px dotted #aaa; background:#eee;}
#left .box ul ul a {float:left; width:100%; padding:2px 0 2px 0!important; color:#333; border-bottom:0px dotted #aaa!important; background:transparent!important; font-size:12px;}

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

#data-gallery {float:left; margin-top:22px;}
#data-gallery a {float:left; margin:0; width:204px; height:150px; overflow:hidden;  margin:8px 8px 0 0;}
#data-gallery .img {width:204px; height:150px; } 
#data-gallery a:hover .img {width:220px; height:165px; position:relative; margin-top:-4px; margin-left:-4px;}
#data-gallery .paging {float:left; width:100%; clear:both;  margin-top:8px;}
#data-gallery .paging a {color:#333; float:left; background:#eee;  width:auto; height:auto; margin:1px 1px 0 0; padding:8px 12px; position:relative;}
#data-gallery .paging a:hover, #data-gallery .paging a#selected3 {background:#0192bb; color:#fff;}


#contact {float:left; margin-top:30px; padding:10px; background:#eee; width:100%; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#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:10px; background:#fff; 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:10px; background:#fff; 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:#0192bb; color:#fff; border:1px solid #0192bb; cursor:pointer; width:auto; }
#contact .row img {float:left; width:100px; height:30px; background:#f5f5f5;}

#toparticles {float:left; width:100%; margin-top:30px; display:none;}
#toparticles h2 {font-weight:bold; font-size:20px; padding-bottom:10px; border-bottom:1px dotted #aaa;}


.article {float:left; width:100%; margin-top:30px;}
.article .artpic {float:left; width:260px; height:170px; overflow:hidden; margin-right:10px; background:url('images/noimage.gif') no-repeat center #f5f5f5; background-size:contain;}
.article .artpic .img {width:260px; height:170px; position:relative; }
.article .container {float:left; width:580px;}
.article .container a, .article .container h1 {color:#333; font-size:18px; float:left; width:100%;}
.article .container a:hover, .article .container a:hover h1 {text-decoration:underline;}
.article .container p {float:left; width:100%; color:#888; margin-top:20px;}
.article:hover .artpic .img {width:286px; height:187px; position:relative; margin-left:-13px;}
.article:hover .container h1, .article:hover .container a {text-decoration:underline;}

.article .container span {float:left; color:#0192bb; padding-left:25px; margin-top:20px; background:url('images/calendar.png') no-repeat left center;}

#data-articles {float:left; width:100%; }

#data-articles .paging {float:left; width:100%; clear:both;  margin-top:30px;}
#data-articles .paging a {color:#333; float:left; background:#eee;  width:auto; height:auto; margin:1px 1px 0 0; padding:8px 12px; position:relative;}
#data-articles .paging a:hover, #data-articles .paging a#selected4 {background:#0192bb; color:#fff;}


a.back {float:left; padding:10px; background:#0192bb; color:#fff; margin-top:30px;}
h1#article-title {float:left; width:100%; margin-top:30px; font-size:24px;}
span#article-date {float:left; color:#0192bb; padding-left:25px; margin-top:20px; background:url('images/calendar.png') no-repeat left center;}
#share {float:left; width:100%; margin-top:30px;}
a.big-image {float:left; width:100%; margin-top:30px;}
a.big-image img {float:left; width:100%; }

#footer .at-share-btn {background:#888!important;}
.detail .at-share-btn {background:#0192bb!important;}

#zone4 h2 {float:left; width:100%; margin-bottom:10px;}
#zone4 img {float:left; height:75px!important; width:auto!important; cursor:pointer; margin:20px 20px 0 0!important; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */  filter: grayscale(100%);}
#zone4 img:hover { -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);}

#fancybox-wrap, #fancybox-wrap * {box-sizing:initial!important;}

.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;}

hr {width:100%; height:0px; background:transparent; color:transparent; line-height:0px; display:block; border:0px; border-bottom:1px dotted #aaa;}

.ml-form-align-center  {text-align:left!important;}
.ml-form-embedWrapper  {max-width:100%!important;}
.ml-form-embedBody {padding:0px!important; margin:0px!important; }
.ml-form-formContent {width:100%!important; float:left!important; margin-bottom:0px!important;}
.ml-form-checkboxRow {float:left!important; width:100%!important; margin:20px 0!important;}
.ml-form-align-center, .ml-form-embedContainer  {padding:0px!important; margin:0px!important;}
.ml-form-embedSubmit {width:100px!important; float:left!important; }
.ml-form-successContent h4 {margin-bottom:0px!important; color:#ba1a1a!important; position:relative!important; font-size:26px!important;}
.ml-form-successBody {padding:20px 0 0 0!important;}