* {margin: 0;padding: 0;font-size: 100%; }

body {background: #FFF; font-size: 0.8em; background: url(../gfx/background.gif); font-family: Tahoma; }
#page {margin-left: auto; margin-right: auto; width: 921px; background: white url(../gfx/page-background.gif) repeat-y; padding-left: 1px; }

body {
   _behavior: url("css/csshover3.htc");
}

/* obecne prvky */

#content strong {color: #; }

#content h1 {color: black; font-size: 1.5em; margin: 0 0 10px 0; }
#content h2 {color: #D51515; font-size: 1.3em; margin: 0 10px 10px 0; border-bottom: 1px solid #8C8EAB; padding: 0px 0px 10px 0; }
#content h2 span {text-transform: uppercase; font-size: 0.8em; }
#content h3 {color: #131D44; font-size: 1.1em; margin: 0 0 10px 0;  }
#content h4 {color: #; font-size: 1.1em; margin: 0 0 10px 0; }

a {color: #0262AF; }
a:hover {color: black; }

#content p {line-height: 150%; margin: 0px 0 10px 0; }
#content li { margin: 0 0 10px 0; }
#content ul { list-style-type: square; margin: 20px 0 30px 40px; }
#content ol { margin: 20px 0 30px 40px; }

#content table {width: 100%; border-collapse: collapse; }
#content table td {border: 1px solid #B7B6B7; padding: 5px; }
#content table th {background: #30375B; color: white; border: 1px solid #30375B; padding: 5px;  }
#content table .striped {background: #ECECEC; }

a img { border: none; }

.war-blue, .war-yellow, .war-red {padding: 10px; margin: 10px; }

.war-blue {background-color: #E3EEFF; }
.war-yellow {background-color: #FFFF70; }
.war-red {background-color: #F9C3C5; }

/* logo */

#header h1 {position: relative; padding: 0; margin: 0; }
#header h1 a {width: 225px; height: 225px; position: relative; display: block; overflow: hidden; color: #; cursor: pointer; font-size: 1.5em; color: black; }
#header h1 span {display: block; background: url(../gfx/elektrotechnicky-zkusebni-ustav.gif) no-repeat; width: 225px; height: 225px; font-size: 0.8em; z-index: 1; position: absolute; left: 0; top: 0;}

#header {background-color: #8694B6; }

#header .top {position: absolute; width: 695px; height: 141px; top: 0px; margin-left: 225px; }
#header .top span {position: absolute; display: block; top: 0px; background: url(../gfx/header-cz.gif) no-repeat; width: 695px; height: 225px; }

.l-pl #header .top span {background: url(../gfx/header-pl.gif) no-repeat; }
.l-en #header .top span {background: url(../gfx/header-en.gif) no-repeat; }


#header #search {position: absolute; top: 102px; margin-left: 660px; width: 250px; }
#header #search fieldset {border: 0; }
#header #search legend {display: none; }

#header #search .input-text {padding: 2px; background: #F2F2EF; width: 169px; border: 0 }

#header #search .input-button {position: absolute; width: 79px; height: 30px; margin-left: 0px; margin-top: -7px; font-family: Arial; background: url(../gfx/search.gif) no-repeat; border: 0; color: white; padding-bottom: 1px;}

#header #flags {position: absolute; list-style: none; top: 20px; margin-left: 780px; }
#header #flags li {float: left; }
#header #flags li a {display: block; width: 30px; height: 19px; margin-right: 10px;  }
#header #flags li a span {display: block; width: 30px; height: 19px; background-image: url(../gfx/flag.gif); position: absolute; top: 0px; @margin-left: -20px; cursor: hand;  }

#header #flags li .f-en span {background-position: -30px 0;}
#header #flags li .f-pl span {background-position: -60px 0;}

#navigation .head {position: absolute; top: 141px; margin-left: 225px; width: 695px; list-style: none; }
#navigation .head li {float: left; text-align: center;  }
#navigation .head li a {position: relative; display: block; width: 139px; height: 84px; cursor: pointer; background-color: #121C43; color: white; }
#navigation .head li a span {background-image: url(../gfx/menu-top-cz.png); display: block; width: 139px; height: 84px; position: absolute; top: 0px; left: 0px; }

.l-en #navigation .head li a span {background-image: url(../gfx/menu-top-en.png); }
.l-pl #navigation .head li a span {background-image: url(../gfx/menu-top-pl.png); }

#navigation .head li ul {display: none; position: absolute; list-style: none; top: 84px; } 
#navigation .head li ul li {float: none; text-align: left;  }
#navigation .head li ul li a {height: auto; padding: 10px 20px 10px 15px; border-bottom: 1px solid #9DA4BA; background: #E3EEFF; text-decoration: none; color: black; }
#navigation .head li ul li .active {color: white !important; background-image: none !important; background-color: #273B82 !important; }

#navigation .head .secondary li {border-bottom: 0; }
#navigation .head .secondary li a:hover {color: black; }

#navigation .head li:hover ul {display: block !important; }

#navigation .head li .active, #navigation .secondary li .active {background-image: none; text-decoration: none; }

#navigation .head li .active {background-color: #A1B5E2 !important; }
#navigation .secondary li .active {background-color: #273B82; color: white; }

#navigation .head li a:hover {background-color: #273B82; color: white; }
#navigation .secondary li a:hover {background-color: #A1B5E2 !important; }

#navigation .secondary li .active {background-image: url(../gfx/menu-left.gif) !important; }
#navigation .secondary li ul li .active {color: white !important; background: #273B82 url(../gfx/menu-secondary-active.gif) repeat-x bottom !important; }

#navigation {float: left; width: 225px; }
#navigation .secondary li { list-style: none; border-bottom: 1px solid black; position: relative; }
#navigation .secondary li a {color: white; text-decoration: none; display: block; background-color: #121C43; background-image: url(../gfx/menu-left.gif); padding: 6px 0px 6px 40px; }

#navigation .secondary li a:hover {background-position: 0 -30px; }
#navigation .secondary li .active {background-position: 0 -60px !important; }

#navigation .secondary li ul {display: none; position: absolute; left: 225px; top: 0; border-left: 1px solid #9DA4BA; border-top: 1px solid #9DA4BA; border-right: 1px solid #9DA4BA;  }
#navigation .secondary li ul ul { top: -1px; } 

#navigation .secondary li ul li {border-bottom: none; }
#navigation .secondary li ul li a {width: 210px; background-image: none !important; border-bottom: 1px solid #9DA4BA !important ; padding: 6px 0px 6px 15px !important; background: #E3EEFF; color: black;}

#navigation .secondary li:hover ul {display: block; } 

#navigation .secondary ul ul {display: none !important; }
#navigation .secondary ul li:hover ul {display: block !important; } 

.m-novinky a span {background-position: 0px 0px; }
.m-o-nas a span {background-position: -139px 0px; }
.m-objednavka a span {background-position: -278px 0px; }
.m-kontakty a span {background-position: -417px 0px; }
.m-mapa-webu a span {background-position: -556px 0px; }

.m-novinky a:hover span {background-position: 0 -84px; }
.m-o-nas a:hover span {background-position: -139px -84px; }
.m-objednavka a:hover span {background-position: -278px -84px; }
.m-kontakty a:hover span {background-position: -417px -84px; }
.m-mapa-webu a:hover span {background-position: -556px -84px; }

.m-novinky .active span {background-position: 0 -168px !important; }
.m-o-nas .active span {background-position: -139px -168px !important;; }
.m-objednavka .active span {background-position: -278px -168px !important; }
.m-kontakty .active span {background-position: -417px -168px !important; }
.m-mapa-webu .active span {background-position: -556px -168px !important; }

#navigation .nav-banner { margin: 10px 0px 20px 11px; }

#content {float: right; width: 655px; padding: 10px 20px 20px 0; min-height: 500px;}

#content .crumbs {font-size: 0.8em; color: #494B59; }

#content .crumbs a {color: #494B59; }
#content .crumbs a:hover {color: black; }

#content .con-banner { clear: both; }

#footer {clear: both; height: 109px; width: 922px; background: #101A42 url(../gfx/footer-background.gif) repeat-x; color: white; font-size: 0.8em; }

#footer a {color: white; }
#footer a:hover {text-decoration: none; }

#footer p {margin: 0px 15px 0; }

#footer h4 {font-size: 2em; font-style: italic; font-weight: normal; padding: 5px 10px 0px; }
#footer .brands {position: absolte; margin-left: 10px;  }
#footer .brands img {margin: 0px 0px 0px 30px; }


/* obecne tridy */

.left {text-align: left; } 
.center {text-align: center; } 
.right {text-align: right; }
.align-block{ text-align: justify; }

.flr {float: right; } 
.fll {float: left; }

.cleaner {clear: both; }
.clr { display: block; clear: both; height: 1px; width: auto; font-size: 0; line-height: 0; }

.none {display: none; }
.hide {position: absolute; margin-left: -20000px; }

/* homepage */

#homepage #content .box { position: relative; width: 695px; height: 270px; margin: 0 -20px 10px -21px; background: url(../gfx/frontpage-banner.jpg); zoom: 1; }
#homepage #content .box div.img-area { position: absolute; height: 240px; width: 695px; overflow: hidden; }
#homepage #content .box p { height: 30px; line-height: 30px; bottom: 0; right: 0; padding: 0 10px; margin: 0; position: absolute; } 


#homepage #content .article {margin-bottom: 30px; }
#homepage #content .article h3 span {font-size: 0.8em; color: #505050; }

#homepage #content .article .perex-foto {position: absolute;}
#homepage #content .article .perex {margin-left: 68px; }
#homepage .article small {color: #515151; font-size: 0.8em; font-weight: normal; }


/* kontakty */

div.vcard {position: relative; width: 593px; height: 136px; background-image: url(../gfx/contact.gif); margin: 0px 0px 10px 30px; }
div.vcard img {margin: 10px 0px 0px 10px; }
div.vcard h3 {position: absolute; top: 20px; left: 130px; }
div.vcard .position {position: absolute; top: 60px; left: 130px; font-style: italic; width: 270px; }
div.vcard .tel-box {position: absolute; top: 16px; left: 470px; color: white; font-weight: bold; font-size: 1.2em; }
div.vcard .tel-box .tel {display: block; margin-bottom: 7px; }
div.vcard .email {position: absolute; display: block; padding: 20px 20px 20px 100px; top: 75px; left: 370px; font-weight: bold; text-decoration: none; }
div.vcard .small {font-size: 0.85em; }
div.vcard .small .email {padding: 20px 20px 20px 90px; }

.margin {margin-top: 30px !important; }

.under-content { clear: both; padding: 20px 0 0 0; }


#navigation a span.more { display: block; width: 24px; height: 22px; line-height: 22px; text-align: center; font-size: 15px; font-weight: bold; position: absolute; top: 50%; right: 0; margin: -12px 0 0 0; zoom: 1; }