/*
 * Pravni preklady - Hlavni CSS styl.   xxxx
 * Autor: Petr Dvorak
 */ 

body { font-family: Arial, sans-serif; font-size: 0.8em; line-height: 1.4em;}
html, body { margin: 0; padding: 0;}

/* links */
a { color: #76745D; text-decoration: none;}
a img { border: 0;}

/* headings */
h1, h2, h3 { line-height: 1em;}
h1 { font-size: 1.8em; font-weight: normal; margin: 0 0 15px 0;}
h2 { font-size: 1.5em; font-weight: normal; margin: 20px 0 10px 0;}
h3 { font-size: 1.2em; margin: 10px 0;}
h4 {margin:10px 0 0 0;padding:0}

/* float & align */
.fl { float: left;}
.fr { float: right;}
img.fr { margin: 10px 0 10px 10px;}
img.fl { margin: 10px 10px 10px 0;}

.q { clear: both; font-size: 0; line-height: 1px; height: 1px;}
.ql { clear: left;}

.r { text-align: right;}
.c { text-align: center;}

/* text formating */
.small { font-size: 0.85em;}
.big { font-size: 1.2em; font-weight: normal;}

.bold { font-weight: bold;}
.italic { font-style: italic;}

.none { display: none;}
.noBg{background:none;}

/* lists */
#text ul, #text ol { margin: 5px 10px 0 1.2em; padding: 0;}
#text ul { list-style: disc;}
#text ul ul, #text ul ol, #text ol ol, #text ol ul { margin: 0 0 0 3em;}
#text p { margin: 10px 0;}
#text a { text-decoration:underline;}
#text a:hover { text-decoration:none;}
#text .popup a { color:white; }
#text h3 { font-size: 1.2em; margin: 20px 0 5px 0;}

/* tables */
table { font-size: 1em;}
th, td { vertical-align:top; padding:3px;}
td ul, td ol { margin-top: 0 !important;}

/* table orders */
table.termineTable{border-spacing:1px;margin:10px 0;background-color:#A20055}
table.termineTable th{padding:5px 5px}
table.termineTable th{text-align: center;vertical-align: middle;background:#A4A177;color:#fff;border: 1px solid #fff}
table.termineTable td{color:#000;vertical-align: middle;background:#E9E6D4;border: 1px solid #fff;padding:5px 5px}

.butonOk a{background:#a24a55 url("../images/buttonOk.gif") repeat-x;color:#FFF;border:1px solid #9b323d;cursor:pointer;padding:2px 5px;margin:5px 5px 5px 0}
.butonOk a:hover{background:#cf1d33 url("../images/buttonOkon.gif") repeat-x;color:#fff;}

/* reference */
#reference ul, #reference li { margin: 0; padding: 0; list-style: none; text-align: center;}
#reference li { padding: 9px 0;}

#reference-down {position: relative; margin: auto; width: 680px; padding-top: 20px;}
#reference-down h2 { position: absolute; top: -4em; left: 0; border-bottom: 1px solid #9F9C8B; padding: 25px 0 5px 0; width: 175px;}
#reference-down ul, #reference-down li { list-style: none; margin: 0; padding: 0;}
#reference-down li { display: inline; float: left; padding: 0 20px 0 0;}
#reference-down img { vertical-align: middle;}

#home-reference { width: 670px; margin: auto; font-size: 0.85em; padding: 30px 0 0 0; color: #76745D;}
#home-reference h3 { font-size: 1em; padding: 5px 0 5px 0; margin: 8px 0 0 0; border-right: 1px solid #B4AE94; width: 100px; font-weight: normal; float: left;}
#home-reference ul, #home-reference li { padding: 0; margin: 0; list-style: none;}
#home-reference ul { width: 565px; height: 20px; padding: 0; float: right; text-align: center;}
#home-reference li { display: inline; padding: 0 10px;}
#home-reference img { vertical-align: middle;}

#homeBanner{margin:30px auto 0 auto;width:740px;display:block;}

#home-text{width:740px;background-color:#F1F0E2;color:#76745D;margin:30px auto 0 auto;font-size:94%;}
#home-text #top{background: transparent url(/images/bgHomeTextT.gif) 0 0 no-repeat;height:12px;}
#home-text #content{margin:0 25px;}
#home-text #bottom{ background: transparent url(/images/bgHomeTextB.gif) 0 0 no-repeat;height:12px;}

#home_text #content p {
   font-size:0.8em;
line-height:normal; 
}

@media screen, projection, tv {
body { background: #fff url(../images/background.gif) 50% 0 repeat-y; text-align: center;}

/* link vice informaci */
p.more { padding-left: 1.5em; font-size: 0.85em; margin: 0 !important; padding: 10px 10px 0 1.4em;}
p.more a { font-weight: bold;}
.popup, .pophid { margin: 5px 0 20px 0; width: 445px;}
.pophid div { display: none;}                                                                                                 
.popup div { padding: 0 10px 20px 1.4em; display: block;}
.popup table {font-size:85%;}

/* table */
.summary th, .summary td { padding-bottom: 12px;}
.summary th { width: 100px;}

/* butts & calculation link */
.calculation { padding-left: 125px; line-height: 1em;}
.butts { padding-left: 105px;}

.print { display: none;}

/* hr */
div.hr { height: 2px; background: url(../images/hr.gif) 0 0 repeat-x;}
div.hr hr { display: none;}

/* design */
#body { width: 840px; margin: auto; padding: 0 30px 30px 30px; background: #fff; text-align: left;}
#page { width: 840px; position: relative; padding-top: 64px;}

#header { padding: 62px 0 33px 70px;}

/* left column */
#left { width: 258px; float: left; display: inline; margin-left: 40px;}
#left .overview  { width: 175px; margin: auto;}
#left .overview h2 { border-bottom: 1px solid #9F9C8B; padding: 25px 0 5px 0;}

/* text */
#text { width: 519px; float: right; color: #6C6A55; background: #E9E6D4 url(../images/text.png) 0 0 repeat-x;}
#text-bottom { background: url(../images/text-bottom.gif) 0 100% no-repeat; padding: 100px 35px 60px 35px;}

.textRed, .textDiscount {color: #ffcccc;}
.textPink {color: #B54E5B;}

/* logo */
#logo { display: block; width: 203px; margin: 0; height: 87px; position: relative; font-size: 1.8em; text-align: center; overflow: hidden;}
#logo a { color: #A4A177;}
#logo span.cs, #logo span.de, #logo span.en { display: block; position: absolute; top: 0; left: 0; width: 203px; height: 87px; background: url(../images/logo-pravni-cs.png) 0 0 no-repeat; z-index: 2;}
#logo span.de {background: url(../images/logo-pravni-de.png) 0 0 no-repeat; z-index: 2;}
#logo span.en {background: url(../images/logo-pravni-en.png) 0 0 no-repeat; z-index: 2;}
#logo a span.cs, #logo a span.de, #logo a span.en{ cursor: pointer;}

/* index page */
#home { width: 840px; font-size: 0.85em; line-height: 1.3em;}

#home-left { width: 285px; height: 146px; padding: 45px 50px 20px 85px; overflow: hidden;}
#home-left { float: left; background: #B54E5B url(../images/home-left.gif) 0 0 no-repeat; color: #fff;}
#home-left a { color: #fff;}

#home-right { width: 350px; height: 131px; padding: 80px 70px 0 0; float: right; background: #D7CFA5 url(../images/home-right.gif) 100% 0 no-repeat; color: #77755E; text-align: center; overflow: hidden;}
#home-right ul, #home-right li { padding: 0; margin: 0; list-style: none;}
#home-right ul { padding: 20px 0 0 30px;}
#home-right li { list-style: none; display: inline;}

#home h1 { font-size: 1.2em; position: relative; width: 210px; height: 25px; line-height: 25px; overflow: hidden; margin: 0 0 10px 0; padding: 0;}
#home h1 span { display: block; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background: url(../images/home-txt-title.gif) 0 0 no-repeat;}
#home p { margin: 0; padding: 0;}

/* index page - home right - other servers (stavebni & obchodni preklady) */
#home-right li a { display: block; padding-top: 20px; height: 50px; width: 150px; position: relative; float: left; color: #9A936D; font-size: 1.3em; overflow: hidden;}
#home-right li a span.cs, #home-right li a span.de, #home-right li a span.en { display: block; height: 70px; width: 150px; position: absolute; top: 0; left: 0; background: url( ../images/logo-other-servers-cs.gif ) 0 0 no-repeat; cursor: pointer;}
#home-right li a span.de {background: url( /images/logo-other-servers-de.gif ) 0 0 no-repeat;}
#home-right li a span.en {background: url( /images/logo-other-servers-en.gif ) 0 0 no-repeat;}
#server-stavebni-preklady a span { background-position: 100% 0 !important;}

/* news & services & calculation */
.overview { font-size: 0.8em; color: #76745D; line-height: normal;}
.overview h2 { font-size: 1.1em; text-transform: uppercase; font-weight: bold; margin: 0 0 10px 0; padding: 0;}
.overview h2 span { color: #76745D;}
.overview h3 { color: #9A936D; font-size: 1.35em; font-weight: bold; letter-spacing: -1px; margin: 10px 0;}
.overview p { margin: 5px 0;}

#home-overview { background: url(../images/home-overview.png) 0 100% repeat-x; clear: both; width: 740px; margin: auto; padding-top: 20px;}
#home-overview-corners { background: url(../images/home-overview-corners.png) 0 100% no-repeat;}


#home-news, #home-services, #home-calculation { width: 140px; float: left; padding: 2px 10px 15px 34px;}
#home-calculation { width: 320px;}
#home-calculation select { margin-right: 5px;}
#home-calculation label { display: block; padding-bottom: 2px;}
#home-calculation p.fr { padding: 1.2em 20px 0 0;} /* submit button */
#home-calculation img { margin-right: 5px; vertical-align: middle;} /* calendar icon */
/* kontakty */
.blockL{float:left;width:222px;border-right:1px solid #9F9D8E;padding-right:5px;}
.blockR{float:left;width:215px;border-left:1px solid #FFF;padding-left:5px;}

/* forms */
input, select {background:#E9E6D3; color: #76745D; font-size: 1em; vertical-align: middle;}
.calculation-select{ width: 150px; float: left; margin-right: 5px !important;}
.calculation-select select { width: 145px;}
#text .calculation-full{float: left; margin: 5px 0 0 0;}
.w220{width:220px;}
.w440{width:428px;}
input.w205{width: 205px;}
input.w435{width: 422px;}
.calculation-full input.obligatory, .calculation-full select.obligatory, .calculation-full textarea.obligatory, #contactUs input.obligatory{background: #F6F6EE;}
.calculation-full input.fError, .calculation-full select.fError, .calculation-full .fError, #contactUs input.fError{background: #ffcccc;}
.calculation-select select { width: 145px;}
.cL{width:450px;font-size:1px;clear:left;}

/* TODO kde to chybi? .button {display:block;font-family:Arial,Verdana,Helvetica,sans-serif;font-size:11px;height:20px;text-align:center;} */


/* colors */
h1, h2 { color: #9A936D;}
th { color: #9A936D;}
.colorText p {color: #6C6A55;}
/* footer */
#footer { font-size: 0.85em; color: #B4AE94; width: 785px; height: 40px; margin: auto; background: #E9E6D3 url(../images/footer.gif) 0 0 no-repeat; padding: 20px 0 40px 115px; text-align: left;}
#footer p { margin: 0 100px 0 0; padding: 0;}

/* people */
#home-people, #people { position: absolute; top: 73px; right: -28px; z-index: 10; background: #D0C791 url(../images/people-left.gif) 0 0 no-repeat; z-index: 2;}
#home-people {background-image:url(../images/people-left-index.gif);}
#home-people div, #people div { height: 233px; width: 572px; background-position: 100% 0; background-repeat: no-repeat;} /* photo */
#home-people div div, #people div div { background-position: 45px 48px;} /* text */
#home-people-corner { width: 107px; height: 21px; position: absolute; right: -27px; top: 285px; background: url(../images/people-home.gif) 0 0 no-repeat; z-index: 3;} /* left side down corner on home page */

/* menu */
#menu, #menu-long { position: absolute; top: 0; left: 0; background: #CAC397 url(../images/menu.gif) 0 100% repeat-x; text-align: center; z-index: 10;}
#menu, #menu ul, #menu-left, #menu-long, #menu-long ul { width: 870px; float: left;}
#menu #menu-left, #menu-long #menu-left { background: url(../images/menu-right.gif) 100% 100% no-repeat;}

#menu ul, #menu li, #menu-long ul, #menu-long li { padding: 0; margin: auto; list-style: none;}
#menu ul, #menu-long ul { padding-left: 80px; width: 760px; background: url(../images/menu-left.gif) 0 100% no-repeat;text-align: center;}
#menu li, #menu-long li { display: block; float: left; padding: 10px 0; position: relative;}
#menu li:hover ul, #menu li.hover ul, #menu-long li:hover ul, #menu-long li.hover ul { visibility: visible;}

#menu a, #menu-long a { padding: 11px 15px; font-size: 1.1em; color: #fff; border-left: 1px solid #FFFFFF; border-right: 1px solid #949066; background: url(../images/menu-hover.gif) 0 100% repeat-x; position: relative;}
#menu-long a { padding: 11px 12px;font-size: 1em;}
#menu li.first a, #menu-long li.first a { border-left: 0;}
#menu li.last a, #menu-long li.last a { border-right: 0;}
#menu li.open a:hover, #menu li.open:hover a, #menu li.hover a, #menu-long li.open a:hover, #menu-long li.open:hover a, #menu-long li.hover a { padding-bottom: 20px;}

#menu ul ul, #menu-long ul ul { position: absolute; top: 3.7em; left: 1px; padding: 0; width: 180px; float: none; text-align: left; z-index: 20; font-size: 0.9em; padding-bottom: 15px; background: url(../images/menu-sub.png) 0 100% no-repeat; visibility: hidden;}
#menu li.first ul, #menu-long li.first ul { left: 0;}
#menu ul ul li, #menu-long ul ul li { display: block; width: 180px; padding: 0; margin: 0; position: static; background: #C0BA90;}
#menu ul ul li a, #menu-long ul ul li a { border: 0; display: block; padding: 10px 15px ; background: #C0BA90; color: #fff;}
#menu ul ul li a:hover, #menu ul ul li a.active, #menu-long ul ul li a:hover, #menu-long ul ul li a.active { background: #CAC397; color: #B0646D;}

/* left menu */
#left-menu { background: #E9E6D4 url(../images/left-menu-top.gif) 0 0 no-repeat; padding-top: 65px;}
#left-menu div { background: url(../images/left-menu-bottom.gif) 0 100% no-repeat; padding-bottom: 85px;}
#left-menu h2 { font-size: 1em; color: #76745D; margin: 0 42px; padding: 13px 0; border-bottom: 1px solid #9F9C8B;}
#left-menu ul, #left-menu li { padding: 0; margin: 0; list-style: none;}
#left-menu ul { margin: 0 42px; padding: 0 0 0 32px; border-top: 1px solid #fff; border-bottom: 1px solid #9F9C8B;}
#left-menu ul li { margin: 10px 0;}
#left-menu-bottom-line { border-top: 1px solid #fff; margin: 0 42px; padding: 0 !important; background: none;}

/* small links */
ul.small-links, .small-links ul, .small-links li { padding: 0; margin: 0; list-style: none;}
.small-links { font-size: 0.85em; color: #A4A177; }
.small-links li { display: inline;}
.small-links a, .small-links strong { color: #A4A177; text-decoration: none; padding: 2px 10px; background: url(../images/small-links-separator.gif) 100% 50% no-repeat;}
.small-links .last a { background: none;}

/* languages */
#lang { position: absolute; left: 115px; top: 4.1em; z-index: 3;}

/* small menu (right side up corner) */
#small-menu { position: absolute; right: 92px; top: 4.1em; z-index: 3;}

/* reklama */
/*#advertSpace{position:absolute;top:60px;left:5px;width:424px;z-index:200;color:#FFF;background-color:#808080;font-size:11px;}*/
#advertSpace {font-size:11px;}
#advertSpace p{margin:20px 0 0 0;text-align:left;}
#advertSpace img{border:5px solid #666666;float:left;}
#advertSpace #advertCloseButton{position:absolute;top:0;left:0;width:50px; padding:5px 8px;background-color:#666666;color:#FFF;cursor:pointer;z-index:250;}

}

@media print {
.calculation, .noprint, #menu, #menu-long, #lang, #small-menu, #left, #home-calculation, #reference-down { display: none;}
a { color: #000; text-decoration: underline;}

#header img { float: right;}
#logo { font-size: 1.2em; font-weight: bold; margin-bottom: 30px;}
#logo a { text-decoration: none;}

#body { padding-bottom: 20px;}
#footer { font-size: 0.9em;}

.popup, .pophid { margin-bottom: 20px;}
.popup .more a, .pophid .more a { text-decoration: none; font-weight: bold;}
}