/* elementy */
html, body { margin: 0; }
html {
  font: 87.5%/1.4 "Lucida Sans Unicode", Arial, Tahoma, sans-serif;
  color: #c9c9c9;
  background: #262a2a url("../images/layout/back-html.png") 50% 0 repeat-x;
  height: 100%;
  padding: 0;
}
body {
  text-align: center;
  padding: 0 0 2em;
}

h1 {
  font-size: 200%;
  width: 900px; height: 50px;
  overflow: hidden;
  position: relative;
  text-align: center;
  line-height: 50px;
  margin: 0;
  text-transform: uppercase;
}
h1 span {
  position: absolute;
  top: 0; left: 0;
  display: block;
  width: 100%; height: 100%;
  background: url("../images/layout/back-header.jpg") no-repeat;
  cursor: pointer;
}

.blog h1 span {  background: url("../images/layout/back-header.png") no-repeat;}

h2 {
  color: #838383;
  margin: .2em 20px 1.5em;
  font: italic normal 126.73%/1.3 Georgia, Garamond, "Times New Roman", serif;
  text-align: right;
}
h2 strong {
  color: #d20008;
  text-transform: uppercase;
  
}
h3, h4, h5 {
  margin: .2em 20px .33em;
  font: normal bold 115%/1.7 Arial, Tahoma, sans-serif;
}
h3 {
  margin: .2em 20px .33em 15px;
  padding-left: 25px;
  background: url("../images/layout/back-h3.png") 0 .15em no-repeat;
  text-transform: uppercase;
  color: #d20008;
}
p + h3 { margin-top: 1.2em; }
h4 { font-size: 107.5%; }
h5 { font-size: 100%; }

ul, ol, p, address, fieldset, hr { margin: 0 20px .75em; }


ul, ol { padding-left: 0; }
ul { list-style-type: disc; }
ul ul { list-style-type: circle; }
ol { list-style-type: decimal; }
ol ol { list-style-type: lower-alpha; }
ul ul, ol ol, ul ol, ol ul { margin: 0 0 .5em 0; }
li { margin-left: 25px; }

address { font-style: normal; }
address span, span.width {
  display: block;
  width: 6em;
  float: left;
}

hr {
  height: 1px;
  color: #a7bac3;
  background-color: #a7bac3;
  border: 0px solid #a7bac3;
}

img { border: 0; vertical-align: middle; }

/* formuláře */
/* formuláře */
fieldset {
  padding: 10px 20px;
  border: 1px solid white;
  line-height: 25px;
  margin-left: 50px;
  margin-right: 20px;
}
fieldset p { margin: 0 0 1em; }
fieldset hr { margin: 0 0 1em; }

legend {
  padding: 0 5px;
  font-weight: bold;
  color: white;
}

input.text, select {
  margin: 2px 0;
  width: 190px;
}
label, input, select { vertical-align: middle; }
.checkbox { margin-left: 10px; vertical-align: bottom; }
select { width: 184px; } /* o 4px-6px víc než input zajistí shodnou šířku */
textarea { width: 250px; height: 150px; }

input.button {
  width: 0; /* pouze pro IE */
  overflow: visible;
  padding: 0 .5em;
  margin: 1em auto 0;
  cursor: pointer;
}
input.button[class] { /* IE ignoruje [class] */
  width: auto;
}

label {
  display: block;
  clear: left;
  overflow: hidden;
  margin-top: .5em;
}
.buttons { text-align: center; }

/* # id */
#page {
  width: 900px;
  margin: 67px auto 0;
  text-align: left;
  background: #181818 url("../images/layout/back-page.png") 0 67px repeat-y;
}
#header {
  position: relative;
  width: 900px; height: 533px;
  margin-bottom: -147px;
  background: url("../images/layout/back-header.jpg") 0 0 no-repeat;
  text-align: center;
}
.blog #header {height: 553px;/*409px; */margin-bottom: -319px; ackground: red;}

#headerIMG {
  position: absolute;
  bottom: 147px; left: 10px;
  width: 880px; height: 337px;
}


.blog #headerIMG { background-image: url("../images/header-blog2.jpg"); height: 193px; bottom: 310px;}
.panske-obleky #headerIMG { background-image: url("../images/panske-obleky.jpg"); }
.casual-moda #headerIMG { background-image: url("../images/casual-moda.jpg"); }
.kosile-na-miru #headerIMG { background-image: url("../images/kosile-na-miru.jpg"); }
.panska-saka #headerIMG { background-image: url("../images/panska-saka.jpg"); }
.kravaty #headerIMG { background-image: url("../images/kravaty.jpg"); }
.panske-kosile #headerIMG { background-image: url("../images/panske-kosile.jpg"); }

.image-studio #headerIMG { background-image: url("../images/sporcl2.jpg"); }
.default #headerIMG { background-image: url("../images/layout/back-header-default.jpg"); }
.panska-moda   #headerIMG { background-image: url("../images/layout/back-header-panska-moda.jpg"); } /* panska-moda */
.svatebni-moda #headerIMG { background-image: url("../images/layout/back-header-svatebni-moda.jpg"); }
.uprava-odevu  #headerIMG { background-image: url("../images/layout/back-header-default.jpg"); }
.damska-moda   #headerIMG { background-image: url("../images/modelova-tvorba.jpg"); }
.damska-moda1  #headerIMG { background-image: url("../images/damska-moda1.jpg"); }
.reference     #headerIMG { background-image: url("../images/layout/back-header-default.jpg"); }
.kontakt       #headerIMG { background-image: url("../images/kontakt.jpg"); }

#headerIMG #slogan1, #headerIMG #slogan2, #headerIMG #slogan3, #headerIMG #slogan4, #headerIMG #slogan5, #headerIMG #slogan-blog {
  position: absolute;
  bottom: 110px; left: 20px;
  font: italic 126.73%/1.3 Georgia, Garamond, "Times New Roman", serif;
  color: white;
  text-align: left;
}
#headerIMG #slogan2 { bottom: 200px; left: 540px; }
#headerIMG #slogan3 { bottom: 90px; left: 15px; }
#headerIMG #slogan4 { bottom: 80px; left: 55px; }
#headerIMG #slogan5 { bottom: 80px; left: 430px; width: 400px; color: #000;}
#headerIMG #slogan-blog { bottom: 25px; left: 450px; font-size: 2.5em; }
#headerIMG #slogan-modelova-tvorba { font-size: 1.25em; font-style: italic; text-align: left; float:left; color: #fff; position: absolute; left: 500px; bottom: 80px;}
#headerIMG #slogan-modelova-tvorba span { font-size: 0.8em; font-style: normal; position: relative; top: 10px; left: 170px;}

#headerIMG #slogan1 strong, #headerIMG #slogan2 strong, #headerIMG #slogan3 strong, #headerIMG #slogan4 strong {
  font-weight: normal;
  color: #a7bac3;
  padding-left: 35px;
}
#headerIMG #slogan5 strong { font-size: 1.2em }
#headerIMG #slogan3 strong { padding: 0; }
#headerIMG #slogan4 strong {color: #d20008;}

#content {
  position: relative;
  z-index: 1;
  width: 880px;
  overflow: auto;
  padding: 10px 10px 15px;
  background: url("../images/layout/back-content.png") 0 100% no-repeat;
}

#content p {margin-top: 10px; margin-bottom: 15px;}
#content ul {margin-bottom: 20px;}
#content p, #content li {line-height: 1.75em;}

.blog #content {background: url("../images/layout/back-content.gif") 0 100% no-repeat; color: #0e0e0e;}
.blog #content #blog {background: #b9b9b9 url('../images/layout/blog-content.png') left top repeat-x; margin: 0 1px; padding: 0 0 0 30px; min-height: 265px; _height: 265px; margin-bottom: -23px;}
.blog #content #blog p, .blog #content #blog ul, .blog #content #blog blockquote {padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0;}
.blog #content #blog .width600 {padding-right: 30px; text-align: justify;}

.blog #content h2, .blog #content h3, .blog #content h4, .blog #content h5, .blog #content h6, .blog #content a {color: #901015; margin-left: 0;}
.blog #content h2 {text-transform: uppercase; font-style: normal; font-family: arial, sans-serif; margin-bottom: 0; font-size: 1.75em; font-weight: bold; text-align: left;}

.blog #content p.info {font-size: 0.8em; margin-bottom: 15px;}

/* more */
.blog #content div.more {margin-top: 20px;background: #d5d5d5; border: 2px solid #505050; padding: 10px 15px 5px; margin-bottom: 20px;position: relative;}
.blog #content div.more strong {display: block; margin: 0; padding: 0; color: #000;}

.blog #content div.more li {list-style: none; padding: 0; margin: 0;}
.blog #content div.more li a {font-size: 90%;}

.blog #content div.more span.corner {width: 2px; height: 2px; display: block; position: absolute;}
.blog #content div.more span#lt {top: -2px; left: -2px; background: url('../images/layout/corner-lt.gif') no-repeat}
.blog #content div.more span#rt {top: -2px; right: -2px; background: url('../images/layout/corner-rt.gif') no-repeat}
.blog #content div.more span#lb {bottom: -2px; left: -2px; background: url('../images/layout/corner-lb.gif') no-repeat}
.blog #content div.more span#rb {bottom: -2px; right: -2px; background: url('../images/layout/corner-rb.gif') no-repeat}

.blog #content div#blog-sep {background: url('../images/layout/blog-sep-center.png') 570px repeat-y;}
.blog #content div#blog-sep-top {background: url('../images/layout/blog-sep-top.png') 570px top no-repeat;}
.blog #content div#blog-sep-bottom {background: url('../images/layout/blog-sep-bottom.png') 570px bottom no-repeat;}

/* blog right */
.blog #content div.width275 {padding-left: 25px; width: 250px; padding-bottom: 250px}
.blog #content div.width275 ul {width: 200px; margin: 0 auto; padding: 25px 0 10px;}
.blog #content div.width275 ul li {width: 200px; margin: 0; padding: 0; list-style: none;}
.blog #content div.width275 ul li a {display: block; padding: 7px 15px 5px; border-bottom: 1px dashed #777; text-decoration: none;}
.blog #content div.width275 ul li a:hover {background: url('../images/layout/blog-li-a.gif') left 14px no-repeat;}


#footer {
  clear: both;
  background: #9b9b9b url("../images/layout/back-footer.png") 0 100% no-repeat;
  padding: 0 0 5px;
  color: #4d4d4d;
  text-align: right;
  font-size: 80%;
  line-height: 2;
  position:relative;
}
#footer p {
  text-indent: 0;
  margin: 0 12px;
}
#footer .footerLeft {
  width: 35%;
  float: left;
  text-align: left;
}
#footer #navrcholu {
  vertical-align: middle;
}
#underFooter {
  height: 20px;
  text-align: right;
  padding: 1em 12px;
  background: #262a2a;
  margin: 0;
}
#underFooter #topwebstr {
  display: block;
  width: 180px; height: 20px;
  overflow: hidden;
  float: right;
  position: relative;
}
#underFooter #topwebstr span {
  display: block;
  width: 100%; height: 100%;
  position: absolute;
  top: 0; left: 0;
  background: url("../images/layout/back-topwebstr.png") 0 0 no-repeat;
}

/* HlavnĂ­ menu */
#menuWrap2 {
  width: 900px;
  position: absolute;
  bottom: 533px; left: 0;
}
.blog #menuWrap2 {bottom: 553px;}
#menuWrap {
  margin: 0 auto;
  display: table;
}
#menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: table-row;
  background: #0f171b url("../images/layout/back-menu-li-a.png") 0 0 repeat-x;
}
#menu li {
  display: table-cell;
  margin: 0; padding: 0;
}
#menu li.first { background: url("../images/layout/back-menu-li-first.gif") 0 0 no-repeat; }
#menu li.last  { background: url("../images/layout/back-menu-li-last.gif") 100% 0 no-repeat; }
#menu li a {
  display: block;
  line-height: 23px;
  padding: 0 10px;
  margin: 5px 0;
  border-right: 1px dashed #717679;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  color: #a7bac3;
}
#menu a:hover, #menu a.active { color: white; }
#menu li.last a { border: 0; }

.sitemap, .submenu { line-height: 1.7; }
.submenu {padding-top: 50px;}
.sitemap .submenu {padding-top: 0;}

.sitemap li, .submenu li {
  list-style-type: none;
  border-bottom: 1px dashed #717679;
  margin: 0;
  padding: 5px 5px;
}
.sitemap li a, .submenu li a {
  color: #a7bac3;
  text-decoration: none;
}
.sitemap li a:hover, .sitemap li a.active, .submenu li a:hover, .submenu li a.active { color: white; }

.sitemap .submenu li {
  border: 0;
  padding: 0 0 0 20px;
  font-size: 90%;
}
.sitemap .submenu .submenu li {
  font-size: 95%;
}


/* . class */
.cleaner {
  visibility: hidden;
  clear: both;
  margin: 0 !important;
}
.clear { clear: both; }
.no-show {
  position: absolute;
  top: auto;
  left: -10000px;
}
.no-indent { text-indent: 0; }

img.left  { margin: .5em 10px .5em 0; float: left; }
img.right { margin: .5em 0 .5em 10px; float: right; }

.center { text-align: center !important; text-indent: 0; }
.right  { text-align: right  !important; text-indent: 0; }

.floatRight { float: right; }

.bigger { font-size: 110%; }
.motto {
  padding-top: 1em;
  text-align: right;
  font: italic 126.73%/1.3 Georgia, Garamond, "Times New Roman", serif;
  color: #d20008;
}
.motto strong { font-weight: normal; color: #d20008;}

.maxim { text-transform: uppercase; }

.white { color: white; }

.gallery {
  text-indent: 0;
  text-align: center;
}
.gallery img { margin: 4px; }

.column {
  float: left;
  overflow: auto;
  padding-top: 20px;
  margin-left: 0;
  margin-right: 0;
}
.column .column { padding: 0; }

.width170 { width: 170px; }
.width200 { width: 200px; }

.width250 { width: 250px; }
.width275 { width: 275px; position: relative;}
.width430 { width: 430px; }

.width335 { width: 335px; }

.width300 { width: 300px; }
.width370 { width: 370px; }

.width600 { width: 540px; position: relative;}
.width670 { width: 670px; }

/* odkazy */
a { color: white; font-weight: bold; }
a img { border: 2px solid #a7bac3; }
a:hover {
  color: #d20008;
  text-decoration: none;
  overflow: visible;
} /* overflow je nastaven pro IE, jinak by rámeček při hoveru nebyl kolem celého obrázku */
a:hover img { border-color: white; }

#footer a { color: #4d4d4d; font-weight: normal; }
#footer a:hover { color: black; }

h1 a { color: white; }

 
 
ul#submenu {
	background: #111 url('../../maxim-atelier/images/menu-bottom.gif') right bottom no-repeat;
	width: 250px;
	padding: 10px 0 20px;
	float: left;
	ont-family: georgia, arial, tahoma, sans-serif;/**/
	margin: 0;
}

ul#submenu li {
	margin: 0 20px;
	float: left;
	list-style-type: none;
}

ul#submenu li a {
	float: left;
	width: 180px;
	padding: 0 20px 0 10px;
	background: #111 url('../../telier-maxim/images/menu-li-bg.png') 15px bottom no-repeat;
	border-bottom: 1px solid #444;
	height: 36px;
	line-height: 36px;
	vertical-align: middle;
	color: #c3c3c3;
	font-weight: bold;/*normal*/
	text-decoration: none;
	text-align: left;
	order-bottom: 1px dashed #717679;
}

ul#submenu li a:first-letter {text-transform: uppercase;}

ul#submenu li a:hover, ul#submenu li a.active {color: #fff;}   


div.tags {padding: 15px; border: 1px solid #fff;}
div.tags a {color: #bbb; text-decoration: none;  padding: 2px; font-weight: normal}
div.tags a:hover {color: #fff;}

div.tags a.f0 {font-size: 100%;}
div.tags a.f1 {font-size: 110%;}
div.tags a.f2 {font-size: 120%;}
div.tags a.f3 {font-size: 130%;}
div.tags a.f4 {font-size: 140%;}



span.author {float: right}
blockquote {margin: 0 20px;font-style: italic;} 

ul.li-bottom-20 li {margin-bottom: 20px}  
ul.li-bottom-20 li li {margin-bottom: 0px}  



form#send fieldset {margin: 0; margin-top: 20px;}
form#send label, form#send input {float: left;}  
form#send label {width: 200px;}
form#send input {margin: 10px 0;}  
form#send input.submit {margin: 10px 0; clear: both;}  

ul.error li {color: #901015; font-weight: bold; list-style-type: disc !important; line-height: 1.25em !important;}
div#content div.width275 ul.error {margin-bottom: 0; padding-bottom: 0;}
form#send p {color: #196f0b; font-weight: bold;}


form#newsletter {margin-bottom: 30px;}
form#newsletter input {float: left;}
form#newsletter input.text {background: url('../images/input-text.png') top repeat-x; border: 1px solid #aaa; height: 21px; width: 120px; padding: 4px 5px 0;}
form#newsletter input.submit {background: url('../images/input-submit.png') no-repeat; width: 78px; height: 27px; margin-top: 2px; border: 0; color: #fff;}

a.banner {position: absolute; bottom: 85px; right: 35px;}