@charset "utf-8";
/* CSS Document */
body {
margin:0;
padding:0;
background: url(../images/pozadina-ta-enter.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-enter.png) 50% 135px no-repeat;
}
div#rightcorner {
background: url(../images/senka-ta-enter.png) 50% 135px 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: 740px;
height: 2px;
float: right;
margin: 0 10px 0 0;
padding: 40px 0 0 0px;
overflow: hidden;
}
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-enter.png) top center no-repeat;
height:535px;
padding:0px 40px;
}
div#illustration {
position:absolute;
bottom:-35px;
right:0;
width:409px;
height:135px;
z-index:80;
}
div.currentwrapper {
padding: 20px 0px 10px 0px;
float:left;
width:880px;
}
div.wide {
width:3656px;
}
div#crop {
width:880px;
height:535px;
overflow: hidden;
}
div.currentcontent {
width:427px;
height:315px;
margin:0px;
padding:0 3px 0 20px;
float:right;
}
div.currentcontentleft {
width:427px;
height:315px;
margin:0px;
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: #fff;
padding:0px;
margin:0px;
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:0px;
margin:0px;
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:0px 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:0px;
margin:0px;
}
div.currentcontent ul, div.currentimage ul, div.contactinfo ul, div.contactform ul {
padding:10px 0 0 0;
margin:0;
list-style:none;
}
div#navindicator span {
display:none;
}
div#txt-dolu, div#txt-dolu-2, div#txt-dolu-3 {
width:260px;
float:left;
margin:80px 5px 0 0;
background: url(../images/kutija-ta.png) top left no-repeat;
height:260px;
padding:15px 20px 20px 20px;
position:relative;
color: #fff;
}
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;
}
.margini-te {
padding: 20px 20px 0 10px;
}
div#txt-dolu h6, div#txt-dolu-2 h6, div#txt-dolu-3 h6 {
font-size:10px;
font-weight:normal;
color:#fff;
padding:0px;
margin:0px;
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:0px 7px 1px 7px;
margin:0 3px 0 3px;
}
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;
}

/*********** Fixes for our "beloved" IE6 ***********/
* html div#conentwrapper {
margin-top:-15px;
}
* html div#leftcorner {
background:none;
}
* html div.currentcontentleft, * html div.currentcontent, * html div.contactinfo {
padding:0 0 0 20px;
}


#wrapper{
background: url(images/bg.gif) repeat-y;
}

#content{
width: 620px;
float:left;
margin: 10px 0;
}

#content #video-nav{
background:url(images/video_nav.png) no-repeat;
width: 560px;
padding:0 10px;
margin: 10px auto 10px auto;
font-size:12px;
position:relative;
overflow: hidden;
}

#content #video-nav ul{
list-style-type: none;
margin:0 auto;
padding:0;
}

#content #video-nav ul li{
float:left;
padding-left:15px;
line-height:23px;
}

#content #video-nav ul li a{
color: #9f9f9f;
text-decoration:none;
}

#content #video-nav ul li a:hover{
color:#FFF;
}

.video {
position: absolute;
margin: 10px 0 0 170px;
padding: 37px 10px 10px 10px;
background: url(../images/trailer-back-enter.png) no-repeat center;
width: 540px;
height: 394px;
}