body {font-size:13px; font-family:arial; padding:0px; margin:0px; color:#777; line-height:150%; background:#fff;}
* {box-sizing: border-box; line-height:150%;}
p, span, form, 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%; }
input[type="submit"] {cursor:pointer;}
span.error {color:red!important;}
span.success {color:green!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;}
hr {border:0px; height:1px; line-height:1%; width:100%; display:block; background:#eb690b;}

/* Colors  narancs #eb690b, sarga #e0af1d, f5f5f5, 888, 777, ddd/
/* Font size  36px, 22px, 16px, 14px, 13px */

#head, #menu, #zone1, #zone2, #zone3, #zone4, #zone5, #content, #contact {width:100%; min-width:1200px; float:left;}
.limit {width:1200px; margin:0 auto; min-width:1200px;}
#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;}

#head {background:#fafafa; padding-bottom:20px;}
#head #logo {float:left; margin-top:20px;}
#head #logo img { transition:all 0.3s;}

.fixedmenu {float:left; width:100%; padding-bottom:0px;  display:none; border-bottom:5px solid #ddd; background:#fafafa; position:fixed; z-index:50; top:0px; left:0px; right:0px;}
.fixedmenu #logo {float:left; margin-top:7px;}
.fixedmenu #logo img {height:40px;}
.fixedmenu #menu {width:auto!important; float:right; min-width:auto!important;}
.fixedmenu #menu .limit {width:auto!important; float:right; min-width:auto!important;}

.clear {float:left; width:100%; height:0px; display:none;}
.clear.active, .fixedmenu.active {display:inline-block;}
.clear.active {height:59px;}

#htop, #search {float:right; width:800px;  margin-top:20px;}
#share, #lang {float:right; margin-left:30px;}

#lang a { text-transform:uppercase; font-size:12px; padding-left:8px; font-weight:bold; margin-left:8px; color:#888; border-left:2px solid #666;}
#lang a:hover, #lang a#selected {color:#666;}
#lang a:first-child {border-left:0px;}

#search input {float:right;}
#search h2 {float:right; padding-right:20px; font-size:14px; color:#666; margin-top:7px;}
#search input {border:1px solid #eee; color:#777;}
#search input.sendbutton {width:25px; height:31px; background:url('images/search.png') no-repeat center #fff; position:relative; margin-left:-35px; border:0px; cursor:pointer; margin-top:3px;}
#search select {display:none;}

#menu {border-top:1px solid #eee; border-bottom:1px solid #eee; background:#fff;  transition:all 0.3s;}
#menu ul {width:100%; margin:0px; padding:0px; float:left;  transition:all 0.3s;}
#menu ul li {float:left; margin:0px; padding:0px; list-style:none;  transition:all 0.3s;}
#menu ul li:last-child {float:right;}
#menu ul li:first-child {border-left:1px solid #eee;}
#menu a {padding:16px 20px 15px 20px; border-top:1px solid #eee; position:relative; margin-top:-1px; float:left; color:#777; text-transform:uppercase; font-size:14px; border-right:1px solid #eee;  transition:all 0.3s;}
#menu a:hover, #menu a#selected1 {color:#eb690b; padding:15px 20px; border-top:2px solid #eb690b;}
#menu ul li:last-child a {border:0px; color:#fff; background:#eb690b; padding:15px 20px; margin-top:0px;}
#menu ul li:last-child a:hover, #menu ul li:last-child a#selected1 {border:0px; color:#fff; background:#dc580a; }

#zone1 {background:#fff; line-height:100%; position:relative; margin-top:-2px;}
#zone1 * {line-height:100%;}
#zone2 {background:#f5f5f5; padding:50px 0;}

#content {padding:20px 0 50px 0; background:#fff; float:left;}
#left {float:left; width:885px;}
#right {float:right; width:300px;}

.slider-wrapper {background:url('images/gridtile.png'); position:relative; z-index:20;}

#zone3, #zone4, #zone5 {padding:50px 0;}
#zone3 {background-image:url('images/yellow-bg.jpg'); background-size:cover; background-repeat:no-repeat; color:#fff;}
#zone4 {background:#fff;}
#zone5 {border-bottom:50px solid #ddd; background:#f5f5f5; border-top:1px solid #eee;}

#contact {padding:50px 0;}
#contact h2 {color:#eb690b; float:left; width:100%; font-size:22px; margin-bottom:20px;}
#contact .row {width:100%;}
#contect .row strong {width:100%; float:left;}
#contact input, #contact textarea {border:1px solid #eee; float:left; clear:both; width:100%; margin-bottom:10px; margin-top:2px;}
#contact textarea {height:100px;}
#contact input.sendbutton {padding:15px 20px; width:auto; background:#eb690b; color:#fff; cursor:pointer;}

.box {width:100%; float:left; margin-top:30px;}
.box h2 {padding:15px; width:100%; text-transform:uppercase; border:1px solid #ddd; background:#fff; color:#eb690b; font-size:14px; border-left:3px solid #eb690b;}
.box .bdata {float:left; width:100%;}
.box ul, .box ul li  {width:100%; float:left; margin:0px; padding:0px; list-style:none;}
.box ul {border:1px solid #ddd; border-top:0px; position:relative; margin-top:-1px;}
.box ul li a {background:#f5f5f5; padding:15px; font-size:13px; color:#777; text-transform:uppercase; float:left; width:100%; border-top:1px solid #ddd;}
.box ul li ul li a {padding:10px 10px 10px 30px; font-size:12px;}
.box ul li a:hover, .box ul li a#selected2 {background:#fff; color:#e0af1d;}

#toparticles {float:left; width:100%; margin-top:30px;}
#toparticles h2  {padding:15px; width:100%; text-transform:uppercase; border:1px solid #ddd; background:#fff; color:#eb690b; font-size:14px; border-left:3px solid #eb690b;}
#tcont {border:1px solid #ddd; padding:15px 15px 25px 15px; border-top:0px; float:left;}

#toparticles .articles {width:100%; float:left; margin-top:10px; padding-bottom:15px; border-bottom:1px solid #ddd;}
#toparticles .artpic {width:100px; height:80px; float:left; margin-top:5px;}
#toparticles .artpic .img {width:100px; height:80px; float:left;}
#toparticles .artcont {float:left; width:100%; margin-top:5px;}
#toparticles .artcont a, #toparticles .artcont a h1 {font-size:16px; font-weight:bold; width:100%; color:#777; margin-top:2px; float:left;}
#toparticles .artcont p {margin-top:5px; width:100%; float:left; color:999; font-size:12px;}

#toparticles .articles:hover a h1 {color:#e0af1d;}

#databox {float:left; width:100%; margin-top:30px;}
#data-gallery {float:left; width:100%; margin-top:25px; text-align:center;}
#data-gallery a {margin:5px 5px 0 0;}
#data-gallery a, #data-gallery .img {float:left; width:169px; height:115px;} 

.paging {width:100%; float:left; margin-top:20px;}
.paging a { padding:10px 13px;  border:1px solid #ddd; border-right:0px; color:#777;  width:auto!important; height:auto!important; float:left; margin:0px!important;}
.paging a:last-child {border-right:1px solid #ddd; -webkit-border-top-right-radius: 50%; -webkit-border-bottom-right-radius: 50%; -moz-border-radius-topright: 50%; -moz-border-radius-bottomright: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%;}
.paging a:first-child {-webkit-border-top-left-radius: 50%; -webkit-border-bottom-left-radius: 50%;-moz-border-radius-topleft: 50%; -moz-border-radius-bottomleft: 50%; border-top-left-radius: 50%; border-bottom-left-radius: 50%;}

.paging a:hover, .paging a#selected4, .paging a#selected3 {color:#e0af1d;}

#data-articles {margin-top:20px; 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:289px; margin:3px 3px; padding:10px; border:1px solid #ddd; float:left;}
#data-articles .articles2 .artpic {width:100%; height:400px; overflow:hidden; float:left;}
#data-articles .articles2 .artpic .img {width:100%; height:400px; float:left;}
#data-articles .articles2 .artcont {width:100%; float:left;}
#data-articles .articles2 .artcont a, #data-articles .articles .artcont h1 {margin-top:3px; float:left; width:100%; color:#666; font-size:18px; height:26px; overflow:hidden;}
#data-articles .articles2 .artcont p {color:#888; float:left; width:100%; float:left; height:38px; margin-top:10px; overflow:hidden;}

#data-articles .articles {width:100%; padding:30px 0; border-bottom:1px solid #ddd; float:left;}
#data-articles .articles .artpic {width:400px; height:200px; overflow:hidden; float:left; margin-right:15px;}
#data-articles .articles .artpic .img {width:400px; height:200px; float:left;}
#data-articles .articles .artcont {width:465px; float:left;}
#data-articles .articles .artcont a, #data-articles .articles2 .artcont h1 {margin-top:0px; float:left; width:100%; color:#666; font-size:22px; height:auto; overflow:hidden;}
#data-articles .articles .artcont p {color:#888; float:left; width:100%; float:left; height:95px; margin-top:10px; overflow:hidden;}

#data-articles .articles2:hover h1, #data-articles .articles:hover h1 {color:#e0af1d;}
#data-articles .articles2:hover .img {width:110%; height:440px; position:relative; margin-top:-20px; margin-left:-5%;}
#data-articles .articles:hover .img {width:440px; height:220px; position:relative; margin-top:-10px; margin-left:-20px;}

#detail {float:left; width:100%;}
#dleft {width:400px; 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;}
#dleft #data-gallery {margin-top:0px;}
#dleft #data-gallery a {margin:0px; background:fff;  margin:5px 5px 0 0; overflow:hidden; width:95px; height:95px;}
#dleft #data-gallery a .img {width:95px; height:95px;}

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

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