@import url(/Common/puellula.css);

body
{
	color: #33F;
	background: transparent url(girl.jpg) bottom right no-repeat fixed;
}

.container
{
	min-height: 100%;
	height: 100%;
	z-index: 0;
	background: transparent url(flowers.gif) top left no-repeat fixed;
	overflow: visible;
}

.gallery
{
	background: transparent url(flowers.jpg) top left no-repeat fixed; height: auto;
}

.picframe
{
	position: absolute;
	top: 110px;
	left: 85px;
	height: 275px;
	width: 200px;
	background: url(border.gif) center;
	filter: alpha(opacity=50);
	opacity: 0.50;
	-moz-opacity:0.50;
	z-index: 20;
}

.butterfly
{
	position: fixed;
	top: 13px;
	left: -75px;
	height: 165px;
	width: 315px;
	background: url(butterfly.gif) center no-repeat;
	z-index: 25;
	filter: alpha(opacity=75);
	opacity: 0.75;
	-moz-opacity:0.75;
}

.gframe
{
	position: static;
	width: 35%;
	height: 75%;
	top: 110px;
	margin-left: 38%;
	overflow: auto;
	z-index: 0;
	text-align: center;
	font-size: .9em;
}

.gframe img { padding: 0; margin: 3px; }

p { margin: 0 0 5px 0; padding: 0 3px 5px 0; }

a.expl:hover span
{
	width: 172px;
	height: 246px;
	left: 97px;
	top: 122px;
	margin: 0;
	color: #33F;
	text-align: center;
	font-size: 1em;
	z-index: 10;
	font-weight: bold;
}

a.expl:hover span.name
{
	color: #33F;
	left: 103px;
	top: 344px;
	font-size: 1em;
	width: 156px;
	height: 1em;
	padding: 3px;
	border: 1px solid #33F;
	background: white;
	filter: alpha(opacity=80);
	opacity: 0.80;
	-moz-opacity:0.80;
	z-index: 15;
}

.expl img, .expl:visited img
{
	border: 1px #33F solid;
	width: 88px;
	height: 125px;
}

.expl:hover img { border: 1px #99F solid; }
.expl:hover span img
{
	border: none;
	width: 172px;
	height: 246px;
	margin: 0;
}

a:link, a:visited { color: #33F; }
a:hover { color: #99F; }

a.buli:link img, a.buli:visited img { border-color: #33F; border-style: solid; }
a.buli:hover img { border-color: #99F; border-style: solid; }

.whoami
{
	position: absolute;
	float: left;
	top: 124px;
	width: 172px;
	height: 246px;
	left: 99px;
	z-index: -1;
}

.puellula
{
	position: absolute;
	bottom: 9px;
	left: 9px;
}

.puellula2
{
	position: absolute;
	bottom: 64px;
	left: 9px;
}

.puellula img, .pulgal img { width: 50px; height: 50px; }

.pulgal { float: left; padding: 0 0 9px 9px; }

h1 { margin: 5px 0; padding: 0; }
h2 { margin-left: 122px; }

h3
{
	color: #99F;
	width: 112px;
	text-indent: 0;
	margin: 2px 0 0 0;
	padding: 0;
	font-size: .7em;
	text-align: center;
}

.rb
{
	position: static;
	margin: 0 200px 0 100px;
	padding: 0;
	background: url(bkgd.gif) -14px 0 repeat-y;
	border-left: 1px solid #E6E6FF;
	border-bottom: 1px solid #E6E6FF;
}

.adult
{
	width: 110px;
	float: left;
	text-align: center;
	clear: left;
}

.child { padding-left: 122px; }
.child a img { margin-bottom: 2px; }

.set
{
	clear: left;
	padding-bottom: 20px;
}

.jmeno { margin-top: 150px; }