/*
 Screen style    
 Site: Merkanta.sk
*/
body {
 background: #fff;
 color: #333;
 font-size: 75%;
 padding: 0;
 text-align: center;
}

/*
=IR
*/
.ir {
 font-size: 1em;
 overflow: hidden;
 position: relative;
}

.ir span {
 background-position: top left;
 background-repeat: no-repeat;
 display: block;
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
 z-index: 1;
}

.ir a {
 cursor: pointer;
 display: block;
 height: 100%;
 width: 100%;
}

/* Auto clearing */
#header:after, #nav ul:after, #wrapper:after, .clearfix:after, .machines:after, #content .machines-index .photos:after, #content .machines .photos:after {
 clear: both;
 content: ".";
 display: block;
 height: 0;
 visibility: hidden;
}

/* Header */
#header-wrapper {
 background: url(../images/bg/header-wrapper.gif) repeat-x;
}

#header {
 color: #666;
 font-size: 0.92em;
 margin: 0 auto;
 padding-bottom: 22px;
 text-align: left;
 width: 773px;
}

#logo {
 float: left;
 margin: 28px 0 0 12px;
}

#header .right {
 background: #fff url(../images/bg/header-right.gif) 109px 0 no-repeat;
 float: right;
 margin-right: 2px;
 width: 329px;
}

#header .contact {
 float: right;
 margin-top: 23px;
 width: 210px;
}

#header ul {
 float: left;
 list-style: none;
 margin: 23px 0 0 8px;
 width: 100px;
}

#header .right li, #header .right p {
 margin: 0 0 0.15em 0;
 list-style: none;
}

#header a {
 color: #999;
 text-decoration: none;
}

#header a:hover, #header a.current {
 color: #FF9966;
}

#header h2 {
 font-size: 1em;
 margin: 0;
}

/*
=Nav
*/
#nav {
 background: url(../images/bg/nav-wrapper.gif) bottom repeat-x;
}

#nav ul {
 background: url(../images/bg/nav-delimiter.gif) top right no-repeat;
 left: 2px;
 margin: 0 auto;
 position: relative;
 text-align: left;
 width: 778px;
}

#nav li {
 background: url(../images/bg/nav-delimiter.gif) no-repeat;
 float: left;
 font-size: 0.83em;
 list-style: none;
 margin: 0;
 text-transform: uppercase;
}

#nav span {
 color: #ccc;
 display: block;
}

#nav a {
 background: url(../images/bg/nav-arrow.gif) 72px 32px no-repeat;
 display: block;
 padding: 12px 19px 15px 11px;
 text-decoration: none;
 width: 59px;
}

#nav .komodity a {
	width: 65px;
	background-position: 78px 32px;
}

#nav .environment a {
	width: 140px;
	background-position: 153px 32px;
}

#nav .bp a {
	width: 125px;
	background-position: 138px 32px;
}

#nav a.current {
 color: #FF9966;
}

/*
=Intro
*/
#intro-wrapper {
 background: url(../images/bg/intro-wrapper.gif) repeat-x;
}

#intro {
 background: #fff url(../images/photos/intro.jpg) no-repeat;
 background: #fff; /* Strihace */
 height: 240px;
 height: 261px; /* Strihace */
 margin: 0 auto;
 position: relative;
 text-align: left;
 width: 773px;
}

#intro #flash {
 bottom: 0;
 position: absolute;
 right: 0;
 width: 332px;
 height: 141px;
}

#intro #flash { /* Strihace */
	top: 0;
	left: 0;
	width: 773px;
	height: 261px;
}

#intro #flash img {  
 display: block;
}

#intro .title {
	position: absolute;
	margin: 0;
	bottom: 16px;
	left: 36px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.0;
	color: #464b51;
}

/*
=Content
*/
#wrapper {
 margin: 0 auto;
 padding-bottom: 30px;
 text-align: left;
 width: 773px;
}

#content {
 float: left;
 margin-left: 6px;
 margin-top: 25px; /* Strihace */
 width: 415px;
}

h1 {
 color: #FF9966;
 margin: 0 0 0.75em 0;
}

.sIFR-hasFlash h1.sifr {
 font-size: 19px;
 line-height: 21px;
 visibility: hidden;
}

#content h2 {
 font-size: 1.08em;
 color: #666;
 margin: 2em 0 0.35em 0;
}

.box {
 background: url(../images/bg/box.gif) 0 37px no-repeat;
 color: #666;
 float: left;
 font-size: 0.92em;
 padding: 15px 0 0 6px;
 width: 199px;
}

.first-box {
 margin-right: 5px;
}

#content .box h2 {
 color: #000;
 font-size: 0.91em;
 font-weight: normal;
 margin: 0;
 text-transform: uppercase;
}

#content .box h2 a {
 color: #333;
}

.box p {
 background: url(../images/bg/arrow.gif) 5px 100% no-repeat;
 line-height: 1.5;
 padding: 0 5px 15px 5px;
}

.box img {
 display: block;
 margin: 8px -5px 7px -5px;
}

.box a, .box a:hover, .box a:visited {
 color: #666;
 text-decoration: none;
}

img.products {
 margin: 5px 0 20px 0;
}

p.intro {
 color: #666;
 font-size: 1em;
}

p.contact-us {
 font-size: 1.09em; 
 margin: 2em 0;
 font-weight: bold;
}

p.back {
 margin: 2em 0;
}

p.back a,
p.more a {
 padding-right: 12px;
 background: url(../images/bg/arrow.gif) 100% 4px no-repeat;
}

#map {  
 margin: 15px 0;
}

img.border {
 border: 1px solid #999;
 display: block;
 margin-bottom: 7px;
}

img.decor {
 display: block;
 margin: 0 0 20px 0;
}

p.red {
 font-weight: bold;
 color: #CC0000;
}

p.blue {
 font-weight: bold;
 color: #003366;
}

/*
=Sidebar
*/
#sidebar {
 background: url(../images/bg/sidebar.gif) no-repeat;
 float: right;
 margin-right: 12px;
 padding: 25px 0 0 20px;
 width: 300px;
}

#sidebar h2 {
 color: #FF9966;
}

#sidebar h3 {
 color: #666;
 font-weight: bold;
}

#sidebar h3.cert {
 font-size: 0.92em;
 margin: 2em 0 0.65em 0;
}

#sidebar h3 a {
 font-weight: normal;
}

#sidebar p {
 color: #666;
 font-size: 0.92em;
}

#sidebar .decorative img {  
 border: 1px solid #ccc;
 display: block;
 margin: 10px 0;
}

#sidebar .more {
 margin-left: 6px;
}

#sidebar .banner {
 display: block;
 margin: 35px 0;
}

#sidebar .banner2 {
 display: block;
 margin: 50px 0 35px 50px;
 border: 1px solid #ccc;
}

/*
=Titles
*/
#content h1#merkanta {
 width: 344px;
 height: 22px;
 margin: 0 0 0.25em 0;
}

#merkanta span {
 background-image: url(../images/text/merkanta.gif);
}

#spravy {
 width: 64px;
 height: 17px;
}

#spravy span {
 background-image: url(../images/text/spravy.gif);
}

#okyslovadla {
 width: 114px;
 height: 19px;
 margin-bottom: 15px;
}

#okyslovadla span {
 background-image: url(../images/text/okyslovadla.gif);
}

/*
=Footer
*/
#footer-wrapper {
 background: url(../images/bg/footer-wrapper.gif) repeat-x;
 clear: both;
}

#footer {
 color: #666;
 font-size: 0.92em;
 margin: 0 auto;
 padding: 15px 0 30px 0;
 width: 773px;
}

#footer p {
 margin: 0 0 0.15em 0;
}

#footer img {
 display: block;
 margin: 10px auto 0 auto;
}

/* Greetings */
h3.greetings {
 margin: 30px 0 15px 0;
}

h3.greetings img {
 display: block;
}

#sidebar p.greetings {
 font-size: 1.09em;
 color: #999;
 margin-bottom: 30px;
 color: #009AD9;
}

/* Schedule table */
table.schedule {  
 margin: 0 0 15px 0;
}

table.schedule th {  
 text-align: left;
 width: 90px;
 font-weight: normal;
 padding: 0 5px 0 0;
 font-style: italic;
}

/* Representation */
ul.representation {  
 margin: 0;
}

ul.representation-about {  
 height: 70px;
}

ul.representation li {  
 float: left;
 height: 55px;
 list-style: none;
 margin: 10px 30px 0 0;
}

ul.representation-about li {  
 margin: 10px 30px 0 0;
}

ul.representation li img {  
 display: block;
}

#content .home-bottom-boxes { 
 margin-top: 20px; 
 border-top: 1px solid #efefef;
}

#content .home-bottom-boxes .box h2 {
 font-size: 1em;
 text-transform: none;
}

/* Machines */
#content .machines h2 { 
 margin-bottom: 10px; 
}

#content .machines .bottom {  
 margin-top: 20px;
}

#content .machines img {  
 display: block;
 border: 3px solid #efefef;
}

#content .machines .bottom .action {  
 font-size: 0.92em;
 margin-bottom: 20px; 
}

#content .machines .bottom .more {  
 float: left;
 width: 200px;
}

#content .machines .bottom .more a {  
 padding: 0;
 background: none;
}

#content .machines .bottom .back {  
 float: right;
 width: 200px;
 text-align: right;
 margin: 0;
}

#content .machines-index h2 {  
 margin: 30px 0 10px 0;
}

#content .machines-index .logo {  
 float: left; 
 display: block;
 margin: 5px 15px 5px 0;
}

#content .machines .photos,
#content .machines-index .photos {  
 clear: both;
 margin: 15px 0 10px 0;
}

#content .machines .photos img,
#content .machines-index .photos img {  
 display: block;
 float: left;
 border: 3px solid #efefef;
 margin: 0 0 6px 3px;
}

#content .machines .photos img.first,
#content .machines-index .photos img.first {  
 margin-left: 0;
}

#content .tomahawk h2 {
	margin: 10px 0 5px 0;
	font-size: 14px;
}

#content .tomahawk h2 strong {
	color: #cc0000;
}

#content .tomahawk h3 {
	margin: 25px 0 10px 0;
	font-weight: bold;
	color: #333;
}

#content .tomahawk .intro {
	margin: 10px 0 10px 0;
	font-weight: bold;
	font-style: italic;
	color: #cc0000;
}

/* Sale */
#content .sale {  
	margin-bottom: 30px;
}

#content .sale img { 
	display: block; 
	border: 1px solid #e6e6e6;
}