@charset "utf-8";
/* CSS Document */
body {
margin: 0;
padding: 0;
background: url(../images/pozadina-ta.png) repeat-x top left;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #3a3a38;
}
a {
color: #777;
text-decoration: none;
outline: none;
}
a:hover {
color: #3a3a38;
text-decoration: none;
}
a.active {
color: #990000;
text-decoration: none;
}
div#leftcorner {
background: url(../images/senka-ta.png) 50% 185px no-repeat;
}
div#rightcorner {
background: url(../images/senka-ta.png) 50% 185px no-repeat;
}
div#mainwrapper {
width: 960px;
margin: 0 auto;
}
div.clear {
clear: both;
height: 1px;
}
div#header {
width: 914px;
margin: 0 auto;
padding: 15px 0 0 0;
}
div#header .dir {
font-family: 'BebasNeueRegular';
font-size: 20px;
color: #333;
background: none;
padding: 0 0 0 465px;
}
div#header .title {
font-family: 'MomsTypewriterRegular';
font-size: 40px;
color: #990000;
background: none;
padding: 0 0 0 255px;
}
div#header .desc {
font-family: 'MomsTypewriterRegular';
font-size: 17px;
color: #000;
background: none;
padding: 0 0 0 0;
text-align: center;
}
div#navwrapper {
width: 800px;
float: left;
margin: 0 10px 0 0;
padding: 40px 0 0 50px;
overflow: hidden;
}
div#contentwrapper {
padding: 0;
margin: 0;
}
div#contentbg {
position: relative;
margin: 0;
padding: 0 0 0 0;
background: url(../images/grb-ot.png) top center no-repeat;
height: 419px;
padding: 0px 40px;
}
.separator-ot {
position: absolute;
background: url(../images/seperator-ot.gif) top left no-repeat;
width: 2px;
height: 305px;
margin: 20px 0 0 460px;
}
div.currentcontent {
width: 375px;
height: 305px;
margin: 10px;
padding: 10px 0 0 5px;
float: right;
display: inline;
}
div.currentcontent h2 {
font-size: 30px;
color: #990000;
padding: 0;
margin: 0;
font-weight: lighter;
font-style: italic;
font-family: "Times New Roman", Times, serif;
}
div.currentcontent h6 {
font-size: 10px;
font-weight: normal;
color: #3a3a38;
padding: 0;
margin: 0;
line-height: 18px;
}
div.currentcontent p {
text-align: justify;
line-height: 18px;
font-family: georgia, times, sans-serif;
font-style: italic;
}
div.currentcontent p a {
text-decoration: none;
background: #4b4946;
color: #fff;
padding: 0 7px 1px 7px;
margin: 0 3px 0 3px;
}
div.currentcontent h6 a {
text-decoration: none;
background: #4b4946;
color: #fff;
padding: 0px 7px 1px 7px;
margin: 0 3px 0 3px;
}
div.currentcontent h6 a:hover {
color: white;
text-decoration: none;
background: #333130;
}
div.currentcontent a:hover {
color: white;
text-decoration: none;
background: #333130;
}

div.currentcontent h3 {
font-size: 15px;
color: #3a3a38;
padding: 0;
margin: 0;
}
div.currentcontent ul {
padding: 10px 0 0 0;
margin: 0;
list-style: none;
}
div.currentcontent ul li {
display: block;
font-size: 13px;
line-height: 28px;
padding-left: 25px;
background: url(../images/strelica-ta.png) center left no-repeat;
border-bottom: 1px solid #1b1b1b;
}
div.currentcontent ul li a{
color: #3a3a38;
text-decoration: none;
}
.toolswrapper {
margin-top: 10px;
}
.toolswrapper {
background: url(../images/strelica-ta.png) center left no-repeat;
margin: 0;
padding: 0 15px 0 15px;
}
.toolswrapper a {
display: block;
font-size: 13px;
line-height: 28px;
padding-left: 25px;
text-decoration: none;
color: #3a3a38;
}
.toolswrapper a:hover {
color: #333130;
padding-left: 27px;
background-position: 3px 50%;
}
small {
font-size: 9px;
text-transform: uppercase;
font-style: normal;
color: #990000;
font-family: Geneva, Arial, Helvetica, sans-serif;
}
#txt-dolu a, a:hover {
outline: none;
}
div#txt-dolu, div#txt-dolu-2, div#txt-dolu-3 {
width: 260px;
height: 260px;
float: left;
margin: 80px 5px 0 0;
background: url(../images/kutija-ta.png) top left no-repeat;
padding: 15px 20px 0 20px;
position: relative;
color: #fff;
overflow: hidden;
}
div#txt-dolu {
margin-left: 45px;
display: inline;
}
div#txt-dolu h3, div#txt-dolu-2 h3, div#txt-dolu-3 h3 {
font-size: 17px;
color: #1b1b1b;
padding: 10px;
margin: 0;
text-align: center;
font-weight: normal;
font-family: Geneva, Arial, Helvetica, sans-serif;
}
div#txt-dolu h6, div#txt-dolu-2 h6, div#txt-dolu-3 h6 {
font-size: 10px;
font-weight: normal;
color: #fff;
padding: 0;
margin: 0;
text-align: center;
}
div#footer {
padding: 35px 25px 15px 25px;
height: 30px;
font-size: 11px;
color: #aaa;
}
div#footer p {
text-align: center;
color: #aaa;
}
div#footer p a {
text-decoration: none;
background: #333130;
color: #a19f9d;
padding: 0 7px 1px 7px;
margin: 0 3px 0 3px;
outline: none;
}
div#footer p a:hover {
color: white;
text-decoration: none;
background: #4b4946;
}
.header-holder {
width: 880px;
padding: 0;
overflow: hidden;
margin: 0 auto;
position: relative;
}
.header-holder .scroll-holder {
width: 880px;
overflow: hidden;
}
.header-holder .scroll-holder ul {
width: 9999px;
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
}
.header-holder .scroll-holder li {
float: left;
width: 880px;
overflow: hidden;
position: relative;
height: 610px;
}
.header-holder .scroll-holder li img {
position: absolute;
top: -30px;
left: -30px;
}
.header {
width: 900px;
padding: 0 40px 0 50px;
overflow: hidden;
}
#inner #navigation li {
margin-right: 5px;
}
#navigation{
float: left;
overflow: hidden;
margin: 0;
padding: 36px 0 0;
list-style: none;
}
#navigation li {
float: left;
overflow: hidden;
margin-right: 15px;
}
#navigation li a {
font: bold 13px/29px Arial, Helvetica, sans-serif;
}
#navigation li a:hover, #navigation li a.active {
text-decoration: none;
color: #d10a00;
font: italic bold 13px/29px Georgia, "Times New Roman", Times, serif;
}
.spec-box-holder-1 {
position: absolute;
margin: 30px 0 0 10px;
padding: 0;
}
.spec-box-holder {
position: absolute;
margin: 50px 0 0 50px;
float: left;
}
.arrows {
width: 890px;
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 365px;
z-index: 10;
}
.arrows li {
float: left;
overflow: hidden;
margin: 2px 25px 0 15px;
display: inline;
z-index: 10;
}
.arrows li a {
display: block;
width: 32px;
height: 32px;
text-indent: -9999em;
overflow: hidden;
z-index: 10;
}
.arrows li.left-arrow a {background: url(../images/arrow-left.png) no-repeat; z-index: 10;}
.arrows li.right-arrow a {background: url(../images/arrow-right.png) no-repeat; z-index: 10;}
.arrows li.right-arrow {float: right; z-index: 10;}
.arrows li a:hover, .arrows li a.active {background-position: 0 100%; z-index: 10;}
.margini-te {
padding: 40px 20px 20px 20px;
}
#bottomcontent .icons {
margin: 0 0 0 -40px;
}
#bottomcontent .icons ul.list li {
list-style-type: none;
}
#bottomcontent .icons ul.list li a {
width: 180px;
height: 50px;
display: block;
background: #fff;
}
#bottomcontent .icons ul.list li a span {
display: none;
}
#bottomcontent .icons ul.list li.youtube a {
background: url(../images/yt-logo.png) no-repeat;
}
#bottomcontent .icons ul.list li.youtube a:hover {
background: url(../images/yt-logo.png) 0 -50px no-repeat;
}
#bottomcontent .icons ul.list li.myspace a {
background: url(../images/ms-logo.png) no-repeat;
}
#bottomcontent .icons ul.list li.myspace a:hover {
background: url(../images/ms-logo.png) 0 -50px no-repeat;
}
#bottomcontent .icons ul.list li.facebook a {
background: url(../images/fb-logo.png) no-repeat;
}
#bottomcontent .icons ul.list li.facebook a:hover {
background: url(../images/fb-logo.png) 0 -50px no-repeat;
}