/*

Theme Name: Алексей Фомазов
Theme URI: http://optik.net.ua/
Description: Официальная тема сайта optik.net.ua
Version: 1.0
Author: OPTIK.NET.UA
Author URI: http://alexey.fomazov.name/
Tags: optik

*/

html{background:#fff; color:#000;background:url(img/bg.gif) #fff top left;overflow-x: hidden;} 

body, #mainmenu ul{padding: 0; margin: 0;}

body {font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; padding-left: 5px;}

img { display: block; border: none; }



#top-line{background:#4d4d4f url(img/window/top-bg.png) left bottom repeat-x;min-height:20px;padding:3px 0} 
#page-top{background:url(img/window/drop-shadow-top.png) top center no-repeat;height:21px;margin-top:1%} 
#page{background:url(img/window/drop-shadow.png) top center repeat-y} 
#portal-wrap{padding:24px;width:912px;overflow:hidden;margin:0 auto;background-color:#fff;text-align:left} 
#page-bottom{background:url(img/window/drop-shadow-bottom.png) top center no-repeat;height:21px} 


#info_text_left, #info_text_right, #info_weather a {background-repeat: no-repeat;}
#mainmenu, #mainmenu #chapter, #mainmenu #chapter li, #mainmenu #chapter li a { background-repeat: repeat-x;}

#mainmenu { background-position: bottom;}

#info_text_right  { background-position: right;}
#info_text a:hover, #info_weather ul li a:active, #info_weather ul li a:hover, #fmenu ul li a:hover, .left_column li a:hover{ text-decoration: underline;}

#info_weather a, #info_weather, #logotype, #logotype_active, #mainmenu #chapter, #info_weather, #info_text, #fsearch  { position: absolute; }

#mainmenu ul, #info_weather ul, #sidebar ul, #fmenu ul, ul#numbers, #nav_services, #nav_payments, .left_column { list-style: none;}

#info_weather ul li, #mainmenu #chapter li a, #mainmenu ul li, #fmenu li { float: left;  }

#info_weather ul li a, #mainmenu #chapter li a, #fmenu li a, #info_text a, #info_text strong, .left_column li a, .date_active a, .date_inactive a  { text-decoration: none;}

#info_weather ul li strong, #mainmenu #chapter li strong a, #mainmenu #chapter li a:active, #mainmenu #chapter li a:hover { font-weight: 400; }

#content {width: 990px; max-width: 990px; margin: 0 auto; padding-top: 20px; position: relative;}


#top-tile {background-image:url(img/phone_bg_tile.gif);background-repeat:repeat-x; width:100%; height:36px; position:absolute; text-align:center; z-index:1;	top:0;left:0;}

.top-bar-left {position:absolute; text-decoration: none; text-transform: none; font-variant: small-caps; color: white; font-weight: 600; font-size: 105%; padding-left: 70px; padding-top: 4px; width:266px; height:36px;top:0;left:11%;background-image:url(img/form_bg.gif);background-repeat:no-repeat;z-index:10;}
.top-bar-left:hover {color: #fff; padding-top: 8px; background-image:url(img/form_bg_hover.gif);}
#top-bar {position:absolute; width:603px;height:36px;top:0;left:40%;background-image: url(img/phone_bg.gif); background-repeat:no-repeat;z-index:10;}

#top-text {position: relative;text-align:center;top:7px;font-size:14px;color:#EEEEEE;}
#top-text ul {padding:0; margin:0; white-space:nowrap; list-style-type:none;}
#top-text li {display:inline;}
#top-text a {padding:0.25em 0.4em;text-decoration:none;color: #EEEEEE;}
#top-text a:hover {color:#fff;}

#info_weather {font-size: 14px;color: #6c6c6c;margin-top: 5px;left: 0px;z-index: 1000;}
#info_weather ul li strong {color: #CC0C0C; text-transform: lowercase;}
#info_weather ul li strong span {font-size: 130%;}
#info_weather ul li strong a {color: #CC0C0C; }
#info_weather ul li {color: #6c6c6c;}
 
#logotype{bottom: 0;left: 0px; width: 266px; height: 36px;background: url(img/logotype.gif) 0 0;}
#logotype:hover{background-position: 0 -36px;}
#logotype_active{bottom: 0;left: 0px; width: 266px; height: 36px;background: url(img/logotype.gif) 0 -36px;}

#mainmenu {position: relative; width: 990px; height: 82px; margin: 0px; border-bottom: 1px solid #A2161E; font-size: 13px; background-image: url(img/bg_menu.gif); z-index: 1;}
#mainmenu #chapter {height: 36px; width: 735px; left: 267px;bottom: 1px;}
#mainmenu #chapter li {background-image: url(img/sep.gif); display: inline-block; padding-right: 1px;}
#mainmenu #chapter li a {background-image: url(img/bg_menu.gif); color: #000; height: 25px; display: block; padding: 11px 19px 0 19px;}
#mainmenu #chapter li strong a, #mainmenu #chapter li a:active, #mainmenu #chapter li a:hover {background-image: url(img/sbg_menu.gif); color: #fff;}
.current_page_item a{background-image: url(img/sbg_menu.gif)!important; color: #fff!important; z-index:2!important;}
.current_page_parent a{background-image: url(img/sbg_menu.gif)!important; color: #fff!important; z-index:2!important;}

.download_agent {background: url(img/optik_agent.gif) no-repeat left center;padding:0 2px 0 25px;}

#info_block {height: 65px;position: relative;}
#info_label {position: absolute; top: 25px;left: 15px;font-size: 12px;width: 470px;height: 62px;color: #FF0000;}

#info_text {float: right; position: relative; margin-top: 15px;margin-bottom: 8px; max-width: 62%; overflow: hidden;font-family: verdana, helvetica, arial, sans-serif;font-weight: 700; color:#333333;  letter-spacing:-1px; background-color: #D23030; padding: 8px; text-decoration: none;-moz-border-radius-topright: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px;}
#info_text a, #info_text strong { color: #E3E3E3; }
#info_image {float: right; position: relative; margin-right: 10px; margin-top: 10px; background: url(img/warning.gif); width: 60px; height: 60px;}

#container_news {
 border-left: 266px solid #F0F0F0; /* Цвет и ширина левой колонки */
 background-color: #F0F0F0;
} 

#column_date {
width: 266px; /* Ширина левой колонки */
float: left; /* Превращаем в плавающий элемент */
margin-left: -266px; /* Сдвигаем все влево на ширину границы */
text-align: center;
color: #E51919; /* Цвет текста в колонке */
}

#column_date p {
 padding: 5px; /* Поля вокруг абзаца текста */ 
 margin-top: 10px;
}

#column_content {
 border-left: 1px dashed #D4D4D4;
 padding: 5px;
 height: 100%;
 background-color: #F0F0F0;
}

div.clear {
 border-left: 1px dashed #D4D4D4;
 background-color: #F0F0F0;
padding-left: 20px;
height: 30px;
 clear: both; /* Убираем все плавающие элементы */
}


.post {margin-top: 11px;margin-left: 10px;}
.p-con a{color:#CC0C0C}
.p-con a:hover{color:#f00}
 
/* РАЗДЕЛ НОВОСТИ / АКЦИИ */

/* Стиль для кнопок в левой колонке */

.date_active,.news_title,.news_title_single,.date_single {font-family: verdana, helvetica, arial, sans-serif;font-weight: 700;color:#fff;letter-spacing:-1px;background-color: #E51919;padding: 5px;text-decoration: none;-moz-border-radius-topright: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px;}

.date_inactive a{color:#fff;}

.news_title:hover,.date_active:hover, .date_active a:hover{background-color: #f00;color:#fff;}

/* Стиль для кнопок открыть полностью и обсудить на форуме */

.open_news, .date_inactive {font-family: verdana, helvetica, arial, sans-serif;color:#525252;font-weight: 700;letter-spacing:-1px;background-color: #D4D4D4;padding: 5px;text-decoration: none;-moz-border-radius-topright: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px;}

.open_news:hover, .date_inactive:hover,.date_inactive a:hover{background-color: #A4A4A4;color:#fff;}

/* Стиль для отображения тела новости/акции */

.entry {font-size: 90%;}

/* Стиль для отображения навигации по страницам раздела новости/акции */

.navigation {margin-top: 10px;}
.wp-pagenavi a, .wp-pagenavi a:link {padding: 5px 14px;margin: 2px;font-weight: bold;font-size: 90%;-moz-border-radius-topright: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px;text-decoration: none;color: #E72828;}
.wp-pagenavi a:visited {padding: 5px 14px;margin: 2px;text-decoration: none;color: #E72828;}
.wp-pagenavi a:hover {font-weight: bold;color: #fff;background-color: #ED5656;}
.wp-pagenavi a:active {padding: 5px 14px;margin: 2px;text-decoration: none;color: #fff;}
.wp-pagenavi span.pages {padding: 5px 14px;margin: 2px 2px 2px 2px;color: #fff;background-color: #E72828;}
.wp-pagenavi span.current {-moz-border-radius-topright: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px;font-size: 90%;padding: 5px 14px;margin: 2px;font-weight: bold;color: #fff;background-color: #E72828;}
.wp-pagenavi span.extend {padding: 5px 14px;margin: 2px;color: #fff;}




.inner_left_column {float:left; width: 266px; height: 100%; color: #AC171F;}
.inner_left_column ul {list-style: none; padding: 0; margin: 0;}

.inner_left_column p.inner_left_column_menu_label {padding-bottom: 5px; padding-left: 15px;color: #000;}

.left_menu li{float:left;display:inline;background: #C0C0C0;}

.left_menu li a{float:left;color:#000; width: 251px; height: 30px; text-decoration: none; text-transform: none; font-variant: small-caps; font-weight: 600; font-size: 110%; padding-top: 20px; padding-bottom: 20px; padding-left: 15px;}
.left_menu li.current_page_item {background-image: none!important; background-color: #CA040D!important;}
.left_menu li.current_page_item a {background-image: none!important;}
.left_menu li a:hover {color:#fff;}
.left_menu li:hover {background-image: none!important; background-color: #505050!important;}

.inner_right_column {float: right; width: 700px;}
.left_column {float:left; width: 266px; color: #AC171F; height: 480px; background: #C0C0C0;}
.left_column li a{color: #AC171F;margin-left: 25px; margin-top: 25px;}
.right_column {float: right; width: 700px;}

.left_column_contacts {float:left; width: 266px; color: #AC171F; height: 480px; background: url(img/contacts_background.jpg);}

.edit a{font-size: 80%; color: #BABABA; text-decoration: underline;}
.edit a:hover {font-size: 80%; color: #000; text-decoration: underline;}

.alignleft a{color:#E51919;text-decoration: none;}
.alignleft a:hover{color:#f00;}
.alignright a{color:#E51919;text-decoration: none;}
.alignright a:hover{color:#f00;}

#home-content {position: relative; overflow-y: hidden; overflow-x: hidden; height: 100%; z-index:2;}

#home-content {width: 990px; height: 480px; padding:0; margin: 0;}

#home-content-connect {position: relative; overflow-y: hidden; overflow-x: width: 990px; height: 100%; z-index:2;}

#inner-content {position: relative; overflow-x: hidden; width: 990px; height: 100%; padding:0; margin: 0;}

.top_link {position: absolute; width: 100%; height: 30px;z-index: 999;}



img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


#actions {
  background-image: url(img/background-actions.gif);
  position: absolute;
  width: 300px;
  height: 221px;  
  top: 0;
  left: 0px;
}

#tariffs {
  background-image: url(img/background-tariffs.gif);
  position: absolute;
  width: 300px;
  height: 221px;  
  top: 236px;
  left: 0px;
}

#news {
  position: absolute;
  width: 300px;
  height: 455px;
  border: solid #CFCFCF 1px; 
  top: 0;
  left: 322px;
}

#services {
  background-image: url(img/background-services.gif);
  background-repeat: no-repeat;
  position: absolute;
  width: 345px;
  height: 220px;  
  top: 0px;
  left: 645px;
}

#payments {
  background-image: url(img/background-payments.gif);
  background-repeat: no-repeat;
  position: absolute;
  width: 345px;
  height: 220px;  
  top: 235px;
  left: 645px;
}

#slider{
margin:0;
padding:0;
width:300px;
list-style-type:none;
color:#000000;
height:400px;
}
#slider a{
display:block;
font-weight:normal;
text-decoration:none;
}
#slider ul{
overflow: hidden;
margin:0;
padding:0;
}
#slider li{
margin:0;
padding:0;
background-color: #FFFFFF;
list-style-type:none;
}
#slider li a{
width:300px;
display:block;
height:32px;
}
#slider li.firstitem a.closed{
color:#000000 !important;
background-image:url(img/news_tab_inactive.gif) !important;
}
#slider li.lastitem a.closed{
color:#000000 !important;
background-image:url(img/forum_tab_inactive.gif) !important;
}
#slider li li{
height:392px;
}
#slider li.firstitem a.opened{
background-image:url(img/news_tab_active.gif);
color:#FFFFFF;
}
#slider li.lastitem a.opened{
background-image:url(img/forum_tab_active.gif);
color:#FFFFFF;
}
#slider li.lastitem li{
margin-bottom:-4px;
}

#slider_news_holder, #slider_forum_holder {margin-left: 0px; width: 100%;}
 
#links {margin-top: 0px; height: 390px;}
  
#links p {border-bottom: 1px dotted #999;border-width: 1px 0;margin: 0px 0;}
 
#links p a {color: #404040;display: block;font: bold 85% Arial, Helvetica, sans-serif;padding: 5px;padding-top:15px; height: 58px;text-decoration: none;}
 
* html #links p a {width: 100%;}
 
#links p a:hover {background: #DFDFDF;}

#links a em {color: #333;	display: block;	font: normal 85% Verdana, Arial, Helvetica, sans-serif;	line-height: 125%;}
  
#links a span {color: #A8171F; font: normal 80% Verdana, Arial, Helvetica, sans-serif;line-height: 220%;}



.actions_holder {border: none;width:100%;height:100%;padding:0;margin: 0;}
.actions_holder img { position: absolute; left: 0; top: 0; margin-top:37px; margin-left: 6px; clear:both; }

.services_holder {border: none;width:100%;height:100%;padding:0;margin: 0;}
.services_holder img { position: absolute; left: 1px; top: 32px; clear:both; }

.payments_holder {border: none;width:95%;height:95%;padding:0;margin: 0;}
.payments_holder img { position: absolute; left: 1px; top: 32px; clear:both; }


#services-internet {position: absolute; left: 214px; top: 32px; width:130px; height:46px; background-image: url(img/pictures/services_block/services_numbers.gif); background-position: 0 0; z-index:999;}
#services-email {position: absolute; left: 214px;  top: 76px;width:130px; height:46px; background-image: url(img/pictures/services_block/services_numbers.gif); background-position: -130px 0; z-index:999;}
#services-gameservers {position: absolute; left: 214px; top: 126px;width:130px; height:46px; background-image: url(img/pictures/services_block/services_numbers.gif); background-position: -260px 0; z-index:999;}
#services-fileservers {position: absolute; left: 214px; top: 173px;width:130px; height:46px; background-image: url(img/pictures/services_block/services_numbers.gif); background-position: -390px 0; z-index:999;}

#services-internet:hover, #services-internet.activeSlide {background-position: 0 -46px; cursor: pointer;}
#services-email:hover, #services-email.activeSlide {background-position: -130px -46px; cursor: pointer;}
#services-gameservers:hover, #services-gameservers.activeSlide  {background-position: -260px -46px; cursor: pointer;}
#services-fileservers:hover, #services-fileservers.activeSlide  {background-position: -390px -46px; cursor: pointer;}

#payments-paycard {position: absolute; left: 214px; top: 32px; width:130px; height:61px; background-image: url(img/pictures/payments_block/payments_numbers.gif); background-position: 0 0; z-index:999;}
#payments-visa {position: absolute; left: 214px;  top: 96px;width:130px; height:61px; background-image: url(img/pictures/payments_block/payments_numbers.gif); background-position: -130px 0; z-index:999;}
#payments-webmoney {position: absolute; left: 214px; top: 158px;width:130px; height:61px; background-image: url(img/pictures/payments_block/payments_numbers.gif); background-position: -260px 0; z-index:999;}

#payments_paycard:hover, #payments-paycard.activeSlide {background-position: 0 -62px; cursor: pointer;}
#payments-visa:hover, #payments-visa.activeSlide {background-position: -130px -62px; cursor: pointer;}
#payments-webmoney:hover, #payments-webmoney.activeSlide  {background-position: -260px -62px; cursor: pointer;}


.services_internet {height: 121px; background: url(img/services_internet.gif);background-position: 0 0;}
.services_internet:hover {background: url(img/services_internet.gif);background-position: 0 -121px;}
.services_internet a {display: block; position: relative; width: 100%; height: 100%;z-index:10; }

.services_email {height: 121px; background: url(img/services_email.gif);background-position: 0 0;}
.services_email:hover {background: url(img/services_email.gif);background-position: 0 -121px;}
.services_email a {display: block; position: relative; width: 100%; height: 100%;z-index:10; }

.services_gameservers {height: 121px; background: url(img/services_gameservers.gif);background-position: 0 0;}
.services_gameservers:hover {background: url(img/services_gameservers.gif);background-position: 0 -121px;}
.services_gameservers a {display: block; position: relative; width: 100%; height: 100%;z-index:10; }

.services_fileservers {height: 121px; background: url(img/services_fileservers.gif);background-position: 0 0;}
.services_fileservers:hover {background: url(img/services_fileservers.gif);background-position: 0 -121px;}
.services_fileservers a {display: block; position: relative; width: 100%; height: 100%;z-index:10; }


#footer { padding: 20px 0 0 0; }

#fmenu {
  background-color: #BFBFBF;
  border-bottom: 1px solid #A2161E;
  width: 990px;
  height: 62px;
  position: relative;
  font-size: 13px;
}
 
#fmenu ul {
  padding: 23px 0 0 0;
  margin: 0 0 0 20px;
}
 
.fmenu_agent {position: absolute; left: 15px; top: 2px; width:305px; height:57px; background-image: url(img/download_agent.gif); background-position: 0 0;}
.fmenu_agent:hover {background-position: 0 -57px; cursor: pointer;}
.fmenu_payment {position: absolute; left: 400px; top: 15px; width:190px; height:30px; background-image: url(img/payment_button.gif); background-position: 0 0;}
.fmenu_payment:hover {background-position: 0 -30px; cursor: pointer;}

.payments_logo{float: left; position: relative; margin-left: 150px; margin-top: 5px; width: 270px; height: 65px;  background-image: url(img/visa_mastercard_home.gif);}

#fmenu li { padding-right: 30px;  }
 
#fmenu li a { color: #5F5F5F;}
#fmenu li a:hover { color: #000; }

#fsearch {right: 50px; top: 17px;}
 
#fsearch input #s {  width: 290px; }
#fsearch input #searchsubmit {  width: 50px; }

#copyright {
  clear: both;
  float: left; 
  font-size: 11px;
  color: #6c6c6c;
  padding: 0 0 30px 0;
  margin-top: 20px;
}
 
#copyright span {
  position: relative;
}


#copyright a {  color: #14aaef;  }