* { font-size: 100.01%; margin: 0; padding: 0;}
html, body {height: 100%;}
body {font-family: Tahoma, Verdana, Arial, sans-serif; background: #fff; color: #000; line-height: 1.5; font-size: 0.75em; text-align: center;}

a {color: #0F75BC; text-decoration: underline;}
a:hover {color: #FF0000; text-decoration: underline;}

h1, h2, h3, h4 {margin: 1em 0 0.5em;}
h1 {font-size: 1.67em; margin:0; padding: 0.4em 0 0.9em; color:#FF0000; font-weight:normal;}
h2 {font-size: 1.33em; color:#FF0000; font-weight:normal;}
h3 {font-size: 1.08em;}
h4 {font-size: 1em;}
h2:first-child, h3:first-child, h4:first-child {margin-top: 0;}
h1+h2, h1+h3, h1+h4, h2+h3, h2+h4, h3+h4 {margin-top: 0;}

ul, ol {margin: 0 0 0.65em 2em; line-height: 1.3em;}
li {margin: 0.2em 0 0 0;}
dl {margin: 0.5em 0 0.65em 0;}
dt {font-weight: bold; margin: 0.5em 0 0 0;}
dd {margin: 0 0 0 2em;}
ul.no-style {list-style:none;}

p {margin: 0 0 0.65em 0;}

table {border-collapse: collapse; border-spacing: 0; border: none;}
td, th {padding: 0; border: none;}
td {vertical-align: top;}

:focus {outline: none;}
img {border-width: 0;}

.clear {clear: both; min-height: 0; height: 0; line-height: 0; font-size: 0;} 

.f-left {float: left;}
.f-right {float: right;}
img.f-left {margin: 0 1em 0.5em 0;}
img.f-right {margin: 0 0 0.5em 1em;}

fieldset {margin-bottom: 1em; border: none;}
legend {padding-bottom: 0.5em; font-size: 1.08em; font-weight: bold; padding-left: 140px;}
.f-row {overflow: hidden; margin-bottom: 15px;}
label {float: left; width: 140px;}
.f-inputs {padding-left: 140px;}

input, textarea, select {font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 11px; background:#fff; border:1px solid #A5ACB2; padding:3px;}
input {vertical-align: middle;}
.text-small {width: 215px;}
.text-search {width: 242px;}
.i-text {width: 304px;}
.i-select {width: 310px;}
.button {padding: 0 8px; width: auto; overflow: visible; cursor: pointer; background:#F1F1ED; color:#808080; border:1px solid #C4C3BF;}
.button-image {border:none; margin-left:18px; padding:0;}
textarea {overflow: auto;}
.remark {font-size:11px; font-weight:normal;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* main */
.empty {width: 100%; height: 170px; clear: both;}
.inner {margin:0 3%; position:relative; zoom:1;}

#main, #footer {min-width: 995px; max-width: 1680px; text-align: left; position:relative;}

#main {min-height: 100%; margin: 0 auto; background: transparent url(sec_footer_bg.gif) 100% 100% no-repeat;}

#footer {height: 126px; margin: -126px auto 0; font-size:11px; color:#959595;}

body#home #main {background:none;}

#container {width:100%; float:right; margin-left:-29%;}
#center {margin-left:29%;}
#leftcol {float:left; width:23%;}

/* top */
#topimage {height:30px; background: transparent url(pict.jpg) 50% 100%;}

#logo {float:left; width:62%; //margin-right: -100%;}
#topcontact {float:left; width:38%; //margin-left:62%; //display:inline;}  
#logo img {margin-top:39px;}
#topcontact .text {margin-top:52px;}
#topcontact .phone {font-size:1.33em;}
#topcontact .phone span {color:#959595; font-size:0.69em;}

#icons {margin: 133px 0 0; list-style: none; height: 10px; float: left;} 
#icons li {margin: 0; float: left; height:10px; background: transparent url(icons.gif) no-repeat;}
#icons li a {display: block; height: 10px; cursor: pointer; width:13px;}
#icons li#home {background-position: 0 0; width:11px;}
#icons li#contacts {background-position: -15px 0; width:13px;}
#icons span {display: none;}
#icons li#home_act {background-position: 0 -10px; width:11px;}
#icons li#contacts_act {background-position: -15px -10px; width:13px;}
#icons li.first {margin-right:91px;}

#nav {height:1%; overflow:hidden; margin:38px 0 38px 0;}
#nav ul {list-style:none; width:100%; margin:0;}
#nav li {list-style:none; float:left; clear:right; font-size:1.08em; margin:0; width:26%; white-space:nowrap;}
#nav li.about {text-align:left;}
#nav li.closures {text-align:right; width:22%;}
#nav a.act {color:#FF0000;}

/* home top */
#slogan h1 {margin:0; padding:0; font-size:1em; color:#000;}

#hometop {position:absolute; width:100%; height:198px; top:251px; overflow:hidden;}

#prevpage, #nextpage {width:12px; height: 21px; background: transparent url(arrow.png) no-repeat; cursor: pointer; display:block; position:absolute; z-index:1000;}
#prevpage {background-position: 0 0; top:90px; left:11px;}
#nextpage {background-position: 0 -25px; top:90px; right:11px;}

#hometop .slogan {position:absolute; height:31px; background: url(corners2.png) 0% 0% no-repeat; margin-left:29%; z-index:20; width:56%; //margin-left:26%;}
.slogan .txt {background: url(corners2.png) 100% 100% no-repeat; margin-left:21px; height:31px;}
.slogan h2 {color:#959595; font-size:11px; margin:0 15px 0 120px; line-height:1.2;}

/* footer */
#copy {float:left; width:29%;}
#copy p {margin-top:25px;}

#search {float:left; width:44%;}
#search form {margin:16px 0 18px;}

#copy_piranha {float:left;}
#copy_piranha img {margin: 18px 0 15px 0;}
#copy_piranha a, #copy_piranha a:hover {color:#959595; text-decoration:none;}
#copy_piranha a strong {color: #0F75BC; text-decoration: underline; font-size:11px; font-weight:normal;}
#copy_piranha a:hover strong {color: #FF0000; text-decoration: underline;}

#copy_piranha .site {margin-top:5px;}
#copy_piranha .site a {color: #0F75BC; text-decoration:underline;}
#copy_piranha .site a:hover {color: #FF0000; text-decoration:underline;}

/* home content */
#leftcol .lcontent {margin-top:346px;}

#homecat {margin-top:288px; background:transparent url(homecat_bg.gif) 0% 100% repeat-x; height:1%; overflow:hidden;}
#homecat .col {float:left; width:33%; text-align:center;}
#homecat h2 {font-size:12px; margin:5px 0 15px 0;}

/* leftcol */
.submenu {list-style: none; margin:50px 0 0 0;}
.submenu li {list-style: none; height:28px; line-height:28px; margin: 0 0 8px; padding-left:10px;}
.submenu li.act {border:1px solid #FF0000;}
.submenu li.act a, .submenu li.act a:hover {text-decoration:none; color:#000;}

/* content */
#center .content {padding:0 130px 0 0;}
#center .content img {margin-bottom:1.5em;}

#path {font-size:0.83em; color:#959595; margin-bottom:30px;}
#path span {color:#FF0000;}

.gray-small {font-size: 0.83em; color:#999;}
small {font-size: 0.92em;}
.small {font-size: 0.92em;}
.red {color:#FF0000;}

small a {color: #0F75BC;}
small a:hover {color: #FF0000;}

.articles {padding: 0 0 1em 0; height:1%; overflow:hidden;}
.articles h2 {margin: 0.2em 0 0.2em; font-size: 1.08em;}
.articles p {margin: 0;}

.pic_left {float: left; margin: 10px 20px 5px 0; width: 150px;}
.pic_left p {font-size: 0.92em;	width: 160px; margin: 0 0 0 3px;}

.sitemap {margin-bottom: 0.65em; font-size: 1.08em;}
.sitemap ul {list-style: none; font-size: 0.92em;}

table.tbl {border: 1px solid #ccc;}
table.tbl td {padding: 2px 5px; border: 1px solid #ccc;}
table.tbl th {font-size: 0.92em; border: 1px solid #000; padding: 2px 5px;}


/* corners */
.corners {position:relative; overflow:hidden; //zoom:1;}
.corners .tl, .corners .tr, .corners .bl, .corners .br {position:absolute; font-size:1px; height:38px; width:38px; background: url(corners.png); //zoom:1; z-index:1000;}
.corners .tl {left:-19px; top:-19px;}
.corners .tr {right:-19px; top:-19px;}
.corners .bl {left:-19px; bottom:-19px;}
.corners .br {right:-19px; bottom:-19px;}

#tooltip { 
    display:none; 
    background-color:#eee; 
    border:1px solid #ccc; 
    padding:8px; 
    font-size:13px; 
    z-index: 1000;	
}

.divInput {
  padding: 0px 0px 0px 4px;
  margin: 3px 3px 0px 0px;
  float: left;
  border: 1px solid #aaa;
  width: 244px;
  height: 19px;
}

@media all and (-webkit-min-device-pixel-ratio:10000),
not all and (-webkit-min-device-pixel-ratio:0) {
  .divInput {margin-top:2px;}
}