/*

CSS by @madeus
Copyright (c) 2008 ADEK development group
file: style.css
email: servis@adek-group.com
web: http://www.adek-group.com

*/

body, div, span, p, img, h1, h2, h3, h4, form, ul, li, hr, a, input, textarea  {
margin: 0px;
padding: 0px;
border: 0px none;
z-index: 1;
}

body {
background: url('/img/back.jpg') center 25% no-repeat fixed;
_background: url('/img/back.jpg') center 25% no-repeat fixed;
behavior:url('/css/hover.htc');
}

h1 {
top: 85px;
left: 300px;
position: absolute;
text-align: center;
letter-spacing: -2px;
font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
font-size: 30px;
font-weight: bold;
font-style: italic;
color: #1c618b;
}

h2 {
&position: absolute;
&bottom: 0px;
&width: 100%;
display: table-cell;
text-align: center;
display: table-cell;
vertical-align: bottom;
letter-spacing: -3px;
font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
font-weight: bold;
font-style: italic;
font-size: 30px;
color: #6eaed4;
}

h2 .first-word {
color: #1c618b;
}

#right-content-welcome {
text-align: left;
font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
font-size: 13px;
color: #222222; //color: #555555;
}

#right-content p {
text-align: left;
font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
font-size: 12px;
color: #555555;
}

#right-content ul {
margin-left: 20px;
font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
font-size: 12px;
color: #555555;
}

#right-content ul.special {
margin-left: 125px;
}

.news {
text-align: center;
color: #222222;
margin-top: 10px;
font-size: 12px;
font-family: "Tahoma CE", "Arial CE", "Helvetica CE", Tahoma, Arial, lucida, sans-serif;
}

.news a {
color: #ff0000; //color: #6eaed4;
font-size: 16px;
font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; //font-family: "Tahoma CE", "Arial CE", "Helvetica CE", Tahoma, Arial, lucida, sans-serif;
text-decoration: none;
font-weight: bold;
}

.news a:hover {
color: #1c618b;
}

#news-more {
text-align: right;
margin-right: 20px;
}

#news-more a {
color: #333333;
text-decoration: none;
}

#news-more a:hover {
color: #6eaed4;
}

.news:first-line {
font-size: 10px;
color: #000000;
}

.action {
text-align: center;
color: #222222;
margin-top: 10px;
font-size: 13px;
font-weight: bold;
font-family: "Tahoma CE", "Arial CE", "Helvetica CE", Tahoma, Arial, lucida, sans-serif;
}

.action #big {
font-size: 20px;
font-weight: bold;
color: #00AA00;
}

#menu {
position: absolute;
bottom: -26px;
height: 83px;
margin-left: 32px;
}

#menu ul {
list-style: none;
}

#menu li {
display: block;
float: left;
background:url('/img/menu.png') 0 23px no-repeat;
height: 83px;
width: 117px;
margin-right: 7px;
text-align: center;
position: relative;
}

#menu li#active {
background:url('/img/menu-hover.png') no-repeat;
width: 158px;
}

#menu li#uvod-active {
background:url('/img/uvod-hover.png') no-repeat;
width: 117px;
}

#menu li#uvod-active a {
font-size: 27px;
font-weight: bold;
}

#menu li#uvod-active a:hover {
color: #1c618b;
}

#menu li#active a {
font-size: 27px;
font-weight: bold;
}

#menu li#active a:hover {
color: #1c618b;
}

#menu li a:hover{
color: #6eaed4;
}

#menu li a {
text-decoration: none;
font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
font-size: 18px;
position: absolute;
width: 100%;
bottom: 26px;
left: 0px;
color: #1c618b;
}

hr.clearer {
clear: both;
height: 1px;
border: none;
margin: -1em 0 0 0;
visibility: hidden;
}

#header {
position: relative;
margin: 0px auto;
width: 900px;
height: 102px;
background: url('/img/clouds.png') no-repeat;
border: 1px solid #1e6894;
}

#logo {
position: absolute;
right: 25px;
top: 2px;
width: 166px;
height: 102px;
background: url('/img/logo.png') no-repeat;
}

#banner {
margin: 15px auto 10px auto;
position: relative;
width: 823px;
height: 224px;
background: url('/img/banner.png');
}

#banner h1{
visibility: hidden;
}

#warranty {
position: absolute;
right: -50px;
top: -15px;
width: 120px;
height: 115px;
background: url('/img/warranty.png') no-repeat;
}

#warranty p{
visibility: hidden;
}

#content {
margin: 0px auto;
width: 837px;

}

#left-wrapper {
float: left;
margin-left: 7px;
_margin-left: 4px;
width: 227px;
}

#left-content {
width: 207px;
text-align: center;
padding: 10px 10px 20px 10px;
font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
font-size: 12px;
color: #555555;
}

#left-top {
&position: relative;
background: url('/img/left-top.png') no-repeat;
display: table;
width: 100%;
height: 58px;
}

#left-body {
background: url('/img/left-body.png') repeat-y;
width: 100%;
}

#left-bottom {
background: url('/img/left-bottom.png') no-repeat;
width: 100%;
height: 11px;
}

#right-wrapper {
float: right;
width: 599px;
}

#right-content, #right-content-welcome {
width: 565px;
margin: 0px auto;
padding: 20px 10px 20px 10px;
}

#right-top {
&position: relative;
background: url('/img/right-top.png') no-repeat ;
display: table;
width: 100%;
height: 58px;
}

#right-body {
background: url('/img/right-body.png') center repeat-y;
width: 100%;
}

#right-bottom {
background: url('/img/right-bottom.png') center no-repeat;
width: 100%;
height: 11px;
_margin-top: -4px;
}

#footer {
margin: 31px auto;
&margin: 10px auto;
_margin: 10px auto;
width: 900px;
height: 30px;
text-align: center;
letter-spacing: 1px;
color: #ffffff;
background: #288cc8;
border: 1px solid #1e6894;
font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
font-size: 10px;
position: relative;
}

#doporuceni {
margin-top: -20px;
_margin-top: 0px;
&margin-top: 0px;
text-align: center;
font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
font-size: 10px;
color: #555555;
}

#footer p {
position: absolute;
width: 100%;
left: 0px;
top: 25%;
}

#footer a {
color: #aaaaaa;
border-bottom: 1px dotted #aaaaaa;
text-decoration: none;
}

#footer a:hover {
color: #000000;
border-bottom: 1px solid #000000;
}

#mini-menu {
text-align: left;
margin-top: 15px;
}

#mini-menu a {
text-decoration: none;
font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #1c618b;
}

#mini-menu ul {
margin-left: 35px;
}

#mini-menu ul ul{
margin-left: 30px;
}

#mini-menu li {
margin-bottom: 2px;
}

#mini-menu a:hover {
color: #6eaed4;
}

#right-content .fast{
margin-top: 15px;
margin-right: 20px;
text-align: right;
}

.fast a {
text-decoration: none;
font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
font-size: 12px;
color: #222222;
}

.fast a:hover {
color: #6eaed4;
}

h3 {
font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
font-style: italic;
color: #555555;
margin-bottom: 5px;
}

h3 a{
text-decoration: none;
color: #555555;
}

h3 a:hover{
color: #6eaed4;
}

#right-content img, #main-content .reference img {
float: left;
border: 1px solid #1c618b;
height: 75px;
width: 75px;
padding: 5px;
margin-right: 20px;
margin-bottom: 20px;
}

#main-wrapper {
width: 838px;
margin: 0px;
}

#main-top {
height: 58px;
width: 100%;
background: url('/img/main-top.png') center no-repeat;
&position: relative;
display: table;
}

#main-top h2 {
&position: absolute;
&bottom: 0px;
&width: 100%;
display: table-cell;
text-align: center;
display: table-cell;
vertical-align: bottom;
letter-spacing: -3px;
font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
font-weight: bold;
font-style: italic;
font-size: 30px;
color: #6eaed4;
}

#main-body {;
background: url('/img/main-body.png') center repeat-y;
width: 100%;
}

#main-bottom {
height: 11px;
_margin-top: -4px;
width: 100%;
background: url('/img/main-bottom.png') center no-repeat;
}

#main-content {
text-align: left;
font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
font-size: 12px;
color: #555555;
width: 803px;
margin: 0px auto;
padding: 0px 10px 0px 10px;
}

.ukazka {
float: left;
}

#right-content .ukazka img {
border: 1px solid #6eaed4;
margin-right: 10px;
margin-top: 10px;
}

.ukazka img:hover{
background: #6eaed4;
}

#right-content .doors img{
width: 35px;
}

#right-content .doors2 img{
width: 50px;
}

.reference {
margin: 30px 20px 30px 20px;
_margin-top: 30px;
float: left;
}

.reference img:hover{
background: #6eaed4;
}

#contact {
float: right;
text-align: center;
font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
font-size: 14px;
color: #555555;
width: 380px;
margin-top: 50px;
}

#contact .boldUpper{
font-weight: bold;
}

#contact .boldUpper2{
font-size: 18px;
font-weight: bold;
}

#contact a {
color: #aaaaaa;
border-bottom: 1px dotted #aaaaaa;
text-decoration: none;
}

#contact a:hover {
color: #000000;
border-bottom: 1px solid #000000;
}

#map {
float: right;
text-align: center;
margin-top: 30px;
width: 380px;
height: 203px;
}

#map img{
border: 1px solid #1c618b;
padding: 5px;
}

#map img:hover{
background: #6eaed4;
}

#main-content #map a{
border: 0px none;
}

#mailform form{
float: left;
margin: 30px 0px 20px 5px;
width: 400px;
}

#mailform p{
font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
font-size: 12px;
color: red;
}

#mailform fieldset{
border: 1px solid #cccccc;
&padding: 10px;
}

#mailform textarea{
font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
font-size: 12px;
height: 300px;
width: 100%;
border: 1px dotted #6eaed4;
color: #555555;
}

#mailform textarea:hover{
border: 1px solid #1c618b;
}

#mailform legend{
font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
font-style: italic;
color: #555555;
}

#mailform input.button{
width: 70px;
height: 20px;
}

#mailform input{
font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
font-size: 12px;
margin-bottom: 5px;
border: 1px dotted #6eaed4;
color: #555555;
background: none;
width: 50%;
height: 20px;
}

#mailform input:hover{
border: 1px solid #1c618b;
}

p#error{
padding-top: 30px;
}

#main-content a {
color: #aaaaaa;
border-bottom: 1px dotted #aaaaaa;
text-decoration: none;
}

#main-content a:hover {
color: #000000;
border-bottom: 1px solid #000000;
}

#main-content ul {
margin-left: 25px;
}

#main-content li {
margin-top: 5px;
}