@font-face {
    font-family: 'TangerineBold';
    src: url('Tangerine_Bold-webfont.eot');
    src: url('Tangerine_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Tangerine_Bold-webfont.woff') format('woff'),
         url('Tangerine_Bold-webfont.ttf') format('truetype'),
         url('Tangerine_Bold-webfont.svg#TangerineBold') format('svg');
    font-weight: normal;
    font-style: normal;

}




a.int:link, a.int:visited, a.int:active { text-decoration: none; color: #4F0101; margin: 5px; }
a.int:hover {text-decoration: underline;}
a {text-decoration: none;}
.mhover { text-shadow: 0px 1px 0px #4F0101; }
.active { text-shadow: 0px 1px 0px #4F0101;};

bejar.a { text-decoration: none; color: black; size: 1px;}

body {
font-family: 'Palatino Linotype', Georgia, 'Times New Roman', Times, serif;
margin: 0px;
background-color: white;
color: white;
}

h1 {

	color: #4F0101;
	font: 'Palatino Linotype', Georgia, 'Times New Roman', Times, serif;		
}

h2 {

	color: #4F0101;
	font: 'Palatino Linotype', Georgia, 'Times New Roman', Times, serif;
	margin-top: 1em;
	margin-bottom: 0px;		
		
}
#menuul {font: 48px/58px 'TangerineBold', Arial, sans-serif;letter-spacing: 0; color:  #4F0101; list-style-type: none;  -webkit-padding-start:10px;}
#menuul li {padding-right: 35px; }

a.supper:link, a.supper:visited, a.int:active {
	text-align: center;
	color: white;
	font-family:  Arial, Verdana;		
	font-size: x-small;
	text-decoration: none;
}

a.supper:hover {
text-decoration: underline;
}

a.myhmenu:link, a.myhmenu:visited, a.myhmenu:active {
	text-align: center;
	color: white;
	font-family:  Arial, Verdana;		
	font-size: x-small;
	text-decoration: none;
	display: none;
}

a.myhmenu:hover {
text-decoration: underline;
display: none;
}


p {
font-family: 'Palatino Linotype', Georgia, 'Times New Roman', Times, serif;
font-size:20px;
color: grey;
text-align: justify;
margin: 5px;
}

p.vers {
font-family: 'Palatino Linotype', Georgia, 'Times New Roman', Times, serif;
font-size:20px;
font-style: italic;
color: grey;
text-align: center;
margin: 5px;
}

p.datum {
font-family: 'Palatino Linotype', Georgia, 'Times New Roman', Times, serif;
font-size:15px;
font-style: italic;
color: grey;
text-align: left;
margin: 5px;
}



.szinpadi {
font-family: 'Palatino Linotype', Georgia, 'Times New Roman', Times, serif;
font-size:20px;
color: grey;
text-align: justify;
margin: -5px;
list-style: none;
}

.szinpadi_li {
position: relative;
font-family: 'Palatino Linotype', Georgia, 'Times New Roman', Times, serif;
font-size:20px;
color: grey;
text-align: justify;
padding-bottom: 6px;

}


.szhover {
	color: #4F0101;
	cursor: pointer;	
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;

}

.sznothover {
	color: #ECECEC;
}


.szinpadi_li div {
	background-color: #ECECEC;
	width: 525px;
	position: absolute;
	top: -45px;
	left: 100px;
	display: block;
	font-size: smaller;
/*	left: 180px;*/
/*	position: absolute;
	top: -15px;
	left: 0px;
*/	text-align: center;
	padding: 15px 12px 10px;
	font-style: normal;
	z-index: 10;
	display: none;
   -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    overflow-x: hidden;
    overflow-y: hidden;
    color: #4F0101;
    opacity: 0.8;
}

.filmes {
font-family: 'Palatino Linotype', Georgia, 'Times New Roman', Times, serif;
font-size:20px;
color: grey;
text-align: justify;
margin: 5px;
}


.profile-photo {
	float: left;
	opacity: 1;
}

.scroll-pane
{
    position: absolute;
    top: 90px;
	width: 95%;
    height: 470px;
    overflow: auto;
    margin: 15px;
}


#container {
	width: 100%;
	height: 700px;
	background-repeat: no-repeat;
	z-index: 1;

}
#cent_div2 {
/*	width: 1900px;
*/
	width:100%;
	height: 700px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("../pics/web_bckgd_without_rose.jpg");
	background-repeat: repeat-x;
	opacity: 0.0;
    overflow-x: hidden;
    overflow-y: hidden;

}

#content_div {
/* 	border: 3px solid #c4c8cc;*/
    position: absolute;
    top: 60px;
    left: 225px;
    background-color: white;
	width:700px;
	height: 600px;
	margin-left: 40px;
	margin-right: 40px;
	opacity: 0.0;
	-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
    overflow-x: hidden;
    overflow-y: hidden;
}

#menu-pane {
    position: absolute;
    top: 60px;
    margin: 0px;
}

#upper-pane {
    position: absolute;
    width: 300px;
    top: 20px;
    right: 30px;
    margin: 5px;
    padding: 5px;
    text-align: right;
    color: #4F0101; 
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    overflow-x: hidden;
    overflow-y: hidden;

}

.uhover {
	background-color: #ECECEC;
	cursor: pointer;
}

.menu {
	cursor: pointer;
}

#content_menu {
    position: absolute;
    top: 60px;
    margin-top: 0px;
    background-color: white;
	width:200px;
	height: 600px;
	margin-left: 40px;
	margin-right: 40px;
	opacity: 0.0;
	-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
    overflow-x: hidden;
    overflow-y: hidden;
}

/*#gal {
	width:800px;
	height: 600px;
    overflow-x: hidden;
    overflow-y: hidden;
}*/


.rose {
	position: absolute;
	left: 50px;
	margin: 0;
	padding: 0;
	width:400px;
}

#content_rose {
	top: -200px;
	left: 50px;
	z-index: 200;
	background-color: transparent;

}

#content_rose_shadow {
	top: -195px;
	left: 50px;
	z-index: 199;
	background-color: transparent;

}

#slider {
	position: absolute;
	top: 15px;
	left: 980px;
    width:200px; /* Change this to your images width */
    height:600px; /* Change this to your images height */
    background:url(images/loading.gif) no-repeat 50% 50%;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
	
}


div>div #slider {
	position: absolute;
	top: 60px;
	left: 980px;
    width:200px; /* Change this to your images width */
    height:600px; /* Change this to your images height */
    background:url(images/loading.gif) no-repeat 50% 50%;
	
}

#slider-one {
	height: auto;
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}
#reflection_2 {
	background:#fff;
	color:#000;
	border:1px solid #ccc;
}
#reflection_2 .loading {
	border-color:#333;
}
#reflection_2 .loading_bar {
	background:#333;
}
#reflection_2 .slider {
	background:url(slider_dark.png) top left no-repeat;
}
#reflection_2 .scrollbar {
	border-bottom:1px solid #000;
}