/* eunite.cz - layout */
/* BASIC RULES */
html{ margin:0; padding: 0; width: 100%; color: #555555; background: #0A376A url("/img/bg-html.gif") repeat-y center top; }
body { color: #333333; text-align: center; margin: 0 auto; padding: 0; width: 772px; background: none;}

.clearfix:after, #main:after, .imglist:after, #product-detail:after, .paging:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
.break { height: 1px; font-size: 1px; clear: both; overflow: hidden; visibility: hidden; }
.out { position: absolute; left: -2000px; top: -2000px; }

/* Přeskočení navigace */
a#nav-skip, a#search-skip { font-weight: bold; text-align: center; text-decoration: none; display: block; width: 10em; position: absolute; bottom: 34%; left: -2000px; }

a#nav-skip:focus, a#nav-skip:active, a#search-skip:focus, a#search-skip:active {left: 0; top: 88px; height: 1.5em; }

#breadcrumb {padding: 8px 0 8px 22px; background: white url("/img/bg-breadcrumb.gif") repeat-y 0 0;}
#breadcrumb p {margin: 0; }

#page-prologue {background: #0E2F94 url("/img/bg-page-prologue.gif") repeat-x 0 0; padding: 12px 20px; }
#page-prologue h1, #page-prologue p {color: white; margin-top: 0em; margin-bottom: 0em; }
#page-prologue p {margin: 0.8em 0 0 0; }

.date{ font-weight: bold; margin: 0;}

/* LAYOUT RULES */
#mother { width: 762px; margin: 0 auto;  text-align: left;  background: white; position: relative;}
#main { width: 100%; background: white url("/img/bg-main.gif") repeat-y 0 0; }

/* Header, logos */
#header { background: white url("/img/bg-header.gif") no-repeat right top; position: relative; }
#logo-eunite { margin: 11px 0 12px 34px; float: left; }
#logo-eunite img{ border: 0; margin: 0; padding: 0;}

#header .subtitle {font-family: "Lucida Sans Unicode", "Luxi Sans", "Trebuchet MS", Arial, Helvetica, sans-serif; color: #0C2F7D; font-size: 200%; float: right; margin: 55px 20px 0 0; letter-spacing: 0.15em; padding: 0; line-height: 1.2em;}

/* Columns */
#col-right {float: right; width: 567px; border-top: 5px solid #FF5900; padding-top: 1px; }
#col-right-right {float: right; width: 190px; position: relative; }
#col-right-left { float: left; width: 377px; }

#col-right-left.project { background: url("/img/bg-project.gif") no-repeat 0 33px; }

#col-right-left.project #page-prologue { background: none; }
#col-right-left.project #page-prologue * { background: none; color: #0E2F94; }


#col-right.two-cols #col-right-left { width: 100%;}
#col-left {float: left; width: 194px; margin-right: 1px; border-top: 5px solid #0D2B88; padding-top: 1px;}
#col-right-left .spc {padding: 0 20px 0px 20px; margin: 25px 0; }

#projects-box a { display: block; background: #0D2C88 url("/img/bg-projects.jpg") no-repeat right top; padding: 30px 15px; color: white; position: relative; text-decoration: none; }

#projects-box a:hover, #projects-box a:hover .h2 { color: #FF771D; }

#projects-box .h2 {margin: 0 0 0.3em 0; color: white; font-size: 133%; font-weight: bold;}
#projects-box span {margin: 0; display: block;}
#featured-box {position: relative; z-index: 20;}

.our-tip {width: 105px; height: 105px; position: absolute; top: 70px; left: -20px; z-index: 50; cursor: pointer;}
.our-tip strong {position: absolute; left: -2000px; }
.our-tip[class] {background: transparent url("/img/our-tip.png") no-repeat center center; }
.our-tip:focus { outline: none; }

img.no-border {padding: 0; margin: 0; border: 0; }

#featured-box .img-box {padding-top: 5px; width: 100%; overflow: hidden; }

.product-desc {background: url("/img/bg-descbox.gif") repeat-x left top; float: right; width: 100%; }
.product-desc .spc {padding: 0 20px 20px 25px; }
.product-desc h2 {margin: 20px 0 0.8em 0; }
.product-desc p {margin: 0; }
.product-desc p.more-info {margin-top: 1em; }

#motive {width: 100%; height: 236px; 	margin-bottom: 1px; overflow: hidden;}
#col-right.two-cols #motive { height: 135px; }
#motive.motive01 {background-image: url("/img/motives/motive01.jpg"); }

#search-box {background: #0D2B88; color: white; width: 100%; float: left; }
#search-box form {margin: 0; padding: 0;}
#search-box h2 {font-size: 100%; color: white; margin: 10px 0 10px 10px; }
#search-box p {width: 80%; margin: 8px 9% 3px 9%; }
#search-box p.r {width: 80%; margin: 5px 10% 10px 10%; text-align: right; }
#search-box p select {width: 100%; margin: 0; }

#ad-box {margin: 1px 0 0 0; float: left; }
#ad-box img {padding: 0; margin: 0; border: 0; }

/* Input sizes */
.sizefull { width: 99%; }
.size75pr { width: 75%; }
.size65pr { width: 65%; }
.size60pr { width: 60%; }
.sizehalf { width: 50%; }
.size40pr { width: 40%; }
.size25pr { width: 25%; }
.size20pr { width: 20%; }
.size10pr { width: 10%; }

/* Main menu */
#main-menu { width: 100%;  font-size: 100%; }
#main-menu ul {margin: 0;  padding: 0;  list-style: none; width: 100%; }
#main-menu ul li {margin: 0;  padding: 0;  list-style: none; width: 100%; float: left; background: none; border-bottom: 1px solid white; position: relative;}

#main-menu li a, #main-menu li span, #main-menu li.active ul li a  {display: block;  background: #FF5900;  color: white;   padding: 8px 0 8px 10px;   text-decoration: none; font-weight: bold; }
#main-menu li a span { padding: 0 30px 0 0; background: none;}

#main-menu li a:hover { background: #FF5900 url("/img/bg-menu-active.gif") repeat-y 100% 0; font-weight: bold; color: white; }
#main-menu li a:hover span { background: transparent url("/img/bg-menu-arrow.gif") no-repeat 93% 50%; font-weight: bold; color: white; cursor: pointer; }
#main-menu li.active a, #main-menu li.active a:hover, #main-menu li.active span { background: #D04900; font-weight: bold; color: white; }
#main-menu li.active a:hover { background: #D04900 url("/img/bg-menu-active.gif") repeat-y 100% 0; }
#main-menu li.active span span{ padding: 0; }

/* submenu... */ 
#main-menu li div{display: none;}
#main-menu li.menuon div{display: block; position: relative; top: -2.78em; }
#main-menu li ul { border: 1px solid white; position: absolute; left: 194px; top: -1px; }
#main-menu li ul li { border-bottom-color: #0D2B88; }
#main-menu li ul li a, #main-menu li ul li span {border-left: 0;  border-bottom: 0;  background-color: #0D2B88 !important;  padding-left: 10px; background-position: 25px 50% !important; padding: 8px 0 8px 10px !important; }
/* #main-menu li ul li a, #main-menu li ul li span {border-left: 0;  border-bottom: 0;  background-color: #FF5900 !important;  padding-left: 10px; background-position: 25px 50% !important; padding: 8px 0 8px 10px !important; }
*/

#main-menu li ul li a:hover {border-left: 0;  border-bottom: 0;  color: white; background: #114A98 none !important;}
/* #main-menu li ul li a:hover {border-left: 0;  border-bottom: 0;  color: white; background: #D04900 none !important;} */
#main-menu li ul li span{  color: white; font-weight: normal; }  

#top-menu { position: absolute; top: 0px; right: 0px; z-index: 50; font-size: 83%; background: #0C2F7D; white-space: nowrap; }
#top-menu ul { list-style: none; margin: 0 10px; padding: 0; float: left; }
#top-menu ul li { float: left; margin: 0; padding: 8px 10px; color: white; text-transform: uppercase; text-decoration: none; background: none; }
#top-menu ul li.first {border-left: 1px solid white; }
#top-menu ul li a, #top-menu ul li.active span {color: white; text-decoration: none; background: url("/img/bg-topmenu-item.gif") no-repeat 0 0.7em; padding-left: 10px; }
#top-menu ul li a:hover, #top-menu ul li.active span, #login-box a:hover, #lang-sel a:hover {color:  #C2CAE1; }

#top-menu ul#lang-menu { background: #FF6600 ; margin-left: 0px; margin-right: -10px; display: inline; }
#top-menu ul#lang-menu li { background: #FF6600 ;  }
#top-menu ul#lang-menu li a, #top-menu ul#lang-menu li.active span { background: url("/img/bg-langmenu-item.gif") no-repeat 0 0.7em; }


#lang-sel { position: absolute; top: 10px; left: 200px; }
#lang-sel a { background: url("/img/bg-topmenu-item.gif") no-repeat 0 0.7em; padding-left: 10px; font-size: 83%; }

#att-images { margin-left: 0px;  margin-top: 1em;  display: block;  width: auto; }
#att-images.noborder img { border: 0;  padding: 0; }
#att-files h2, #att-links h2, #att-products h2, #att-images h2 { }

#news-box {float: left; width: 100%; background: #FFE366 url("/img/bg-news-box.jpg") no-repeat right top; }
#news-box .spc {padding: 10px 20px; }
#news-box h2 {text-transform: uppercase; font-size: 14px; font-weight: normal; }
#news-box .date {font-weight: bold; }

#col-right-left #crossroad {border-top: 1px solid #B2C2CA; padding: 0; padding-top: 20px;  margin: 0 20px 25px 20px; }

.news-item h2, .news h2 {margin-top: 0; }
.news-item p, .news p {margin-bottom: 0; }
.news, .news-item {margin-bottom: 20px; }
.news h2 {padding-left: 20px; background: url(/img/arr-crossroad.gif) no-repeat 0 60%; }

#footer {color: white; clear: both; border-top: 2px #B2C2CA solid; color: #545454; width: 100%; font-size: 92%; padding-top: 8px;}
#footer p {margin: 0; }
#footer .pecka {float: left; width: 194px; text-align: center; padding: 12px 0 24px 0; background: #F4F6F1; margin-top: -7px; }
#footer p.copyright {float: right; width: 548px; }

.price { color: #FF5900;  font-weight: bold; }
.dotlink {background: url("/img/bg-dotlink.gif") no-repeat 0 0.5em; padding-left: 12px; }
.btt-submit {background: #FF5900; color: white; border: 0; padding: 3px 6px; cursor: pointer; font-size: 92%; }

/* Attachements */
#att-files h2, #att-links h2, #att-products h2, #att-images h2 {border-left: 0; padding-left: 0;  }
#att-images .img-wrap { padding: 20px; margin-left: -20px; margin-right: -20px; background: #F7F7F7; _height: 1px;}

.imglist {list-style: none; margin: 0; padding: 0;  float: left; }
.imglist li {margin: 0 0 0 0; padding: 0; float: left; background: none;}
.imglist li a {text-decoration: none; font-size: 92%; }
.imglist li a span {text-decoration: underline; }
.imglist li a img { padding: 0px; border: 0px solid #D2D2D2; margin: 0 10px 7px 0;}

/* Product detail */
#product-detail.spc {background: url("/img/bg-product-detail.gif") repeat-x 0 0; padding-top: 24px; margin-top: 1px; }
#product-detail .img-box {float: right; }
#product-detail .img-box img {margin: 0; }

a.btt1 {background: url("/img/bg-btt.gif") no-repeat 0 50%; padding: 10px 0 10px 20px; }
a.btt1 span {background: url("/img/bg-btt.gif") no-repeat 100% 50%; padding: 10px 20px 10px 0; color: white; text-decoration: none; }

.desc-box .price {font-size: 133%; }
.interested {margin-top: 3em; }

#product-list {margin-right: -1%;  }
#product-list ul {width: 100%; padding: 0; margin: 0; clear: left; }
#product-list ul li {width: 185px; float: left; margin-left: 6px; padding: 0 0 25px 0; background: url("/img/bg-product-box.gif") repeat-x 0 0; min-height: 230px;  }
#product-list ul li:first-child {margin-left: 0; }
#product-list ul li a , #product-list ul li .product-params {padding: 20px 0 0 25px; display: block; text-decoration: none; }
#product-list ul li a img {margin: 0; }
#product-list ul li a .product-title {text-decoration: underline; font-size: 100%; font-weight: bold; margin: 0; color: #FF6600; display: block;}
#product-list ul li a:hover .product-title {color: #FF8747; }
#product-list ul li .product-params p {margin-bottom: 0.1em; }


#project-list {  }
#project-list ul {width: 100%; padding: 0; margin: 0; clear: left; }
#project-list ul li {width: auto; clear: both; margin-left: 4px; padding: 20px 0 10px 20px; background: url("/img/bg-product-box.gif") repeat-x 0 0; _height: 1px; }
/* #project-list ul li a ,  {padding: 20px 0 0 25px; display: block; text-decoration: none; } */
#project-list ul li a img {margin: 0; float: left;}
#project-list ul li h2 {margin: 0;}

#project-list ul li a .project-title {text-decoration: underline; font-size: 100%; font-weight: bold; margin: 0 0 1em 0; color: #FF6600; display: block;}
#project-list ul li a:hover .project-title {color: #FF8747; }

#project-list ul li a .project-title, #project-list ul li .annot  { margin-left: 150px; margin-right: 10px; display: block;}


/* Paging */
.paging {padding: 12px 10px;  }
.pg-prev, .pg-next {width: 23%; float: left; text-align: left; }
.pg-next {float: right; text-align: right; }
.pg-all {width: 50%; float: left; text-align: center; }
.pg-prev a {background: url("/img/arrow-pg-prev.gif") no-repeat 0 0.5em; padding-left: 12px; }
.pg-next a {background: url("/img/arrow-pg-next.gif") no-repeat 100% 0.5em; padding-right: 12px; }
.pg-current {font-size: 133%; }

.address-box {clear: both; float: left; width: 100%; margin-bottom: 15px; }
.address-box h2 {margin-top: 0; }
.address-box img {float: right; margin-right: 120px;  }

/* Form */
form {margin: 0; padding: 0; }

.form-box fieldset {border: 0; padding: 0; margin: 0; }
.form-box fieldset legend {border: 0; padding: 15px; margin: 0; color: #0D2B88; font-weight: bold; display: block;  }
.form-box fieldset .fieldset-box {background: #F7F7F7; padding: 15px; }
.form-box fieldset .fieldset-box p {margin: 0 0 0.5em 0; }
.form-box fieldset label, .label {float: left; width: 40%; font-weight: bold; }
.form-box fieldset .lab-inline {float: none; font-weight: normal; display: inline; }
.form-box fieldset .col-r {margin-left: 40%;  }

form .form-footer {border-top: 1px solid #D1D1D1; padding: 15px; }

textarea {width: 100%; }
.col-third {width: 33%; float: left; }
.form-box fieldset .col-third label {width: auto; }

input, select { font-size: 92% }

li.last { border-bottom: 0 !important; }

.error { color: #FF5900; }

.nl-check {padding-left: 20px;}
.form-box .nl-check input, .form-box .nl-check label {display: inline; float: none; }

.form-box .sizefull { width: 100%;}