* {
    font-family: Tahoma, HelveticaCE, Helvetica, ArialCE, Arial;
    padding: 0;
    margin: 0;
    font-size:12px; /*THEME*/
}

h1, h2, h3, h4, h5, h6 { font-weight:bold;}
h1 { font-size: 200%;       }	/* 24px */
h2 { font-size: 166.67%; 	}	/* 20px */
h3 { font-size: 150%; 	    }	/* 18px */
h4 { font-size: 133.33%; 	}   /* 16px */
h5 { font-size: 116.67%; 	}   /* 14px */
h6 { font-size: 116.67%; 	}	/* 14px */

a {
  color: #00349a;
}

body {
    /* background-image: url('/img/bg2.jpg'); */
    background-color: #243755; /*THEME*/    
    color: #231F20; /*THEME*/
    display: block;
    min-height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

#page-box {
    margin: 0 auto;
    width: 936px; /*THEME*/
}

#page {
    text-align: left;
    padding: 0px 5px 5px 5px;
    background-color: white;
}

#header {
    height:137px;
    margin-top: -5px;
    padding-left:30px;
    padding-right:15px;
    clear:both;
    position: relative;
/*    background-image: url('/img/header_bg.jpg'); */
    background-image: url('/img/pano_web2.jpg');
    background-position: center;
    background-repeat: no-repeat;
}

#header a {
    font-weight: bold; 
}

#logo {
    padding-top:26px;
    float:left;
    position:absolute;
    z-index: 10;
}

#logo img {
    border: 0px;
}

#logo a {
    outline: 0px;
}

#lang-menu {margin-top: 10px; float: right; background-image: url('/img/topmenubg-a70.png');}

.languages-slide {
	position: relative;
	z-index: 255;
	width: 140px;
}

.language-btn { 
	padding: 5px 12px; 
	background: url('/img/00349a-arrows.png') no-repeat right -52px;
	display: block;
}

.language-btn-active {
	background-position: right 10px;
}

#languages-list {
	background-image: url('/img/topmenubg-a70.png');
/*	background-color: white; */
	position: absolute;
	z-index: 255;
	display: none;
}

#languages-list ul {list-style: none;}
#languages-list li {padding: 5px 12px; width: 116px;}
#languages-list li.current {background-color:#B2E3FF;}
#languages-list li:hover {background-color:#B2E3FF;}

#top-menu ul {list-style: none;}
#top-menu {margin-top: 75px; float: right; clear:both; background-image: url('/img/topmenubg-a70.png');}
#top-menu li {float: left; padding: 5px 12px;}
#top-menu li:hover {background-color:#B2E3FF;}
#top-menu li.current {background-color:#B2E3FF;}


#nav_left {width: 100%; position: relative; z-index: 11}
#nav_left ul {margin: 0;padding: 0; list-style-type: none;}
#nav_left li {margin: 0;}
#nav_left li a { color: #b5e4fe; text-transform:uppercase; z-index: 200; }
#nav_left li li a {text-transform:none;}
#nav_left li li a:before {content: '» ';}
#nav_left a {display: block; padding: 5px 5px 5px 10%; width: 90%; text-decoration: none; }
#nav_left a.current {color: white; background-color: #243755;}
#nav_left a:hover {background-color: #243755; text-decoration: none;}
#nav_left ul ul a {width: 85%; padding-left: 15%;}
#nav_left ul ul ul a {width: 80%; padding-left: 20%;}
#nav_left ul ul ul ul a {width: 75%; padding-left: 25%;}

#content {
    clear: both;
    background-color: #0097FE; 
    background-image: url('default/blue-gradient.png'); 
    background-repeat: repeat-x;
    padding: 20px 0px 20px 0px;
}

#col-1 {
/*    background-image: url('default/blue-gradient.png');  */
    float: left;
    width: 150px;
    z-index: 3;
    position: static;
}

#col-1-content {
    position: static;
    padding: 0px 5px 0px 5px;
    margin-top: 0px;
    z-index: 11;
}

#col-2 {
    width: auto;
    z-index: 1;
    margin-left: 155px;
    margin-right: 295px; 
    margin-top: 10px;
    min-height: 500px;
    position: static;
}

#col-2-content {
    position: static;
    padding: 0px 5px 0px 5px;
    margin-top: 0px;
    z-index: 2;
}

#col-2-content a {
    text-decoration: none;
}

#col-3 {
    width: 285px;
    float: right;
    z-index: 5;
    margin-top: 10px;
    position: static;
}

#col-3-content {
    position: static;
    padding: 0px 5px 0px 5px;
    margin-top: 0px;
    z-index: 6;
}

/*
    FOOTER
*/
#footer {
    clear:both;
    background-image:url('homepage/images/footer-gradient.png');
/*    height: 277px; */
    color: white;
    width: 916px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
/*    margin: 10px auto; */
}

#footer .left {
    width:50%;
}

#footer table {
    font-weight:bolder;
    color: white;
}

#footer th, #footer td {
    text-align:left;
}

#footer .link, #footer a {
    color:white;
    text-decoration: underline;
}

#footer .link:before {
    content:"";
}


#breadcrumb {
   padding: 15px 5px 15px 5px;
   background-color:#b5e4fe;
}
/*******************************************************************/
/*******************************************************************/
/*******************************************************************/
.left {
    float: left;
}

.right {
    float: right;
}

.view-article{
    padding: 5px 5px 15px 5px;
    background-color: white;
/*    border: 1px solid red;*/
}

.view-article h2 {
    padding: 15px 5px 5px 5px;
}

.view-article h3 {
    padding: 5px 5px 5px 5px;
}

.view-article p {
    padding: 5px 0px 5px 0;
}

.view-article ul li {
    list-style-position: inside;
    list-style-type: square;
}

.view-article ol {
    list-style-position: outside;
    padding-left: 0px;
    margin-left: 20px;
}

.view-article img {
   border: 0px;
}

/* contact */
#contact-article{
    padding: 5px 5px 15px 10px;
    background-color: white;
}

#contact-article h2 {
    padding: 15px 5px 15px 0px;
}

#contact-article h3 {
    padding: 5px 5px 5px 0px;    
    color:#5f5f5f;
    font-weight:normal;
}

#contact-article p {
    padding: 5px 0px 5px 0px;
}

#contact-article hr {
    height: 1px;
    border: 0;
    color: #5f5f5f;
    background-color: #5f5f5f;
}

#contact-col-1 {
    /*border: 1px solid green;*/
    width: 270px;
    float: left;
}

#contact-col-2 {
    /*border: 1px solid red;*/
    width: 405px;
    margin-left: 305px;
    padding-left: 5px;
}

#contact-form {
    width: 350px;
}

#contact-form input {
    width: 300px;
}

#contact-form .field {
    border:1px solid #4d8aba;
    margin-bottom:5px;
    padding:2px;
    background: #edece9;  
    width: 300px;
}


/* ***************** */

.box {
    /* margin-top: 5px; */
    margin-bottom: 10px;
    overflow: hidden;
}

.box h5 {
    padding: 5px 5px 5px 5px;
}


.box_schema1 {
    background-color: white;
}

.box_schema1 h4 {
    background-color:  #243755;
    color: white;
    padding: 10px 15px 10px 15px;
    margin: 0px 0px 0px 0px;
    font-weight: normal;
}

.box_schema1 p {
    padding: 5px 5px 5px 5px;
}

.box_schema2 {
    background-color:#febb12;
}

.box_schema2 h4 {
    background-color:  #243755;
    color: white;
    padding: 10px 15px 10px 15px;
    margin: 0px 0px 0px 0px;
    font-weight: normal;
}
                                                    
.box_schema2 p {
    padding: 5px 5px 5px 5px;
}

.box_schema3 {
    background-color:#b3e5ff;
}

.box_schema3 h4 {
    padding: 10px;
    font-weight: normal;
    background-color: #0b1320;
    color: white;
}

.box_schema3 p {
    padding: 5px 5px 5px 5px;
}

.element {
    background-color: white;
}

.element h1 {
/*    background-color:  #243755; */
    color: black;
    padding: 10px 15px 10px 15px;
    margin: 0px 0px 0px 0px;
    font-weight: bold;    
}

.pgThumbTable {
    margin-left: auto;
    margin-right: auto;
}

/* webcam */
#webcam-frame {
	position: relative;
	top: 15px;
	left: 0px;
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-image: url('/img/webcam/frame2_blue.jpg');
	min-height: 321px;
	height: 321px;
	max-height: 321px;
	width: 373px;
	padding: 0px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	border: 0px;
	overflow: hidden;
}

#webcam-image {
	position: absolute;
	top: 26px;
	left: 27px;
	border: 0px;
	width: 320px;
	height: 240px;
}

#webcam-temp-box {
      	position: absolute;
      	top: 297px;
      	left: 27px;
      	border: 0;
      	width: 320px;
      	white-space: nowrap;
      	color: white;
      	font-weight: bold;
}

#webcam-nav-box {
	position: relative;
	top: 10px;
	width: 373px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	border: 0px;
}

#webcam-nav-box ul, #webcam-nav-box li {
    list-style: none;
    margin-bottom: 8px;
}

#webcam-history-nav-box {
	margin-left: 10px;
}

#webcam-live-box {
	width: 640px;
	margin: auto auto auto auto;
	padding: 0px 0px 0px 0px;
}

#webcam-live-image {
	width: 640px;
	height: 480px;
	border: 0px;
}

#webcam-live-title {
	font-weight: bold;
	font-size: 134%;
	color: #0039a0;
}

#tbl-partners, #tbl-partners td {
	border: 0;
	margin: 0;
	padding: 0;
}