/*-----------------------------------------------------------------------------
Leo Telecom Screen Stylesheet

version:   1.0
date:      12/02/08
author:    Alexander Chuprin
email:     a.s.chuprin@gmail.com
website:   www.chuprin.com

-----------------------------------------------------------------------------*/


/* Global 
---------------------------------------------------------- */

* {	padding:0; margin:0; }
html, body { width: 100%; height: 100%; }
body {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #083754;
	background: #fff;
}

	.poloska {width: 100%; min-width: 970px; height: 34px; border-bottom: 1px solid #fff; background: url(/images/poloska-bg.gif) left top repeat-x;}
	.proects-block {width: 14%; height: 34px; float: left;}
	.proects {height: 34px; background: url(/images/proects-bg.png) right top no-repeat; padding: 0 100px 0 0; margin-right: 4px;}
	.proects-bg {width: 100%; height: 25px; float: left; background: #ff1800; padding: 9px 0 0 11px; text-align: right; font: 11px Tahoma; color: #fff;}

	.leo-list-block {float: left; width: 100%;}
	.leo-list-block table {width: 100%; min-width: 1000px;}

.leo-list-block table tr td {text-align: center; vertical-align: top; padding: 6px 0 0 0;}
.leo-list-block table tr td.td01 {padding: 0!important; height: 34px; background: #ff1800;}

/*	.leo-list-block table tr td {text-align: center; vertical-align: top; padding-top: 6px;}
	.leo-list-block table tr td.td01 {padding: 0!important; height: 34px; background: #ff1800;} */
	.leo-list-block table tr td.td02 {width: 111px; padding: 9px 0 0 0!important; background: #ff1800 url(/images/proects-bg.png) right 4px no-repeat; text-align: left; font: 11px Tahoma; color: #fff;}
	.leo-list-block table tr td.td03 {padding: 0!important; height: 34px; background: url(/images/proects-bg1.png) center top no-repeat; font-size: 8px;}
	
	.leo-list-block table tr td.td1 {width: 151px;}
	.leo-list-block table tr td.td2 {width: 225px;}
	.leo-list-block table tr td.td3 {width: 139px;}
	.leo-list-block table tr td.td4 {width: 143px;}
	.leo-list-block table tr td.td5 {width: 174px;}
	.leo-list-block table tr td.td6 {width: 25px;}

.leo-list-block table tr td p {float: left; padding-left: 7px; margin: 0;}

/*	.leo-list-block table tr td p {float: left; padding-left: 7px;}*/
	.leo-list-block table tr td p span {display: block; float: left; padding: 3px 7px 0 0; height: 18px; font: 11px Arial, Helvetica, sans-serif; color: #d0edff;}
	.leo-list-block table tr td p span a {color: #00459a;}
	.leo-list-block table tr td p.active {background: url(/images/leo-list-bg1.gif) left top no-repeat;}
	.leo-list-block table tr td p.active span {background: url(/images/leo-list-bg2.gif) right top no-repeat; color: #fff;}
	.leo-list-block table tr td p.active span a {color: #fff; text-decoration: none;}
	a.close {display: block; width: 9px; height: 8px; margin: 5px auto 0 auto; background: url(/images/close.png) no-repeat; cursor: pointer; text-indent: -9000px;}
	
	
	.poloska1 {background: url(/images/poloska-bg1.gif) left top repeat-x;}
	.poloska1 .leo-list-block table tr td.td01 {background: #ff7a00;}
	.poloska1 .leo-list-block table tr td.td02 {background: #ff7a00 url(/images/proects-bg-1.png) right 4px no-repeat;}
	.poloska1 .leo-list-block table tr td.td03 {background: url(/images/proects-bg1-1.png) center top no-repeat;}
	.poloska1 .leo-list-block table tr td p span {color: #a3e1e5;}
	.poloska1 .leo-list-block table tr td p span a {color: #f27017;}
	.poloska1 .leo-list-block table tr td p.active {background: url(/images/leo-list-bg1-1.gif) left top no-repeat;}
	.poloska1 .leo-list-block table tr td p.active span {background: url(/images/leo-list-bg2-1.gif) right top no-repeat; color: #fff;}
	.poloska1 .leo-list-block table tr td p.active span a {color: #fff; text-decoration: none;}
	
	.poloska2 {background: url(/images/poloska-bg2.gif) left top repeat-x;}
	.poloska2 .leo-list-block table tr td.td01 {background: #ff7a00;}
	.poloska2 .leo-list-block table tr td.td02 {background: #ff7a00 url(/images/proects-bg-1.png) right 4px no-repeat;}
	.poloska2 .leo-list-block table tr td.td03 {background: url(/images/proects-bg1-2.png) center top no-repeat;}
	.poloska2 .leo-list-block table tr td p span {color: #eff9ff;}
	.poloska2 .leo-list-block table tr td p span a {color: #000;}
	.poloska2 .leo-list-block table tr td p.active {background: url(/images/leo-list-bg1-2.gif) left top no-repeat;}
	.poloska2 .leo-list-block table tr td p.active span {background: url(/images/leo-list-bg2-2.gif) right top no-repeat; color: #fff;}
	.poloska2 .leo-list-block table tr td p.active span a {color: #fff; text-decoration: none;}


p, pre, blockquote, form, label, ul, ol, dl, fieldset, address {
	margin: 15px 0;
	font-size: 1em;
}
h1, h2, h3, h4, h5, h6 {
	margin: 25px 0 15px 0;
}
li, dd, blockquote { 
	margin-left: 30px; 
}

h1 { font-size: 1.8em; font-weight: normal; margin-top: 0; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.1em; }
h4 { font-size: 1.0em; }
h5 { font-size: 0.9em; }
h6 { font-size: 0.8em; }
.title { position: relative; margin-top: 0; padding: 9px 0 7px 13px; background: url(/images/title_bullet.gif) no-repeat; }

/* Table 
table { border-collapse: collapse; border: 0; }
table td { padding: 0px; vertical-align: top; text-align: left; }
table.styled { width: 100%; }
table.styled td, table.styled th { padding: 7px; border: 1px solid #9faeb6; }
table.styled th { border-top: 0; background: url(/images/th_bg.gif) repeat-x; }
*/

table { border: 1; }
table td { padding: 0px; vertical-align: top; text-align: left; }
table.styled { width: 100%; }
table.styled td, table.styled th { padding: 7px; border: 1px solid #9faeb6; }
table.styled th { border-top: 0; background: url(/images/th_bg.gif) repeat-x; }


/* Inputs */
input { padding-left: 3px; }

/* Lists */



/* Text */
p { line-height: 1.3em; }

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

.last { border-bottom: none !important; border-right: none !important; margin-right: 0 !important; background: none !important; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.middle { vertical-align: middle; }
.fleft { display: block; float: left; }
.fright { display: block; float: right; }

/* Links 
---------------------------------------------------------- */

a img { border: 0; }
a {
	color: #083754;
}
a:hover, a:focus, a:active {
}
:focus
{
  -moz-outline-style: none;
}
/* Layout 
---------------------------------------------------------- */

#page { position: relative; min-width: 995px; min-height: 100%; height: auto !important; height: 100%; background: url(/images/body_bg.gif) 100% 100% no-repeat; font-size: 1.2em; }
/* #header { margin: 0 29px 0 0; padding: 57px 0 25px 0; background: url(/images/header_bg.gif) no-repeat; overflow: hidden; zoom: 1; } */
#header { margin: 62px 29px 0 0; padding: 1px 10px 25px 10px; height: 61px; overflow: hidden; zoom: 1; }
#content { width: 100%; margin: 10px 0; overflow: hidden; zoom: 1; }
#wrapper { padding: 0 29px; }
#sidebar-left { position: relative; float: left; width: 22%; background: url(/images/aside_bg.gif) repeat-x #f8f8f9; }
	#sidebar-left .wrapper { padding: 0; }
#main { float: left; width: 100%; margin: 0 -25%; padding: 0; }
#main-container { margin:0 20% 0 27%; text-align: justify;}
#main-container img { display: block; margin: 8px 8px 8px 0; }
#sidebar-right { float: right; width: 20%;  background: url(/images/aside_bg.gif) repeat-x #f8f8f9; }
	#sidebar-right .wrapper { padding: 15px; }
#footer { margin: 30px 29px 0; padding: 0 0 30px 0; overflow: hidden; zoom: 1; }

/* Header
---------------------------------------------------------- */

#logo {
left:0;
position:absolute;
top:-63px;
}

#search { float: right; width: 303px; background: url(/images/search_bg.gif) 100% 0 no-repeat; }
#search form { margin: 20px 0; padding: 0 0 0 22px; overflow: auto; zoom: 1; }
#search input { float: left; padding: 0; border: none; }
#search #search-query { width: 190px; height:16px; padding: 1px 3px 0px; border: solid 1px #fff;}
#search label { float: left; margin: 0; }

#site-title { margin: 0 0 0 297px; line-height: 0.9em; font-size: 2.5em; }
#site-title img { display: block; margin: 5px 0 0 3px; }
#site-title2 { margin:10px 0 0 297px; line-height: 0.9em; font-size: 1.5em; color: #ff7a01;}
#site-title2 a { color: #ff7a01; }


/*#nav { margin: 0 29px; padding: 0 10px; background: url(/images/nav_bg.gif) repeat-x; }*/
#nav { margin: 0 29px; padding: 0 10px 0 10px; background: url(/images/nav_bg.gif) repeat-x; }
#nav ul { margin: 0; overflow: auto; zoom: 1; }
#nav ul li { float: left; margin: 0 23px 0 0; padding: 8px 0 20px 13px; background: url(/images/nav_split.gif) no-repeat; list-style: none; font-size: 1.2em; font-weight: bold; }
#nav ul li.active { background-image: url(/images/nav_split_active.gif); color: #ff0000; }
#nav ul li a { text-decoration: none; }

/* Content
---------------------------------------------------------- */

#block-head { margin: 0 0 40px 0; overflow: hidden; zoom: 1; }
#block-head p { margin: 0; 
display: table;
_height: 0;
zoom: 1;
}
#block-head div { float: right; width: 53%; overflow: hidden; margin: 0 1px 0 15px; padding: 0 0.6% 0 0; background: url(/images/img_4.jpg) #000 100% 0 no-repeat; }
#block-head img { display: block; }

.catalog-categories ul { margin: 0 0 15px 0; overflow: hidden; zoom: 1; }
.catalog-categories li { float: left; width: 33.3%; margin: 0 0 25px 0; list-style: none; }
.catalog-categories li .wrapper { height: 200px; padding: 0 15px 0 10px; background: url(/images/categories_bg.gif) repeat-x #f8f8f9; }
.catalog-categories li.l .wrapper { margin: 0 6% 0 0; }
.catalog-categories li.c .wrapper { margin: 0 3%; }
.catalog-categories li.r .wrapper { margin: 0 0 0 6%; }
.catalog-categories li img { float: right; margin: 12px 0 0 20px; }
.catalog-categories li ul { margin: 15px 0 0 0; }
.catalog-categories li li { float: none; width: auto; height: auto; margin: 0 0 0 14px; background: none; font-size: 0.9em; padding: 1px 0; }

/* Form styles */
div.form-container { margin: 10px; padding: 5px; background-color: #FFF; }

p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }

div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }

div.form-container form p { margin: 0; }
div.form-container form p.note { margin-left: 170px; font-size: 90%; color: #333; }
div.form-container form fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; }
div.form-container form legend { font-weight: bold; color: #666; }
div.form-container form fieldset div { padding: 0.25em 0; }
div.form-container label, 
div.form-container span.label { margin: 0 10px 0 0; padding: 2px 10px 1px 0; width: 150px; display: block; float: left; text-align: right; position: relative; }
div.form-container label.error, 
div.form-container span.error { color: #C00; }
div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-container input.error { border-color: #C00; background-color: #FEF; }
div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus {	background-color: #f8f8f9; }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; border: none; }
div.form-container div.controlset div { margin-left: 170px; }
div.form-container div.buttonrow { margin-left: 180px; }

/* Sidebar (Left)
---------------------------------------------------------- */
#catalog-nav ul { margin: 10px 0; }
#catalog-nav li { position: relative; margin: 0; padding: 9px 0 7px 13px; background: url(/images/title_bullet.gif) no-repeat; font-weight: bold; font-size: 1.2em; }
#catalog-nav li li { margin-left: 20px; padding: 2px 0; background: none; list-style: none; font-weight: normal; font-size: 0.9em; }
#catalog-nav li li li { margin-left: 10px; font-size: 1em; }
#catalog-nav li li li li { margin-left: 20px; font-size: 0.9em; }
#catalog-nav .active { color: #ff0000; }
#catalog-nav .active { position: relative; margin: 0 0 0 -41px; padding: 0 0 0 42px; background: url(/images/catalog_nav_active.gif) 0 70% no-repeat; zoom: 1; }
#catalog-nav a { text-decoration: none; }
#catalog-nav span { cursor: pointer; }
.collapsable > span { color: red; }
#page-nav li { background: none;}



/* Sidebar (Right)
---------------------------------------------------------- */




/* Footer 
---------------------------------------------------------- */

#made-in { float: left; margin: 9px 0 0; }
#footer-contacts { float: left; margin: 0 0 0 60px; font-size: 0.9em; color: #8da0aa; }
#footer-contacts a { color: #8da0aa; }
#counters { float: left; margin: 8px 0 0 30px; word-spacing: 8px; }