@import "reset.css";

body {	background:#000000 url(../images/bg_site.jpg) top no-repeat; font-family:Arial;	font-size:12px;	line-height:18px;	color:#dddddd;	margin:0; padding:0}

.clear {clear:both;}
.left{ float:left}
.right{ float:right}
a, button{ outline:none; color:#2a5d93}
a:hover{ text-decoration:none}



/*==== GLOBAL =====*/
span.special{ display:block}

.right_10{ margin-right:10px;}
.right_20{ margin-right:20px;}
.right_30{ margin-right:30px;}
.left_20{ margin-left:20px;}
.upp{ text-transform:uppercase}


div.center{ width:1000px; margin:0 auto; position:relative; background:url(../images/bag.gif) center bottom no-repeat; margin-bottom:20px; padding-bottom:25px}
div.top{ height:90px;}
div.top a.logo { margin:20px 0px 0px 20px}

div.nav{ border-top:#fe6c00 5px solid; background-color:#000; padding:0px 0px 10px 18px; margin-bottom:10px}
	div.nav a{ display:block; color:#cde6ff; font-size:12px; font-weight:bold; text-decoration:none; padding-left:34px; background:url(../images/disk_nav.png) left 50% no-repeat; height:18px; line-height:18px; padding-bottom:6px}	
	div.nav a:hover{ text-decoration:underline; color:#fff}
	
div.news{ border-top:#235a94 5px solid; background-color:#2f2f2f; padding:0px 12px 18px 18px}
div.index a{ display:block; min-height:45px; background:url(../images/bg_news.gif) left top no-repeat; padding-bottom:10px; text-decoration:none; color:#cde6ff; margin-top:6px}
div.index a:hover{ text-decoration:none; color:#fff}	
div.index a span.left big{ display:block; width:40px; font-size:24px; color:#164577; font-weight:bold; line-height:24px; text-align: center; text-decoration:none!important}
div.index a span.left small{display:block; width:40px; font-size:10px; color:#d3d3d3; font-weight: normal; line-height:16px; text-align: center; text-decoration:none; text-transform:uppercase}	

div.footer_menu{ width:580px}
div.footer_menu a{ display:block; width:78px; height:20px; background:url(../images/disk_footer.gif) left 50% no-repeat; padding-left:18px;float:left; color:#cde6ff; font-size:14px; text-decoration:none}
div.footer_menu a:hover{ color:#fff; text-decoration: underline}	
	

div.copy{ font-size:11px; color:#7a7b7b; font-family:Arial, Helvetica, sans-serif}

/*====  social =====*/
div#anima{ margin:35px 20px 0px 0px }
div#anima a{ display:block; width:30px; float:right; margin-right:5px; height:30px; background-position:top; background-repeat:no-repeat}
div#anima a:hover{ background-position:bottom}
div#anima a.bg_1{ background-image:url(../images/social_4.gif)}
div#anima a.bg_2{ background-image:url(../images/social_3.gif)}
div#anima a.bg_3{ background-image:url(../images/social_2.gif)}
div#anima a.bg_4{ background-image:url(../images/social_1.gif)}

	/* ============================= JS START ===================================== */
#faded { position: relative; z-index:1; height:360px; width:958px; overflow:hidden; left:20px; top:12px;}
ul.pagination {	 position:absolute; padding:0 19px; height:25px;  left:820px; top:315px; z-index:99}

ul.pagination li { width:20px ; height:20px; margin-right:5px; float:left}
ul.pagination li a {float:left; margin-right:6px; position:relative;display:block;background: url(../images/disk.png) top no-repeat;  width:20px; height:20px; text-indent:-9999px; z-index:99; cursor:pointer}
		
		ul.pagination li a:hover   { background: url(../images/disk_act.png) top no-repeat;}		
		ul.pagination li.current a { background: url(../images/disk_act.png) top no-repeat;}


/* ============================== JS END ====================================== */


/*====================== Read More ====================*/
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; font-size:12px; font-family:Arial }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }


/*===================== Sub Pages =====================*/
.grid_1{ width:500px;}
.grid_2{ width:680px;}
.grid_3{ width:240px;}
.grid_4{ width:280px;}
.grid_5{ width:360px;}

.grid_6{ width:400px}

.pad_25{ padding:22px 22px 10px 22px}
div.box_1{ background:#212121 url(../images/bg_content.jpg) center top no-repeat!important; display:block; border:1px #212121 solid;
-moz-border-radius-topright: 30px; -webkit-border-top-right-radius: 30px; border-top-right-radius: 30px;
-moz-border-radius-topleft: 30px; -webkit-border-top-left-radius: 30px; border-top-left-radius: 30px;}

h1{ color:#fff; font-size:30px; line-height:30px; padding:20px 0px 18px 25px; background: url(../images/bg_h1.gif) left 50% no-repeat;}
h1 span{ color:#bebebe;}
h2{ color:#fff; font-size:30px; line-height:30px; padding:20px 0px 10px  0px;}
h3{ color:#fff; font-size:30px; line-height:30px; padding:20px 0px 18px 0px;}

a.more{ display:block; width:100px; height:30px; background:url(../images/bg_more.gif) top left repeat-x; cursor:pointer; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#2a5d93; text-align:center; line-height:30px; margin-top:10px}
a.more:hover{ color:#fff; background-position:bottom}


a.links{ background:none!important; display:inline!important; color:#2a5d93!important; text-decoration:underline!important; font-size:14px;}
a.links:hover{ text-decoration:none!important}
b{ display:block; padding-bottom:10px; color:#dddddd}
img.photo{ border:5px #474747 solid; margin-bottom:10px}


.vision{ color:#cde6ff}

ul.list li { height:24px; list-style-image:url(../images/disk_blue.png); list-style-position:inside;}
ul.list li a{ color:#dddddd; text-decoration:none}
ul.list li a:hover{ color:#99bee5; text-decoration:underline}

/*===================== Menu =====================*/

div.menu{ height:58px; padding-left:20px; padding-right:10px; padding-top:11px}
	
		div.menu  a{ display:block; width:160px; height:44px; text-align:center; font-size:24px; color:#fff; text-transform:none; text-decoration:none; line-height:24px; float:left; padding-top:14px; background:url(../images/bg_menu.png) left 108% no-repeat; }
		div.menu  a span{ display:block; height:44px; padding-left:10px}
		div.menu a:hover{ background-position:10px top; color:#908f8b}
		div.menu a:hover span{ text-align:center; padding-left:10px}
		
	div.line{ background:url(../images/line.gif) top repeat-y; width:2px; height:32px; float:left}





/*================= Contacts =========================*/

.notification_error{ height: auto;width: 96%;padding: 2px;background: #1e1e1e; text-align: left; color:#f00; margin-bottom:2px; border: 1px solid #4b4b4b; }
.notification_ok{ border: 0px ; height: auto; width: 96%; padding: 8px; background: #1e1e1e; text-align: center;  } 
.info_fieldset { border: 0px  }
.info_fieldset legend { border: 1px #4b4b4b solid;  color: black;   font: 13px Verdana;  padding: 2px 5px 2px 5px; }

.button { width:90px; height:30px; background:#1e1e1e; text-align:center; line-height:28px; color:#4b4b4b; cursor:pointer; text-decoration:none; margin-top:15px; text-transform:uppercase; font-size:12px;display:block; margin-bottom:10px; font-weight:bold; border:1px #4b4b4b solid}
.button:hover{ text-decoration:none; color:#fff}

/* Label */
label  { width: 100px;  margin: 0px; float: left; text-align: left; }

/* Input, Textarea */
input{ margin: 0px; padding: 0px;  float: left; border: 1px solid #4b4b4b;  color: #fff; background:#1e1e1e; font: 12px Arial, Helvetica, Arial, sans-serif; height:30px; margin-bottom:6px; width:550px }

textarea{margin: 0px; padding: 0px;  float: left; background:#1e1e1e; border: 1px solid #4b4b4b;  color: #d9d4d1;   font: 12px Arial, Helvetica, Arial, sans-serif; height:75px; margin-bottom:3px; width:550px }