/*
   CSS Framework - screen
   05.04.2011 14:17:46

*/

html,body {
	margin:0;
	padding:0;
	height:95%; /* needed for container min-height + scrolbar fix because of top padding header later declr.*/
}


body{text-align:left; font-size:0.8em; color:#000000; font-family:Georgia, serif;}

p{ font-size:0.9em;}
h2, h1{font-size:2em;}
h2{font-size:3em;}
h1 a{text-decoration:none; color:black;}

/* layout */
#logo{margin-bottom:2.3em;}
#page{border:black solid 0px; margin-left:2em; margin-top:2em;}

/* menu */
#nav{position:absolute; top:30px; left:220px; height:20px; text-transform:lowercase;}
#nav li{list-style-type:none; display:inline;}
#nav li a{color:#000000; text-decoration:none; display:block; float:left; margin-right:7px;}
#nav li strong a{text-decoration:none; font-size:2em;}/**/

/* jazykove prepinace */
.lang{position:absolute; top:30px; right:1px;}
.lang a{display:block; width:28px; height:19px;}
.lang a.en{background:url('../images/css/flag-en.png') 00 no-repeat;}
.lang a.cs{background:url('../images/css/flag-cs.png') 00 no-repeat;}
.lang a span{display:none;}

/*.ribbon{width:4900px}*/ /*bude se muset napocitavat! pres js nebo php, nebo rucne nastavit*/

/* svatby - pas */
.ribbon img{float:left; margin-right:20px;}
/*.ribbon{cursor:e-resize;}
.ribbon .text{width:175px; float:left; border:0px red solid; margin-right:65px;}*/
.ribbon .text{width:175px; float:left; border:0px red solid; margin-left:30px;}

/* portrety */
.portraits div {float:left; width:150px; height:190px; /*135px+text*/ text-align:center; border:red solid 0px;}
.portraits div span{display: table-cell; vertical-align: middle; width:150px; height:150px; border:green solid 0px;}
.big div{width:270px; height:192px; margin-right:15px; margin-bottom:30px;}

/* portrety - detail */
.portrait img{margin-bottom:2.5em;}
.portrait img, .portrait .text{float:left; margin-right:2em;}
.portrait h2{margin-bottom:1em;}

.text{width:300px; position:relative;}
  
/* pribehy */
.story .cycle{width:800px;}
.story .cycle, .story .text{float:left; margin-right:2em;}


/* zaviraci ctverec */
.close{display:block; width:10px; height:10px; background:#bbbbbb; margin-top:1.75em;}
.close span{display:none;}
#makeMeScrollable .close{position:absolute; top:-30px; right:20px; z-index:99999; margin-top:0;}


/* kontakt */
.contact p{font-size:1.2em;}
.contact img{position:absolute;}
.contact a{text-decoration:none;}
.contact .mess{position:absolute; top:40px; left:240px;}

/*.contact-map{position:absolute; left:20px; top:85px;}*/

a{color:black;}
img{border:0;}


/* Vystavy */
.exhibits h3{font-size:2em;}
.exhibits p span{display:block; margin-bottom:20px; position:absolute; bottom:10px; right:10px; font-size:0.9em;}
.exhibits div{float:left; width:180px; height:180px; position:relative; margin-right:3em; margin-bottom:3em; padding:10px;}
.exhibits div.hit{/*background:#000000; color:#ffffff;*/ clear:both; border-bottom:0; margin-right:0; padding-left:0; width:200px;}
.exhibits-load *{float:left; margin-right:25px;margin-top:0;}


/* Svatby - smoothDiv */
#makeMeScrollable{width:100%;	/*height: 330px;*/position: relative;}
#makeMeScrollable div.scrollableArea *{	position: relative;	float: left;	margin: 0;	padding: 0;	margin-right:25px; margin-bottom:25px;}
#makeMeScrollable img{cursor:move;}


/* Ceny */
.price>span{position:absolute;}
.p1, .p2, .p10{font-size:4em;}
.p3, .p6{font-size:2em;}
.p4, .p5, .p7, .p8, .p9, .p11{font-size:1.2em;}

.p1{top:130px; left:155px;}
.p2{top:250px; left:50px;}
.p3{top:370px; left:100px;}
.p4{top:420px; left:130px;}
.p5{top:420px; left:240px;}
.p6{top:370px; left:470px;}
.p7{top:420px; left:685px;}
.p8{top:420px; left:500px;}
.p9{top:420px; left:790px;}
.p10{top:530px; left:300px;}
.p11{top:620px; left:350px;}



/* Gallery black section */

/*
.gallery{background:#000000; color:#ffffff;}
.gallery h1 a, .gallery #menu a{color:#ffffff;}
*/

.gcontent{border:0px solid white; text-align:center; margin:0px auto;}
.gcontent .photo{text-align:center;}
.gcontent .photo .close{ margin:0px auto; }
.gcontent img{margin-bottom:3em;}
.gcontent .photo h2{font-size:16px;}

.gcontent #menu{ position:relative;}
.gcontent #menu li{font-size:14px; text-transform:uppercase;list-style-type:none;}
.gcontent #menu .submenu{margin-left:0;}
.gcontent #menu .submenu li{display:inline; margin-right:10px; position:relative;}
.gcontent #menu .subsub{padding-top:30px; position:absolute;  width:400px; text-align:left; margin-left:0; top:0; left:0;}
.gcontent #menu .subsub li{margin-bottom:10px; display:block; text-transform:none;}


/* 100% height + body, html fix + parents divs fix*/
#page, #content{height:100%; min-height:100%; }

.gcontent{border:0px red solid; display:table; height:100%;}
.gcontent > div{display:table-cell; vertical-align:middle; border:0px blue solid; height:100%;}

.gcontent > div{border:0px red solid; }
.gcontent .close{position:fixed; right:25px; bottom:25px;}
.gcontent .title{border:0px green solid; position:fixed; bottom:18px; left:0; width:100%; z-index:-999;}
.gcontent .title p{margin-bottom:0;}

/* Extra */

.exhibits h2{font-size:1.9em;}
.likeit{position:fixed; bottom:10px; left:25px;}


.opener div{font-size:10px; width:250px; margin-top:10px; margin-bottom:10px; /*background:white; position:absolute; top:360px; left:5px; z-index:999999; padding:20px;*/}
.opener p{margin-bottom:0;}

.talesmenu{}