@charset "utf-8";
body { margin:0; padding:0; width:100%; background:url(images/main_bg.gif); }
html { padding:0; margin:0; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
/* main */
.main { padding:0; margin:0 auto; }
/********** header **********/
.blok_header { margin:0; padding:0; border-bottom:1px solid #ebebeb; background:url(images/header_bg.gif) top center repeat-x; }
.header { width:960px; margin:0 auto; padding:0; }
.header h2 { font:bold 25px Arial, Helvetica, sans-serif; color:#fff; padding:10px 10px; margin:0; text-transform:uppercase; }
/* logo */
.logo { padding:0; margin:0; width:267px; float:left; }
/* menu */	
.menu { padding:35px 0 0 0; margin:0; width:500px; float:right; }
.menu ul { text-align:left; padding:0; margin:0; list-style:none; border:0; float:left; }
.menu ul li { float:left; margin:0; padding:0 3px; border:0; }
.menu ul li a { float:left; margin:0; padding:12px 0; color:#7898aa; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase; }
.menu ul li a span { padding:12px 9px; background:none; }
.menu ul li a:hover { color:#fff; background:url(images/r_menu.gif) no-repeat right; }
.menu ul li a:hover span { color:#fff; background:url(images/l_menu.gif) no-repeat left; }
.menu ul li a.active { color:#fff; background:url(images/r_menu.gif) no-repeat right; }
.menu ul li a.active span { color:#fff; background:url(images/l_menu.gif) no-repeat left; }
/* Ca3er style */
.cu3er_resize { width:960px; margin:0 auto; padding:20px 0 35px 0; }
#cu3er-container { width:960px; outline:0; }
/********** body **********/
.body_resize { margin:0; padding:0; background:#e1e1e1; }
.body_resize2 { margin:0; padding:0; background:#FCDDDA; }
.body { width:960px; margin:0 auto; padding:10px 0; }
.body2 { width:200px; }
.body2 war { font:bold 14px Arial, Helvetica, sans-serif; color:; margin:0; padding:15px 0;}
.body2 h2 { font:bold 14px Arial, Helvetica, sans-serif; color:#000; margin:0; padding:15px 0; }
.body2 h3 { font:bold 30px Arial, Helvetica, sans-serif; color:#000; padding:35px 10px; margin:; text-transform:uppercase; }

.body2 h2 span { font:normal 11px Arial, Helvetica, sans-serif; color:#7e7e7e; }
.body2 img { padding:0; margin:1px auto; }
.body2 img.floated { float:left; padding:0; margin:10px 15px 10px 5px; }
.body2 img.floated2 { float:right; padding:0; margin:10px 15px 10px 5px; }
.body2 img.test { float:right; padding:0; margin:10px 15px 10px 5px; }
.body2 p { font:normal 12px Arial, Helvetica, sans-serif; color:#535353; line-height:1.8em; padding:10px 0; margin:0; }
.body2 p span { font:bold 12px Arial, Helvetica, sans-serif; color:#277fc2; }
.body2 p.data { background:url(images/data_bg.gif) top no-repeat; margin:5px 0; padding:5px 0; float:left; width:98px; text-align:center; color:#fff; }
.body2 a { text-decoration:none; color:#17b4cf; font:bold 11px Arial, Helvetica, sans-serif; }


.body img { padding:0; margin:10px auto; }
.body img.floated { float:left; padding:0; margin:10px 15px 10px 5px; }
.body img.floated2 { float:right; padding:0; margin:10px 15px 10px 5px; }
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#535353; line-height:1.8em; padding:5px 0; margin:0; }
.body p span { font:bold 12px Arial, Helvetica, sans-serif; color:#277fc2; }
.body p.data { background:url(images/data_bg.gif) top no-repeat; margin:5px 0; padding:5px 0; float:left; width:98px; text-align:center; color:#fff; }
.body a { text-decoration:none; color:#17b4cf; font:bold 11px Arial, Helvetica, sans-serif; }
.body h2 { font:bold 14px Arial, Helvetica, sans-serif; color:#101010; margin:0; padding:15px 0; }
.body h2 span { font:normal 11px Arial, Helvetica, sans-serif; color:#7e7e7e; }
.body h3 { font:bold 40px Arial, Helvetica, sans-serif; color:#101010; margin:0; padding:0px 0; text-align:center }
.body h4 { text-align:center; font:bold 30px Arial, Helvetica, sans-serif; color:#363; margin:0px; ; }
.body h5 { font: normal 20px Arial, Helvetica, sans-serif; color:#000; margin:;  float:right; padding-right: 240px; max-width:220px }
.body h6 { text-align:center; font:bold 20px Arial, Helvetica, sans-serif; color:#101010; margin:0; padding:15px 0; text-align:right }
.body h7 {font:bold 15px Arial, Helvetica, sans-serif; color:#101010; margin:0; padding:0px 0; text-align:right; }
.body h8 {font:bold 15px Arial, Helvetica, sans-serif; color:#F00; margin:0; padding:0px 0; text-align:center; }
.right { width:560px; float:right; padding:5px 10px 5px 40px; margin:0; }
.left { width:299px; float:left; padding:5px 40px 5px 10px; margin:0; border-right:1px solid #ced3d6; }
.left2 { width:429px; float:left; padding:5px 40px 5px 10px; margin:0; border-right:1px solid #ced3d6; }
.left4 { width:500px; float:left; padding:5px 40px 5px 10px; margin:0;  }
.left3 { width:200px; float:left; padding:5px 40px 5px 10px; margin:0; border-right:1px solid #ced3d6; }
.right2 { width:429px; float:right; padding:5px 10px 5px 40px; margin:0; }
.full { padding:5px 10px; margin:0; }
.port { width:310px; float:left; padding:0px 0; margin:; }
.port p { font:normal 12px Arial, Helvetica, sans-serif; color:#535353; line-height:1.8em; padding:; margin:3px; }
/*FBG_blog*/
.FBG_blog { background:#fefefe url(images/fbg_blog_bg.gif) bottom repeat-x; border-bottom:1px solid #fefefe; margin:0; padding:0; }
.FBG_blog_resize { width:940px; margin:0 auto; padding:10px; }
.FBG_blog_resize p { font:bold 23px Arial, Helvetica, sans-serif; color:#969696; padding:0; margin:0; }
.FBG_blog_resize h1 { font:bold 12px Arial, Helvetica, sans-serif; color:#969696; padding:0; margin:0; }
.FBG_blog_resize img { float:right; margin:0; padding:0; }
.FBG_blog_resize img.floated { float:left; margin:3px 20px 20px 0; padding:0; }
.FBG_blog_resize img.floated2 { float:right; margin:3px 20px 20px 0; padding:0; }
.FBG_blog_resize .recent { width:800px; float:left; padding:0; margin:5px 0 0 0; }
/*FBG*/
.FBG { background:#fbfbfb url(images/fbg_bg.gif) bottom repeat-x; margin:0; padding:0; border-bottom:1px solid #e6e6e6; margin:0; padding:0; }
.FBG_resize { width:960px; margin:0 auto; padding:0; }
.FBG_resize img { float:left; margin:10px; padding:0; }
.FBG_resize a { font:bold 11px Arial, Helvetica, sans-serif; color:#1ab8d2; text-decoration:none; }
.FBG_resize p { font:normal 12px Arial, Helvetica, sans-serif; color:#565656; padding:5px 0; margin:0; line-height:1.8em; }

.FBG_resize p span { font:bold 14px Arial, Helvetica, sans-serif; color:#2a2a2a; padding:5px 0; margin:0; }
.FBG_resize .left { width:220px; float:left; margin:0; padding:20px 10px; border:0; }
/* END_bloga*/
/*************footer**********/
.footer { padding:0; margin:0; background:#f1f1f1; border-top:1px solid #c7c7c7; }
.footer_resize { width:940px; margin:0 auto; padding:20px 10px; }
.footer p { font:normal 11px Arial, Helvetica, sans-serif; color:#6d6d6d; }
.footer a { font:bold 11px Arial, Helvetica, sans-serif; color:#14b2cc; text-decoration:none; padding:5px; margin:0; }
.footer p.right { text-align:right; width:350px; margin:0; padding:15px 0 0 0; float:right; }
.footer p.leftt { text-align:left; width:550px; margin:0; padding:15px 0 0 0; float:left; }


/**********Form**********/



form {padding: 18px;}
form.plain {padding: 0;} /* plain forms - used in tabular and grid data structures, TAKE CARE of it, please */
form.plain fieldset {border: 0 !important; padding: 0 !important;}
form.basic dl {width: 100%; overflow: hidden;} /* basic layout for forms */
form.basic dl dt,
form.basic dl dd {float: left;}
form.basic dl dt {padding: 3px 5px 3px 0; width: 20%;}
form.basic dl dd {padding: 3px 0 3px 5px; width: 76%;}

label.check,
label.radio {margin-right: 5px;}
form small {color: #999;}
input.txt,
textarea {
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	border: 1px solid #999;/* background: url("img/txt.gif") repeat-x;*/ padding: 5px 2px;
}
form.basic input.txt,
form.basic textarea {width: 100%;}
input.error,
textarea.error {border-color: #d35757; background-image: url("img/txt-error.gif");}
span.loading {background: url("img/upload.gif") 0 50% no-repeat; padding: 3px 0 3px 20px;}
form.fields {} /* plain and clean layout for forms */
form.fields fieldset {
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	border: 1px solid #ccc; margin-bottom: 15px; padding: 10px 15px 15px 15px;
}
form.fields fieldset.last {margin-bottom: 0; border-right: 1px solid #ccc !important;}
form.fields fieldset legend {padding: 0 10px; font-size: 110%;}
form.fields label,
form.fields div.sep {display: block; margin-top: 6px;}
form.fields label.check,
form.fields label.radio {display: inline; margin-top: 0;}
form.fields span.loading {margin-left: 10px;}
/* lists for actions (remove, modify) */
ul.actions {margin: 0;}
ul.actions li {display: inline; margin-right: 5px;}

/* content boxes */
.box {float: left; width: 960px; margin: 0 20px 20px 0;}
	.box-25 {width: 225px;} /* 25% box */
	.box-50 {width: 470px;} /* 50% box */
	.box-75 {width: 715px;} /* 75% box */
	.box-100 {width: 960px;} /* 100% box */
	.altbox {} /* class for alternative (emphasized) boxes (blue headings and colors) */
	/* wrap of box's content */
	.boxin {box-shadow: #aaa 0 0 10px; -webkit-box-shadow: #aaa 0 0 10px; -moz-box-shadow: #aaa 0 0 10px; border: 1px solid #999; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; background: #fff;}
	/* boxes' headers */
	.box .header {
		background: #3d3d3d url("img/headerbox.png") repeat-x;
		border-top: 1px solid #444;
		border-radius: 5px 5px 0 0;
	   -moz-border-radius-topleft: 5px;
	   -moz-border-radius-topright: 5px;
	   -webkit-border-top-left-radius: 5px;
	   -webkit-border-top-right-radius: 5px;
		position: relative; margin: -1px -1px 0 -1px; padding: 7px 0 9px 20px;
	}
	.altbox .header {border-top-color: #0a81d0; background: #0f518e url("img/altheaderbox.png") repeat-x;}
	.box .header h3 {position: relative; top: 2px; display: inline; font-size: 150%; color: #fff; text-shadow: #151515 0 1px 0;}
	.altbox .header h3 {text-shadow: #003d68 0 1px 0;}
	.box .header .button {margin-left: 15px;}
	/* tags in the header */
	.box .header ul {position: absolute; right: 9px; bottom: 0;}
	.box .header ul li {display: inline;}
	.box .header ul a {
		border-radius: 5px 5px 0 0;
	   -moz-border-radius-topleft: 5px;
	   -moz-border-radius-topright: 5px;
	   -webkit-border-top-left-radius: 5px;
	   -webkit-border-top-right-radius: 5px;
		background: #777; border: 0; float: left; margin: 0 0 0 5px; padding: 8px 13px 6px; color: #fff;
	}
	.box .header ul a.active,
	.box .header ul a:hover,
	.box .header ul a:focus,
	.box .header ul a:active {background: #fff url("img/headertab.png") repeat-x; color: #444;}
	.altbox .header ul a {background-color: #489cd4;}
	.altbox .header ul a.active,
	.altbox .header ul a:hover,
	.altbox .header ul a:focus,
	.altbox .header ul a:active {background: #fff url("img/altheadertab.png") repeat-x; color: #0f518e;}
	/* boxes' content types – tabular */
	.box .content {margin-bottom: 5px;}
	.box .content table {width: 100%;}
	.box .content table th,
	.box .content table td {padding: 10px 10px 8px 10px;}
	.box .content table th {text-align: left; font-weight: normal;}
	.box .content table tr.even th,
	.box .content table tr.even td {background: #f5f5f5;}
	.altbox .content table tr.even th,
	.altbox .content table tr.even td {background: #f0f9ff;}
	.box .content table th.first,
	.box .content table td.first {padding-left: 20px;}
	.box .content table thead th,
	.box .content table thead td {border-left: 1px solid #f2f2f2; border-right: 1px solid #d5d5d5; background: #ddd url("img/thead.gif") repeat-x; text-shadow: #fff 0 1px 0;}
	.box .content table tbody tr.first th,
	.box .content table tbody tr.first td {border-top: 1px solid #bbb;}
	.altbox .content table tbody {color: #00305d;}
	.box .content table a.ico-comms {border: 0; background: url("img/ico-tablecomms.gif") 50% 60% no-repeat; padding: 10px; color: #fff;}
	.box .content table tfoot th,
	.box .content table tfoot td {border-top: 1px solid #ccc; background: #fff url("img/tfoot.gif") repeat-x;}
	/* boxes' content types – simple list */
	.box .content ul.simple li {clear: both; padding: 10px 20px 8px 20px; overflow: hidden;}
	.box .content table tr.even th,
	.box .content ul.simple li.even {background: #f5f5f5;}
	.altbox .content table tr.even th,
	.altbox .content ul.simple li.even {background: #f0f9ff;}
	.box .content ul.simple strong {float: left; font-weight: normal;}
	.box .content ul.simple span {float: right;}
	/* boxes' content types – grid */
	.box .content .grid {}
	.box .content .grid .line {border-bottom: 1px solid #ddd; width: 100%; overflow: hidden;}
	.altbox .content .grid .line {border-bottom-color: #c7dfef;}
	.box .content .grid .even {background: #f5f5f5;}
	.altbox .content .grid .even {background: #f0f9ff;}
	.box .content .grid .item {float: left; width: 50%;}
	.box .content .grid .item .inner {padding: 17px 15px 12px 20px;}
	.box .content .grid .firstline {border-top: 0 !important;}
	.box .content .grid .lastline {border-bottom: 0 !important;}
	.box .content .grid .item a.thumb {border: 0; float: left;}
	.box .content .grid .item .data {margin-left: 165px;}
	.box .content .grid .item h4 {margin: 0 0 10px 0; font-size: 110%; font-weight: bold;}
	.box .content .grid .item h4 span {margin-right: 5px; font-weight: normal; font-size: 90%;}
	.box .content .grid .item p {margin: 0 0 5px 0; color: #666;}
	.box .content .grid ul.actions {margin-top: 8px;}
	/* boxes' pagination */
	.pagination {border-top: 1px solid #999; background: #fff url("img/pagination.gif") repeat-x; text-align: center; color: #333 !important;}
	.pagination ul {position: relative; top: -1px; padding: 12px 10px 6px;}
	.pagination ul li {display: inline;}
	.pagination a {
		border: 0; background: #ebebeb url("img/pagination-item.gif") repeat-x; margin: 0 5px; padding: 6px 10px; color: #333 !important;
		border-radius: 3px;
	   -moz-border-radius: 3px;
	   -webkit-border-radius: 5px;
	}
	.pagination a:hover,
	.pagination a:active,
	.pagination a:focus {color: #0a80cf !important;}
	.pagination strong {background: url("img/pagination-arrow.gif") 50% 0 no-repeat; padding: 15px 10px 8px;}
	/* calendar */
	table.calendar {width: 100%;}
	table.calendar thead {zoom: 1;}
	table.calendar thead tr {zoom: 1;}
	table.calendar thead th.month {border-bottom: 1px solid #bbb; font-weight: bold; font-size: 120%; zoom: 1;}
	table.calendar thead th.month a {border: none; position: relative; top: 5px; margin: 0 10px; zoom: 1;}
	table.calendar th,
	table.calendar td {width: 14.3%; text-align: center;}
	table.calendar tbody td,
	table.calendar tbody th {border: 1px solid #ddd; border-top-color: #fff; border-left-color: #fff;}
	table.calendar strong {font-size: 140%;}
	table.calendar .inactive {color: #aaa;}
	table.calendar div.items a {border: 0; margin: 0 1px;}



/* stylish buttons with rounded corners */
.button {border: 1px solid #00487a; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #0567ad url("img/button.gif") repeat-x; padding: 5px 9px 5px; text-shadow: #00487a 1px 1px 0; color: #fff; cursor: pointer;}
	.button:hover,
	.button:focus,
	.button:active {border-color: #272727; background: #2a2a2a url("img/altbutton.gif") repeat-x; text-shadow: #000 1px 1px 0; color: #fff;}
	/* alternative colors */
	.altbox .button {border: 1px solid #272727; background: #2a2a2a url("img/altbutton.gif") repeat-x; text-shadow: #000 1px 1px 0;}
	.altbox .button:hover,
	.altbox .button:focus,
	.altbox .button:active {border-color: #00487a; background: #0567ad url("img/button.gif") repeat-x; text-shadow: #00487a 1px 1px 0; color: #fff;}
	.altbutton {border: 1px solid #272727; background: #2a2a2a url("img/altbutton.gif") repeat-x; text-shadow: #000 1px 1px 0;}
	.altbutton:hover,
	.altbutton:focus,
	.altbutton:active {border-color: #00487a; background: #0567ad url("img/button.gif") repeat-x; text-shadow: #00487a 1px 1px 0; color: #fff;}
	.altbox .altbutton {border: 1px solid #00487a; background: #0567ad url("img/button.gif") repeat-x; text-shadow: #00487a 1px 1px 0;}
	.altbox .altbutton:hover,
	.altbox .altbutton:focus,
	.altbox .altbutton:active {border-color: #272727; background: #2a2a2a url("img/altbutton.gif") repeat-x; text-shadow: #000 1px 1px 0; color: #fff;}




/********** contact form **********/
.form { float:left; width:550px; margin:5px auto; padding:0; background:#fff; border:1px solid #dedede; }
/********** contact form **********/
#contactform { margin:0; padding:5px 0; }
#contactform * { color:#7a7a7a; }
#contactform ol { margin:auto; padding:0; list-style:none; }
#contactform li { margin:10; padding:10; background:none; border:none; display:block; }
#contactform li.buttons { margin:0px 0 5px 0; }
#contactform label { float:left; margin:0; width:150px; padding:5px 0; font:normal 12px Arial, Helvetica, sans-serif; color:#222; text-transform:capitalize; }
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif; }
#contactform input.text { width:480px; border:1px solid #e9e9e9; margin:5px 0; padding:5px 2px; height:15px; background:#f8f8f8; }
#contactform textarea { width:480px; border:1px solid #e9e9e9; margin:10px 0; padding:2px; background:#f8f8f8; height:150px; float:left; }
#contactform li.buttons input { padding:3px 0; margin:0; border:0; color:#FFF; }
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto; }
p.clr,
.clr { clear:both; padding:0; margin:0; }
li.bg,
.bg { clear:both; border-bottom:1px solid #e2e2e2; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none; }

#cover {
display:none;
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background:gray;
filter:alpha(Opacity=50);
opacity:0.5;
-moz-opacity:0.5;
-khtml-opacity:0.5
}
#dialog {
display:none;
left:30%;
top:200px;
width:600px;
height:400px;
position:absolute;
z-index:100;
background:white;
padding:2px;
font:10pt tahoma;
border:1px solid gray
}
#dialog2 {  
display:none; 
left:30%;
top:200px;
width:600px;
height:400px;
position:absolute;
z-index:100;
background:white;
padding:2px;
font:10pt tahoma;
border:1px solid gray
}
#dialog3 {  
display:none; 
left:30%;
top:200px;
width:600px;
height:400px;
position:absolute;
z-index:100;
background:white;
padding:2px;
font:10pt tahoma;
border:1px solid gray
}
#dialog4 {  
display:none; 
left:30%;
top:200px;
width:600px;
height:400px;
position:absolute;
z-index:100;
background:white;
padding:2px;
font:10pt tahoma;
border:1px solid gray
}
#dialog5 {  
display:none; 
left:30%;
top:200px;
width:600px;
height:400px;
position:absolute;
z-index:100;
background:white;
padding:2px;
font:10pt tahoma;
border:1px solid gray
}
#dialog6 {  
display:none; 
left:30%;
top:200px;
width:600px;
height:400px;
position:absolute;
z-index:100;
background:white;
padding:2px;
font:10pt tahoma;
border:1px solid gray
}
#dialog7 {  
display:none; 
left:30%;
top:200px;
width:600px;
height:400px;
position:absolute;
z-index:100;
background:white;
padding:2px;
font:10pt tahoma;
border:1px solid gray
}
#dialog8 {  
display:none; 
left:30%;
top:200px;
width:600px;
height:400px;
position:absolute;
z-index:100;
background:white;
padding:2px;
font:10pt tahoma;
border:1px solid gray
}
#dialog9 {  
display:none; 
left:30%;
top:200px;
width:600px;
height:400px;
position:absolute;
z-index:100;
background:white;
padding:2px;
font:10pt tahoma;
border:1px solid gray
}