/*
 Screen style    
 Site: Transkarpatia.sk
*/

body {
 background: #002740 url(../img/bgs/bg.gif) top left repeat-x;
 color: #fff;
 font-size: 72%;
 padding: 0;
 text-align: center;
}

.two-cols {
 clear: both;
}

.two-cols div {
 width: 240px;
 padding-bottom: 20px;
}

.two-cols .left {
 float: left;
}

.two-cols .right {
 float: right;
}

.two-cols h3 {
 margin-top: 0;
}

p.iso {
 background-color: #163D56;
 color: #fff;
 margin: 30px 0 20px 0;
 padding: 0.55em 0 0.65em 0;
 text-align: center;
}

p.iso a, p.iso a:link, p.iso a:visited {
 background-color: #163D56;
 color: #fff;
}

p.iso a:hover {
 background-color: #163D56;
 color: #FFE69B;
}

.info #header {
 background-image: url(../img/bgs/header-bg-info.gif);
}

.info #header h1 span {
 background-image: url(../img/logo/spedition-info.gif);
}

.info #wrapper {
 background-image: url(../img/bgs/eu-info.jpg);
}

.dotaz #header {
 background-image: url(../img/bgs/header-bg-info.gif);
}

.dotaz #header h1 span {
 background-image: url(../img/logo/spedition-info.gif);
}

.dotaz #wrapper {
 background-image: url(../img/bgs/dotaz2.jpg);
}


#content {
 margin: 25px 0 25px 190px;
 padding: 0 10px;
 width: 480px;
}

#content_dotaz {
 position : absolute;
 top : 165px;
 margin: 25px 0px 25px 220px;
 padding: 0 10px;
 width: 480px;
}


#content li {
 background-image: url(../img/bgs/li-arrow.gif);
 background-position: 0 50%;
 background-repeat: no-repeat;
 list-style: none;
 padding-left: 12px;
}

#content ul {
 margin-left: 1em;
}

#footer {
 border-top: 3px solid #FFCC33;
 font-size: 0.9em;
 margin-left: 190px;
 padding: 0.65em 10px 1em 10px;
 text-align: center;
 width: 480px;
 clear: both;
}

#header {
 background-image: url(../img/bgs/header-bg.gif);
 background-position: 362px 0;
 background-repeat: no-repeat;
 height: 400px;
 position: relative;
 width: 770px;
}

#header_dotaz {
 background-image: url(../img/bgs/header-bg.gif);
 background-position: 362px 0;
 background-repeat: no-repeat;
 height: 400px;
 position: relative;
 width: 770px;
}


#header h1 {
 font-size: 0.9em;
 height: 16px;
 left: 200px;
 margin: 0;
 overflow: hidden;
 position: absolute;
 text-transform: uppercase;
 top: 108px;
 width: 362px;
}

#header h1 span {
 background: url(../img/logo/spedition.gif) top left no-repeat;
 display: block;
 height: 16px;
 left: 0;
 position: absolute;
 top: 0;
 width: 362px;
 z-index: 1;
}

#home-email {
 bottom: 207px;
 list-style: none;
 margin: 0;
 padding: 0;
 position: absolute;
 right: 22px;
}

#home-email li {
 display: inline;
 margin: 0 0 0 10px;
}

#lang {
 background-image: url(../img/bgs/lang-bg.gif);
 background-repeat: no-repeat;
 bottom: 0;
 height: 200px;
 position: absolute;
 right: 0;
 width: 80px;
}

#lang a {
 border: 2px solid #163D56;
 display: block;
 height: 12px;
 line-height: 12px;
 text-decoration: none;
 width: 18px;
}

#lang a:hover, #lang a.current {
 border: 2px solid #5C7889;
}

#lang li {
 border-bottom: 1px solid #1C4C6C;
 border-top: 1px solid #102E40;
 margin: 0;
 padding: 2px 0 2px 3px;
}

#lang li.first {
 border-top: 0;
}

#lang li.last {
 border-bottom: 0;
}

#lang ul {
 list-style: none;
 margin: 48px 0 0 25px;
 width: 30px;
}

#logo {
 left: 20px;
 position: absolute;
 top: 131px;
}

#nav {
 background-image: url(../img/bgs/nav-bg.gif);
 background-repeat: no-repeat;
 bottom: 0;
 height: 200px;
 left: 0;
 position: absolute;
 width: 233px;
}

#nav a {
 background: transparent url(../img/bgs/nav-arrow.gif) 11px 50% no-repeat;
 color: #fff;
 display: block;
 font-size: 0.9em;
 font-weight: bold;
 margin: 0;
 padding: 7px 0 7px 20px;
 text-decoration: none;
 text-transform: uppercase;
 width: 150px;
}

#nav a:hover, #nav a.current {
 background-color: #002740;
 color: #fff;
}

#nav li {
 background-position: top left;
 background-repeat: no-repeat;
 line-height: 1.0;
 margin: -2px 0 0 0;
 padding: 2px 0 0 0;
}

#nav li.l1 {
 background-image: url(../img/bgs/l1.gif);
}

#nav li.l2 {
 background-image: url(../img/bgs/l2.gif);
}

#nav li.l3 {
 background-image: url(../img/bgs/l3.gif);
}

#nav li.l4 {
 background-image: url(../img/bgs/l4.gif);
}

#nav ul {
 list-style: none;
 margin: 44px 0 0 20px;
 padding-top: 3px;
 width: 214px;
}

#wrapper {
 background-image: url(../img/bgs/eu.jpg);
 background-position: 190px 91px;
 background-repeat: no-repeat;
 margin: 0 auto;
 text-align: left;
 width: 770px;
}