/* default settings for all document*/
body {font-family: Helvetica; font-size: small; margin: 0; padding: 0;}

div#id-main-div {margin-left: auto; margin-right: auto; margin-top:10px; margin-bottom: 10px; max-width: 800px; border:2px solid #99ccff; padding: 10px; position: relative;} /* for most all */
div#id-main_img-div {margin-left: auto; margin-right: auto; margin-top:10px; margin-bottom: 10px; max-width: 1240px; border:2px solid #99ccff; padding: 10px; position: relative;} /* for slide show */

/* Title list START ===============*/
ul.cl-title-ul {float: left; width: 100%; background: #f3f3f3; margin: 0; padding:0; list-style: none; display: inline;}

ul.cl-title-ul li.cl-date-li   {min-width: 80px;   width: 11%; float: left; color: #99ccff;}
/*ul.cl-title-ul li.cl-title-li {text-align: center;width: 73%; float: left; font-weight: bold; font-size: large; color: #006600;}*/
ul.cl-title-ul li.cl-title-li {text-align: center;width: 73%; float: left; font-weight: bold; font-size: large; color: #000099;}
ul.cl-title-ul li.cl-site-li   {min-width: 40px;   width: 15%; float: right; text-align: right; color: #99ccff}
/*  Title list END ===============*/

div.cl-separator1px-div {display: block; margin:0px; padding: 0px; width:100%; height: 1px; clear: both;}
div.cl-separator10px-div {display: block; margin:0px; padding: 0px; width:100%; height: 10px; clear: both;}

/* data-title for links and images START ==============
img[title]:hover:after{
 content: attr(title);
 z-index: 20;
 background: #99ffff; 
 position: absolute;
 left: 0px;
 top: 0px;
}
/* data-title for links and images END ==============*/



/* Languages selector list START ============*/
ul.cl-lang-ul{
 margin: 0; padding: 0;
 float: right;
 width: 10%;
 border-top: 1px solid #ffffff;
 border-left: 1px solid #ffffff;
 border-right: 1px solid #e0e0e0; 
 border-bottom: 1px solid #e0e0e0; 
 list-style: none;	 
}

ul.cl-lang-ul li { float: right; margin: 0; padding: 2px; color: #99ccff;}


ul.cl-lang-ul a {
/* float: right;*/
 display: block;
 padding: 2px;
 color: #333;
 border: 1px solid #66b2ff;
 background: #f9e9a9;
}

/*bordered flag icons*/
ul.cl-lang-ul img {border: 1px solid #66b2ff; margin: 0; padding: 0;}

{background: #f3f3f3;}

/*blank for hover*/
ul.cl-lang-ul li a:hover {background: #ffffff;}
/* Languages selector list END ============*/

/* drop down menus START ======================================================*/
ul.cl-nav-ul    {margin: 0; padding: 0; float: left; width: 89%;  list-style: none;}
ul.cl-nav_ns-ul {margin: 0; padding: 0; float: left; width: 100%; list-style: none;}

ul.cl-nav-ul li, ul.cl-nav_ns-ul li {
 margin: 0; padding: 0;
 list-style: none;
 float: left;
 border-left: 1px solid #e0e0e0;
 border-right: 1px solid #e0e0e0;
 border-top: 1px solid #66b2ff;
 border-bottom: 1px solid #66b2ff;
}

a.cl-nav-a {
 display: block;
 margin: 1px 1px 1px 1px;
 padding: 4px 8px;
 background: #99ffff;
 color: #333;
 text-align: center;
 text-decoration: none
}

a.cl-nav-a:hover {background: #ccffff;}

ul.cl-nav-ul div {
 position: absolute;

 visibility: hidden;
 margin: 0; padding: 0;
 background: #f9e9a9;
 border: 1px solid #ffcb2d;
 z-index: 30;
}

ul.cl-nav-ul div a {
 position: relative;
 /*position: absolute;*/
 display: block;
 margin: 0;
 padding: 2px 4px;
 width: auto;
 white-space: nowrap;
 text-align: left;
 text-decoration: none;
 background: #f9e9a9;
 color: #333;
 border-bottom: 1px solid #ffcb2d;
}

ul.cl-nav-ul div a:hover {background: #FFF2C1;}
/* drop down menu END ===================================================*/

/* wellcome bar list elements START ===========================================*/ 
ul.cl-titles-ul
{ 
 float: left;
 list-style: none;
 margin: 0; padding: 0;
 width: 100%;
 border: 1px solid #e0e0e0;
 font-weight: bold;
}

ul.cl-titles-ul li {float: left; margin: 0; padding: 3px 0 3px 0;}

ul.cl-titles-ul li#id-titles1-li {float: left; text-align: left;  width: 23%; color : #006600; background: #e0e0e0;}
ul.cl-titles-ul li#id-titles2-li {float: left; text-align: center;width: 44%; color : #00CC00; background: #e0e0e0;}
ul.cl-titles-ul li#id-titles3-li {float: left; text-align: right; width: 33%; color : #006600; background: #e0e0e0;}

ul.cl-titles-ul li#id-titles3-li a {text-decoration: none; color : green;}
/* wellcome bar list elements END =========================================================*/ 

/* info bar list elements START ===========================================*/ 
/*ul.cl-nojs-ul
{ float: left; display: inline-block; list-style: none; margin: 0; padding: 2px; width: 98%; border: 1px solid #ffffff;}*/
p#id-nojs-p {font-weight: bold; text-align: center; color: #c0c0c0;}

div#id-mail-div {display:inline-block; min-height:100px; border: solid 1px #e0e0e0;padding:5px;}

td#id-nojs1-td {font-weight: bold; color: #c0c0c0; text-align: center;}

td#id-nojs2-td {text-align: right;} 
/* info bar list elements END ===========================================*/ 

/* main content - bordered container, include insides START =================================*/
div#id-content-div
 {margin: 0; padding: 0; float: left; width: 100%;	border: 1px solid #f3f3f3;}

/* For logo picture */ 
div#id-logoimg-div
{margin: 0; padding: 0; float: left; width: 225px;}
div#id-logoimg-div img {border:none; outline: none;}

div#id-logo-div {width: 100%; padding: 0; margin: 0; float: left; position: relative;}
div#id-logo-div img {border: 0; padding: 0; margin-bottom: 5px;}
table#id-logo-tb {width: 100%; margin: 0; padding: 0; border-collapse: collapse; border:0;}

table.cl-title-table {margin:auto; color: #000099; background: #CCCCFF; margin-top: 10px; margin-bottom: 5px; padding: 10px; font-size:120%} /*line-height: 150%*/
table.cl-title-table td.cl-title-td {font-size: 150%; text-align: center; font-weight: bold;}
table.cl-title-table td.cl-title1-td {font-size: 120%; text-align: center; font-weight: bold;}
table.cl-title-table td.cl-name-td {text-align: right;}

tr#id-logo-tr {vertical-align: top; margin: 0; padding: 0; background: #e0e0e0;}
td#id-logoimg-td {width: 15%; margin: 0; padding: 0;}
td#id-logotxt-td {background: #e0e0e0; margin: 0; padding: 0;}

p.cl-intxtw-p {text-align: left; line-height: 150%; background: #FAB6F8; margin:5px; padding:0;}
p.cl-logotxt-p {font-size: 130%; line-height: 150%; text-align: center; color: #000099; padding: 10px; margin-top: 0; margin-bottom: 0;}

/*span.cl-logotxt-p {font-size: 130%; line-height: 150%; text-align: center; color: #000099; padding: 10px;}*/

/* article head */
p.cl-article_head-p {text-align: center; font-size: 130%;}

/* long txt */
div#id-maintxt-div {
 min-height: 40px;
 margin: 0;
 padding-top: 5px;
 padding-bottom: 5px
 color : #104060;
 background : #f8f8f8; 
 text-align: justify;
 text-justify: interword;
}

/* long txt */
div.cl-maintxt-div {
 min-height: 40px;
 margin: 0;
 padding-top: 5px;
 padding-bottom: 5px
 color : #104060;
 background : #f8f8f8; 
 text-align: justify;
 text-justify: interword;
}

/* Hilighting a piese of text */
.cl-hilight_red {font-weight:bold; color:red;}

/*table for list of documents or links START ===================================================*/
table.cl-lists-table  {border: #999999 1px solid; width:100%; margin: auto;}
table.cl-lists-table  caption {font-weight: bold; font-size: large; color: gray;}
/*table.cl-lists-table  td{ vertical-align: middle; border: #999999 1px solid;}*/
table.cl-lists-table  th {vertical-align: middle; border: #999999 1px solid; text-align: center; background: #e8e8e8; color:gray;  white-space: nowrap;}
table.cl-lists-table  td.cl-date-td {text-align: center; white-space: nowrap;  vertical-align: middle; border: #999999 1px solid;}
table.cl-lists-table  td.cl-link-td {background: #99ffff;  vertical-align: middle; border: #999999 1px solid;}
table.cl-lists-table  td.cl-descript-td {text-align: justify; text-justify: interword; vertical-align: middle; border: #999999 1px solid;}
td.cl-lists_link-td {background: #99ffff; vertical-align: middle; border: #999999 1px solid;}

div.cl-form-div {background: #f8f8f8; padding:5px; justify-content: center; max-width:790px; margin: auto;}

/* table form */
table.cl-form-table {margin: auto; width:100%; border: #999999 1px solid;}
td.cl-form_blank-td {background: white; color: white; font-size: 50%;}
td.cl-form_title-td {font-weight: bold; font-size: large; text-align: center; color:gray;}
td.cl-form_label-td {text-align: right; width:17%;}
td.cl-form_input-td {text-align: center;}
td.cl-form_submit-td {text-align: right; width:17%;}
td.cl-form_fileselect-td {text-align: left;}
td.cl-chkbox_public-td {text-align: right;}

.cl-txt-input {width: 98%;}
.cl-sel-input {width: 100%;}

/* list nawigation */
div#id-prev_next-div { display:block; width:100%; min-height:30px; background:white; vertical-align: middle;}

/* */
a.cl-prev_next-a {
 display: block;
 margin: 1px 1px 1px 1px;
 padding: 4px 8px;
 background: #99ffff;
 color: #333;
 text-decoration: none;
}

a.cl-prev_next-a:hover {background: #ccffff;}

a.cl-link_inactive-a {
 display: block;
 margin: 1px 1px 1px 1px;
 padding: 4px 8px;
 background: #f0f0f0;
 color: #333;
 text-decoration: none;
 pointer-events: none;
 cursor: default;
}

/* link to document */
a.cl-link-a {display: inline-block; margin: 0; width: 100%; text-align: center; text-decoration: none; background: #99ffff; color: #333; vertical-align: middle;}
a.cl-link-a:hover {background: #ccffff;}
/* link to comment */
a.cl-linkk-a {display: inline-block; margin: 0; width: 100%; text-align: center; text-decoration: none; background: #BAFAAA; color: #333; vertical-align: middle;}
a.cl-linkk-a:hover {background: #E8FDE2;}
/*table for list of documents or links END ==================================================== */

/*table for menu scrolling the page START ===================================================== */
table.cl-intermenu-table {border: #999999 1px solid; width: 100%;}
table.cl-intermenu-table td {text-align: center;}

a.cl-go_up-a {display: inline-block; float: right; text-decoration: none; background:#f9e9a9; width:15px; text-align:center;}
a.cl-go_up-a:hover {background: #FFF2C1;}
/*table for menu scrolling the page END ===================================================== */

/* Links to documents and sites inside text START ==========================================*/
a.cl-intxt-a {position: relative; margin: 0; padding: 0; width: auto; white-space: nowrap; text-align: left; text-decoration: none; background: #99ffff; color: navy; border: 1px solid #66b2ff;}
a.cl-intxt-a:hover  {background: #ccffff;}

/*a.cl-intxtw-a {display: inline-block; margin: 2px; padding: 2px; text-align: left; text-decoration: none; background: #f9e9a9; color: #333; border: 1px solid #ffcb2d;}*/

/* for news */
a.cl-intxtw-a { margin: 0; padding: 0; text-align: left; text-decoration: none; background: #FAB6F8; color: #333;border: 1px solid #E9A9F9;}
a.cl-intxtw-a:hover  {background: #A9F9E9;}

/*for show_html link to see direct*/
a.cl-html_link-a {display: inline-block; float: right; text-decoration: none; background:#f9e9a9; color: #a0a0a0; border: 1px solid #ffcb2d; padding: 2px;}
a.cl-html_link-a:hover {background: #FFF2C1;}
/* Links to documents and sites inside text END ===============================================*/

div.cl-img-div img {width: 100%;}

div.cl-map-div {
 margin: auto; width: 99%; height: 400px; background-color: #c0c0c0;
 border:2px solid #8AC007; padding: 0px;}
/* main content container - bordered, include insides END ===============================*/

/* bottom line menu START ======================================================*/
/* main container for bottom menu */ 

div.cl-bmenu-div {
 display:inline-block; width:100%; background:#e0e0e0; position: relative; border-top: 2px solid #f8f8f8; border-bottom: 2px solid #f8f8f8;}

/* bottom menu list */ 
 ul.cl-bnav-ul {
 margin:0; padding: 0;
 display:inline-block;
 float: left; 
 list-style: none;
 position: absolute;
 left:3px;
 z-index: 30;
}

ul.cl-bnav-ul li {
 margin: 0; padding: 0;
 display:inline-block;
 min-height: 18px;
 list-style: none;
 float: left;
 border-left: 1px solid #e0e0e0;
 border-right: 1px solid #e0e0e0;
 border-top: 1px solid #ffcb2d;
 border-bottom: 1px solid #ffcb2d;
background:#e0e0e0;}

ul.cl-bnav-ul li a {
 display: inline-block;
 padding-left:2px;
 padding-right:2px;
 margin: 0 1px 0 0;
 background: #f9e9a9;
 color: #333;
 text-align: center;
 text-decoration: none;
 }

ul.cl-bnav-ul li a:hover {background: #FFF2C1;}
 
 a#id-bmapa-a {background:#ACE7F5}
 a#id-bmapa-a:hover {background: #ffffff;}


/* visit counter container */ 
 div.cl-counter-div {
	 display: inline-block; width:50px; float: right;
	 margin-right: 5px; margin-left: 5px;
	 border: 1px solid #0F8080; background:#99ffff;	 text-align: center;
	 padding-top:2px; padding-bottom:1px;}

/* visit counter container */ 
 div.cl-modified_new-div {
	 display: inline-block; width:140px; float: right;
	 margin-right: 5px; margin-left: 5px;
	 border: 1px solid #0F8080; background:#99ffff;	 text-align: center;
	 padding-top:2px; padding-bottom:1px;}

/* visit counter container */ 
 div.cl-modified_old-div {
	 display: inline-block; width:140px; float: right;
	 margin-right: 5px; margin-left: 5px;
	 border: 1px solid #0F8080; background:#e0e0e0;	 text-align: center;
	 padding-top:2px; padding-bottom:1px;}
 /* bottom line menu END ======================================================*/

/*===========================Copyright note===================================*/ 
p.cl-note {
 margin: 0; padding: 0;
 clear: both;
 font-size: 70%;
 text-align: center;
 width: 100%;
 background: #e3e3e3;
 border-top:2px solid #f8f8f8;
/* padding: 2px 0 2px 0;*/
}

a.cl-test-a {text-decoration: none; color:black;}

/* text padded 10px, bordered left and right */
p.cl-margin10 {
 margin: 0;
 padding-left: 10px;
 padding-right: 10px;
 border-left: 1px solid #f3f3f3;
 border-right: 1px solid #f3f3f3;
}