body {text-align: left; margin: 0px; border: 0px; padding: 0px; background: #FFFFFF; color: #000000; font-family: arial, verdana, sans-serif; font-size: 0.75em; position: relative; line-height: 1.5em}

#layout {width: 100%; min-width: 820px; margin: 0px; padding: 0px}

/*** vrchni linky ***/
#top-rozcestnik {width: 100%; font-size: 1em;}
#top-rozcestnik-in {padding: 8px 5px 7px 5px; }
#top-rozcestnik-left {width: 515px; float: left; padding: 0px; margin: 0px}
#top-rozcestnik-right {float: right; width: 215px; padding: 0px; margin: 0px; text-align: left; position: relative;}
#top-rozcestnik-center {margin:0 217px 0 517px; text-align: center}

/*** zahlavi ***/
#orange {width: 100%; height: 49px; background: url('../images/backgrounds/orange-top.gif') repeat-x; position: relative}
#orange-montego {width: 308px; height: 49px; position: absolute; top: 0px; left: 0px}
#orange-brana {width: 278px; height: 49px; position: absolute; top: 0px; right: 0px}

#blue {width: 100%; background: #1B4071; padding: 0px; margin: 0px}

#brana {width: 100%; height: 115px; background: url('../images/backgrounds/brana-back.gif') repeat-x;}

#blue-light {width: 100%; background: #0073AD; padding: 0px; margin: 0px}

#select-box {width: 171px; float: right; background: #0073AD; padding: 3px 0px 3px 0px}

/*** menu ***/
ul.menu {margin:0px; padding: 0px 0px 0px 35px; list-style: none outside; text-transform: uppercase}
ul.menu li {float: left; margin: 0.4em 10px 0.4em 0px;}
div.menu-item {background: url('../images/signs/square.gif') no-repeat center left; padding: 0px 0px 0px 12px}

ul.menu-2 {margin: 0px; padding: 0px; width: 100%; list-style: none outside; text-transform: uppercase}
ul.menu-2 li {border-bottom: 1px solid #E36C25; background: #EFC9A8}
div.menu-2-item {padding: 0.2em 0.1em 0.1em 15px}

.menu-header{ width: 100%; background: #0073AD; text-transform: uppercase}
.menu-header-in {padding: 0.3em 0.1em 0.3em 15px; color: #FFFFFF; font-weight: bold; font-size: 1.1em}
#second-menu {float: left; width: 725px}

/*** zapati ***/
#footer {width: 100%; background: #DD5207;}
#footer-in {padding: 1.2em 0px 1.2em 10px; position: relative}
#footer-left {width: 530px;}
#footer-right {width: 292px; float: right; text-align: left; position: absolute; top: 1.2em; right: 0px}

#footer2 {width: 100%; background: #fff; text-align:center}
#footer-in2 {padding: 1.2em 0px 1.2em 10px; position: relative}
#footer-left2 {width: 530px;}
#footer-right2 {width: 100px; float: right; text-align: right; position: absolute; top: 1.2em; right: 0px; padding-right:5px}

/*** hlavni sloupce ***/
#column-left-back {padding-bottom: 0px; width: 100%; min-height: 200px; background: #FFFFFF url('../images/backgrounds/columns-back.gif') repeat-y top left}
#column-right-back {background: url('../images/backgrounds/columns-back.gif') repeat-y top right}
#column-left {width: 171px; float: left;}
#column-right {width: 171px; float: right;}
#column-center{margin:0 171px; background: #FFFFFF;}
#column-center-in {padding: 10px 15px 0px 15px;}


/*** polozky v krajnich sloupcich ***/
.column-item { background: #FFFFFF; border-top: 4px solid #DE5A13;}
.column-item-header {width: 100%; min-height: 31px; border-bottom: 1px solid #DE5A13; background: url('../images/backgrounds/column-header.gif') repeat-x}
.column-item-header-left {width: 26px; min-height: 31px; float: left; position: relative}
.column-item-header-left img {position: absolute; top: 10px; left: 17px}
.column-item-header-right{width: 145px; float: right; font-size: 1.1em; font-weight: bold; color: #1B4071}
.column-item-header-right div {margin: 8px}
.column-item-content {background: #EFEFEF; padding: 15px}

.column-kos {background: #C3D496; font-size: 1.1em; font-weight: bold; color: #307F7E;}
.column-kos-in {background: url('../images/backgrounds/column-kos.gif') no-repeat 17px center; padding: 25px 0px 25px 55px}

.column-foto {background: #F7DD71; padding: 17px 0px 17px 15px}

/*** oramovani a odsazeni fotek ***/
.image-border-135 {width: 141px;}
.image-border-120 {width: 126px}
.image-border-98 {width: 104px;}
.image-border-85 {width: 91px;}
.image-border-in {border: 1px solid #81A7C9; padding: 2px; background: #FFFFFF; text-align: center;} 
.image-margin{margin: 0px 20px 10px 0px}
.image-sloupce {height: 101px}

.ref-center .image-border-135 {margin-bottom: 10px}

img.image-in {border: 1px solid #81A7C9; padding: 30px; background: #FFFFFF; text-align: center;}

/*** uvodni odstavec stranky ***/
.header-cont {width: 100%; min-height: 30px; background: url('../images/backgrounds/paragraph-header.gif') repeat-x}
.header-cont-in {padding: 8px 0px 8px 20px;} /* OBSOLETE */

/*** telo velkeho odstavce ***/
.paragraph-blue {width: 100%; background: #E6EEF5; margin-bottom: 20px; min-height: 125px}
.paragraph-blue-in {padding: 15px}


/*** odkaz na eshop  ***/
.eshop-box-2 {padding: 2px; border: 1px solid #81a7c9; margin-bottom: 15px; width: 13em;}
.eshop-box-in {background: #0073ad; padding: 7px; color: #FFFFFF; position: relative;  height: 3.1em} 
.eshop-box {float: right; padding: 2px; border: 1px solid #81a7c9; margin-left: 10px}
.eshop-box .eshop-box-in {width: 12em;}
.eshop-box-in .text {position: absolute; top: 7px; left: 45px}

/*** male odstavce ve stredovem sloupci ***/
.box-light-blue {margin-right: 5px; width: 100%; background: #F7FAFC; position: relative;}
.box-light-blue-in {padding: 7px; border: 1px solid #BBD3EA;  min-height: 92px;}

/*** link z tela odstavce ***/
.link-rect {width: 10em; height: 2em; background: #FFFFFF; position:relative}
.link-smrect {width: 10em; height: 2em; background: #FFFFFF; position: absolute; right: 7px; bottom: 7px;}
.link-rect-main {position: absolute; top: 3px; left: 5px; padding-left: 1px; }
.link-rect-image {position: absolute; top: 0.7em; left: 8em}

/*** ctverec u h2 ***/ /* OBSOLETE */
.h2-cont {background: url('../images/signs/square.gif') no-repeat 0px center; padding: 0px 0px 0px 15px}
.h2-smcont {background: url('../images/signs/square.gif') no-repeat 0px center; padding: 0px 0px 0px 15px; margin: 0px 0px 5px 100px; }

/*** sloupce s produkty v prostrednim sloupci ***/
.center-100 {width: 100%; }
.center-full {width: 100%; float: left;}
.center-left {width: 49%; float: left; margin: 10px 0px 10px 0px}
.center-right {width: 50%; float: right; margin: 10px 0px 10px 0px}
.center-left .margin {margin: 0px 5px 0px 0px;}
.center-right .margin {margin: 0px 0px 0px 5px}
.center-img {position: absolute; left: 7px}

/*** zeleny ramecek ***/
.zeleny-cont {margin-bottom: 20px}
.zeleny {min-height: 30px; width: 100%; background: #009140; position: relative; font-size: 1.4em; color: #FFFFFF; font-weight: bold}
.zeleny-in {padding: 8px 15px 10px 15px;}
.zeleny .tl {background: url('../images/backgrounds/ram-tl.gif') no-repeat; position: absolute; top: 0px; left: 0px; width: 15px; height: 15px}
.zeleny .tr {background: url('../images/backgrounds/ram-tr.gif') no-repeat; position: absolute; top: 0px; right: 0px; width: 15px; height: 15px}
.zeleny .bl {background: url('../images/backgrounds/ram-bl.gif') no-repeat; position: absolute; bottom: 0px; left: 0px; width: 15px; height: 15px}
.zeleny .br {background: url('../images/backgrounds/ram-br.gif') no-repeat; position: absolute; bottom: 0px; right: 0px; width: 15px; height: 15px}

/*** odkazy v zahlavi a zapati stredoveho sloupce ***/
.print {background: url('../images/signs/tiskarna.gif') no-repeat center left; padding-left: 20px; margin-left: 15px}
.send {background: url('../images/signs/obalka.gif') no-repeat center left; padding-left: 25px; margin-left: 15px}
.back {background: url('../images/signs/left.gif') no-repeat center left; padding-left: 25px; margin-left: 15px}
.top {background: url('../images/signs/top.gif') no-repeat center left; padding-left: 25px; margin-left: 15px}

.center-box {position: relative; min-height: 2.5em; width: 100%}
.bottom-box {position: absolute; background: #F6FAFC; right: 0px; padding: 5px 15px 5px 0px;}

.box-links {position: relative; top: 0px; left: 0px; color: #DF611D}
.box-blue {background: #F6FAFC; position: absolute; top: 0px; right: 0px}
.box-blue-in {padding: 2px 10px 2px 0px}

/*** pomocne tridy pro floatovani ve stredovem sloupci ***/
.new-line{width: 100%; text-align: right; float: left; height: 0px; font-size: 0px; line-height: 0px}
.new-center{width: 100%; float: left}

.new-center-line {height: 1px; font-size:0px; line-height: 1px}

/*** neproduktove stranky ***/
.common-blue-box {background: #F7FAFC; border: 1px solid #BBD3EA; padding: 5px}
.common-blue-box-infmail {background: #F7FAFC; border: 1px solid #BBD3EA; padding: 10px 10px 10px 20px}
.novinky-vydano{font-weight: bold; margin-bottom: 5px}
.novinky-anotace{text-align: justify}
.novinky-box {display: table; width: 100%}


/*** ankety ***/
div.anketa-nadpis {color: #003399; font-size: 1em; font-weight: bold; margin-bottom: 5px; }
div.anketa-dotaz {color: #003399; font-size: 1em; font-weight: normal; margin-bottom: 5px; }
div.anketa-gr {background: #DDE4E7; position: relative; width: 100%; height: 12px; line-height: 0px; font-size: 0px; }
div.anketa-gr-in {background: #0A5D87; position: absolute; top: 0px; left: 0px; line-height: 0px; font-size: 0px; height: 12px; }
div.anketa-moznost {margin-bottom: 5px; }
div.anketa-odkaz {margin-bottom: 2px; }

/*** kontakty ***/
.kontakty-left {width: 49%; float: left; margin: 10px 0px 5px 0px}
.kontakty-right {width: 50%; float: right; margin: 10px 0px 5px 0px}

.kontakty-left-in {margin-right: 10px}
.kontakty-left-in .h2-cont, .kontakty-right .h2-cont {margin-left: 5px}
.kontakty-left-in .orange {margin-top: 10px}

.kontakt-box {position: relative;}
.kontakt-box-in {padding-left: 60px;}
.kontakt-text {position: absolute; top:0; left: 0; }
.kontakt-odsazeni {margin-bottom: 8px}

/*** fotogalerie ***/
#foto-select {padding: 0px}
.foto-image {float: left; width: 150px; position: relative; height: 165px}
.foto-position {position: absolute; bottom: 5px}
.foto-border {border: 1px solid #1F619A; text-align: center; background: #E9E9E9}

#foto-detail {width: 100%; text-align: center; margin: 20px 0px 20px 0px}

.reference {width: 100%; display: table; text-align: center; margin-bottom: 15px}
.reference div.ref-center {width: 445px; margin-left: auto; margin-right: auto;}
.reference div.ref-center-1 {width: 150px; margin-left: auto; margin-right: auto;}


/*** oceneni ***/
.x-oceneni {position: relative; margin-bottom: 10px}
.x-oceneni-text {position: absolute; left: 50px; top: 15px}
.v40 {height: 45px}
.top5 {top: 5px}
.oceneni {position: relative; margin: 0px 20px 20px 0px; float: left; height: 260px; width: 131px;}
.oceneni A {}
.oceneni-text {width: 131px; margin-top: 5px; color: #777777; font-style: italic; font-weight: bold;}
.center-lm {padding-left: 20px;}

/*** markyzy ***/
.vykresy2 {margin-left: auto; margin-right: auto; width: 280px; position: relative; height: 150px}
.vykresy3 {margin-left: auto; margin-right: auto; width: 420px; position: relative; height: 165px}

.vykr-1 {position: absolute; top: 0px; left:0px}
.vykr-2 {position: absolute; top: 0px; left:150px}
.vykr-3 {position: absolute; top: 0px; left:300px}



/*pozadi pro sitemap*/
.sitemap { border: 1px solid #BBD3EA; border-bottom: 0px; text-transform: lowercase}
.sitemap-1 {background: #F6FAFC; border-bottom: 1px solid #BBD3EA; padding-left: 10px; margin: 0px; color: #1B4071}
.sitemap-2 {background: #EEF7FC; border-bottom: 1px solid #BBD3EA; padding-left: 10px; margin: 0px; color: #1B4071 }
.cleaner {clear: both; padding: 0px; margin: 0px; line-height: 0px; height: 0px; font-size: 0px; border: 0px; background: transparent;}
.cleaner1:after {clear: both; padding: 0px; margin: 0px; line-height: 0px; height: 0px; font-size: 0px; border: 0px solid black; background: transparent;}
.error {color: red; margin: 0px 0px 5px 10px; }

.float {display: table; width: 100%}
.center {margin-bottom: 15px}