/*



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;

}


.action 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;

}



.action a:hover {

color: #1c618b;

}


#menu {

position: absolute;

bottom: -26px;

height: 83px;

margin-left: 32px;

}

#topmenu, a.expand {margin: 30px auto; font-size: 18pt; color: #999999; font-family: Tahoma; text-align: center;}
#topmenu a, a.expand {text-decoration: none; color: #999999; border: 0;}
#topmenu a:hover, a:hover.expand {color: #333333;}



#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;

}

#left-pict {

position: absolute;

left: -153px;

bottom: -25px;

width: 185px;

height: 227px;

background: url('/img/left-pict.png') no-repeat;

}

#right-pict {

position: absolute;

right: -185px;

bottom: 12px;

width: 192px;

height: 165px;

background: url('/img/right-pict.png') no-repeat;

}


#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;

}

#left-bottom-special {
position: relative;
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;

}

#right-bottom-special {
position: relative;

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;

}

.admin-reference input.check {
position: relative;
top: -97px; left: 0px;
top: -15px\9; left: -107px\9;
}

.admin-reference img {

float: left;

border: 1px solid #1c618b;

height: 75px;

width: 75px;

padding: 5px;

margin-right: 20px;

margin-bottom: 10px;

}

.admin-reference img:hover{

background: #6eaed4;

}

.adminform p{

font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;

font-size: 12px;

color: red;

}


.adminform fieldset{

border: 1px solid #cccccc;

}



.adminform textarea{

font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;

font-size: 12px;

border: 1px dotted #6eaed4;

color: #555555;

}

.adminform textarea:hover{

border: 1px solid #1c618b;

}

.adminform legend{

font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;

font-size: 18px;

font-weight: bold;

font-style: italic;

color: #555555;

}

.adminform input, button{

font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;

font-size: 12px;

border: 1px dotted #6eaed4;

color: #555555;

background: none;

}

input.text {

width: 300px;

}

.adminform input:hover, button:hover{

border: 1px solid #1c618b;

}

.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: 250px;

}



#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;

}