@import url("./main.css");
html { margin: 0; padding: 0; background: #A2A2A2 url('./images/bg_html.png') 50% 0 repeat-y; }
body {
	margin: 0; padding: 0; 
	background: transparent url('./images/bg_body.jpg') 50% 0 no-repeat; color: #333;
	font-size: 10pt; font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif; line-height: 1.5em;
}

input, textarea, select, option { font-family: 'Arial', 'Helvetica', sans-serif; font-size: 11pt; }
#root { width: 100%; position: relative; }
#main { 
	width: 640px; 
	width: 500px; 
	margin: 0 auto; 
	position: relative; 
}

#logo { width: 300px; margin: 20px auto 0; text-align: center;  }
#logo strong { display: block; text-transform: uppercase; font-size: 11pt; color: #C4303B; }
#logo strong a { color: #C4303B; }
#logo strong a:hover { text-decoration: none; }
#logo em { font-style: normal; display: block; font-weight: bold; }

#header { height: 340px; margin-bottom: 1em; position: relative; }

#header #siteSearch { 
	width: 142px; height: 29px; margin: 0; padding: 0; 
	position: absolute; top: 36px; right: 90px; 
	background: #FFF;
	border: 1px solid #C4303B; 
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-webkit-box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, .2);
	box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, .1); 
}
#header #siteSearch fieldset { margin: 0; padding: 0; width: 100%; }
#header #siteSearch fieldset input { 
	width: 110px; height: 23px; line-height: 23px; margin: 0; padding: 0; border: 0; 
	position: absolute; top: 3px; left: 3px; 
	background: transparent; color: #78ABC2;
	border: none; 
	-webkit-border-radius: inherit;
	-moz-border-radius: inherit;
	border-radius: inherit;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#header #siteSearch fieldset input.submit { 
	width: 23px; height: 23px; margin: 0; padding: 0; border: 0; 
	background: transparent; color: #FFF; 
	position: absolute; top: 3px; right: 3px; left: auto;
	font-weight: bold; text-indent: -999px; text-decoration: none;  cursor: pointer; 
	background: #FFF url('./images/bg_search_button.png') 0 100% no-repeat;
}

#header #langs { 
	font-size: 13px;
	position: absolute; right: 0; top: 1px; z-index: 99999; color: #333; 
}
#header #langs a { margin: 0 7px; text-decoration: none; color: #333; text-transform: uppercase;  }
#header #langs a:hover,
#header #langs a.active { color: #C4303B; }

#content { position: relative; }

#content .text { padding: 0;  text-align: center; font-size: 10pt; line-height: 14pt; }
#content .text .shadow { 
	background: #A8A8A8; color: #000; text-shadow: none; margin: 20px 0; padding: 5px 10px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	font-size: 9pt;
}
#content .text .shadow h1, 
#content .text .shadow h2 { font-size: 12pt; font-weight: bold; }
#content .text .shadow strong { color: #000; }
#content .text ul { margin: 0 0 0 0px; padding: 0; }
#content .text ul li { margin: 0 0 5px 0; padding: 0 0 0 0; background: none; list-style-type: auto; list-style-position: inside }
#content .text ul li ul { margin: 5px 0 0 0; padding: 0; }

#content .text ul#subpages { margin: 5px 0 0 0; padding: 0; }
#content .text ul#subpages li { margin: 5px 60px 0 0; padding: 0; background: none; float: left; }
#content .text ul#subpages li a.img { 
	display: block;
    height: 75px;
    overflow: hidden;
}

#id-295 #content .text h1 { display: none; }
#gallery {}
#gallery div.shadow {}
#gallery div.shadow div { width: 50%; color: #FFF; font-size: 8pt; text-align: left; font-weight: bold; }
#gallery div.shadow div.right { text-align: right; }
#gallery div.gal_text { margin-bottom: 2em; font-size: 8pt; }
#gallery div.gal_text strong { display: block; }
#gallery div.gal_text p { margin: 0; padding: 0; color: #111; font-weight: bold; }
#gallery .gal_pictures {  }
#gallery .gal_pictures .gal_picture { float: left; }
#cboxTitle { font-size: 8pt; }

#footer { 
	margin: 0 0 1em; background: #C4303B; color: #FFF; position: relative;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
#footer .inside { padding: 5px 10px; font-size: 7.5pt; text-align: center; }
#footer a { font-weight: bold; color: #FFF; }
#footer a:hover { text-decoration: underline;}

a { color: #C4303B; filter: none; outline: none; text-decoration: none;  }
a:hover { color: #000; text-decoration: underline; }

strong { color: #C4303B; }

img.fs_icon { vertical-align: -15%; margin-right: 3px; }

h1 { 
	margin: 20px 0 30px 0; padding: 0; 
	line-height: 17pt; text-align: center;
	font-size: 15pt; font-weight: normal;
	color: #C4303B;
}
h2 {
	margin: 0; padding: 0 0 5px 0; 
	line-height: 15pt; text-align: center;
	font-size: 13pt; font-weight: normal;
	color: #C4303B;
}
h3 {
	margin: 1em 0 0 0; padding: 0; text-align: center;
	font-size: 11pt; font-weight: normal;
}
h4 {
	margin: 0; padding: 0;
	font-size: 10pt;  font-weight: normal; 
	text-transform: uppercase; 
}
p {
	margin-top: .5em; margin-bottom: .5em; padding: 0;
}


div.divider { 
	width: 95%; 
	height: 20px;
	margin: 1em 0 0 0;
	padding: .2em 0;
	display: block;
}
fieldset {
	width: 100%; margin: 0 0 1em 0; padding: 0; border: 0; 
}
legend {
	font-style: italic; 
	font-weight: bold; 
	font-size: 1em; 
	background: #025774; 
	color: #FFF; 
	border: solid 1px #999; 
	padding: 0 .4em 0 .4em; 
}
label { 
	float: left;
	width: 30%;
	text-align: right;
	margin: 2px 1em 0 0;
}
fieldset#submit {
	margin-top: 1em;
	padding: .5em;
	text-align: center;
}
fieldset#submit input {
	margin-top: .5em;
	padding: .2em .4em;
	text-align: center;
	font-size: 100%;
	font-weight: bold;
}
input, select, textarea { margin-bottom: 1em; padding: 5px; }
input, textarea { 
	border: 1px solid #C4303B; 
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-webkit-box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, .2);
	box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, .1); 
}
input.checkbox { width: 1em; margin-bottom: 0; padding: 0; border: none; }
input.button { 
	padding: 5px 15px; color: #FFF; background: #C4303B; 
	-webkit-box-shadow: inherit; font-size: 10pt;
	box-shadow: inherit; cursor: pointer; text-transform: uppercase;
}
input.button:hover { background: #96D900; border-color: #96D900; color: #00334A; }
div.buttons { margin-top: 1em; float: right; }
div.buttons input { border: solid 1px #000; background: #99CC66; color: #000; }


/* TOP MENU */
#header .menu { width: 100%; position: absolute; bottom: 0; left: 0; z-index: 9999; text-align: center; }
#header .menu ul { margin: 0 auto; padding: 0; list-style-type: none; display: block; }
#header .menu li { margin: 0; padding: 0; display: inline-block;  }

#header .menu li a, #header .menu li strong {
	margin: 0; padding: 0 20px;
	font-size: 10pt; font-weight: bold;
	text-decoration: none;
	color: #808080; 
	display: inline-block; text-transform: uppercase; 
}
#header .menu li strong { font-weight: bold; color: #C4303B; }
#header .menu li a:hover { color: #333; }

div.pages { margin: 0 .5em 0 0; padding: 0; color: #001333; font-style: italic; }

div.pictures { margin-top: 1em; }
div.pictures div.picture.pixtext { padding-bottom: 6px; }
div.pictures ul { margin: 0 2em; }
div.pictures div.picture { margin: 0 20px 10px 0; padding: 0; float: left; position: relative; }
div.pictures div.picture.last { margin: 0 0 15px 0; }
div.pictures div.picture a { text-decoration: none; color: #666!important; }
div.pictures div.picture a:hover { color: #000; }
div.pictures div.picture .pixtext {
	display: block; height: 32px; line-height: 16px; margin: 0; padding: 3px 0 0;
	overflow: hidden; text-align: left; font-weight: normal;	
}
div.pictures div.picture .image, 
div.pictures div.picture .image img { margin: 0; padding: 0; }
div.pictures div.picture .image { height: 75px; overflow: hidden; display: block; position: relative; }
div.pictures div.picture .image div.numPixs { 
	width: 16px; height: 16px; line-height: 16px; text-align: center;
	position: absolute; bottom: 0; right: 0; 
	background: url('./images/alpha.png') 0 0 repeat; color: #FFF; 
}

#thumb { margin: .5em 0 1em 0; padding: 0; text-align: center; border: solid 1px #000; }
#thumb img { margin: 0; padding: 0; border: 0; }
.annotation { display: block; margin-bottom: 1em; font-style: italic; }

#content .text .list { margin: -15px 0 0 0; padding: 0; }
#content .text .list ul { margin: 0; padding: 0; list-style-type: none; }
#content .text .list ul li { margin: 0 5px 0 0; padding: 0; background: #FFF; color: #F3E8C9; }
#content .text .list ul li a,
#content .text .list ul li strong { float: left; margin: 0; padding: 6px 12px; }
#content .text .list ul li strong { color: #333; font-weight: normal; }
#content .text .list ul li a:hover { background: #FFF; }

#content .text .listPhotogalery { }
#content .text .listPhotogalery ul { margin: 0; padding: 0; list-style-type: none; }
#content .text .listPhotogalery ul li { 
	margin: 0; padding: 0; background: transparent url('./images/bg_photogallery.png') 0 0 no-repeat; 
	width: 209px; height: 188px; 
	width: 210px; height: 189px; 
	float: left; margin: 0 52px 24px 0;
	position: relative;
}
#content .text .listPhotogalery ul li.last { margin-right: 0; }
#content .text .listPhotogalery ul li h2 { 
	margin: 0; padding: 0; height: 42px; line-height: 45px; overflow: hidden;
	position: absolute; top: 0; left: 22px; font-size: 15px; 
}
#content .text .listPhotogalery ul li a.img { 
	width: 170px; height: 113px; overflow: hidden; 
	position: absolute; top: 40px; left: 22px; 
}

#breadcrumbNav { line-height: 30px; margin-left: -.25em; font-size: 12px; display: none; }
#breadcrumbNav a, #breadcrumbNav strong { padding: 0 .25em; }

.highligh { background: #96D900; color: #00334A; text-transform: uppercase; line-height: 13px; padding: 1px 4px; font-size: 11pt; }


/* RESULT MSG */
#result { 
	width: 30em; margin: 0 auto 1em auto; padding: .3em 1em .3em .3em; 
	background-color: #FFF; font-size: 110%; font-weight: bold; 
}
#result.success { border: solid 2px #54BA01; color: #54BA01; }
#result.fail { border: solid 2px #CF4141; color: #CF4141; }
#result img { float: left; margin: 4px 1em 0 4px; }
#result p { margin: .3em 0; padding: 0; }

#errorMsg {
	width: 75%; margin: 0 auto; padding: 0; line-height: 20px; 
	background: #BE001E;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
label.error {
	width: 20px!important;
	margin-left: 5px; float: left;
	font-weight: bold;
	color: #D30000;
	text-indent: -9999px;
	background: url('./images/error.png') 0 -3px no-repeat;
}
#recaptcha_widget, #recaptcha_image, #recaptcha_image img { margin: 0!important; padding: 0!important; }
#recaptcha_image { margin-top: 7px!important; margin-bottom: 7px!important; }

#addThis { margin-right: 20px; float: right; }

#login { width: 500px; position: absolute; right: 0; top: 20px; text-align: right}
#login input, #login label { display:inline;float:none}
#login fieldset { width: auto; padding:0; }

table th, table td { vertical-align: top;  }

table.my { margin: 0; padding: 0; border: solid #C2E1FF; border-width: 1px; border-spacing: 1px; }
table.my tr:hover th, table.my tr:hover td { background: #C2E1FF;  }
table.my th, table.my td { margin: 0; padding: 2px 5px; border: solid #F1F8FF; border-width: 0 0 1px 1px;  }
table.my th { background: #F1F8FF; text-align: left; 
	text-shadow: 0px 1px 0px #FFFFFF;
	filter: dropshadow(color=#FFFFFF, offx=0, offy=1); 
}
table.dotted { width: 100%; margin: 0; padding: 0; border-top: 1px dotted #8F8F8F; }
table.dotted th, table.dotted td { margin: 0; padding: 4px 0; border-bottom: 1px dotted #8F8F8F; }
table.dotted th { text-align: left; }
table.dotted td strong { color: #091956; }


.raquo {  
	background: transparent url('./images/bg_collapse.png') 0 -7px no-repeat;
	text-indent: -9999px; text-align: left; 
	display: inline-block; width: 10px; margin-left: 5px;
}

/* GBOOK */
#gbook { margin: 1em 0; }
#gbook div { padding: .5em 0; border-top: 1px dotted #96C9E0; }
#gbook div span.date { float: right; }
#gbook div p { padding-top: .5em; clear: both; }

h2.gBook { margin-top: .5em; padding: .5em 0; border-top: 1px dotted #96C9E0; }

form#gbookForm label { width: 4em; text-align: left; }
form#gbookForm label.text { width: auto; }