* {margin:0; padding:0;}
body { margin: 1.5em 1em 1em 1em; font-size: 10pt;}

div, p, ul, ol, form {font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 10pt;}

h1, h2, h3, h4, h5, h6 {font-family: Verdana, Arial, Helvetica, sans-serif;}
h1 {font-size: 140%; margin:0; letter-spacing: -1pt; padding: 0 0 0.1em 0;}
h1.sub { letter-spacing: -1pt; padding: 0}
h1.hdr { letter-spacing: -1pt; padding: 0 0 0.1em 0; float:none; }
h2 {font-size: 115%; font-weight: bold; margin:0; }
h3 {font-size: 104%; font-weight: bold; margin:0; }
h3.hdl {font-size: 70%; font-weight: bold;}
h4 {font-size: 100%; margin:0; }
h4.menu {color:#374A8D}
h4.submenu {font-size:70%; letter-spacing:0; }
h5 {font-size: 94%; font-weight: bold; margin:0; }
h6 {font-size: 82%; letter-spacing: -0.5pt; margin:0; }

div#wrapper { float:left; width:100%; }
div#content { margin: 0 37% 0 28%; }
div#content2 {margin: 0 25% 0 28%; }
div#sideleft1 { float:left; width:35%; margin-left:-35%; }
div#sideleft2 { float:left; width:22%; margin-left:-23%; }
div#extra { float:left; width:26%; margin-left:-100%; }
div#footer { padding: 0.8em 0; background-color:#2F4072; color:#ffffff; border-top: 5px double #ffffff; clear:left; font-size:80%; overflow:visible;}
div#footer .f_logo {float:left; width:26%;text-align:center; margin-bottom: 0.6em; }
div#footer .f_adress {float:left; border-left: 1px solid #ffffff; padding-left:3%; }
div#header {margin-bottom: 0.6em;}
div#header .logo{width:26%;text-align:center;}
div#banner { width:72%; text-align: right;}

/* A */
A:active {text-decoration:none; color:#374A8D}
A:link {text-decoration:none; color:#374A8D}
A:visited {text-decoration:none; color:#374A8D}
A:hover {text-decoration:underline; color:#374A8D}
A.clear:active {text-decoration:none}
A.clear:link {text-decoration:none}
A.clear:visited {text-decoration:none}
A.clear:hover {text-decoration:none}
A.news:active { color:#000000; text-decoration:none}
A.news:link { color:#000000; text-decoration:none}
A.news:visited { color:#000000; text-decoration:none}
A.news:hover { color:#000000; text-decoration:underline}

/* IMAGES */
img {border:none;}
IMG.cap {margin: 0 0.6em 0 0}
IMG.cap2 {margin: 0.6em 0 0.15em 0.75em}
IMG.menu {margin: 0.2em 0.75em 0 1.5em}
IMG.hr {margin: 0.3em 0}
IMG.bul {margin: 0.25em 0.6em 0 1em}
IMG.bul2 {margin: 0.35em 0.6em 0 0}
IMG.more {margin: 0.1em 0.5em 0 0}
IMG.img_s {width: 80px; margin: 0 0.75em 0.4em 0}
IMG.pic {margin: 0 1.3em 0.4em 0}
img.p_side_img {margin:0.3em;}
img.bora {padding:2px;border: 1px solid #ccc; }

div.pics { height:420px;  width:215px;  padding:0;  margin:0; } 
div.pics img { padding:1px; border: 1px solid #ccc;  background-color: #eee; width:420px; height:215px; } 
pre { display:none }


/* P, DIV */
p {margin:0; display: block;}
p.text {margin-bottom:0.6em; text-align:justify; }
.medium {font-size:70%;}
.small {font-size:60%;}
.tiny {font-size:60%;}
.letter {font-size:70%; font-style:italic;}
p.intro {font-size:100%; }
p.intro2 { font-size:105%; font-weight: bold; margin-bottom:0.9em; color:#374A8D; }
p.news {}
p.news2 {}


/* DIV & TABLES */
DIV {margin:0; padding:0}
DIV.cap_r {font-size:60%; background-color: #B80000; color:#FFFFFF; margin: 0 0.6em 0 0; padding: 0.3em 0.6em; white-space: nowrap}
DIV.cap_b {font-size:60%; background-color: #9098B3; color:#FFFFFF; margin: 0 0.6em 0 0; padding: 0.3em 0 0.3em 0.6em; white-space: nowrap}
DIV.cap_y {font-size:150%; letter-spacing: -1pt; background-color:#9E9382; color: #FFFFFF; padding: 0.05em 0.3em; white-space: nowrap}
DIV.submenu {padding: 0.4em 0.6em 0.3em 2.45em}
div.win1 { background-color:#2F4072; background: #2F4072 url(assets/templates/fanco/t1.gif) repeat-y left; padding:2px 0 2px 15px !important; }
div.win2 { background-color:#8891AD; background: #8891AD url(assets/templates/fanco/t2.gif) repeat-y left; padding:2px 0 2px 15px !important; }
div.win3 { background-color:#DFE2EA; margin-bottom: 0.6em; padding: 1.3em !important; }
div.win4 { background-color:#2F4072; margin-bottom:0.6em; padding: 1.3em !important; }
div.seealso { margin-bottom:0.6em; }
div.long_title {width:100%; color:#374A8D; margin-bottom: 1.2em; border-bottom: 1px solid #8891AD; padding: 0.2em 0 0.2em 0; }
div.news_title_one {margin-top:0.3em;  border-bottom: 1px solid #DFE2EA; padding: 0.2em 0 0.2em 0; }
div.news_title_one_last {margin-top:0.3em; }

blockquote {margin:5px; padding:5px; border-bottom: 1px solid #8891AD;border-top: 1px solid #8891AD;}
  border-color: red;
  border-left: double;
  color: black;
}
flash { margin-bottom:0.6em;width:420px;}

TABLE.hdl {border: 1px solid #B4BBCE; padding: 1em 0}
TABLE.hdr {border-bottom: 1px solid #8891AD; padding: 1em 0 1em 0}
TABLE.ind75 {padding: 0.6em 1.5em}
TABLE.ind752 {padding: 0.75em 1.5em 1.3em 1.5em}
TABLE.ind754 {padding: 0 1.5em}
TABLE.ind753 {padding: 0.75em 0.5em 0.75em 1.5em}
TABLE.ind_intro {padding: 1.3em 1.5em 1.5em 1.5em}
TABLE.ind10h {padding: 0 1em}
TABLE.ind10v {padding: 1em 0}
TABLE.ind10v2 {padding: 1em 0 0 0}
TABLE.podval {padding: 1em 0 0 0.6em}
.incut {padding: 0 0.6em 0.6em 0; width:50%; float:left;}
TD.img_main {height: 214px; background-position: top left; background-repeat: no-repeat}
TD.det {padding: 0 0.6em 0 0; white-space: nowrap}

/* HR */
hr {border: 0; height: 1px; color: #99ACBD; margin: 0; padding: 0}
hr.db {border: 0; height: 1px; color: #828CAA; margin: 0; padding: 0}
hr.lb {border: 0; height: 1px; color: #D7E0E9; margin: 0; padding: 0}

/* FORM */
.inp {width: 100%; font-size: 80%; margin: 0 0 0.3em 0}

/* UL */
ul { margin: 0 0 0.9em 2.5em; list-style-position: outside; list-style-type: square;}
ol { margin: 0 0 0.9em 2.5em; list-style-position: outside; }
li {margin: 0 0 0.6em 0;}

/* MARGINS */
#ind21 {margin-bottom: 2.1em}
#ind18 {margin-bottom: 1.8em}
#ind15 {margin-bottom: 1.5em}
#ind12 {margin-bottom: 1.2em}
#ind09 {margin-bottom: 0.9em}
#ind06 {margin-bottom: 0.6em}
#ind05 {margin-bottom: 0.5em}
#ind04 {margin-bottom: 0.4em}
#ind03 {margin-bottom: 0.3em}
#ind02 {margin-bottom: 0.2em}
#ind01 {margin-bottom: 0.1em}

/* COLORS */
#w {color: #FFFFFF;}
#b {color: #000000;}
#s {color: #EFEFEF;}
#g {color: #ABABAB;}
#r {color: #DF0000;}
/*#tr {color: #B80000;}*/
#dg {color: #191919;}
#mg {color: #474747;}
#lg {color: #818181;}
#db {color: #374A8D;}
#lb {color: #99ACBD;}
#lb2 {color: #D7E0E9;}
#ly {color: #E0E033;}

.cat_red { background-color:#B80000; color:#FFFFFF; font-size: 80%; font-weight: bold; background-color:#B80000; color:#FFFFFF; margin-bottom:0.6em; padding: 0.3em 1.5em; white-space:nowrap; }

/* Ditto */
.data_news {padding: 3px 0.75em;font-size: 68%; font-weight: bold; color: #ffffff; background-color:#B80000; margin: 0.3em 0; width:60px;}
.data_news_title { margin-top:0.3em; margin-bottom: 0.3em; }
.data_news_title h2 { font: bold 90% tahoma; }

/*#p_side_mod { margin-bottom: 0.1em;}*/
#p_side_mod * * { margin-bottom: 0.1em;}
.p_side_blok1 { padding:0.5em 0.5em 0.1em 0.5em; margin:0; background-color:#DFE2EA;}
.p_side_blok2 { padding:0.3em 0.5em 0.1em 0.5em; background-color:#F2F3F7; border-bottom: 1px solid #DFE2EA; }
.p_side_cat_r { width:65%; font: bold 65% tahoma; background-color:#B80000; color:#FFFFFF; margin:0.6em 0.5em; padding: 0.3em 0.6em; white-space:nowrap; text-transform:uppercase; }
.p_side_cat_r_95 { width:95%; font: bold 65% tahoma; background-color:#B80000; color:#FFFFFF; margin:0.6em 0.5em; padding: 0.3em 0.6em; white-space:nowrap; text-transform:uppercase; }
.p_side_cat_b { width:65%; font: bold 65% tahoma; background-color:#9098B3; color:#FFFFFF; margin:0.6em 0.5em; padding: 0.3em 0.6em; white-space:nowrap; text-transform:uppercase; }
.p_side_h { padding-bottom:0.3em; padding-left:0.6em; font: 105% Arial, Helvetica, sans-serif; }
.p_side_text { width:100%; padding-bottom: 0.1em; font: 80% tahoma; }
.p_side_text img { margin:0.3em; float:left; }
.p_side_text a { color:#000000; text-decoration: none;}
.p_client_l { width:46%; height:90px; padding: 0.75em 0 0.3em 0; border-top: 1px solid #B4BBCE; margin-bottom: 0.6em; margin-right:7%; float:left;}
.p_client_r { width:46%; height:90px; padding: 0.75em 0 0.3em 0; border-top: 1px solid #B4BBCE; margin-bottom: 0.6em; float:right;}

.p_side_find {font: 80% tahoma; margin-bottom: 0.3em; }
#p_copy { font: 65% tahoma; /*color:#2F4072;*/ padding-left:31%; margin-top:0.3em; }
.p_pro_small { border-bottom: 1px solid #DFE2EA;}
.p_pro_small h2 {margin-bottom: 0.5em; font: 95% tahoma;}
.p_pro_small p {margin-bottom: 0.9em; font: 86% tahoma;}
.p_pro_small_alt { border-bottom: 1px solid #DFE2EA;background-color:#F2F3F7;}
.p_pro_small_alt h2 {margin-bottom: 0.5em; font: 95% tahoma;}
.p_pro_small_alt p {margin-bottom: 0.9em; font: 86% tahoma;}
.p_pro_small_last {margin-bottom: 0.2em;}
.p_pro_small_last h2 {margin-bottom: 0.3em; font: 95% tahoma;}
.p_pro_small_last p {margin-bottom: 0.9em; font: 86% tahoma;}
.p_gallery { padding: 1em 0 0 0.6em; margin-bottom:1.5em; display:block; text-align:center; }

.form {  width: 155px; font: 11px/15px tahoma, helvetica, sans-serif; background-color: #E8E8E8;  border-style: solid; border-width: 1px; border-color: #000000;
  color: #000000;  padding-top: 0px; padding-left: 6px; padding-right: 6px;}

.but {  width: 73px; height: 19px;  font: bold 11px/15px verdana, helvetica, sans-serif; letter-spacing: -1px; 
  background-color: #8F8F8F;  border-style: solid; border-width: 1px; border-color: #373737;
  color: #000000;  margin: 2px; }


#ajaxSearch_form {}
#ajaxSearch_input {width:65%;}
#ajaxSearch_submit {width:30%;}
#ajaxSearch_output {font-size: 86%; color:#000000;}
/*
#ajaxSearch_resultListContainer - id of the results container
.ajaxSearch_paging - class for span of result pages listing
.ajaxSearch_pagination - class for pagination paragraph
.ajaxSearch_result - class for result container div
.ajaxSearch_resultLink - class for result link
.ajaxSearch_resultDescription - class for result description span
.ajaxSearch_extract - class for content extract div (for highlighting)
.ajaxSearch_highlight1,2,3 - classes for result highlighting. You need to create as many classes as terms you think a user will search for.
.ajaxSearch_resultsIntroFailure - class for no results paragraph
.ajaxSearch_intro - class for intro paragraph

.AS_ajax_result - class for the result container div
.AS_ajax_resultLink - class for the result link
.AS_ajax_resultDescription - class for the result description span
.AS_ajax_extract - class for the content extract div (for highlighting)
.AS_ajax_hightlight1,2,3 - classes for result highlighting.  You need to create as many classes as terms you think a user will search for.
.AS_ajax_more - class for more search results div
.AS_ajax_resultsIntroFailure - class for no results paragraph
*/


/* Main navigation list 
------------------------------------------------ */
ul.topnav { width:100%; padding:0.8em 0; margin-bottom: 0.3em; }

ul.topnav, ul.topav ul {padding: 0 0 4px; margin: 0 0 4px; }
ul.topnav li { list-style:none; margin: 0; padding: 0.1em; line-height: 1.7em; border-bottom: 1px solid #DFE2EA; padding: 0.3em 0;}
ul.topnav li.last { list-style:none; margin: 0; padding: 0.2em; line-height:1.7em;  padding: 0.7em 0; border-bottom:none;}

.topnav a { font-size:118%;}
.topnav a:active {text-decoration: none; color: #374A8D}
.topnav a:link {text-decoration: none; color: #374A8D}
.topnav a:visited {text-decoration: none; color: #374A8D}
.topnav a:hover {text-decoration: none; color: #374A8D}

ul.topnav ul { display:none; margin: 0 0 9px 20px; }
ul.topnav li.here ul { display:block; }

ul.topnav a { background: transparent url(assets/templates/fanco/bul_menu.gif) no-repeat 15px 2px; display: block; color:#374A8D; border: 0 !important; padding-left:25px; }

ul.topnav li span { padding: 0 0 0 20px; line-height: 1.7em; }
ul.topnav li.here li.here span { padding: 0; }
ul.topnav li.here a span { padding: 0 0 0 20px; }
ul.topnav li.here li span { padding: 0 0 0 20px; line-height: 1.6em; }
ul.topnav li.here span li span, ul.topnav li.here span a span { padding:0; line-height: 1.6em; }
ul.topnav li.here li.here span a span { padding:0; }

/*ul.topnav a:hover, ul.topnav a:active { background: #fafafa url(folder_r.jpg) no-repeat 0 3px; color: #006; }
ul.topnav a:active { color: #777; }*/
/*
ul.topnav li.here { background: transparent url(folder_o.jpg) no-repeat 0 5px;
    font: bold 100.01%/1.5em "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Arial, sans-serif; }
*/
/* remove extra icon on containing folders in the "here-path"
   make sure sub-pages below it have icons though... IE Win 
   needs "!important" for some reason... oh how I loathe thee */
ul.topnav li.here a { background: none !important; }
ul.topnav li.here li a { background-image: none !important; /*background: transparent url(document.jpg) no-repeat 0 3px !important; */}
ul.topnav li.here li.here a { background-image: none !important; padding: 0; }
/*ul.topnav li.here li a:hover { background-color: #fafafa !important; }*/
/*ul.topnav li.here li.here { background: transparent url(urhere00.jpg) no-repeat 0 3px; padding-left: 20px; line-height: 1.6em; }*/

.ditto_paging { border-top: 1px solid #ccc;  padding:10px; color:black; }
#ditto_pages .ditto_currentpage { padding: 1px 5px 2px; margin-right: 1px; margin-bottom:10px;   background-color:#2F4072; color:#fff; } 
#ditto_pages .ditto_off { border: 1px solid #ccc; padding: 1px 5px 2px; margin-right:1px; color:#ccc; }
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited { padding: 1px 5px 1px;
    margin-right:1px; text-decoration: none !important; color:black; } 
/*#ditto_pages a:hover { background-color:#fff; color:#000; }*/
.ditto-article-alt { padding:0.3em 0.5em; background-color:#F7F9Fb; }
.ditto-article { padding:0.3em 0.5em; background-color:#F2F3F7; border-top: 1px solid #DFE2EA; border-bottom: 1px solid #DFE2EA; }