/* CSS Stylesheet Liquid Design */

html body {
    margin: 0px;
    padding: 0px;
    background: url('../images/background.gif');
    border-top: 6px solid #818181;
    font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
    font-size: .7em;
    line-height: 1.4em;
    color: #555;
}

textarea {font-family: Tahoma,'Lucida Grande CE',lucida,sans-serif;line-height:1.4em;font-size: 1.2em;}

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

a.topmail {display: block; width: 52px; height: 12px; background: url('../images/send-mail.gif') no-repeat left top; font-size: 0; line-height: 0;}
a.topmail:hover {width: 52px; height: 12px; background-position: 0px bottom;}
    
img {border: none;}

p {margin: .6em 0;}

p.cit {font-style: italic;  background: url('../images/bg_cit.gif') no-repeat 7px 10px; background-color:#f8f6e7; font-size: 1.2em; line-height: 1.5em; padding: 7px 5px 7px 42px; margin-top: 2em;}



.floatleft {float: left; margin-right: 1.2em; margin-bottom: .3em;}
.floatright {float: right; margin-left: 1.2em; margin-bottom: .3em;}

.qr {width: 168px;}

/* pruhlednost png v ie6 */
div#languages_back, div.for_top, div.under_top, div.refi, div.new div.left, img.transparent {behavior: url(../js/iepngfix.htc);}

h1 {}
h2 {margin: 30px 0 20px; font-weight: normal; color: #ff3333; font-size: 2.2em; line-height: 1.1em;}
h3 {font-weight: normal; font-size: 1.4em; margin: 25px 0 10px; line-height: 1.2em;}
h4 {font-weight: bold; font-size: 1.2em; margin: 15px 0 5px; line-height: 1.2em;}

div.cleaner {clear:both; line-height: 0; font-size: 0;}

/* MAIN */
#main {width: 878px; margin:0 auto; position: relative;}

/* Languages */
#languages_back { 
    background: url('../images/background_langs.png') no-repeat; 
    position: absolute; top: -6px;left: 695px; 
    width: 188px; height: 24px;text-align: right;
}
#languages {position: absolute; top: -4px; left: 821px; color: #fff;}

/* Head */
#head_margin {height: 42px;}
#top {width: 878px; height: 113px; background: url('../images/topback.png') repeat-x; background-color: #dee8e9;}
#top .left {padding: 25px 0 0 86px; width: 206px; float:left;}
#top .right {width: 557px; float:right;}
#top .right #menu {width: 530px; padding-top: 22px; line-height: 0;}
#top .right #menu a {display: block;height: 20px;
    background-repeat: no-repeat;background-position: top; float: left;margin: 0 11px 0px;}
#top .right #menu img {float: left;}
#top .right #menu a:hover, #top .right #menu .active {background-position: bottom;} 
#top .right #decor {margin-top: 4px;width: 530px;height: 68px;background: url('../images/motto.png') no-repeat;}

div.under_top {width: 878px;background: url('../images/background_reference.png');height: 7px; line-height: 0; font-size: 0;}
div.for_top {width: 878px;background: url('../images/background_for_top.png');height: 7px; line-height: 0; font-size: 0;}

#head_demo {text-align: center; padding: 22px 0 0; height: 94px; background: url('../images/demobg.png') no-repeat;}

/* Reference */
#demo {background: #f9f9f9;border-top: 1px solid #d8d8d8;border-bottom: 1px solid #d8d8d8;
    border-left: 1px solid #f3f3f3;border-right: 1px solid #f3f3f3; }
#demo #inner {}

#demo div.left {
    padding-top: 7px;
    float: left;
    display:inline;
    margin: 22px 0px 0px 20px;
    width: 266px;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.3em;
    color: #555;
}
#demo div.left p {margin: .7em 0;}
#demo div.right {float: right; width: 557px;  }
#demo div.right div.rightinner {}
#demo div.right div.rightinner a.admin {display:block; float:left; width:177px; height:198px; background: url('../images/products-demo/liquid_admin.png') no-repeat;}
#demo div.right div.rightinner span.maximum {display:block; float:left; width:174px; height:198px; background: url('../images/products-demo/maximum.png') no-repeat;}
#demo div.right div.rightinner a.midas {display:block; float:left; width:179px; height:198px; background: url('../images/products-demo/midas_shop.png') no-repeat;}
#demo div.right div.rightinner span.rest {display:block; float:left; width:27px; height:198px; background: url('../images/products-demo/rest.png') no-repeat;}



/*#demo div.right span.dark, #demo div.right span.first, #demo div.right span.second, #demo div.right span.third {
    padding: .15em .8em;
    font-family: 'Arial Narrow', 'Arial CE', 'Helvetica CE', Arial, Helvetica, sans-serif;
    line-height: 1.9em;
    font-size: 1.2em;
    text-transform: uppercase;
}
#demo div.right span.datumarr {background: url('../images/darr.gif') no-repeat right center; padding-right: .8em;}
#demo div.right span.dark {background-color: #454545; color: white;}
#demo div.right span.first, #demo div.right span.second, #demo div.right span.third {background-color: white; -moz-opacity:0.9; filter: alpha(opacity=90); letter-spacing: -.05em;}
#demo div.right span.first a {font-weight: bold; color: #ff3333;}
#demo div.right span.first a:hover {color: #000;}
#demo div.right span.first img.transparent {vertical-align: middle; margin-left: .2em;}*/


/* Page */
#page {background: white url('../images/homebg.png') no-repeat; padding-bottom: 10px;}
#pagedoc {background: white url('../images/marabgpages.png') no-repeat; padding-bottom: 10px;}
#pagedocbgleft {background: url('../images/marabgleft.png') no-repeat; padding-bottom: 10px; position: relative; }

#innerpage {margin: 0px 26px;padding: 18px 0px;}

#innerpage #page_left {width: 266px;float: left; position: relative; }
#innerpage #page_left #rightbound {margin-right: 26px;}
#innerpage #page_left ul.arrows {list-style-position: outside; list-style-image: url('../images/arrow.png'); margin-left: 0; padding-left: 1.7em;}
#innerpage #page_left h2 {color: #333; font-size: 1.6em;margin: 1em 0 .8em;}
#innerpage #page_left h2.topheading {margin-top: 0}
#innerpage #page_left p {line-height: 1.4em;} 

#innerpage #page_right {margin: 1px;width: 530px;float: right; color: #555555;}

#innerpage #page_right ul {margin: 8px 0 0 0; padding: 0;}
#innerpage #page_right ul li {margin: 0 0 8px 40px; padding: 0; line-height: 1.6em;}

#innerpage #page_right h3 {color: #458CCB; font-weight:bold; font-size: 1.3em;}
#innerpage .half_page {float: left;width: 250px;padding-right: 10px;}

#atriclebottom {background: url('../images/background_h3.gif') no-repeat left top; padding-top: .6em; margin-top: 2em;}
#atriclebottom div.icon {background: url('../images/icon1.gif') no-repeat left center; padding-left: 45px; margin: 1em 0;}
#atriclebottom div.title {font-weight: bold; color: #458ccb; font-size: 1.2em; margin-bottom: .1em;
    background: url('../images/block.gif') no-repeat left .3em; padding-left: 14px;}

/* References index */
#page_right h2 {
    color: #333;
    font-size: 1.6em;
    margin: 1em 0 .8em;
}

#pagedoc #page_right h2 {
    color: #458ccb;
    font-size: 1.8em;
    margin: 1em 0 .8em;
}

#pagedoc #page_right h2 span.label {background: #aaa; font-size: .5em; color: white; padding: .1em .2em; vertical-align: middle;}
#pagedoc #page_right h2 span.new {background: #458ccb; font-size: .5em; color: white; padding: .1em .2em; vertical-align: middle;}

#pagedoc #page_right div.back {font-weight: bold; margin-bottom: .5em;}

#page_right div.refi {
    width: 164px;
    float: left;
    margin-left: 18px;
    background: url('../images/ref_frame.png') no-repeat;
}
#page_right div.refiinner {margin: 3px;}
#page_right div.refi span.dot {
    background: url('../images/ref_dot.gif') no-repeat right .6em;
    padding-right: 5px; white-space: nowrap; zoom: 1;
}
#page_right div.refi a img {display:block;}
#page_right div.refi a:hover img {-moz-opacity:0.8; filter: alpha(opacity=80);}
#page_right div.first {margin-left: 0;}

#page_right div.refi div.tbound {margin: 10px 3px 0;}
#page_right div.refi .head {
    color: #5c5b5b;
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1em;
}
#page_right div.refi .date {
    color: #aaaaaa;  
    font-weight: bold;  
    font-size: 1.2em;
    margin: .2em 0;
}
#page_right div.refi .text {
    color: #666666;
    line-height: 1.5em; 
    font-size: .9em;
}
#page_right div.refi .text img {vertical-align: middle;}

/* References portfolio kat */
#page_right div.references div.item {border-top: 1px solid #ddd; padding-top: 1.2em; margin-bottom: .8em;}
#page_right div.references div.first {border: 0; padding-top: 0;}
#page_right div.references div.image {width: 164px; height: 105px; background: url('../images/ref_frame.png') no-repeat; float: left;}
#page_right div.references div.image div.bnd {margin: 3px;}
#page_right div.references div.image div.bnd a {display: block;}
#page_right div.references div.item span.dot {
    background: url('../images/ref_dot.gif') no-repeat right .6em;
    padding-right: 5px; white-space: nowrap; zoom: 1;
}
#page_right div.references div.item a img {display:block;}
#page_right div.references div.item a:hover img {-moz-opacity:0.8; filter: alpha(opacity=80);}

#page_right div.references div.item div.tbound {width: 355px; float: right; margin: .5em 0;}
#page_right div.references div.item .head {
    color: #5c5b5b;
    text-transform: uppercase;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1em;
}
#page_right div.references div.item .head a {color: #f33; text-decoration: none;}
#page_right div.references div.item .head a:hover {color: #333; text-decoration: none;}
#page_right div.references div.item .date {
    color: #aaaaaa;  
    font-weight: bold;  
    font-size: 1.4em;
    margin: .2em 0;
}
#page_right div.references div.item .descriotion {margin: 0.7em 0;}
#page_right div.references div.item .descriotion-in {margin: 0 0 0.7em;}
#page_right div.references div.item .text {color: #444; line-height: 1.5em; background: url('../images/lne.gif') no-repeat left top; padding-top: 0.5em;}
#page_right div.references div.item .text-in {margin-bottom: 0.5em;}
#page_right div.references div.item .text img {vertical-align: middle;}
#page_right div.references div.item .link a {background: url('../images/dex2.gif') no-repeat left center; padding-left: 14px;}
#page_right div.references div.item .text table {border: 0; border-collapse: collapse;}
#page_right div.references div.item .text table td {padding: 0; padding-right: 1em;}
#page_right div.references div.item .gallery {margin: .5em 0;}
#page_right div.references div.item .gallery a {display: block; border: 1px solid #ddd; width: 52px; float: left; 
    margin-right: 1em; margin-bottom: 1em;}
#page_right div.references div.item .gallery a:hover {border: 1px solid #458ccb;}
#page_right div.references div.item .gallery img {display: block; margin: 1px;}
#page_right div.references div.item .text table.files {border: 0; border-collapse: collapse; width: 100%;}
#page_right div.references div.item .text table.files td {padding: 2px 0; padding-right: 1em; border-bottom: 1px solid #ddd;}
#page_right div.references div.item .text table.files td a.file {background: url('../images/file.gif') no-repeat left center; padding-left: 20px;}

/* Breadcramb */
#breadcramb {background: url('../images/leaf.png') no-repeat left center; padding-left: 17px; margin-bottom: 1em;}
#breadcramb a {color: #448ccb;}


/* Forms */
.form_table {margin-top: 2em;}
.form_table td {padding-bottom: .4em;}
.form_table .label {
    font-size: 1.1em;
    text-align: right;
    padding-right: 5px;
    vertical-align: top;
    padding-top: .4em;
}
.form_table .text {
    width: 200px;
    padding: 2px 3px; 
    border-left: 1px solid #a5acb2;
    border-right: 1px solid #cad1d7;
    border-bottom: 1px solid #cad1d7;
    border-top: 1px solid #a5acb2; 
}
.form_table textarea {
    width: 420px;
    height: 10em;
    padding: 2px 3px;
    border-left: 1px solid #a5acb2;
    border-right: 1px solid #cad1d7;
    border-bottom: 1px solid #cad1d7;
    border-top: 1px solid #a5acb2;
}
.require {color: #ff3333;}


/* Second menu */
#page_left #second_menu {margin: 1.8em 0 2.5em;}
#page_left #second_menu ul {list-style-type: none; margin: 0; padding: 0;}
#page_left #second_menu li {border-bottom: 1px solid #8d8d8d;}
#page_left #second_menu a{
    display: block;
    text-decoration: none;
    color: #448ccb;
    font-weight: bold;
    margin: 3px 0;
    padding: 2px 20px 2px 4px;
    background: url('../images/star.gif') no-repeat;
    background-position: 98% center;
    font-size: 1.15em;
}
#page_left #second_menu a:hover, #page_left #second_menu .act {
    color: #ff3333; background: #cae7ed url('../images/star_act.gif') no-repeat;
    background-position: 98% center;    
}


/* News index */
#page_left div.new {border-top: 1px solid #d2d2d2; margin-top: 10px; padding-top: 10px;}
#page_left div.first {border-top: 0; margin: 0; padding: 0;}

#newhead {}
#newhead span.datum {background: url('../images/ring.gif') no-repeat left center; padding-left: 18px; color: #333;}
#newhead a.print {background: url('../images/print.gif') no-repeat left center; padding-left: 18px;}
#newhead a.mail {background: url('../images/mail.gif') no-repeat left center; padding-left: 18px;}

.new .left {width: 41px; height: 48px; background: url('../images/news_top.png') no-repeat; float: left; margin-top: .3em;} 
.new .left2 {width: 41px; height: 48px; background: url('../images/news_top.png') no-repeat; float: left; margin-top: .3em;} 
.new .calendar {width: 41px; height: 61px; background: url('../images/calendar.png') no-repeat center top; float: left; margin-top: .3em;}
.new .right {width: 217px; float: right; margin-left: 5px;}
.new .right .line {margin-top: .3em; line-height: 1.8em;}
.new .right .line a {font-size: 1.5em; font-weight: bold; text-decoration: none; color: #999; padding: 0 .1em;}
.new .right .line a:hover {color: #f33;}
.new .right .line a:active {background-color: #eee;}
.new .right .line a.act {background-color: #cae7ed; color: #458ccb;}
#rightbound .new .right {width: 191px;}
.new .right .head {line-height: 1.3em;}
.new .right .head a {color: #ff3333; font-weight: bold; font-size: 1.2em; line-height: 1.3em;}
.new .right .date {font-weight: bold; color: #333; margin: .3em 0;}
.new .right .text {line-height: 1.3em;}


/* Rozcestnik */
#innerpage #paths {margin-bottom: .6em;}
#innerpage #paths a {
    display: block;
    width: 167px;
    height: 122px;
    float: left;
    text-decoration: none;
    color: #fff;
    line-height: 1.45em;
    padding: 10px 12px 0; 
    margin-left: 20px;
} 
#innerpage #paths .first {margin-left: 0;}
#innerpage #paths span {
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.5em;
}
#innerpage #paths #box1 {background: url('../images/servis/doublebox_03.png') no-repeat top;}
#innerpage #paths #box1:hover {background-position: bottom;}  
#innerpage #paths #box2 {background: url('../images/servis/doublebox_05.png') no-repeat top;} 
#innerpage #paths #box2:hover {background-position: bottom;} 
#innerpage #paths #box3 {background: url('../images/servis/doublebox_07.png') no-repeat top;} 
#innerpage #paths #box3:hover {background-position: bottom;} 
#innerpage #paths #box4 {background: url('../images/servis/doublebox_09.png') no-repeat top;}  
#innerpage #paths #box4:hover {background-position: bottom;} 


/* KONTAKT -------------------------------------------------------------------------------------------------------*/
.kontakt {}
.kontakt form {margin: 20px 0px 0px 0px; padding: 0px;}
.kontakt form table {margin: 0px; padding: 0px;}
.kontakt form table tr {margin: 0px; padding: 0px;}
.kontakt form table tr td{margin: 0px; padding: 1px 0px;}
.kontakt form table tr td.name {font-weight: bold; padding-right: 10px; vertical-align: top;}
.kontakt form table tr td.value { padding-right: 10px; }
.kontakt form table tr td.error {color: red; vertical-align: top;}
.kontakt form table tr td .input {width: 200px; border: 1px solid #8D8D8D;}
.kontakt form table tr td textarea {margin: 0px; padding: 0px; height: 200px;}
/* FOOT ---------------------------------------------------------------------------------------------------------- */
#foot {
    background: url('../images/background_foot.gif') repeat-x top;
    margin-top: 15px;
    padding: 10px 0 30px;
    line-height: 1.5em;   
    font-size: .95em;   
}
#foot a {color: #000;}
#foot .head {
    text-transform: uppercase;      
    font-size: 1.2em;
}
#foot .left {
    width: 264px;
    float: left; 
    margin-left: 28px;
    display: inline; 
}
#foot .center {
    width: 345px;
    float: left; 
    margin-left: 30px;  
    display: inline;   
}
#foot .right {
    width: 155px;
    float: right;
    margin-right: 28px;
    display: inline; 
}

/* Services */
.service {}
.service .left {width:52px; float:left}
.service .left img {margin-top: 25px}
.service .right a {color:#458CCB;}  
.service .right {padding-left: 10px; width:460px; float:left}


/* Other */
.grey {color: #767676;} 
.black {color: #333;} 
.darkgrey {color: #555555;} 
.exter {background: url('../images/exter-link.gif') no-repeat right center; padding-right: 11px;}
.perex {font-size: 1.2em; font-weight: bold; line-height: 1.4em; color: #333;}

/* END */