/*	CSS-Framework

	Version		: 0.3.1
	File name	: cssf-base.css
	Author		: Aleksej Romanovskij (http://css-framework.ru)
	License		: Creative Commons Attribution 3.0 Unported License (http://creativecommons.org/licenses/by/3.0/)
	
------------------------------ */

/* Core
------------------------------ */

* { margin: 0; padding: 0; }

a:focus { outline: none; }
.hidden { display: none; }
address { font-style:normal; }
.show { display: block!important; }
.no-margin { margin: 0!important; }
.no-padding { padding: 0!important; }
.no-bg { background: none!important; }
.no-border, a img { border: none!important; }
.no-bullets li { list-style: none; }
.no-flow { overflow: hidden; }
.container:after, .columns:after, .links:after  { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.img-repl { text-indent: -9999px; overflow: hidden; display: block; }
.cell { background: #e8edf4; }
.t-holder { padding-bottom: 6px; padding-left: 12px; }
.cc { clear: both; }
.br { display:block;}

/* Main styles
------------------------------ */

html { background: #fff; font: 12px/18px "Lucida Grande", Arial, Helvetica, sans-serif; }
body {  }

a { }
a:visited {  }
a:hover {  }
a:active {  }

/* Colors
---------------------------------------- */

.c-blue, a { color: #0066cc; }
.c-black, html { color: #000; }

/* Layout
------------------------------ */
.container { clear:both; }
.layout { margin-left: -10px; /*word-spacing: -1em;*/ }
.layout-box { float: left; clear: right; margin: 0 0 20px 10px; /*display: inline-block; vertical-align: top; word-spacing: normal;*/ }

/* 960/12 = 80 (70 + (5 + 5)) */

.lb-12 { width: 932px; }/* 100% */
	.lb-11 { width: 870px; } /* 50% */
	.lb-10 { width: 790px; } /* 50% */
	.lb-9 { width: 710px; } /* 50% */
.lb-8 { width: 618px; } /* 50% */
	.lb-7 { width: 550px; } /* 50% */
	.lb-6 { width: 470px; } 
	.lb-5 { width: 390px; } /* 50% */
.lb-4 { width: 304px; } /* 33% */
	.lb-3 { width: 230px; } /* 25% */
	.lb-2 { width: 150px; } /* 25% */
	.lb-1 { width: 70px; }


/* Template Blocks
------------------------------ */

.page { width: 932px; margin: 0 auto; background: #fff; padding: 0 10px; }

/* Horizontal Menu
------------------------------ */

.menu-h { overflow: hidden; border-left: 1px solid #ccc; }
.menu-h li { float: left; list-style: none; padding: 0 .8em; border-right: 1px solid #ccc; }
.menu-h a { text-decoration: none; display: block; }
.menu-h a:hover { text-decoration: underline; }

/* Horizontal Drop Down Menu
------------------------------ */

.menu-h-d { min-height: 24px; border-left: 1px solid #ccc; }
.menu-h-d li { float: left; display: block; position: relative; border: 1px solid #ccc; border-width: 1px 1px 1px 0px; list-style: none; }
.menu-h-d a { text-decoration: none; padding: 2px 10px; display: block; }

.menu-h-d ul { display: none; position: absolute; top: 22px; left: -1px; width: 160px; background: #fff; border: 0; border-bottom: 1px solid #ccc; }
.menu-h-d ul ul { left: 100%; top: -1px; }

.menu-h-d li li { float: none; border-width: 1px 1px 0px 1px; }

.menu-h-d li:hover { background: #ccc; }
.menu-h-d a:hover { color: #fff; }

.menu-h-d li:hover ul ul,
.menu-h-d li:hover ul li:hover ul ul { display: none; }

.menu-h-d li:hover ul,
.menu-h-d li:hover ul li:hover ul,
.menu-h-d li:hover ul li:hover ul li:hover ul { display: block; }

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

.content h1, .content .h1, .content h2, .content .h2, .content h3, .content .h3, .content h4, .content .h4, .content h5, .content .h5, table caption { font: 1.7em/30px Arial, Helvetica, sans-serif; margin-bottom: 10px; }
.content h2, .content .h2 { font-size: 1.5em; }
.content h4, .content .h4 { font-size: 1.1em; font-weight: bold; }
.content h5, .content .h5 { font-size: 1em; font-weight: bold; }


blockquote { margin-left: 3em; font-style: italic; }
code, pre { font-family: "Monaco", "Courier New", Courier, monospace; }
pre { border: 1px dashed #aaa; line-height: 1.7em; padding: 5px; font-size: .9em; background-color: #eee; margin: 0; }
strong, .strong { font-weight: bold; }
em, .em { font-style: italic; }
dfn { font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
sup, sub { vertical-align: baseline; position: relative; }
sup { top: -0.4em; }
sub { bottom: -0.3em; }
small, .small { font-size: 0.8em; }
big, .big { font-size: 1.2em; }
.page-content ul { margin-left: 30px; }
hr { color: #ccc; background-color: #ccc; height: 1px; border-width: 0px; }

.content ul, .content ol { margin-left: 3em; line-height: 20px; }
.content ul li, .content ol li {  }

.content dl {  }
.content dl dt { margin-bottom: .2em; font-weight: bold; }
.content dl dd { padding-left: 5em; margin-bottom: .4em; }

.icons a, .icon { padding: 1px 0 1px 20px; background-repeat: no-repeat; background-position: left center; }

.content p, .content ul, .content ol, .content dl, .content table, blockquote, address, pre, .columns, .content img, hr { margin-bottom: 20px; }

.box { padding: 11px; }
.box-header {  }
.box-content {  }
.box-footer {  }

/* Text align, float
------------------------------ */

.a-left { text-align: left; }
.a-center { text-align: center; }
.a-right { text-align: right; }

.f-left { float: left; }
.f-right { float: right; }

/*	Tables
------------------------------ */

table { border-collapse: collapse; width: 100%; }
table caption { text-align: center; }
table th, table td { border: 1px solid #ccc; padding: 2px 5px; vertical-align: top; }
/*table th:first-child, table td:first-child { padding-left: 0; }*/
table th { background: #f4f4f4; font-weight: normal; text-align: left; }
table td {  }
.t-holder table.small { width:500px; }

/*	Columns
------------------------------ */

.columns { }
.w-5, .w-10, .w-15, .w-20, .w-25, .w-30, .w-35, .w-40, .w-45, .w-50, .w-55, .w-60, .w-65, .w-70, .w-75, .w-80, .w-85, .w-90, .w-95, .w-100, .w-33, .w-66, .w-38, .w-62 { float:left; clear: right; background: #ccc; }

.col-content { padding: 0 6px; white-space: normal; }
.col-first { padding-left: 0!important; }
.col-last { padding-right: 0!important; }

.w-5 { width: 5%; }
.w-10 { width: 10%; }
.w-15 { width: 15%; }
.w-20 { width: 20%; }
.w-25 { width: 25%; }
.w-30 { width: 30%; }
.w-35 { width: 35%; }
.w-40 { width: 40%; }
.w-45 { width: 45%; }
.w-50 { width: 50%; }
.w-55 { width: 55%; }
.w-60 { width: 60%; }
.w-65 { width: 65%; }
.w-70 { width: 70%; }
.w-75 { width: 75%; }
.w-80 { width: 80%; }
.w-85 { width: 85%; }
.w-90 { width: 90%; }
.w-95 { width: 95%; }
.w-100 { width: 100%; }

.w-33 { width: 33.33%; }
.w-66 { width: 66.66%; }

.w-38 { width: 38%; }
.w-62 { width: 62%; }

/* Images
------------------------------ */

.content img { padding: 5px; border: 1px solid #ccc!important; background: #fff; }
.content img.null-image { padding: 0!important; border: none!important; margin: 0!important; }
img.f-left { margin-right: 1em; }
img.f-right { margin-left: 1em; }

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

.container form { padding: .5em 0; }
.container fieldset { margin-bottom: 1em; border: none; }
.container legend { margin-top: -1px; padding-bottom: 1em; font-size: 1.1em; font-weight: bold; }

.container .f-row { overflow: hidden; margin-bottom: .5em; }
.container label { float: left; text-align: right; width: 25.99%; padding: 0 2%; }
.container .f-inputs { padding-left: 30%; display: block; }

#pcs   { width:50px; margin-bottom:10px; }
#lgth  { width:50px; margin-bottom:10px; }
#wdth  { width:50px; margin-bottom:10px; }
#hght  { width:50px; margin-bottom:10px; }
#wght  { width:50px; margin-bottom:10px; }


.f-actions { padding-top: 1em; border-top: 1px solid #ccc; }

/* Message box
---------------------------------------- */

/*.message { border: 1px solid #ccc; padding: 1em; }*/

/* Inputs
------------------------------ */

input { vertical-align: middle }
.i-checkbox { margin-top: 3px; }
.i-radio { }
.i-select, select { width: 307px; padding: 1px; }
.i-text, select { width: 300px; padding: 1px; font: 1em Verdana; }
.i-button { padding: 0 .25em; width: auto; overflow: visible; cursor: pointer; }

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

/* Main colors and styles
----------------------------------*/
.red { color:#dc2300;}

#header { margin:22px 10px 10px 10px;}
/* Logo
----------------------------------*/
#logo, .logo-small 			{ float:left; display:inline-block;}

/* Languages
----------------------------------*/
.flag { }


/* Index page message box
----------------------------------*/
.message 					{ width:930px; height:	380px; background: transparent url(../i/header-image.html) no-repeat 0 0; border: 1px solid #7e7e7e; }
.message-box 				{ width:450px; background-color:#FFF; background:transparent url(../i/pix-w.html); margin: 38px; font-size: 14px; line-height:25px; padding:17px 23px; }

/* Inner page top image
----------------------------------*/
.page-image 					{ width:930px; height: 102px; background: transparent url(../i/header-ship.html) no-repeat 0 0; border: 1px solid #7e7e7e; position:relative; }
.page-image-top 				{ position:absolute; top:-51px; left:187px; display:block; width:90px; height:51px; background: transparent url(../i/header-ship-top.html) no-repeat 0 0;}


/* Index page big-blocks
----------------------------------*/
.big-block 						{ width: 302px; height: 263px; border: 1px solid #7e7e7e; background: transparent url(../i/bg-containers.html) no-repeat 0 0; position:relative;}
.big-block-text 				{ width: 272px; background: transparent url(../i/pix-w.html); position:absolute; bottom: 0; padding: 10px 15px;}
.ships 						{ background-image:url(../i/bg-containers.html); }
.planes 					{ background-image:url(../i/bg-planes.html); }
.cars 						{ background-image:url(../i/bg-cars.html); }

.block 						{ width:200px; height:66px; padding-top: 12px; background: transparent url(../i/bg-block.html) repeat-x; border: 1px solid #e5ebee; position:relative; padding-left: 15px; padding-right:87px;}
.block .block-image 		{ width:85px; height:75px; background: transparent url(../i/ico-1.html) no-repeat 100% 50%; display:block; position:absolute; top:0; right: 0; }
.img-left 					{ padding-left: 90px; padding-right:0;}
.img-left .block-image 		{ left:15px; right:auto;}
.page .boxes 				{ background-image:url(../i/ico-n-1.html);}
.page .cont 				{ background-image:url(../i/ico-n-2.html);}
.page .truck 				{ background-image:url(../i/ico-n-3.html);}

/* Links
----------------------------------*/
.links { display:block; border: 1px solid #e5ebee; /*min-height: 300px;*/}

/* Footer
----------------------------------*/
.footer-logos 				{ float:right; width:770px;}
.footer-logos.error404		{ height:150px; }
.footer-logos li 			{ float:right; list-style:none; margin: 0 0 15px 25px; }

.b-contacts { width: 160px; }

/* Inner page
----------------------------------*/
h1								{ font-size:28px; color:#232323; line-height:40px; margin-bottom:16px; margin-top: -5px;}
h2 								{ font-size:18px; margin-bottom:10px;}
h3								{ font-size:14px; font-weight: bold; margin: 10px 0;}
h4								{ font-size:14px; margin-bottom:10px;}

.page-content 					{ font-size: 14px; line-height: 28px;}
.page-content p,
.page-content ul 				{ margin-bottom:15px; clear:both;}
.image-l 						{ display:block; margin-top: ;}
.image-l span.i					{ margin: 7px 0px 10px 0px; float:left; position:relative; display:block; width:124px; height:72px;}
.image-l span.i img				{ position:absolute; left:-27px;}

.sibedar-box					{ width:280px; min-height:232px; padding:9px 12px; background:#f3f8ff; margin-bottom:10px; position:relative;}
.sibedar-box p 					{ margin-bottom:1.5em;}
.sidebar-image 					{ position:absolute; bottom:0; right: 0;}
.page .s-truck					{ right:-16px; bottom:-13px;}
.page .s-cont					{ right:-30px; top:-10px;}

.logo-list                      { padding-top: 15px; list-style: none; zoom: 1; }
.logo-list li                   { overflow: hidden; list-style: none; padding-bottom: 25px; zoom: 1; }

/* Navigation
----------------------------------*/
#navigation							{ list-style:none; float:left; margin: 9px 0 0 80px;}
#navigation li 						{ float:left; margin: 0 10px; position:relative; z-index:100; height: 35px;}
#navigation li a, .level-0 li.current					{ display:block; font-size: 14px; line-height: 17px; font-weight:bold; color:#000; text-transform: uppercase; text-decoration:none;  padding-right:35px;}
#navigation li a:hover, #navigation.level-0 li.current span, #navigation.level-0 li.current a 				{ color:red;}
#navigation li .level-1 li.current span, #navigation li .level-1 li.current a { color: red !important; }
#navigation li span.expand 			{ background: transparent url(../i/menu-arrow.html) no-repeat right center; display:inline-block; width:27px; height:25px; position:absolute; top:3px; right:0; cursor: pointer;}		
/*#navigation li.active a,*/
#navigation li.active span.expand:hover,
#navigation li.active span.expand,
#navigation li:hover span.expand 	{ background-image:url(../i/menu-arrow-active.html); color:red; cursor: pointer;}
#navigation li.single 				{ padding-top:4px;height: 31px; }
#navigation li.single a				{ min-height: 25px; line-height:25px;}
#navigation li.single li a			{ min-height:30px; line-height:30px;}

#navigation li:hover ul 			{ display: block; }
#navigation li.hide ul 				{ display:none;}



#navigation li ul 					{ display: none; visibility: visible; position: absolute; right: 0; top: 30px; padding-top: 7px; height: auto; width: auto; min-width: 190px;}
#navigation li ul li				{ position: relative; z-index: 1; display: block; float: none; line-height: 30px; height: 30px; padding: 0; margin: 0; background: none; list-style: none;
									/*background: url(../images/site/design/header-menu-ul-li-ul-li.gif) repeat-x;*/ }
#navigation li ul li.first a 		{ border-color: #fff #ced8df #ced8df #ced8df; }
#navigation li ul li:hover 			{ z-index: 10;}
#navigation li ul li a, #navigation li .level-1 li.current span				{ display: block; float: none; padding: 0 14px; white-space: nowrap; line-height: 30px; height: 30px; border: 1px solid #ced8df; border-width: 1px 0; background: url(../i/header-menu-ul-li-ul-li.html) repeat-x 0 0 !important; position: relative; font-size:12px; text-transform:none;}
#navigation li ul li a:hover 		{ color: #000; background: #fff !important; border-color: #ff0000!important; }
#navigation li ul li a .start,
#navigation li ul li a .end 		{ display: none; position: absolute; top: -1px; height: 32px; }
#navigation li ul li a .start 		{ left: -2px; width: 2px; background: url(../i/header-menu-ul-li-start.html) no-repeat; }
#navigation li ul li a .end 		{ right: -15px; width: 15px; background: url(../i/header-menu-ul-li-end.html) no-repeat top right; }
#navigation li ul li a:hover .start,
#navigation li ul li a:hover .end 	{ display: block; }

#header #navigation li ul li a { color:#000;}

/* FAQ
----------------------------------*/

ul.faq { list-style: none; margin-left:0; margin-top: 20px;}
ul.faq li { margin-bottom: 10px; background: transparent url(../i/f-arrows.html) no-repeat 0 10px;}
ul.faq li:hover {background-position: 0 -83px;}
ul.faq li p { margin-bottom: 5px; }

ul.faq li a {  padding-left: 24px; display: block; }


ul.faq li a:link, ul.faq li a:visited {color: #333; text-decoration: none;}
ul.faq li a:hover, ul.faq li a:active {color: #000; text-decoration: underline;}

ul.faq li ul { margin-left: 15px; }
ul.faq li ul li { margin-bottom: 5px; }

/* FAQ-CATS
----------------------------------*/
.faq-cats {background: none; border: 1px solid #e6ecef; width:272px; padding: 15px; min-height: 0; margin-bottom: 20px;}
.faq-cats h3 {color: #c30; margin: -3px 0 10px;}
.faq-cats ul {list-style: none; margin-bottom: -10px;}
.faq-cats ul li { margin-bottom: 10px; background: transparent url(../i/f-arrows.html) no-repeat 0 5px;}
.faq-cats ul li.active, .faq-cats ul li.active:hover {background-position: 0 -188px; font-weight: bold;}
.faq-cats ul li:hover {background-position: 0 -88px;}

.faq-cats ul li a, .faq-cats ul li span {  padding-left: 14px; display: block; }
.faq-cats ul li a:link, .faq-cats ul li a:visited {color: #333; text-decoration: none;}
.faq-cats ul li a:hover, .faq-cats ul li a:active {color: #000; text-decoration: underline;}


.links .columns { margin: 10px 10px 0px 10px; }
.links .w-25 { background-color: #FFF; width: 24%; }
.links dl {  }
.links dl dt { font-weight: bold; line-height: 17px; }
.links dl dt a { color: #d31e00; text-decoration:none; }
.links dl dt a:hover { color: #d31e00; text-decoration:underline; }
.links dl dd { padding-top: 6px; }
.links dl ul { margin-bottom: 19px; list-style: none; }
.links dl ul li { background: none; padding: 0; margin-bottom: 4px; }
.links dl ul li a { text-decoration: none; color: #403f3f; white-space: normal; }
.links dl ul li a:hover { text-decoration: underline; }


/* Breadcrumbs
----------------------------------*/
.breadcrumbs       { margin-bottom: 20px; font-size: 10px; position: relative;}
.breadcrumbs ul    { list-style: none; }
.breadcrumbs li { margin: 0 10px 0 0; background: transparent url(../i/f-arrows.html) no-repeat 0 5px; float: left; white-space: nowrap; }
.breadcrumbs li.active, .breadcrumbs ul li.active:hover { background-position: 0 -188px; font-weight: bold; }
.breadcrumbs li:hover { background-position: 0 -88px; }
             
.breadcrumbs li a, .breadcrumbs ul li span           { padding-left: 14px; display: block; }
.breadcrumbs li a:link, .breadcrumbs ul li a:visited { color: #333; text-decoration: none;}
.breadcrumbs li a:hover, .breadcrumbs ul li a:active { color: #000; text-decoration: underline;}

.breadcrumbs #home      { background: none; }
.breadcrumbs #home span { color: red; display: inline; padding-left: 0; }
.breadcrumbs #home a    { padding-left: 0; }

.show-box { display:none; width:500px; background-image:url(../temp/palletes.html);} 
.show-box .close { background-image:url(../i/close.html); position:absolute; left:-12px; top:-12px; cursor:pointer; height:28px; width:28px; }

.bb a:link, .bb a:visited {color: #000; text-decoration: none;}
.bb a:hover, .bb a:active {color: #06c; text-decoration: underline;}

.bb ul li {white-space: nowrap;}
.bb .block {padding-right: 86px; padding-left: 16px;}

.contacts {padding: 9px 11px 9px 13px;}
.contacts address {line-height: 36px; margin-bottom: 10px;}
.contacts .skypeme {padding-left: 5px;}
.contacts .skypeme img {margin-left: -10px;}

/* Header top 
----------------------------------*/
#header-top 					{ padding-bottom:13px; margin-bottom:15px; border-bottom: 1px solid #e5ebee; overflow:hidden;}
#header-top li 					{ float:left; list-style:none;}
#header-top li.r2				{ padding-top:0;}
#header-top li.r2 span			{ display:block; padding-top:0;}
#header-top li.large span       { font-size: 16px; }
.slogan							{ width:215px; color:#9a9a9a;}
.slogan span					{ color:#333;}
.to-dest						{ width:215px;}

#header-top li.lang				{ float:right; margin-left:19px;}
.flag							{ height:11px; width:16px; display:inline-block; background: transparent url(../i/flags.html) no-repeat 0 0; color:#333;}
.active	.flag					{ background-position:0 -11px;}	
a.lt							{ background-position:-16px 0;}
a.ru							{ background-position:-32px 0;}
.active a.lt					{ background-position:-16px -11px;}
.active a.ru					{ background-position:-32px -11px;}

.clogin a {padding: 18px 0 0 26px; display: block; background: transparent url(../i/login.html) no-repeat 0 11px; margin-left: 60px;}
.clogin1 a {display:block; margin-left:20px; padding:1px 0 0 1px;}