body {
background: #F6F6F6 url(img/back.gif) left top repeat-x;
font: 75% Arial, "Arial CE", Helvetica, "Helvetica CE", sans-serif; text-align: center;
margin:0; padding:0;
}
#skolafotografie-cz {text-align: left; margin: 0px auto 0 auto; padding:0; width:775px;}
#header{margin: 45px 0 0 18px; height: 106px; width:739px; background: #ffffff;}
#header #logo {float:right;  width: 287px; background: #B30000 url('img/logo_v2.png') top right no-repeat; height: 98px; border-left: 1px solid #ffffff;}
#header #logo a {display:block; width: width: 287px;height: 98px; text-decoration: none}
#header #logo img {visibility:hidden;}
#header #motiv {float:left; width:436px; w\idth:435px; height: 98px;  background: #000000 url(img/photo-home-top.jpg) left top;/* umistit motiv na subpage */;}
#header #motiv h1 {visibility:hidden; display:none;}
.padded {padding:8px;}
.padded2 {padding:35px;}
#container {background:#F6F6F6 url(img/back.png) bottom left no-repeat; width:100%; z-index: 0;}
#value {background: #ffffff url(img/back-bottom.jpg) bottom left repeat-x; margin: 0 18px 0; width:739px; height: 100%;}
#value div.padded {padding:0 8px 30px 8px;}
#container div.terminy {width: 287px; margin:0; padding:10px 0; border-top: 1px solid #ffffff; height: 4em; background: #757575 url(img/terminy.jpg) right top repeat-y;}
#container div.terminy div {background: url(img/kalendar.jpg) left top no-repeat; padding-left: 75px; height: 53px; text-align: left;}
#container div.terminy a {font-size:95%; font-weight:bold; color: #ffffff;}
#container div.terminy ul, #container div.terminy li {margin: 0px; padding:0; list-style:none;}
#container div.terminy li {margin-bottom: 2px; margin-top: 3px;}
#homepage-container {background-color: #000000; height: 17em; border-bottom: 1px solid #ffffff;}
#container #motiv-homepage {float:left; width: 435px; height:18em; background: #000000  url(img/photo-home-bottom.jpg) left top no-repeat; z-index: 0;}
#container #description { margin:0; padding:0;float:right; width: 287px;height:17.9em; background: #8D8D8D url(img/grey-back.jpg) top right repeat-y; border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; text-align:center; overflow:hidden;}
/* html #container #description  {height: 17em;} */
#container #description div.first {background: url(img/grey-back.gif) top left no-repeat; margin:0; padding:0;}
#container #description p {line-height:150%; font-family: Arial, Georgia, "Times New Roman", Times, serif; color: #ffffff; text-align:center; padding: 1.5em 2.5em 0em 2.5em; margin-bottom:19px; size: 95%;}
*html #container #description p  {margin-bottom:15px;}
.break {display: block; clear: both; font-size: 1px; height: 0px;}
.hidden {display:none; visibility:hidden;}
.left {width: 50%; float:left;}
.right {width: 35%; float: right; border-left: 1px dashed #cccccc; padding-left: 15px;}


#menu {background: url(img/menu.jpg) bottom left repeat-x; width:100%; height:40px;}
#menu ul {list-style-type: none;  margin: 0; padding:0;}
#menu div  {margin-left: 15px;}
#menu ul li {display: block; height:40px; float: left; border-right: 1px solid #C6CED7; border-left: 1px solid #ffffff; padding: 0 15px 0 15px;}
#menu ul li strong a {text-decoration: none; padding: 12px 1px 0px 20px; color: #4D6F8C; display: block; background:url(img/sipka.gif) no-repeat 0px 14px;}
#menu ul li strong a:hover {background:url(img/sipka.gif) no-repeat 0px -86px; text-decoration:underline; color:#B30000}
#menu ul li.first {border-left: none;}
#menu ul li.last {border-right: none;}
#submenu a {padding: 3px 4px 2px 4px; color: #425F79;}
#submenu a:hover {color:#B30000;}
#submenu {margin: 7px 0 7px 0; text-align:center; font-size: 95%;}


#main-content {_width: 724px; background: url(img/back-m-content.jpg) center bottom no-repeat;border-top: 3px solid #333333;}
#main-content #atelier div {margin: 35px; padding-left: 94px; font-size:95%;}
#main-content #skola div {margin: 35px; padding-right: 94px; font-size:95%;}
#main-content #skola {float:left; width:360px; border-right: 1px dashed #C5CED6; background:url(img/photo-skola.gif) right top no-repeat; text-align:right;}
#main-content #skola p { text-align:right;}
#main-content #atelier {float:right; width:362px; background:url(img/photo-skola.gif) 0px -196px no-repeat;}

h1 {font:230% Georgia, "Times New Roman", Times, serif; font-weight:normal; margin:0 0 18px 0; padding:0 0 3px 0; border-bottom: 1px solid #C5CED6;}
h2.homepage {margin:0 0 5px 0; color: #B30000;}
h2 {font: 150% Georgia, "Times New Roman", Times, serif; color:#B30000 ; font-weight: normal; margin:10px 0 5px 0; padding:0;}
h4 {margin:6px 0; padding:0; font-size: 110%;}
p {margin:0 0 18px 0; padding:0; line-height:140%; text-align: justify;}
a img {border:0;}
#main-content ul {list-style-type:square; margin-top:10px;}
#main-content li {margin: 10px 0 10px 0; line-height: 150%;}
#main-content li strong {color: #B30000; }
p.price {margin: 10px 0 29px 0; padding: 10px; border: 1px solid #CCCCCC; text-align: center; background-color: #E6E6E6;}
#main-content a {text-decoration:underline; color: #B30000;}
#main-content a:hover {text-decoration:underline; color: #000000;}
.tn {text-align: left !important;}
.tn a {text-decoration: none !important;}
.tn span {text-decoration: underline; position: relative; top: -10px;}
.tn img {width: 177px; height: 139px;}
#copyright {position:relative; top: -14px; right:25px; text-align:right; font-size:95%;} 
#copyright a {color: #000000;}
#copyright a.webdesign {color: #000000; text-decoration:none;}

form {margin:0; padding:0;}
textarea, input.text {width: 200px; margin: 0; border: 1px solid #cccccc;}
textarea {height: 120px;}
input.submit {border: 1px solid #cccccc; width: 80px; margin-top: 14px;}

.lektor { margin: 10px auto auto auto;}
img.lektorr { float: right; margin-left: 15px; margin-bottom: 20px; } 
img.lektorl { float: left; margin-right: 15px; margin-bottom: 20px; }