body {
background: #F6F6F6 url(img/BB_back.gif) repeat-x left top;
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; height: 750px;}
#header{margin: 45px 0 0 18px; height: 106px; width:739px; background: #ffffff;}
#header #logo {float:right;  width: 286px; background: #B30000 url(img/logo_OKmoney2.gif) no-repeat top right; 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; width:435px; height: 98px;  background: #000000 url(img/slogan.gif) 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: 285px; padding: 5px 7px 0px 7px px;/*border-top: 1px solid #ffffff;*/ /*height: 4em;*/ background: White url(img/terminy1Agray.gif) repeat-y left top;} /*#fffdb4*/
/*#container div.terminy div {background: url(img/DUM_privatizace.gif) no-repeat left top; padding-left: 75px; height: 53px; text-align: left;}*/
#container div.terminy a {font-size: 100%; font-weight:bold; color: #FFFF66; text-transform: uppercase;}
#container div.terminy a:hover {color: Black; text-decoration: none;}
#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;}
#container div.terminy strong {color: Black; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: x-small;  }
#homepage-container {background-color: White; height: 17em; /*border-bottom: 1px solid #ffffff;*/}
#container #motiv-homepage {float:left; width: 433px; height: 205px; background: #000000 url(img/image-people2.jpg) no-repeat left top; z-index: 0; border-left: 1px solid #CCCCCC;}
/*#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;}*/
/*#container #description { margin:0; padding:0;float: left; width: 287px;height:17.9em; background: #757575 url(img/terminy1A.jpg) repeat-y top left; border-left: 1px solid #ffffff; border-top: 1px solid #ffffff;border-right: 1px solid #ffffff; text-align:center; overflow:hidden;}*/
#container #description { margin:0; padding:0;float: left; width: 287px; height:205px; background: White url(img/terminy1Agray.gif) repeat-y top left; text-align:center; overflow:hidden;}
/* html #container #description  {height: 17em;} #8D8D8D */
#container #description div.first { margin:0; padding:0;}
#container #description div.first {/*background: url(img/red-back1A.jpg) top right no-repeat;*/ margin:0; padding:0;}
#container #description p {line-height: 100%;  font-family: Arial, Georgia, "Times New Roman", Times, serif; color: Black; text-align:center; padding: 7px 7px 0em 7px; /*margin-bottom: 5px;*/ font-size: 100%;}
*html #container #description p  {margin-bottom:10px;}
.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; font: 90% Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center;}
#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 4px 0px 4px; color: #990000; display: block; }
#menu ul li strong a:hover {text-decoration:underline; color: Black;}
#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) no-repeat center bottom;border-top: 1px solid #CCCCCC;}
#main-content #atelier div {margin: 35px; padding-left: 94px; font-size:100%;}
#main-content #atelier div a {text-decoration: none; font-family: Arial, Helvetica, sans-serif;}
#main-content #atelier div a:hover {text-decoration: underline; }
#main-content #skola div {margin: 35px; /*padding-right: 94px;*/ font-size:100%;}      /*img/photo-skola.gif*/
#main-content #skola {float:left; width: 360px; border-right: 1px dashed #C5CED6; background: url(img/green_CallToday2.jpg) no-repeat right top; text-align: right;}
#main-content #skola p { text-align:right; text-decoration: none;}
/*#main-content #atelier {float:right; width:362px; background: url(img/pokus.gif) no-repeat 0px 50%;}*/
#main-content #atelier {float:right; width: 360px; background: url(../img/photo-skola2.gif) no-repeat 0px -196px;}
#main-content #atelier a {color: #990000;}
#main-content #atelier a:hover {color: Black;}

#main-second {_width: 724px; background: url(img/back-m-content.jpg) center bottom no-repeat;border-top: 1px dashed #C5CED6;}
#main-second #atelier div {margin: 35px; padding-left: 94px; font-size:100%;}
#main-second #skola div {margin: 35px; padding-right: 94px; font-size:100%;}
#main-second #skola div a {text-decoration: none; font-family: Arial, Helvetica, sans-serif;}
#main-second #skola div a:hover {text-decoration: underline; }
#main-second #atelier div a {text-decoration: none; font-family: Arial, Helvetica, sans-serif;}
#main-second #atelier div a:hover {text-decoration: underline; }
#main-second #skola {float:left; width:360px; border-right: 1px dashed #C5CED6; background: url(../img/okmoney_foto1.gif) no-repeat right top; text-align:right;}
#main-second #skola p { text-align:right;}
/*#main-content #atelier {float:right; width:362px; background: url(img/pokus.gif) no-repeat 0px 50%;}*/
#main-second #atelier {float:right; width:362px; background: url(../img/okmoney_foto1.gif) no-repeat 0px -196px;}



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 0 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; }

#main-second ul {list-style-type:square; margin-top:10px;}
#main-second li {margin: 10px 0 10px 0; line-height: 150%;}
#main-second 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: #006633; /*color: #B30000;*/}
#main-content a:hover {text-decoration:underline; color: #000000;}
#main-second a {text-decoration:underline; color: #B30000;}
#main-second 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; }