@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 h1 {
background: url(../images/logo-the.png) no-repeat;
float: left;
margin: 0;
padding: 0;
width: 700px;
height: 100px;
}
div#conentwrapper {
padding: 0;
margin: 0;
}
div#navwrapper {
width: 800px;
float: left;
margin: 0 10px 0 0;
padding: 40px 0 0 50px;
overflow: hidden;
}
ul#mainnav{
display: inline;
padding: 0;
margin: 0;
list-style: none;
float: right;
}
ul#mainnav li {
padding: 0;
margin: 0;
display: inline;
float: left;
position: relative;
}
ul#mainnav li a {
display: block;
height: 46px;
width: 92px;
text-align: center;
line-height: 40px;
text-decoration: none;
color: #000;
font-size: 14px;
font-family: Geneva, Arial, Helvetica, sans-serif;
}
ul#mainnav li a:hover {
background: url(../images/nav_hover.gif) bottom center no-repeat;
color: #990000;
}
ul#mainnav li a.active {
background: url(../images/nav_hover.gif) bottom center no-repeat;
color: #990000;
}
div#contentwrapper {
width: 914px;
margin: 0 auto;
padding: 0 0 0 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;
}
div#illustration {
position: absolute;
bottom: -35px;
right: 0;
width: 409px;
height: 135px;
z-index: 80;
}
a.aboutme {
display: block;
text-decoration: none;
width: 400px;
height: 110px;
padding: 0;
margin: 0;
background: url(../images/watch.png) top left no-repeat;
cursor: pointer;
}
a.aboutme span {
display: none;
padding: 0;
margin: 0;
}
div.currentwrapper {
padding: 20px 0px 10px 0px;
float: left;
width: 880px;
}
div.wide {
width: 3656px;
}
div#crop {
width: 880px;
height: 360px;
overflow: hidden;
}
div.currentimage {
width: 430px;
height: 315px;
margin: 0;
padding: 0;
float: left;
}
.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.currentcontentleft {
width: 427px;
height: 315px;
margin: 0;
padding: 0 3px 0 20px;
float: left;
}
div.currentcontent h2, div.currentcontentleft h2, div.currentimage h2, div.contactinfo h2, div.contactform 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, div.currentcontentleft h6, div.currentimage h6, div.contactinfo h6, div.contactform h6 {
font-size: 10px;
font-weight: normal;
color: #3a3a38;
padding: 0;
margin: 0;
line-height: 18px;
}
div.currentcontent p, div.currentcontentleft p, div.currentimage p, div.contactinfo p, div.contactform p {
text-align: justify;
line-height: 18px;
font-family: georgia, times, sans-serif;
font-style: italic;
}
div.currentcontent p a, div.currentcontentleft p a, div.contactinfo p a, div.contactform p a {
text-decoration: none;
background: #4b4946;
color: #fff;
padding: 0 7px 1px 7px;
margin: 0 3px 0 3px;
}
div.currentcontent h6 a, div.currentcontentleft h6 a, div.contactinfo h6 a, div.contactform h6 a {
text-decoration: none;
background: #4b4946;
color: #fff;
padding: 0px 7px 1px 7px;
margin: 0 3px 0 3px;
}
div.currentcontent h6 a:hover, div.currentcontentleft h6 a:hover, div.contactinfo h6 a:hover, div.contactform h6 a:hover {
color: white;
text-decoration: none;
background: #333130;
}
div.currentcontent a:hover, div.currentcontentleft a:hover, div.contactinfo a:hover, div.contactform a:hover {
color: white;
text-decoration: none;
background: #333130;
}

div.currentcontent h3, div.currentcontentleft h3, div.currentimage h3, div.contactinfo h3, div.contactform h3 {
font-size: 15px;
color: #3a3a38;
padding: 0;
margin: 0;
}
div.currentcontent ul, div.currentimage ul, div.contactinfo ul, div.contactform ul {
padding: 10px 0 0 0;
margin: 0;
list-style: none;
}
div.currentcontent ul li, div.currentimage ul li, div.contactinfo ul li, div.contactform 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%;
}
div#navindicator {
display: none;
width: 19px;
height: 134px;
position: absolute;
bottom: 100px;
left: 5px;
background: url(../images/navhere.png) no-repeat;
}
div#navindicator span {
display: none;
}
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;
}
img {
border: none;
padding: 0;
margin: 0;
}
div#illustration em {
background: url(../images/baloon-ot.png) no-repeat;
width: 200px;
height: 140px;
position: absolute;
top: -90px;
left: 90px;
text-align: center;
font-style: normal;
z-index: 2000;
display: none;
color: #fff;
}

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