body {margin: 0px; padding: 0px; background: url(../images/background.jpg) repeat-x top center; text-align: center}


h1, h1 a, ol, ol li {margin: 0px; padding: 0px;  }
h1 a {display: block; background: url(../images/logo.png) no-repeat left top; text-indent: -2999px; width: 121px; height: 111px; margin-top: 32px; margin-left: 65px; margin-bottom: 25px}

.ods {margin-top: 20px}

iframe {margin-left: 0px}

div.maj {width: 915px; position: relative}
div.maj p{font-size: 85%}

.dakujeme {position: absolute; left: 43px; top: -23px}

#plagaty, #plagaty li {margin: 0px; padding: 0px; list-style: none;}
#plagaty {overflow: hidden; height: 450px; width: 315px; float: left; margin-left: 65px; margin-right: 20px; float: left}

#walk, #walk li {margin: 0px; padding: 0px; list-style: none;}
#walk {overflow: hidden; height: 450px; width: 315px; float: left; margin-left: 65px; margin-right: 20px}

h2, h3, strong {background: #c8c2b9; display: inline; padding:  2px 0px}

div.about, div.video {width: 850px; margin-left: 65px; padding-bottom: 40px}
div.about .content {width: 470px; font-size: 78%}
div.about p{padding-bottom: 0px; padding-top: 20px; margin: 0px}

#FlickrImages ul, #FlickrImages li{ margin: 0px; padding: 0px; list-style-image: none; list-style: none; float: left}
#FlickrImages {float: right; width: 380px}

#majStena ul, #majStena li{ margin: 0px; padding: 0px; list-style-image: none; list-style: none; float: left}
#majStena a{display: block; border: 0px; width: 145px; height: 110px; overflow: hidden; text-align: center; vertical-align: middle; margin-left: 30px; margin-bottom: 15px}

#majStena a img{left: -40px;
top:  -20px;
position: relative;}

#vysmahFotky ul, #vysmahFotky li{ margin: 0px; padding: 0px; list-style-image: none; list-style: none; float: left}
#vysmahFotky a{display: block; border: 0px; width: 145px; height: 110px; overflow: hidden; text-align: center; vertical-align: middle; margin-left: 30px; margin-bottom: 15px}

#vysmahFotky a img{left: -40px;
top:  -20px;
position: relative;}

#MajImages ul, #MajImages li{ margin: 0px; padding: 0px; list-style-image: none; list-style: none; float: left}
#MajImages {float: right; width: 190px; display: none}

#MajImages a{display: block; border: 0px; width: 160px; height: 100px; overflow: hidden; text-align: center; vertical-align: middle; margin-left: 30px; margin-bottom: 15px; position: relative}



#FlickrImages a{display: block; border: 0px; width: 160px; height: 160px; overflow: hidden; text-align: center; vertical-align: middle; margin-left: 30px; margin-bottom: 30px}


#main {width: 950px; margin: 0 auto; text-align: left; font-family: Verdana; color: #525150; position: relative;}

#menu {list-style-type: none; position: absolute; right: 30px; top: -20px}
#menu li{ float: left; margin: 5px}
#menu li a { padding: 5px;  font-weight: normal; text-decoration: none;}
#menu li a:hover {background: #c8c2b9;}
#menu li.active a {background: #c8c2b9; font-weight: bold}


#submenu-maj {list-style-type: none; position: absolute; right: 373px; top: 20px; font-size: 80%; display: none}
#submenu-vysmah {list-style-type: none; position: absolute; right: 440px; top: 20px; font-size: 80%; display: none}

#submenu-maj li, #submenu-vysmah li{ float: left; margin: 5px}
#submenu-maj li a, #submenu-vysmah li a { padding: 5px;  font-weight: normal; text-decoration: none;}
#submenu-maj li a:hover, #submenu-vysmah li a:hover {background: #c8c2b9;}
#submenu-maj li.active a, #submenu-vysmah li.active a {background: #c8c2b9; font-weight: bold}

#ateliery {background: url(../images/podorys.png) no-repeat top center; list-style: none; height: 300px; padding-top: 8px}
#ateliery li{float: right; height: 155px; text-indent: -2999px; position: relative}
#ateliery li div {display: block; height: 155px; display: none}
#ateliery li div.label {width: 45px; position: absolute; }

#atelier1 { width: 25px; margin-right: 60px; margin-top: 1px;}
#atelier1 div {background: url(../images/hover_1.png) no-repeat right top;}
#atelier1 div.label {background: url(../images/label_1.png) no-repeat bottom center; bottom: -130px; left: -8px}

#atelier2 { width: 26px; margin-top: 1px;}
#atelier2 div {background: url(../images/hover_2.png) no-repeat right top;}
#atelier2 div.label {background: url(../images/label_2.png) no-repeat bottom center; top: -130px; left: -9px}

#atelier3 { width: 26px; margin-top: 1px;}
#atelier3 div {background: url(../images/hover_3.png) no-repeat right top;}
#atelier3 div.label {background: url(../images/label_3.png) no-repeat bottom center; bottom: -130px; left: -10px}

#atelier4 {width: 27px; margin-top: 1px;}
#atelier4 div {background: url(../images/hover_4.png) no-repeat right top; }
#atelier4 div.label {background: url(../images/label_4.png) no-repeat bottom center; top: -130px; left: -8px}

#atelier5 {width: 26px;}
#atelier5 div {background: url(../images/hover_5.png) no-repeat right top; }
#atelier5 div.label {background: url(../images/label_5.png) no-repeat bottom center; bottom: -130px; left: -10px}

#atelier6 {width: 79px;}
#atelier6 div {background: url(../images/hover_6.png) no-repeat right top; }
#atelier6 div.label {background: url(../images/label_6.png) no-repeat bottom center; top: -130px; left: 18px}

#atelier7 {width: 182px;}
#atelier7 div {background: url(../images/hover_7.png) no-repeat right top; }
#atelier7 div.label {background: url(../images/label_7.png) no-repeat bottom center; top: -130px; left: 68px}

#atelier8 {width: 52px; margin-right: 27px}
#atelier8 div {background: url(../images/hover_8.png) no-repeat right top; }
#atelier8 div.label {background: url(../images/label_8.png) no-repeat bottom center; top: -130px; left: 3px}

#atelier9 {width: 54px;}
#atelier9 div {background: url(../images/hover_9.png) no-repeat right top; }
#atelier9 div.label {background: url(../images/label_9.png) no-repeat bottom center; bottom: -130px; left: 5px}

#atelier10 {width: 52px;}
#atelier10 div {background: url(../images/hover_10.png) no-repeat right top; }
#atelier10 div.label {background: url(../images/label_10.png) no-repeat bottom center; top: -130px; left: 3px}

#atelier11 {width: 52px;}
#atelier11 div {background: url(../images/hover_11.png) no-repeat right top; }
#atelier11 div.label {background: url(../images/label_11.png) no-repeat bottom center; top: -130px; left: 3px}

#atelier12 {width: 81px;}
#atelier12 div {background: url(../images/hover_12.png) no-repeat right top; }
#atelier12 div.label {background: url(../images/label_12.png) no-repeat bottom center; top: -130px; left: 19px}

#atelier13 {width: 124px; height: 182px !important}
#atelier13 div {background: url(../images/hover_13.png) no-repeat right top; height: 182px !important }
#atelier13 div.label {background: url(../images/label_13.png) no-repeat bottom center; bottom: -80px; left: 37px}

.detail {display: none; margin: 0px 50px; position: relative; top: -40px; margin-right: 0px}
.detail h2 {font-size: 110%; display: block; background: transparent}
.detail h2 span {background: #c8c2b9; padding: 10px;  font-weight: normal}

.detail .ateliernik {float: left;
font-size: 75%;
margin-right: 13px;
margin-top: 10px;
min-height: 80px;
width: 167px;}
.detail .ateliernik strong {}

a {color: #525150}
a:hover {text-decoration: none}