/*   
Theme Name: sytchev-diandlo
Description: Тема для diandlo.ru
Author: Алексей Сычёв
Author URI: http://sytchev.ru/
Version: 0.1
*/

* {margin:0; padding:0}
html {background:#fff; font-family: "trebuchet MS", Arial, Verdana; font-size: 0.8em;}
body {margin: 1em; background:#fff repeat-y 80% 0; min-width:640px;}
#menu {background:#cf3;}
#content {margin: 1em 0 0 0; width:70%; padding: 0 0 2em 2em;}
#sidebar {width:26.9%}
#header, .path, #content, #sidebar, #footer {overflow:hidden;}
#header, .path, #footer {width:100%}
#content, #sidebar {float:left}

a {color: #09439f;}
a:hover {color: #005cef;}
a img {border: none;}

dd {padding: 0 0 0 2em;}
dt {font-weight: bold; padding: 0 0 0 1em; font-size: 1.1em;}

#header {margin: 0 0 1em 0; background:#ededeb url(images/header-background.jpg) no-repeat 100% 0; min-width:640px; height: 165px; border: 1px solid #ccc;}
#top-title {float: left; margin: 1em 0 0 3em;}
#top-title h1, h2, h3 {font-size: 1.1em;}
.top-telephone {font-size: 1.6em;}

#language-selector {float: right; margin: 1em 2em 0 0; font-weight: bold; text-align: right;}
#ru {padding-left: 20px; background:url(images/ru.png) 0 50% no-repeat;}
#en {padding-left: 20px; background:url(images/en.png) 0 50% no-repeat;}

.path {border: 1px solid #ccc; font-size: 1.1em; margin: 1em 0;}
.path .cur-page-title {font-weight: bold;}
.path ul, .path li {display: inline;}
.path .page_item {display: none;}
.path .current_page_ancestor {display: inline;}
.path a {background:url(images/nav-arrow-right.png) no-repeat 100% 50%; padding: 0 20px 0 0;}
.path .path-main {padding: 0 0 0 1.2em;}

#footer {margin: 0 0 1em 0; border: 1px solid #ccc; font-size: 1.1em; background: #ccc; border: 1px solid #999;}
#footer_copyright {float: left; width: 230px; padding: 10px;}
#footer_contacts {text-align:left; width: auto; float: left; padding: 10px;}

/*#footer_webstudio {display: block; text-align:center; width: auto; float: left; height: 50px; margin: 10px 0 0 4em; padding: 0 0 0 55px; background: url(images/it-logistics.ru.png) no-repeat 0 50%;}*/

#footer_webstudio {display: block; text-align:center; width: auto; float: left; height: 50px; margin: 10px 0 0 4em; padding: 0 0 0 55px; }

#content h1 {font-size: 2em; padding: 0 0 0.5em 0.5em;}
#content h2 {font-size: 1.4em; padding: 0.5em 2em; display: block; width: 90%; clear: both;}
#content h4{font-size: 1.1em;}
#content p {text-indent: 2em; padding: 0 0 0.8em 0;}
#content ul , #content ol {padding: 0 0 0 4em;}

#content table, #content table td , #content table th, #content table tr {border: 1px solid black;}
#content table td, #content table th {padding: 0.3em;}
#content table th {background: #ededeb;}

#sidebar h3 {margin: 0 1em; font-size: 1.4em; border-bottom: 1px solid #d3d3d1;}
.sidebar-child {background:#ededeb; margin: 1em 0.5em; padding: 0 1em; border: 1px solid #d3d3d1;}
#sidebar p, #sidebar dd {color: #666; padding: 0 0 0 2em;}
#sidebar dt {font-weight: bold; padding: 0 0 0 1em; font-size: 1.1em; color: #000;}
#sidebar ul, #sidebar ol {margin: 0 0 0 2em;}
#sidebar li {margin: 0 0 0.5em 0;}
.emphasized {background-color:#edc3c3; color: #000;}

#content img {padding: 0 12px 8px 0; text-align: center;}
#content .wp-caption-text {text-align: center; padding: 0 1em;}
#content .wp-caption-text strong {font-size: 1.5em;}
#content .alignleft {padding: 0 0 3px 8px; float: left;  text-align: center;}
#content .alignright {padding: 0 0 3px 8px; float: right; text-align: center;}

/* CSS dropdown menu START */
ul.dropdown, ul.dropdown li, ul.dropdown ul {list-style: none; margin: 0; padding: 0;}
ul.dropdown {position: relative; z-index: 597; float: left;}
ul.dropdown li {float: left; line-height: 1.3em; vertical-align: middle; zoom: 1;}
ul.dropdown li.hover, ul.dropdown li:hover {position: relative; z-index: 599; cursor: default;}
ul.dropdown ul {visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%;}
ul.dropdown ul li {float: none;}
ul.dropdown ul ul {top: 1px; left: 99%;}
ul.dropdown li:hover > ul {visibility: visible;}
ul.dropdown a, ul.dropdown span {display: block; padding: 4px 6px;}
ul.dropdown ul a, ul.dropdown ul span {padding: 4px 0;}
ul.dropdown li {padding: 0; border: none;}
ul.dropdown li a, ul.dropdown *.dir {border-style: solid; border-width: 1px 1px 0; border-color: #fff;}
ul.dropdown ul li a, ul.dropdown ul *.dir {border: none;}
ul.dropdown-vertical li a, ul.dropdown-vertical *.dir {border-width: 1px 0 1px 1px;}
ul.dropdown-vertical-rtl li a, ul.dropdown-vertical-rtl *.dir {border-width: 1px 1px 1px 0;}
ul.dropdown li.hover *.open {position: relative; z-index: 600; margin: -1px 0; padding-top: 5px; padding-bottom: 5px; border-color: #f0f0f0 #666 #666 #f0f0f0; background-color: #fff; background-image: url(images/nav-arrow-down-open.png); color: #09439f; zoom: 1;}
ul.dropdown-horizontal li.hover *.open, ul.dropdown-upward li.hover *.open, ul.dropdown-linear li.hover *.open {float: left; zoom: none;}
ul.dropdown-vertical li.hover *.open {margin: 0 -1px; padding-top: 4px; padding-bottom: 4px; padding-left: 7px;}
ul.dropdown-vertical-rtl li.hover *.open {padding-right: 7px;}
ul.dropdown-vertical ul li.hover *.open {padding-right: 0; padding-left: 0;}
ul.dropdown ul li.hover *.open {position: static; z-index: 0; float: none; margin: 0; padding-top: 4px; padding-bottom: 4px; border: none;}
ul.dropdown ul li.hover *.open, ul.dropdown-vertical li.hover *.open {background-image: url(images/nav-arrow-right-open.png);}
ul.dropdown-vertical-rtl li.hover *.open, ul.dropdown-vertical-rtl ul li.hover *.open {background-image: url(images/nav-arrow-left-open.png);}
ul.dropdown-upward li.hover *.open {background-image: url(images/nav-arrow-up-open.png);}
ul.dropdown-upward ul li.hover *.open {background-image: url(images/nav-arrow-right-open.png);}
ul.dropdown a.dir:hover {background-image: url(images/nav-arrow-down-on.png) !important;}
ul.dropdown-upward a.dir:hover {background-image: url(images/nav-arrow-up-on.png) !important;}
ul.dropdown ul a.dir:hover, ul.dropdown-vertical a.dir:hover {background-image: url(images/nav-arrow-right-on.png) !important;}
ul.dropdown-vertical-rtl a.dir:hover, ul.dropdown-vertical-rtl ul a.dir:hover {background-image: url(images/nav-arrow-left-on.png) !important;}
ul.dropdown li:hover > *.dir {position: relative; z-index: 600; margin: -1px 0; padding-top: 5px; padding-bottom: 5px; border-color: #f0f0f0 #666 #666 #f0f0f0; background-color: #fff; background-image: url(images/nav-arrow-down-open.png); color: #09439f; zoom: 1;}
ul.dropdown-horizontal li:hover > *.dir, ul.dropdown-upward li:hover > *.dir, ul.dropdown-linear li:hover > *.dir {float: left; zoom: none;}
ul.dropdown-vertical li:hover > *.dir {margin: 0 -1px; padding-top: 4px; padding-bottom: 4px; padding-left: 7px;}
ul.dropdown-vertical-rtl li:hover > *.dir {padding-right: 7px;}
ul.dropdown-vertical ul li:hover > *.dir {padding-right: 0; padding-left: 0;}
ul.dropdown ul li:hover > *.dir {position: static; z-index: 0; float: none; margin: 0; padding-top: 4px; padding-bottom: 4px; border: none;}
ul.dropdown ul li:hover > *.dir, ul.dropdown-vertical li:hover > *.dir {background-image: url(images/nav-arrow-right-open.png);}
ul.dropdown-vertical-rtl li:hover > *.dir, ul.dropdown-vertical-rtl ul li:hover > *.dir {background-image: url(images/nav-arrow-left-open.png);}
ul.dropdown-upward li:hover > *.dir {background-image: url(images/nav-arrow-up-open.png);}
ul.dropdown-upward ul li:hover > *.dir {background-image: url(images/nav-arrow-right-open.png);}
ul.dropdown {font: bold 1.2em/normal Arial, Helvetica, sans-serif;}
ul.dropdown li {padding: 4px 6px; color: #09439f;}
ul.dropdown li.divider {border-top: solid 1px #e5e5e5;}
ul.dropdown li.hover, ul.dropdown li:hover {color: #09439f;}
ul.dropdown a:link, ul.dropdown a:visited { color: #09439f; text-decoration: none;}
ul.dropdown a:hover { color: #09439f; text-decoration: underline;}
ul.dropdown a:active { color: #000; }
ul.dropdown ul {width: 210px; padding: 3px 6px; border-style: solid; border-width: 1px; border-color: #f0f0f0 #666 #666 #f0f0f0; background-color: #fff; font-weight: normal; font-size: 1em;}
ul.dropdown ul li {}
ul.dropdown *.dir {padding-right: 25px; background-image: url(images/nav-arrow-down.png); background-position: 95% 50%; background-repeat: no-repeat;}
ul.dropdown-vertical ul {top: 0; left: 100%;}
ul.dropdown-vertical-rtl ul {right: 100%;}
ul.dropdown-horizontal, ul.dropdown-linear, ul.dropdown-upward {width: 100%;}
ul.dropdown-horizontal ul *.dir {padding-right: 25px; background-image: url(images/nav-arrow-right.png); background-position: 100% 50%; background-repeat: no-repeat;}
ul.dropdown-upward *.dir {background-image: url(images/nav-arrow-up.png);}
ul.dropdown-vertical *.dir {background-image: url(images/nav-arrow-right.png); background-position: 180px 50%;}
ul.dropdown-vertical ul *.dir, ul.dropdown-upward ul *.dir {background-image: url(images/nav-arrow-right.png); background-position: 100% 50%;}
ul.dropdown-vertical-rtl *.dir {padding-right: 6px; padding-left: 25px; background-image: url(images/nav-arrow-left.png); background-position: 5px 50%;}
ul.dropdown-vertical-rtl ul *.dir {padding-right: 0; background-image: url(images/nav-arrow-left.png); background-position: 0 50%;}
/* CSS dropdown menu END */