/*

DIALOG WEB-DESIGN

================================================*/
@media Screen    
{
/* Global
================================================*/
html {font-size:100.01%;}
body {font: 62.5% Arial,Verdana,sans-serif; margin: 0; padding: 0; width: 100%;}
a img {border: none;}
#page, .bottom_bg {max-width: 99.7em; min-width: 61.5em; margin: 0 auto;}
.header {max-width: 99.7em; min-width: 61.5em; margin: -2.5em auto 0; clear: both; border-top: 2.5em solid #004381;}
.header_bg { border-top: 2.5em solid #004381; float: left; width: 100%;}
.content_box {font-family: Verdana, Arial, sans-serif; padding: .9em 0 .7em 28.5em; clear: both;}
.content_column {float: left; width: 100%;}
.footer {clear: both; padding: 0 0 0 24em; background: #004381; font: 1.1em Verdana, Arial, sans-serif;}
.left_column {margin: 0 0 0 -28.5em; width: 24.7em; background: #eaecf4; padding: 1.5em 0 4em 2.2em; float: left;}
.clear {height: 1px; overflow: hidden; clear: both;}

/* Header
================================================*/

/* logo
==========================*/
.header h1 {margin: 0; padding: 0; font-size: 1em; line-height: 1em; float: left; margin: 3.6em 0 0; clear: both;}
.header h1 a {margin: 0; background:#fff;}
.header h1 a img {border: 1px solid #fff; width: 25.3em; height: 14.5em;}
.header h1 a:hover img, .header h1 a:focus img, .header h1 a:active img {border: 1px solid #0057a3;}

/* site_map
==========================*/
.header .sete_m {margin: -2.5em 0 0; padding: 0 0 0 4em;}
* html .header .sete_m {float: left; position: relative;}
.header .sete_m li {margin: 0; padding: 0 .9em 0 .8em; background: url(../img/header_menu_s.gif) 100% 50% no-repeat; font-size: 1.2em; line-height: 2.2em; font-weight: bold; list-style: none; float: left;}
.header .sete_m li.end {background: none;}
.header .sete_m li a {color: #fff; text-decoration: none; padding: 1px 2px;}
.header .sete_m li a:hover {text-decoration: underline;}
.header .sete_m li a:active, .header .sete_m li a:focus {background: #fff; color: #004381;}

/* lang_search
==========================*/
.header .lang {float: right; width: 29em; position: relative; z-index: 10;}
* html .header .lang {margin: -2.5em 0 0;}
.header .lang ul {margin: 0; padding: .5em 0 0; float: left;}
.header .lang ul li {margin: 0; padding: 0 0 0 .5em; display: inline; list-style: none; position: relative; z-index: 999999999;}
.header .lang ul li a img {border: 1px solid #004381;}
.header .lang ul li a:hover img, .header .lang ul li a:active img, .header .lang ul li a:focus img {border: 1px solid #fff;}
.header .lang form, .header .user form {margin: 0; padding: .25em .4em 0 0; float: right; font-size: 1.2em;}
.header .search input {width: 9.8em; color: #000; padding: 1px 2px 2px; font-size: 1em; border: 1px solid #7e9cb8;}
.header .search input.button {margin: 0 .4em;}

.header .font_size {float: left; margin: 0; padding: 4px 0 0 5px; height: 1.9em; width: 16em; min-width: 155px; min-height: 19px; overflow: hidden; position: relative;}
.header .font_size li {float: left; margin: 0 5px 0 0; padding: 0; list-style: none; font-size: 1.2em; line-height: 1.6em; color: #fff; position: relative;}
.header .font_size li a span {position: absolute; top: -10000px; left: 0; width: 7px; height: 15px; overflow: hidden; cursor: pointer; background: url(../img/size_font_hover.gif) no-repeat; display: block;}
.header .font_size li a.size_font_2 span {background-position: -12px 0!important; width: 9px;}
.header .font_size li a.size_font_3 span {background-position: -26px 0!important; width: 11px;}
.header .font_size li a.size_font_4 span {background-position: -42px 0!important; width: 13px;}
.header .font_size li a.size_font_5 span {background-position: -60px 0!important; width: 15px;}
.header .font_size li a:hover span, .header .font_size li a:active span, .header .font_size li a:focus span {top: 0; height: 15px; overflow: hidden;}
.header .font_size li a:hover, .header .font_size li a:focus, .header .font_size li a:active {background: #fff;}


/* user
==========================*/
.header .user {padding: 2.9em 0 0 28.5em;}
.header .user form {width: 76%; float: left; padding: .25em 0 0; margin: 0;}
.header .pad_l {float: left; width: 100%; height: 1%; padding: 104px 0 0; background: url(../img/header_bg.jpg) no-repeat;}
.header .bg_panel {background: #004381; float: left; width: 100%; padding: .1em 0 .1em;}
.header .bg {background: #004381; clear: both; float: left; width: 100%;}
.header .bg label, .header .search label {font-size: 1em; color: #fff;}
.header .bg label {display: block; float: left; margin: .2em .2em 0 0; width: 7em; text-align: right;}
* html .header .bg label {margin-top: .3em;}
.header .bg input {color: #000; padding: 1px 2px 2px; width: 9.5em; font-size: 1em; border: 1px solid #7e9cb8; margin: 0 0 .2em;}
.header .bg input:hover, .header .bg input:active, .header .bg input:focus, .header .search input:hover, .header .search input:active, .header .search input:focus {background: #c9cfe2; border: 1px solid #fff;}
.header input.button {width: auto; background: none; border: none; font-weight: bold; color: #fff; font-size: 1em; width: 2em; border: none; cursor: pointer;}
.header input.button:active, .header input.button:focus, .header input.button:hover {border: none!important; background: none; color: #ccc;}
.header .bg ul {margin: 0; padding: 0 0 0 5px; float: right;}
.header .bg ul li {margin: 0; padding: 0 .4em 0 0; list-style: none; float: left; width: 17.8em;}
.header .user form li.end {width: 2em;}


/* Content
================================================*/
.content_column h1, .content_column h2, 
.content_column h3, .content_column h4, 
.content_column h5 {color: #004381; margin: 0; padding: 0 0 .4em; font: bold 1.8em/1em Verdana, Arial, Helvetica, sans-serif;}

.content_column h2 {font-size: 1.7em;}
.content_column h3 {font-size: 1.6em;}
.content_column h4 {font-size: 1.5em;}
.content_column h5 {color: #628bb1; font-size: 1.4em;}

.content_column ul {margin: 0; padding: .3em 0 .8em;}
.content_column ul li {margin: 0 0 0 2px; padding: 0 0 .4em 18px; background: url(../img/cont_sep.gif) 0 .3em no-repeat; font-size: 1.4em; color: #333; list-style: none;}
.content_column ul ul {padding: 0;}
.content_column ul li li {font-size: 1em; margin: 0 0 0 1em; padding: .8em 0 0 15px; background-position: 0 1.1em; background: url(../img/cont_sep_2.gif) 0 1.1em no-repeat;}
.content_column ul li li li {margin: 0 0 0 2em; background: url(../img/cont_sep_3.gif) 0 1.3em no-repeat; padding-left: .7em;}

.content_column ul li p {font-size: 1em;}

.content_column ol {margin: 0 0 0 2em; padding: 0 0 .4em; list-style-position: outside;}
.content_column ol li {list-style: decimal; font-size: 1.4em; margin: 0; padding: 0 0 .4em;}

.content_column blockquote {margin: 0 0 .8em; padding: 1.5em 1em 1.5em 5em; border: 1px solid #eaecf4; background: #fff url(../img/blockquote.gif) .9em 0 no-repeat; font: 1.2em/1.4em Verdana, Arial, Helvetica, sans-serif; color: #666;}

.content_column table {border-collapse:collapse; border-spacing:0; font-size: 1.4em; border-left: 1px solid #e7ecf5; border-top: 1px solid #e7ecf5; width: 100%; text-align: left; vertical-align: top; margin: 0 0 .8em; clear: both;}
.content_column table caption {text-align: left; font: bold 1em Tahoma, Arial, sans-serif; color: #000; padding: 0 0 2px;}
.content_column table td, .content_column table th {border-right: 1px solid #e7ecf5; padding: .3em; border-bottom: 1px solid #e7ecf5;}
.content_column table td {font-size: .85em;}
.content_column table .zebra {background: #eaecf4;}
.content_column table th {background: #889ecc;}

.content_column a {font-size: 1.4em; color: #004381; text-decoration: underline;}
.content_column a:hover, .content_column a:active, .content_column a:focus {background: #004381; color: #fff; text-decoration: none;}
.content_column a, .content_column p a, .content_column li a, .content_column table a {font-size: 1em;}
.content_column p {margin: 0; padding: 0 0 1em; font-size: 1.4em; color: #333;}

.content_column .site_br {margin: 0; padding: 0 0 .8em; width: 100%; overflow: hidden; display: block;}
.content_column .site_br li {margin: 0; padding: 0 1.7em .3em .5em; list-style: none; float: left; font-size: 1.4em; background: url(../img/br_bg.gif) 100% .5em no-repeat;}
.content_column .site_br li.end {background: none;}
.content_column .site_br li.first {background: none; padding: 0 0 .3em;}
.content_column .site_br h2 {margin: 0; padding: .1em 0 0; font-size: 1em; color: #000;}
.content_column .site_br li a {font-size: 1em;}
.content_column .site_br li a:hover, .content_column .site_br li a:active, .content_column .site_br li a:focus {background: #004381; color: #fff; text-decoration: none;}


/* Leftcolumn
================================================*/
.left_column ul {margin: 0; padding: 0;}
.left_column ul li {margin: 0; padding: 0; list-style: none; font-size: 1em; color: #004381; font-weight: bold; line-height: 2.3em;border-bottom: 1px solid #fff;}
.left_column ul li li {font-size: 1em; padding: 0 0 0 2.2em; width: auto; border: none;}
.left_column ul li a {background: url(../img/l_m_s.gif) 2px 50% no-repeat; padding: 0 0 0 1.35em; text-decoration: none; color: #004381; display: block; font-size: 1.4em;}
.left_column ul li ul li a {}
.left_column ul li a:hover {color: #004381; background:url(../img/l_m_s_h.gif) 2px 50% no-repeat;}
.left_column ul li a:focus, .left_column ul li a:active {color: #fff; background: #004381 url(../img/l_m_s_a.gif) 2px 50% no-repeat;}
.left_column ul li li a {background: url(../img/l_m_s_ul.gif) 2px 50% no-repeat; color: #63779a;}
.left_column ul li li a:hover {background: url(../img/l_m_s_ul.gif) 2px 50% no-repeat;}
.left_column ul li li a:focus, .left_column ul li li a:active {color: #fff; background: #004381 url(../img/l_m_s_ul_a.gif) 2px 50% no-repeat;}
.left_column ul a.active {color: #000!important; background:url(../img/l_m_s_h.gif) 2px 50% no-repeat;}
/*
.left_column ul a.active {color: #004381; background: url(../img/l_m_s_h.gif) 0 50% no-repeat;}
.left_column ul li a.active {background: #004381 url(../img/l_m_s_ul_a.gif) 0 50% no-repeat; color: #748cb5}*/

/* Footer
================================================*/
.footer {clear: both; padding: 0 0 0 24em; background: #004381; font: 1.1em Verdana, Arial, sans-serif;}
.footer ul {width: 100%; margin: 0; padding: 0;}
.footer ul li {margin: 0; padding: 0 .7em 0 .6em; display: inline; background: url(../img/header_menu_s.gif) 100% 60% no-repeat; line-height: 2.4em;}
.footer ul li.end {background: none;}
.footer ul li a {color: #fff; text-decoration: none;}
.footer ul li a:hover, .footer ul li a:focus, .footer ul li a:active {text-decoration: underline;}

.footer_content {width: 100%; padding: 15px 0 5px; text-align: center;}
.footer_content ul {margin: 0; padding: 0; list-style: none;}
.footer_content ul li {margin: 0; padding: 0; font-size: 1.1em;}
.footer_content ul li a {color: #004381; font-size: 1em;}
.footer_content ul li a:hover {text-decoration: none;}


/* pageNav
===============================================*/
.content_column .pageNav ul {overflow: hidden;}
.content_column .pageNav ul li {margin: 0; padding: 0 .4em .4em 0; background: none;}
.content_column .pageNav ul li a {border: none; background: #004677; color: #fff; text-decoration: none;}
.content_column .pageNav ul li a:hover, .content_column .pageNav ul li a:active, .content_column .pageNav ul li a:focus {background: #7e9fbe; color: #00080c;}
.content_column .pageNav ul li span {font-size: 1em; color: #003d87;}

/* Gallery
================================================*/
.content_column .gallery {width: 100%;}
.content_column .kontrol {display: block; height: 300px; margin: 0 auto 32px; padding: 11px 7px; border: 3px solid #f4f5fa; overflow: hidden; width: 504px;}
.content_column .kontrol li {margin: 0; padding: 0; list-style: none; float: left; background: none;}
.content_column .kontrol li.left a, .content_column .kontrol li.right a {width: 47px; padding: 120px 0 0; text-align: center; height: 180px; display: block; background: #eaecf4;}
.content_column .kontrol li.center {margin: 0 5px; width: 400px; height: 300px;overflow: hidden; display: block; text-align: center;}
.content_column .kontrol li a:hover img {display: none;}
.content_column .kontrol li.left a:hover, .content_column .kontrol li.left a:focus, .content_column .kontrol li.left a:active {background: #eaecf4 url(../img/gallery_left_h.gif) 6px 120px no-repeat;}
.content_column .kontrol li.right a:hover, .content_column .kontrol li.right a:focus, .content_column .kontrol li.right a:active {background: #eaecf4 url(../img/gallery_right_h.gif) 6px 120px no-repeat;}
.content_column .listing_g {height: 115px; overflow: auto; margin: 0 auto; display: block; width: 500px!important; padding: 5px 0 0; position: relative; clear: both; background: #eaecf4;}
.content_column .listing_g ul {margin: 0; padding: 0; white-space: nowrap; width: 100%;}
.content_column .listing_g ul li {margin: 0; padding: 0 1px; list-style: none; display: inline; overflow: hidden; background: none;}
.content_column .listing_g ul li a {height: 90px;}
.content_column .listing_g ul li a img {padding: 2px; background: #fff;}
.content_column .listing_g ul li a:hover img, .content_column .listing_g ul li a:focus img, .content_column .listing_g ul li a:active img {background: #ff8b42;}
.content_column .gal_info {width: 500px; margin: 0 auto!important; padding: 0; display: block;}

.content_column .gallery_start ul {margin: 0; padding: 0;}
.content_column .gallery_start ul li {margin: 10px 10px 15px 0; padding: 0; float: left; width: 166px; height: 145px; list-style: none; text-align: center; overflow: hidden; background: none;}
.content_column .gallery_start ul li a:hover, .content_column .gallery_start ul li a:active, .content_column .gallery_start ul li a:focus {background: none; text-decoration: none;}
.content_column .gallery_start ul li a {position: relative; display: block; height: 118px; border: 3px solid #eaecf4; padding: 10px 8px 7px; text-decoration: none;}
.content_column .gallery_start ul li a span {}
.content_column .gallery_start ul li a img {}
.content_column .gallery_start ul li a:hover, .content_column .gallery_start ul li a:active, .content_column .gallery_start ul li a:focus {background: #f4f5fa;}
.content_column .gallery_start ul li a strong {font-size: 1em; line-height: 1.2em; color: #004381; display: block; top: 100%; left: 0; font-weight: normal; overflow: hidden; height: 1.3em!important; width: 146px; position: absolute; margin: -25px 0 0;}

/* Search
==================================*/
.search_result span {font-size: 1.4em;}
.search_result li span {font-size: 1em;}
.advanced_search form {margin: 0; padding: 2em 0 1.5em; overflow: hidden; background: #e9ecf3;}
* html .advanced_search form {overflow: visible; height: 1%;}
.advanced_search form fieldset {border: none;}
.advanced_search form legend {display: none;}
.advanced_search form label {font-size: 1.4em; color: #000; width: 10em; padding: .2em 0 .3em 5em; display: block; float: left; clear: left;}
* html .advanced_search form label {padding-left: 2.5em;}
.advanced_search form input, .advanced_search form select {float: left; width: 25em; border: 1px solid #839cb2; background: #fff; padding: .1em .2em; font-size: 1.4em;}
.advanced_search form select {padding: 0; width: 25.6em;}
.advanced_search form input:hover, .advanced_search form select:hover {border-color: #02437b;}
.advanced_search form input.button {margin: 0 0 0 15em; padding: .2em 1em; background: #014380; border: none; color: #fff; width: auto;}
* html .advanced_search form input.button {margin: 0 0 0 17.5em;}


/* help 
===================================*/
.header_help {height: auto!important;}
.content_column_help p {font-size: 1.4em!important; margin: 0; padding: 0 0 1em;}
.content_column_help li {font-size: 1.4em;}

.left_column_help ul li {font-size: 1.4em;}
.left_column_help ul li a {color: #004381; font-size: 1em;}
.left_column_help {font-size: 1em!important;}

.content_column_help h1, .content_column_help h2, 
.content_column_help h3, .content_column_help h4, 
.content_column_help h5 {color: #004381; margin: 0; padding: 0 0 .4em; font: bold 1.8em/1em Verdana, Arial, Helvetica, sans-serif;}

.content_column_help h2 {font-size: 1.7em;}
.content_column_help h3 {font-size: 1.6em;}
.content_column_help h4 {font-size: 1.5em;}
.content_column_help h5 {color: #628bb1; font-size: 1.4em;}
	
.ui-dialog-titlebar-close {display: none!important;}
}