/*-------------- CSS RESET BY MEYER --------------*/
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, images, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* [ CLEARFIX ] ------------------------------------------------------------- */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.clear {
    clear: both;
}
/* -------------------------------------------------------------------------- */

/*-------------- MAIN LAYOUT --------------*/

#wrapper {
    background:transparent url('../images/body_bottom.jpg') repeat-x bottom center;
    height:100%;
    min-height:420px; /* footer + header bg */
    width:940px;
    margin:0 auto;
/* 	background-position:  */
}

body {
   background:transparent url('../images/body-bg.jpg') repeat-x ;
	background-position:0px 101px;
    color:#fff;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size:11px;
    color:#a3a8a9;
}

body.smaller {
   /* background:transparent url('../images/body-bg-smaller.jpg') repeat-x top left;*/
   background:transparent url('../images/body-bg-smaller.jpg') repeat-x top left;
   background-position:0px 101px;
}

#wrapper-out {
    /*background:transparent url('../images/body-bg-bottom.jpg') repeat-x ; */
	background-position: 300px 0px;
    width:100%;
    height:100%;
	overflow:hidden;
}


hr.clear {
    clear:both;
    visibility:hidden;
    height:0px;
    display:block;
    margin-top:0px;
    border:0;
}

a:hover {
    text-decoration:none;
}

h1, h2 {
    color:#42484c;
    font-weight:normal;
}

#slogan {
    color: #d63333;
    font-size: 16px;
    margin-top: 8px;
}

h2 {
    font-size:18px;
}

h3 {
    font-size:18px;
}

a {
    color:#a3a8a9;
}

.gray-border {
    border-left:1px solid #e5e5e5;
}

.red {
    color:#d63333;
    font-size:14px;
}

li.red {
    font-size: 12px;
}

.margin20 {
  margin-bottom:20px;
  display:block;
}

.margin10 {
  margin-bottom:10px;
  display:block;
}

.marginT20 {
    margin-top: 30px;
}

.fl_left {
    float:left;
}

.ul-popis {
  display:block;
  margin:20px 0 -20px 10px;
}

/*-------------- HEADER --------------*/

#header {
    padding:22px 0 0 17px;
    height:312px;
    background:transparent url('../images/header-bg.jpg') no-repeat top center;
}

.smaller #header {
    background:transparent url('../images/header-smaller.jpg') no-repeat top center;
    height:214px;
}

#logo {
    width:126px;
    height:54px;
    display:block;
    background:transparent url('../images/logo.jpg') no-repeat top center;
    text-indent:-5000px;
    text-decoration:none;
    float:left;
}

#main-menu{
    width:485px;
    height:53px;
    float:left;
    border-bottom:1px solid #fff;
    margin:0 0 0 35px;
}

#main-menu li {
    display:block;
    float:left;
/*     margin:17px 16px 0 16px; */
	margin:17px 15px 0 5px;
	margin:17px 10px 0 5px;
}

#main-menu li.last {
    margin-right:0;
}

#main-menu li a {
    text-decoration:none;
    font-size:18px;
	font-size: 17px;
    color:#43494d;
    display:block;
    height:38px;
}

#main-menu li a:hover, #main-menu li.active a {
    background:transparent url('../images/menu-bottom.jpg') repeat-x bottom center;
}

h1 {
    width:480px;
    font-size:34px;
    margin-top:50px;
}

.smaller h1 {
    margin-top:40px;
    width:550px;
}

/*-------------- CONTENT --------------*/

.smaller #content {
    margin-top:-67px;
}

#content {
    z-index:1000;
    margin-top:-45px;
}

#content .main, #content .right {
    float:left;
}

#content .main {
    width:701px;
    padding-bottom: 20px;
}

#homepage-blocks {
    height:178px;
    margin-bottom:25px;
}

#fin-experti {
    background:transparent url('../images/fin-experti.jpg') no-repeat top center;
    width:344px;
    height:178px;
    z-index:1000;
    float:left;
}

#fin-experti a  {
    color:#fff;
    text-decoration:none;
    font-size:18px;
    text-transform:uppercase;
    display:block;
    padding:135px 0 22px 25px;
}

#realitni-experti {
    height:184px;
    width:350px;
    margin: -6px 0 0 7px;
    float:left;
    background:transparent url('../images/realitni-experti.png') no-repeat top center;
}

#realitni-experti a {
    color:#fff;
    text-decoration:none;
    font-size:14px;
    text-transform:uppercase;
    display:block;
    padding:13px 0 0 27px;
}

#realitni-experti .bottom {
    margin:100px 0 0 5px;
    padding-bottom:10px;
    font-size:18px;
}

#map {
    border-top:1px solid #E5E5E5;
}

.text-page #map {
  margin-left:-35px;
}

#footer-inner {
    height:90px;
    border-top:1px solid #e5e5e5;
    padding:10px 0px 30px 0px;
    margin-top: 24px;
}

a img {
  border:none;
}

#footer-inner a {
    float:left;
    margin-right:25px;
}

/*-------------- RIGHT PANEL --------------*/

#content .right .asociace {
    display:block;
    margin:35px auto;
}

#content .right {
    width:224px;
    background:transparent url('../images/panel-top-bg.png') no-repeat top center;
    min-height:100px;
    margin-left:15px;
}

#content .right .box {
    position:relative;
}

#news_container {
  width:200px;
  overflow:hidden;
  position:relative;
  height:146px;
}

.news {
  float:left;
  width:199px;
  height:126px;
  margin-right:20px;
}

.news_visible {
  width:3200px;
  position:absolute;
  top:0;
  left:0;
}


#content .right .news-buttons {
    position:absolute;
    right:10px;
    top:10px;
    background:transparent url('../images/news-buttons.jpg') no-repeat top center;
    display:block;
    width:47px;
    height:23px;
}

#content .right .news-buttons a {
    text-decoration:none;
    float:left;
    display:block;
    width:22px;
    height:22px;
}

#content .right .box.news .body {
}

#content .right .box h2 {
    margin:15px 0 12px 15px;
}

#content .right .box .tel {
    background:transparent url('../images/tel-bg.jpg') no-repeat top center;
    width:200px;
    height:43px;
    margin:3px 0 20px 0;
}

#content .right .box .tel input {
    float:left;
}

#content .right .box .tel .text_input {
    height:12px;
    width:129px;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin:4px 0 0 4px;
    color:#a0a3a5;
    font-size:11px;
    padding:10px 13px;
}

#content .right .box .tel .button {
    border:none;
    background:transparent url('../images/tel-button.jpg') no-repeat top center;
    cursor:pointer;
    width:22px;
    height:21px;
    margin:10px 0 0 6px;
}

#content .right .box .separator {
    background-color:#e5e5e5;
    border:none;
    height:1px;
}

#content .right .box .body {
    background:transparent url('../images/box-body.jpg') repeat-y top center;
    padding:3px 10px 10px 10px;
}

#content .right #contact {
    color:#42484c;
    margin:15px 0 0 5px;
}

#content .right #contact li {
    height:18px;
    margin-bottom:5px;
}

#content .right #contact li span {
    padding-top:3px;
    display:block;
}

#content .right #contact .phone {
    background:transparent url('../images/tel-ico.jpg') no-repeat center left;
    padding-left:30px;
}
#content .right #contact .phone-green {
    background:transparent url('../images/tel-ico-green.jpg') no-repeat center left;
    padding-left:30px;
}


#content .right #contact .mail{
    background:transparent url('../images/mail-ico.jpg') no-repeat center left;
    padding-left:30px;
}

#content .right .box .footer {
    background:transparent url('../images/box-footer.jpg') no-repeat center left;
    height:5px;
}

#content .right .box .date {
    color:#d63333;
}

#content .right .box .news {
    line-height:18px;
    padding-left:5px;
}

#content .right .body_news {
    background:none !important;
}

#content .right .box .news a {
    color:#42484c;
}

#content .right .box .news p {
    color:#676c70;
    font-weight:normal;
}

.banners {
    border-top:1px solid #E5E5E5;
}

.banners img {
  border:0;
}

.banners img {
    margin:20px auto;
    display:block;
}


/*-------------- FOOTER --------------*/

#footer {
    height:68px;
    position:relative;
}

#footer .webtoad {
    position:absolute;
    right:25px;
    top:30px;
}

#footer .copyright {
    padding:30px 0 0 25px;
    display:block;
    line-height: 15px;
}

#footer .copyright img {
    vertical-align: middle;
    margin: 0px 4px 0px 4px;
}

#footer .webtoad a {
    font-weight:bold;
}

/*-------------- BALICKY --------------*/

#header.smaller {
    /*height:215px;  */
}

.main.bg {
    background:transparent url('../images/main-top-bg.png') no-repeat 0 1px;
    width:693px !important;
    padding:10px 0 0 10px;
    margin-right:-2px;
    min-height: 600px;
}

.main .package {
    width:680px;
    background:#cc3e3e url('../images/package-bg.jpg') repeat-x top center;
    color:#fff;
    margin-bottom:18px;
}

.main .package .button {
    color:#fff;
    font-weight:bold;
    height:21px;
    padding-left:30px;
    display:block;
    background:transparent url('../images/arrow-button.png') no-repeat center left;
    margin-left:15px;
}

.main .package .button span {
    display:block;
    padding-top:4px;
}

.package h2 {
    text-transform:uppercase;
    height:23px;
    background:transparent url('../images/package-header.jpg') no-repeat top center;
    font-weight:bold;
    font-size:14px;
    color:#fff;
    padding:18px 0 0 15px;
}

.package p {
    padding:12px 15px;
    line-height:21px;
    font-size:13px;
}


.main .package .footer {
    height:13px;
    background:transparent url('../images/package-footer.jpg') no-repeat bottom center;
}

.text-page {
    padding:20px 0 0 20px;
    font-size:12px;
    color:#676c70;
}

.text-page h2 {
    color:#d63333;
    font-size:24px;
    font-weight:bold;
    margin-bottom:25px;
}

.heading_gray {
    color:#676C70;
    font-weight:normal;
    font-size:12px;
    font-style: italic;
    display:block;
    clear: both;
    position: relative;
    top: -20px;
}

.text-page ul {
    margin:25px 0 30px 13px;
}

.text-page ul li {
    line-height:24px;
    background:transparent url('../images/bullet-point.jpg') no-repeat 0px 9px;
    padding-left:25px;
}

.text-page .sub-heading {
    margin-left:13px;
}

.text-page table {
    margin:0 0 35px 0;
}

.text-page table td {
    height:38px;
    vertical-align:middle;
    padding:0 15px;
}

.text-page table tr.even td {
    background-color:#f3f3f3;
}

.text-page table td.white {
    background-color:#fff !important;
    padding:0 !important;
}

.text-page table .first {
    border-top:2px solid #a3a3a3;
}

.text-page table .last {
    border-bottom:2px solid #a3a3a3;
}

.text-page table td.cena {
    color:#42484c;
    text-align:right;
    font-weight:bold;
}

/*-------------- Flash alternative --------------*/
div#mapaAlternative {
    margin: 50px 20px;
}

object#mapaAlternative {
    margin: 44px 0px 24px 0px;
}

#mapaAlternative a {
    display: block;
    width: 120px;
    margin: 0 auto;
}

#mapaAlternative p {
    text-align: center;
    color: #42484C;
    margin: 20px 0px;
}

.kontakty {
  padding:0 0 0 15px;
  line-height:20px;
  position: relative;
}

.kontakty h2 {
  margin:35px 0 15px 0;
}

.kontakty .blok {
  width:210px;
  padding-bottom: 18px;
}

.kontakty .blok .photo {
  width: 100px;
  min-height: 100px;
  background: transparent url('../images/noPhoto.png') no-repeat;
}

.kontakty .blok.reditel, .kontakty .blok.reditel a {
    color:#d63333;
    float: none;
    clear: both;
}

.kontakty .blok.reditelFloat {
    color:#d63333;
}
.kontakty .blok.reditelFloat a {
    color:#d63333;
}


.text-page p.text {
  line-height: 18px;
  margin: 12px 0;
}
ul.lh {
	margin-top: 10px;
}
ul.lh li {
	line-height: 20px;
}
h2.mtop {
	padding-top: 20px;
	margin-bottom: 10px;
}