/**
 * Main layout rules
 */


/* Basic rules */
body { padding: 0; margin: 0; text-align: center; background: white; color: #222; }
h1 { margin: 0 0 6px; padding: 0.6em 25px; clear: both; font-size: 23px; font-weight: normal; font-style: italic; color: #1B96C6; }
h1 em { color: #aaa; }

/* Auto break */
.spc:after, .cols:after, #menu-main:after, #content:after, #perex:after, #crossroad div:after, .gallery:after, .files:after, #footer:after, .centered:after, .pool:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Mother block */
#mother { width: 882px; margin: 0 auto; text-align: left; position: relative; }

/* Header */
#header { height: 249px; padding-top: 7px; background: url("/layout/img/header.jpg") no-repeat 0 0; }
#header p { margin: 55px 0 0 35px; line-height: 1.3em; font-size: 25px; float: left; }
#header #logo { margin: 25px; }
#header #logo a { display: block; width: 310px; height: 60px; text-decoration: none; text-align: center; font-size: 20px; }
#header img { border: none; }
#header strong { font-weight: normal; }

/* Header (sub) */
#header-sub { position: absolute; top: 249px; left: 0; }
#header-sub p { margin: 0; }
#header-sub ul { list-style: none; margin: 0; float: right; }
 
/* Main menu */
#menu-main ul { list-style: none; margin: 0; padding: 0; }
#menu-main li { float: left; }
#menu-main a { display: block; width: 147px;  padding: 7px 0 18px; text-decoration: none; font-size: 14px; background: url("/layout/img/menu-1.jpg") no-repeat 0 -1px; color: white; text-align: center; }
#menu-main a:hover, #menu-main a:active, #menu-main a:focus, #menu-main li.active a { background-image: url("/layout/img/menu-1-over.jpg"); color: black; font-weight: bold; }

/* Content */
#content { margin-top: 38px; padding: 0 0 1em; }

/* Columns */
.spc { padding: 0 25px 20px; }
#col-l, #col-r { min-height: 500px; _height: 500px; }
#col-l { width: 67%; float: left; }
#col-l .spc { margin: 30px 20px; padding: 15px 15px 0; color: #333; border: 1px solid #eee; }
#col-r { width: 30%; float: right; }
#col-r h2 { padding: 0.5em 20px; background: #1B96C6; color: white; font-size: 14px; }
#col-r #price ul { margin: 0 0 4em; padding: 0; list-style: none; }
#col-r #price li, #col-r #price div { padding: 1em 20px 0; background: #EBFFCF url("img/claim-grad.png") repeat-x 0 100%; }
#col-r #price p { margin-bottom: 0.8em; }
#col-r #price h3 { color: #888; margin-bottom: 0.8em; }

/* Home */
.home h1 { border: none; }
.home .spc { min-height: 80px; _height: 80px; padding: 20px 25px; }
.home #claim { background: #DFF7FF url("img/claim.jpg") no-repeat 0 100%; }
.home #claim h2 { margin: 0; padding: 0.5em 20px;  background: white; color: #1B96C6; }
.home #claim ul { margin: 0; padding: 0; list-style: none; line-height: 1.7em; }
.home #claim li { padding: 20px; background: #1B96C6; color:white; }
.home #claim li.first { margin: 0; padding: 20px; font-weight: bold; font-size: 14px; background: #EBFFCF url("img/claim-grad.png") repeat-x 0 0; color: black; }

/* Home > Gallery */
.home .gallery { padding-top: 0; background: none; xbackground: #7DDF6F; padding: 20px 0 20px 20px; }
.home .gallery a { padding: 0; margin: 0 10px 0 0; width: 120px; height: 120px; border: 3px solid white; overflow: hidden; }
.home .gallery a img { margin: 0; padding: 0; border: none; }
.home .gallery a:hover { border-color: #0A4B09; }

/* Home > References */
#home-references { background: #7DDF6F url("img/home-references.jpg") repeat-y 0 0; }
#home-references h3 { margin: 0; padding: 20px 0 10px; background: white; color: #28AF15; font-size: 16px; font-style: italic; text-transform: uppercase; }
#home-references .col-66-l { width: 67%; margin: 0; }
#home-references .col-33-r { width: 33%; }

/* Home > About */
#about p { padding-right: 30px; }
#about h3 { margin-bottom: 0.9em; }

/* Pool types */
#pool-types .gallery { padding-top: 0; }
#pool-types .gallery a { margin-right: 1px; }
#pool-types .pool { margin: 0; padding: 20px 20px 10px; min-height: 200px; _height: 200px; background: url("img/pool-grad.png") repeat-x 0 0; position: relative; }
#pool-types .pool h2 { padding: 0.5em 20px; margin: 0; background: white; position: absolute; top: 40px; left: 40px; border: 1px solid #1B96C6; }
#pool-types .pool h2 em { color: #aaa;  }
#pool-types .pool img { border: 3px solid white; }

/* Perex */
#perex { margin-bottom: 2.5em; padding: 0 20px; font-weight: bold; color: black; }
#perex p { margin: 0; }

/* Footer */
#footer { margin: 20px 0; color: #5A6054; font-size: 92%; border-top: 5px solid #0A4B09; }
#footer p { margin: 0; padding-top: 1.5em; clear: both; xfloat: right; }
#footer p.r { padding-top: 0; margin-top: -1.5em; }
#footer a { color: #5A6054; }
#footer a:hover { color: black; }

/* Crossroad */
#crossroad  h2 { font-size: 14px; padding: 0; margin-bottom: 0.4em; }
#crossroad img { float: left; margin: 0 20px 30px 0; border: none; }
#crossroad .no-image { padding-left: 170px; }
#crossroad .news { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dotted #ddd; _height: 1px; min-height: 1px; }
#crossroad .more { margin: 0; }

/* Misc */
.out { position: absolute; left: -6000px; }
.files { margin: 0 0 1.6em 0; padding: 0; list-style: none; }
table.th-right th { text-align: right; }
ul p.center img { margin-top: 1.5em; }
.date { margin: -0.2em 0 0.5em 0; color: #666; font-size: 92%; font-weight: bold; }
.error, .notice, .success { margin: 25px; }

/* IE Only */ 
.cols, .spc, .col-50-l, .col-50-r, #menu-main a, #crossroad div, .gallery, #perex, #footer { _height: 1px; min-height: 1px; }
#header p, #gallery a { _display: inline; }

/* příslušenství */
.cleaner{
clear: both;
}
.prislusenstvi-obal{
clear: both;
}
.prislusenstvi-obal img{
float: left;
margin-right: 2px;
border: 0px;
}
.last{
float: left;
margin-right: 0px;
}