@import '../css/navig.css';
body{margin:0;padding:20px 0 0;background-color:#fec;text-align:center;min-width:900px;background-size:100% 105%;}
#sun {position:absolute;top:560px;right:0;width:200px;height:200px;background:transparent;z-index:1;}
h5{position:absolute;font-size:100%;font-weight:bold;width:200px;height:25px;line-height:25px;text-align:center;margin:0;padding:0;background-color:#ffc080;left:-55px;top:30px;box-shadow:5px 5px 10px #840;z-index:100;}
h5 a {color:#666;text-decoration:none;}
/* layout */
#wrap{margin:20px auto 0 auto;padding:10px 0;background:#fff;text-align:left;border-radius:20px;width:810px;position:relative;z-index:2;}
header{display:block;width:97%;height:173px;overflow:hidden;background:url(../img/top.jpg) 8px 0 no-repeat;position:relative;}
#content{width:97%;padding-bottom:15px;position:relative;}
#main{margin:0 0 0 30%;min-height:33em;}
aside{display:block;position:absolute;left:0;top:0;padding-top:0.2em;width:27%;background:#fff url(../img/side.jpg) 8px 0 no-repeat;}
#foot{margin:1em 3% 0 29%;text-align:center;border-top:1px solid #999;font-size:83%;line-height:3em;}                                    
#datum,#what{position:absolute;font:110%/1.5 Arial,sans-serif;font-weight:bold;color:#888;}
#datum{left:35px;top:3px;}
#what{right:0;top:110px;}
#what sup{font-size:75%;}
/* others */
hr,aside h3,.hide{display:none}
h1{padding:40px 0 0 0;margin:0 10px 0 53%;height:60px !important;height:100px;text-align:center;font-size:150%;line-height:1.1em;overflow:hidden;}
h2,#menu h3,#search h3{position:absolute;top:-500px;}
h3{padding:1.5em 0 0.5em 0}
h4{margin:0.5em 0;padding:0.2em 0;}
ul,li{margin:0;padding:0;}
ul{list-style-type:none;}
dl{margin:0.2em 0;}
dt{clear:left;float:left;width:350px;padding:0.3em 0;}
dd{color:#556b2f;padding:0.3em 0;}
.center{text-align:center;overflow:hidden;}
.small{font-size:83%}
img.left,img.photo{float:left;margin:10px 10px 0 0;}
img.right{float:right;margin:10px 0 0 10px;}
img.photo{border:1px #800 solid;}
div.center{text-align:center;margin-bottom:0.3em;}
.center img{float:none;margin:10px 0;}
div.payment{padding:0.3em 20px;}
div.payment dt{width:200px;}
#invited {margin:1em 0;}
#invited dl{margin:0;padding:0;text-align:center;} 
#invited dt{float:none;width:auto;font:15px/1.5 Arial,sans-serif;color:#246;font-weight:bold;}
#invited dd{width:auto;margin:0;padding:0 0 1em;color:#333;font-weight:normal;font-style:italic;}
#program h4{color:#000;padding-left:1em;background:url(../img/bar.jpg) left top repeat-y;border-radius:6px;}
#program dt{width:10em;padding:0.15em 0;}
#program dd{padding:0.15em 0;color:#555;}
#program dd a{padding:2px 20px 2px 0;color:#840;text-decoration:underline;}
#program dd a.close{background:#fff url(../img/out.png) right center no-repeat;}
.js #program dd a.close{background:#fff url(../img/close.png) right center no-repeat;}
.js #program dd a.open{background:#fff url(../img/open.png) right center no-repeat;}
#program dd a:hover{color:#840;text-decoration:none;}
#program dd div{clear:left;display:none;margin-left:-40px;}
#program dd div h3{font-size:110%;color:#840;padding:0.3em 0;}
#program dd div p{background:#fff8f0;color:#444;font-size:83%;font-weight:normal;margin:0 0 0.4em;padding:0.1em 1em;text-align:left;border-bottom:1px solid #c96;}
div.clear{clear:both;line-height:1px;height:1px;}
#tooltip .note {padding: 5px 10px; background: #eee; color: #000; border: 2px solid #666; font-size: 100%; text-align: left;}
#tooltip .session {padding: 2px 10px 2px 50px; background: #ffc url(../img/img2.gif) left center no-repeat; color: #840; border: 2px solid #840; font-weight: bold; font-size: 100%; line-height:140%;text-align: left;}
#account dl{margin-left:20px}
#account dt{width:320px;}
#main a{color:#840;text-decoration:underline;}
#main a.info{padding:3px 15px 3px 0;background:#fff url(../img/out.png) right center no-repeat;}
#main a:hover{color:#000;text-decoration:none;}
#main h4 a{color:#556b2f;text-decoration:none;}
#main ul{margin:1em 0;}
#main ul li{margin-bottom:1em;padding-left:25px;background:#fff url(../img/page.gif) left top no-repeat;}
#main .col1 ul li,#main .col2 ul li,#main .social ul li,#main .social ol li{margin-bottom:0.2em;padding:0;background-image:none;}
aside ul{margin:0 0 0 40px;padding:10px 0;list-style-type:none;border-bottom:1px solid #999;}
aside li{margin:0;padding:0 0 0 10px;}
aside li.current{background:url(../img/arrow.gif) left center no-repeat;}
aside li a{text-decoration:underline;color:#666;}
aside li a.red{text-decoration:underline;color:#800;}
aside li.current a,aside li a:hover{text-decoration:none;font-weight:bold;color:#000;}
aside p{margin:5px 0 5px 50px;padding:0;font-size:83%;}
aside p span{color:#c00}
#footer a{color:#666}
aside p a{margin:0;padding:0 0.2em;background:#e09658;color:#000;font-size:83%;text-decoration:none;border:1px solid #999;}
aside p a:hover{background:#ccc}
#menu,#search{margin-left:30%}
#menu li ul{display:none;}
#publish{margin:0;padding:0;}
#publish ol{margin:10px 0;padding:0;}
#publish li{margin:0 0 0.5em 2em;text-align:justify;}
#publish ul li{background-image:none;padding-left:0;}
#publish ul{list-style:square;margin-top:0.3em;}
#publish ul li{margin-bottom:0.3em}
#pages{margin:10px 0;padding:5px 1em;width:15em;background:#eeeeee;border:1px solid #888;}
#session p{background:#fff8f0;color:#333;margin-bottom:10px;padding:7px 12px;border-bottom:1px solid #c96;text-align:left;}
#session p b{color:#840;}
#main #gallery {margin: 0 auto; width: 510px; position: relative;}
#main #gallery ul {list-style-type: none;}
#main #gallery ul li {float: left; margin: 0 2px 2px 0; padding-left: 0; background-image: none;} 
#main #gallery ul li a {display: block; width: 76px; height: 57px; border: 2px solid #999; cursor: default;}
#main #gallery ul li a:hover {border-color: #f00;}
#main #gallery ul li a img {height: 57px; width: 76px; border: none;}
#main #gallery .cleardiv {clear: both; padding: 0; border: 0; height: 0; width: 600px; line-height: 0; visibility: hidden;} /* IE */
#zoom {display:block;}
footer {display:block;margin:0 auto;width:710px;text-align:left;padding:10px 50px;font-size:87%;color:#333;}
iframe {border:none;overflow:hidden;}
#patria {margin:auto;width:300px;height:180px;border-radius:10px;overflow:hidden;}
#pleso {margin:auto;width:450px;height:338px;border-radius:10px;overflow:hidden;}
@media screen{abbr{cursor:help}
}