body {background:#3A6092 url(img/bgnd.jpg) top left repeat-x; margin: 0; text-align: center; font-family: "Tebruchet MS", Verdana, Arial, _sans;font-size: 9pt; color: #333}

a:link, a:visited { text-decoration: none }
a:hover { text-decoration: underline }

h1, h2, h3 {color: #0078FF; text-align: left; font: italic bold 140% Georgia, serif; }

h1 {font-size: 210%; font-weight: normal; margin: 1em 10px; padding: 0 0 20px 15px; background: url(img/bgnd_h1.jpg) left bottom no-repeat;}
h2 {color: #0656B7; margin: 1em 0 .7em 20px}
h3 {font-size: 150%; font-weight: normal; margin-left: 20px}
h4 {color: #006; font-size: 10pt; margin: 1em 0 .5em 20px}


#frame {width: 100%; background: url(img/cloud02_flare.jpg) top left no-repeat; text-align: center; margin: 0 auto}
#main  {width: 900px; margin: 5px auto; background: transparent; }
#top   {width: 100%; height: 250px; background: transparent url(img/bgnd_top3_flare2.gif) 20px 0 no-repeat; position: relative; }
#menu  {width: 100%; height: 63px; background: url(img/bgnd_menu.gif) repeat-x; text-align: center}
#cntnt {text-align: left; width: 100%; margin: 10px auto; background: #fff; border: 1px solid #DDDDDD}
#foot  {width: 900px; margin: 0 auto; min-height: 50px; font-size: x-small; color: #999}
#foot a {color: #aaa}
#foot p {padding-bottom: 5px; text-align: center}

#topinfo {background: url(img/bgnd_topinfo3.png) top left no-repeat; width: 250px; height: 210px; position: absolute; top: 20px; right: 0px; padding: 0; font: italic normal 150% Georgia; color: #667; text-shadow: #A7B8C8 1px 1px; text-align: left}
#topinfo p {display: none;}
#topinfo a.em {display: block; position: absolute; bottom: 97px; left: 20px; width: 205px; height: 20px; display: block;}
#topinfo a.em:hover {text-decoration: none}

#topinfo a.sk {display: block; position: absolute; bottom: 70px; left: 20px; width: 205px; height: 20px; display: block;}
#topinfo a.sk:hover {text-decoration: none}

#topinfo a.gg {display: block; position: absolute; bottom: 43px; left: 20px; width: 205px; height: 20px; display: block;}
#topinfo a.gg:hover {text-decoration: none}

#menu ul {list-style: none; padding: 20px 0 0 0; margin: 0; text-align: center}
#menu ul li {display: inline}
#menu ul li a {text-align: center; margin: 0 1em; height: 50px;color: #f5f5f5; font: normal bold 11pt  Verdana, Arial, _sans;}
#menu ul li a:hover {color: #FEFFC7; text-decoration: none; text-shadow: #2D4A5C 1px 1px}
#menu ul li.sel a {color: #FEFF87; text-decoration: none; text-shadow: #233947 1px 1px}

.t1 {margin: 0 auto; border-collapse: collapse; margin-bottom: 1em}
.t1 th {background: #0078FF; color: #fff; padding: 10px 5px;border-bottom: 1px solid #0656B7}
.t1 td {padding: 10px 0; text-align: center;border-bottom: 1px solid #bbb}

.cl {width: 47%; float: left}
.cr {width: 50%; float: right}
.fr {border: 0; float: right; margin: 0 10px 20px 20px}
.fl {border: 0; float: left; margin: 0 20px 20px 0}


.clb {width: 30%; float: left; text-align: left}
.crb {width: 30%; float: right; text-align: right}
.cmb {width: 40%; float: left}

#foot img {border:0}
.markskype {display: inline-block; height: 16px; padding-left: 20px; background: url(img/icon_skype.png) 0 0 no-repeat;}

.markgg {display: inline-block; height: 16px; padding-left: 20px; background: url(img/icon_gg.png) 0 0 no-repeat;}

.markphone {display: inline-block; height: 16px; padding-left: 20px; background: url(img/icon_mobile.png) 0 0 no-repeat;}

ul.uwagi {list-style-image: url(img/icon_dot.gif); line-height: 1.5; color: #004}
ul {list-style: url(img/icon_dot.gif);}


p {margin: 0 20px .5em 20px; text-align: justify}
p.inf {text-align: center; font-style: italic}
p.iw {background: url(img/icon_water_small.gif) top left no-repeat;  padding: 0 0 0 40px; width: 40%; float: left; margin: 0 0 0 20px}
p.ib {background: url(img/icon_kid_small.gif) top left no-repeat; padding: 0 0 0 40px; width: 40%; float: right; margin: 0 20px 0 0}


dt {margin-left: 30px; font-weight: bold; color:#3B6192}
dd {margin: .3em 20px 1em 50px; color: #444; text-align: justify}


.aclist {width:98%}
.aclist div {padding: 0; margin: 0 0 10px 20px;}
.aclist h3 {padding: 0; margin: 1em 0 1em 20px; cursor: pointer; padding: 0 0 20px 15px; background: url(img/bgnd_h1.jpg) left bottom no-repeat;}
.aclist h3.active {color: #0656B7; border-bottom: 1px dotted #0656B7}


.tabNavigation {list-style: none; font-size: 8pt; text-transform: uppercase; margin-bottom: 20px}
.tabNavigation li {display: inline; margin-right: 10px;}
.tabNavigation a {color: #666; border-bottom: 3px solid #eee; padding: 2px}
.tabNavigation a:hover, .tabNavigation li.ui-tabs-selected a {text-decoration: none; border-bottom: 3px solid #005AD1; color: #005AD1}

.gallery ul {list-style: none; padding: 0; margin: 0; text-align: right}
.gallery li {display: inline; margin: 0; padding: 0; }
.gallery a {padding: 3px; border: 1px solid #ddd; display: block; float: left; margin-left: 8px}
.gallery a:hover {background: #CED7E0}
.gallery img {border: 0}

.ui-tabs-hide { display: none !important; }


#t1 div {margin-left: 20px}



#contact-wrapper {
	padding:10px;
}
#contact-wrapper label {
	display:block;
	float:none;
	width:auto;
}
form#contactform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	color:#333;
}
form#contactform textarea {
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
}


@media screen {
.hdn {display: none}
}

@media print {

#top, #menu, #foot {display: none}
#cntnt {border: 0; width: 100%}
.hdn {display: block; }
h1 {margin-top: 0}
}