html, body {
background-color: #fff;
height: 100%;
font: normal 11pt/160% Georgia, "Book Antiqua", "Trebuchet MS", Arial, sans-serif;
color: #333;
text-align: center;
margin: 0;
padding: 0;
}
/*
* Colors
* #9f1d20 - logo-red
* #791618 - darker logo-red
*/
/* Normalization */
*:focus { outline: 0; }
* { padding: 0; margin: 0; }
img { border: none; }
/* Global use */
.clearfix { clear: both; }
h1 { font-size: 21pt; color: #9f1d20; font-weight: normal; padding-bottom: 25px; }
h2 { font-size: 16pt; color: #9f1d20; font-weight: normal; padding-bottom: 12px; padding-top: 3px; }
h3 { font-size: 14pt; color: #9f1d20; font-weight: normal; padding-bottom: 5px; }
ul { margin-top: 10px; }
li { padding-bottom: 5px; margin-left: 40px; }
li a { color: #8e2c2f; }
/* Header */
#header {
width: 900px;
height: 111px;
margin: 0 auto 0 auto;
background: none;
}
#header-line {
width: 100%;
height: 10px;
margin: 0 auto 0 auto;
background: #fff url('../images/head-line.png') repeat-x top left;
}
#header-slideshow {
width: 900px;
height: 255px;
margin: 8px auto 0 auto;
text-align: left;
}
#header .lang { position: relative; float: right; width: auto; text-align: right; padding: 5px 10px 0 0; font-size: 9pt; color: #999; }
#header .lang a { text-decoration: none; color: #999; }
#header .lang a:hover { color: #9f1d20; }
#header .logo { float: left; width: 139px; margin-top: 20px; }
#header .logo img { border: none; width: 139px; height: 70px; }
/* Menu */
#menu-wrapper {
position: relative;
clear: right;
float: right;
width: auto;
height: 35px;
text-align: right;
background: none;
margin-top: 33px;
}
#menu {
list-style-type: none;
display: inline;
width: 810px;
height: 35px;
}
#menu li { display: inline; margin-left: 0; width: auto; }
#menu a {
color: #333;
height: 30px;
width: auto;
display: inline-block;
float: left;
padding: 0;
margin: 1px;
text-decoration: none;
background: none;
}
#menu a span {
height: 28px;
width: auto;
display: inline-block;
float: left;
padding: 2px 10px 0 10px;
text-decoration: none;
background: none;
}
#menu a:hover { color: #fff; background: url(../images/menu-st.png) no-repeat top left; }
#menu a span:hover { color: #fff; background: url(../images/menu-end.png) no-repeat top right; }
#menu a.selected { color: #fff; background: url(../images/menu-st.png) no-repeat top left; }
#menu a.selected span { color: #fff; background: url(../images/menu-end.png) no-repeat top right; }
/* Content */
#content { width: 900px; margin: 0 auto 0 auto; padding-top: 30px; padding-bottom: 20px; height: auto; overflow-y: auto; overflow-x: hidden; text-align: left; }
#content a { font-size: 11pt; text-decoration: none; color: #9f1d20; }
#content a:hover { color: #791618; }
#content h1 a { font-size: 21pt; text-decoration: none; color: #9f1d20; }
#content h1 a:hover { color: #791618; }
#content .separator { position: relative; float: left; height: 300px; width: 2px; background: url('../images/separator.png') no-repeat right center; }
#home-left { position: relative; float: left; width: 280px; padding: 20px 20px 20px 0; }
#home-center{ position: relative; float: left; width: 260px; padding: 20px 20px 20px 20px; }
#home-left h2 a { display: block; font-size: 14pt; margin-top: 20px; }
#home-left p { text-align: justify; }
#home-right {
position: relative;
float: right;
width: 260px;
background-color: #f4f4f4;
padding: 20px 20px 20px 20px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
}
#home-right .left { position: relative; float: left; width: 225px; }
#home-right .right { position: relative; float: right; width: 260px; }
#content #home-right h3 a { font-size: 10pt; text-decoration: none; color: #791618; padding-bottom: 0px; }
#content #home-right h3 a:hover { color: #791618; }
#content #home-right .feed { margin-bottom: 5px; line-height: 120%; }
#content #home-right .feed p { font-size: 9pt; color: #333; }
#content #home-right .feed span { font-size: 9pt; color: #666; }
#content #home-right .feed p a { font-size: 9pt; text-decoration: none; color: #791618; padding-bottom: 0px; }
#content #home-right .feed p a:hover { color: #9f1d20; }
#content #home-right .feed span a { color: #666; }
#bottom-panel {
margin: 5px auto 0 auto;
width: 100%;
height: 120px;
color: #333;
font-size: 9pt;
text-align: center;
background: #f4f4f4 url('../images/foot-line.png') repeat-x top left;
}
#bottom-panel div { width: 900px; margin: 0 auto 0 auto; text-align: left; padding-top: 5px; }
#bottom-panel .feeds { width: 100%; }
#bottom-panel h3 { min-height: 30px; }
#bottom-panel h3 a { font-size: 9pt; text-decoration: none; color: #791618; padding-bottom: 0px; }
#bottom-panel h3 a:hover { color: #791618; }
#bottom-panel .feed { position: relative; float: left; width: 275px; margin: 0 25px 0 0; line-height: 120%; }
#bottom-panel .feed p { font: 8pt/120% Tahoma; color: #666; }
#bottom-panel .feed span { font: 8pt/120% Tahoma; color: #666; }
#bottom-panel .feed p a { font: 8pt/120% Tahoma; text-decoration: none; color: #791618; padding-bottom: 0px; }
#bottom-panel .feed p a:hover { color: #9f1d20; }
#bottom-panel .feed span a { font: 8pt/120% Tahoma; color: #666; }
#bottom-panel td { vertical-align: top; line-height: 160%; color: #666; }
#bottom-panel img { margin-top: 8px; }
#bottom-panel span { display: inline-block; width: 4em; color: #999; }
#footer {
margin: 20px auto 20px auto;
width: 900px;
height: auto;
color: #999;
font-size: 8pt;
text-align: left;
background: none;
line-height: 120%;
}
/* Form */
input { border: 1px solid #aaa; }
textarea { border: 1px solid #aaa; }
.sendbtn { color: #fff; border: 1px solid #aaa; background-color: #000; padding: 5px 10px 5px 10px; }
/* Other */
p.copyright { position: relative; color: #999; padding: 5px 0 5px 0; }
p.copyright a { color: #999; text-decoration: none; font-size: 7pt; }
#home-left { position: relative; float: left; width: 280px; padding: 0 20px 20px 0; }
#home-center{ position: relative; float: left; width: 260px; padding: 0 20px 20px 20px; }
#home-right { position: relative; float: right; width: 260px; background-color: #f4f4f4; padding: 0 20px 20px 20px; }
#home-right .left { position: relative; float: left; width: 225px; }
#home-right .right { position: relative; float: right; width: 260px; }
#content #home-right h3 a { font-size: 10pt; text-decoration: none; color: #791618; padding-bottom: 0px; }
#content #home-right h3 a:hover { color: #791618; }
#content #home-right .feed { margin-bottom: 5px; line-height: 120%; }
#content #home-right .feed p { font-size: 9pt; color: #333; }
#content #home-right .feed span { font-size: 9pt; color: #666; }
#content #home-right .feed p a { font-size: 9pt; text-decoration: none; color: #791618; padding-bottom: 0px; }
#content #home-right .feed p a:hover { color: #9f1d20; }
#content #home-right .feed span a { color: #666; }
#content .normal { padding: 20px 0 20px 0; }
#content .normal li { padding-left: 10px; margin-left: 30px; }
#content .normal .left { position: relative; float: left; width: 480px; padding-top: 20px; }
#content .normal .right { position: relative; float: right; width: 480px; padding-top: 20px; }
#content .normal .productbox { position: relative; float: left; width: 390px; padding: 0 30px 20px 20px; margin-right: 10px;}
#content .normal .separated { background: url('../images/separator.png') no-repeat right center; }
#content .normal .separatedxxl { background: url('../images/separator-large.png') no-repeat right center; }
#content .normal .productbox img{ position: relative; float: left; width: 90px; height: 79px; }
#content .normal .productbox p { position: relative; float: left; width: 330px; min-height: 80px; }
#content .normal .productbox li { margin-left: 30px; padding-left: 5px; list-style-image: url('../images/li.png'); }
#content .normal .productbox .cena { font-size: 22pt; color: #bf3538; text-align: right; margin-top: 30px; padding-bottom: 5px; }
#content .normal .productbox .cena span { font-size: 14pt; color: #bf3538; }
#content .normal .productbox .cena.smaller { font-size: 12pt; padding-right: 10px; vertical-align: top; text-align: right; }
#content .normal .productbox .cena.smaller span { font-size: 9pt; text-align: left;}
#content .normal .productbox h1 { margin-top: 30px; }
#content .normal .productbox h1.pack { float: left; width: 280px; }
#content .normal .productbox div.cena { float: right; width: 100px; }
#content .normal a.client-info { background: url('../images/arrow.png') no-repeat right 4px; padding-right: 30px; height: 30px; }
#content .contact { width: 40%; float: left; margin: 0; }
#content .contact-form { width: 60%; float: left; margin: 0; }
#content .contact p { padding-bottom: 10px; }
#content .contact p span { display: inline-block; width: 6em; color: #666; font-size: smaller; text-align: right; margin-right: 10px; }
#content .home .left { position: relative; width: 440px; float: left; margin: 0 40px 0 0; }
#content .home .right {
position: relative;
width: 360px;
float: left;
margin: 0 0 0 30px;
padding: 0 20px 20px 0;
}
#content .home .left p { text-align: justify; margin-bottom: 20px; }
#content .home .right h2 { padding-bottom: 0; margin-bottom: 0;}
#content .home .right h3 { color: #888; padding-top: 10px; }
#content .home .right ul { padding: 0; margin: 0; }
#scroll {
width: 360px;
height: 55px;
margin: 0;
padding: 0;
overflow: hidden;
list-style: none;
}
#scroll li { padding: 0; margin: 0; }
div.exchange-rates { font-size: 9pt; }
div.exchange-rates table { width: 90%; margin-bottom: 10px; }
div.exchange-rates tr:hover { background-color: #fff; }
.note { font-size: 9pt; color: #666; vertical-align: top; }
input { padding: 3px; }
.form-sent { }