/*
Theme Name: Logistics
Theme URI: http://www.shortcut.co.mz
Author: the SHORTCUT Team
Author URI: http://www.shortcut.co.mz
Description: Transportation and logistics theme for transworld website
Version: 1.0
License: Propietary
License URI: license.txt
Tags: one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/* =GLOBAL
-----------------------------------------------------------------------------------------------*/
* { margin:0; padding:0;}

html, body { height:100%; }

body { 
	font-size:100%; 
	line-height:1.125em; 
	min-width:996px; 
	background:#c7d5e8; 
	font-family: Arial, Helvetica, sans-serif; 
	color:#5b6169;
}
#wrap { 
	margin:0 auto; 
	text-align:left; 
	width:996px; 
}

.container {
	padding:0 30px;
}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#footer { height:115px; }

/* =GRID
-----------------------------------------------------------------------------------------------*/
.col-1, .col-2, .col-3, .col-4{ float:left}
/*======= index.html =======*/
.home #content .row .col-1{ width:324px; margin-right:4px}
.home #content .row .col-2{ width:324px}
.home #content .col-1{ width:296px; margin-right:58px}
.home #content .col-2{ width:582px}
.home #content .col-3{ width:290px; margin-right:52px}
.home #content .col-4{ width:284px}
/*======= index-1.html =======*/
.page #content .col-1{ width:582px; margin-right:58px}
.page #content .col-2{ width:296px}
.page #content .col-3{ width:300px; margin-right:42px}
.page #content .col-4{ width:294px}
/*======= index-2.html =======*/
#page3 #content .row .col-1{ width:324px; margin-right:4px}
#page3 #content .row .col-2{ width:324px}
#page3 #content .col-1{ width:306px; margin-right:48px}
#page3 #content .col-2{ width:626px}
#page3 #content .col-3{ width:290px; margin-right:52px}
#page3 #content .col-4{ width:284px}
/*======= index-3.html =======*/
#page4 #content .col-1{ width:636px; margin-right:48px}
#page4 #content .col-2{ width:296px}
#page4 #content .col-3{ width:300px; margin-right:42px}
#page4 #content .col-4{ width:294px}
/*======= index-4.html =======*/
#page5 #content .col-1{ width:296px; margin-right:58px}
#page5 #content .col-2{ width:626px}
#page5 #content .col-3{ width:290px; margin-right:52px}
#page5 #content .col-4{ width:284px}
/*======= index-5.html =======*/
#page6 #content .col-1{ width:636px; margin-right:48px}
#page6 #content .col-2{ width:296px}
#page6 #content .col-3{ width:300px; margin-right:42px}
#page6 #content .col-4{ width:294px}


/* =HEADER
-----------------------------------------------------------------------------------------------*/
#header {
	heightx:600px; 
	background:url(images/top_bg.gif) top center repeat-x;
	font-size:0.75em; 
	color:#3b352f; 
	borderx:1px solid red; 
}

.top-left { 
	background:url(images/top_left.gif) top left no-repeat;
}

.top-right { 
	background:url(images/top_right.gif) top right no-repeat; 
	heightx:600px;
	padding-top:40px;
}

#logobar {
	clear:both;
	overflowx:auto;
	margin:1.7em 0;
}

#logo { 
	float:left;
	width:400px;
	margin:0 0 0 3px;
	padding:0;
}

#find-us {
	float:right;
	text-align:right;
	margin-right:3px;
}

#social-media {
	margin:10px 0 3px;
}

#social-media a {
	margin:0 5px;
}

#address {
	line-height:20px;
}

#nav-bar {
	clear:both;
	margin:1em 0;
	background:url(images/nav-bar-bg.png) no-repeat;
}

#nav {
	float:left;
	margin:0 0 0 10px; 
	padding:0; 
	list-style:none; 
	overflow:hidden;
}

#nav li { 
	margin:0; 
	float:left;
}

#nav li a { 
	color:#333; 
	text-decoration:none; 
	font-size:1.15em; 
	display:block; 
	line-height:1.2em;  
	text-transform:uppercase; 
	padding:5px; 
	margin:12px 10px;
} 
#nav li a:hover { 
	color:#0d0f0f; 
	text-decoration:none; 
}

#nav li .current{ color:#0d0f0f; text-decoration:none; background:url(images/bg_menu-act.gif) bottom left no-repeat;  }

.search-box { 
	float:right;
	margin:12px 20px 0 0;
	border: 1px solid #CCCCCC;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-khtml-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	-webkit-box-shadow: 0px 2px 0px #F0F0F0;
	-moz-box-shadow: 0px 2px 0px #F0F0F0;
	box-shadow: 0px 2px 0px #F0F0F0;
}

.search-box .field {
	background: #FFF;
	padding: 1px;
	width: 200px;
	height: 21px;
	border:none;
}

.search-box #searchsubmit {
	background:url(images/button-search.png) no-repeat center center;
	border:none;
	border-left:1px solid #CCCCCC;
	width: 28px;
	height: 24px;
	text-indent:-99999px;
}

#header .indent{margin:176px 0 0 787px; position:absolute; width:202px}
#header .indent1{margin:52px 0 0 619px; position:absolute; width:395px; text-align:right}
#header .img{margin:222px 0 0 34px; position:absolute; }
#header .img1{margin:224px 0 0 1047px; position:absolute; }

.txt-1{ text-transform:uppercase; color:#30271f; font-size:1.16em}
#header a{color:#f25510; text-decoration:none;} 
#header a:hover{text-decoration:underline}



#coin-slider{ overflow:hidden; top:0; left:0; height:370px;}
.coin-slider { overflow: hidden; position: relative; height:370px; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }





.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
object { vertical-align:top; outline:none}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.containerx {	overflow:hidden; width: 100%;}
a img{ border:0}
img{ vertical-align:top;  }

a{color:#499abd; text-decoration:underline; outline:none} 
a:hover{text-decoration:none}

.link{color:#499abd; background:url(images/marker1.gif) center right no-repeat; padding-right:13px; }
.link1{color:#f25510; background:url(images/marker2.gif) center right no-repeat; padding-right:13px;}

.link2{color:#fff; background:url(images/bg_link.gif) top right repeat-x; padding-right:13px; padding:5px 10px 5px 10px; font-weight:bold; text-decoration:none; display:block; float:left}
.link2:hover{ color:#000; text-decoration:none}

.link3{color:#f25510; }


.link_1{color:#fff; font-weight:bold; background:url(images/bg_link1.gif) top left repeat-x; line-height:20px; padding:0 8px 0 8px; text-decoration:none; display:block; float:right }
.link_1:hover{text-decoration:underline }
.link_2{color:#fff; font-weight:bold; background:url(images/bg_link2.gif) top left repeat-x; line-height:20px; padding:0 8px 0 8px; text-decoration:none; display:block; float:right }
.link_2:hover{text-decoration:underline }
.link_3{color:#fff; font-weight:bold; background:url(images/bg_link3.gif) top left repeat-x; line-height:20px; padding:0 8px 0 8px; text-decoration:none; display:block; float:right }
.link_3:hover{text-decoration:underline }

.button{color:#fff; background:url(images/button.gif) top left no-repeat; width:114px; text-align:center; line-height:32px; display:block; text-decoration:none;  }
.button:hover{text-decoration:underline }

#content ul{margin:0 0 1em 0; padding:0; list-style:none;}
#content ul li{background:url(images/marker.gif) top left no-repeat; background-position:0 center; margin:4px 0; padding-left:24px; }
#content ul li a{color:#499abd; text-decoration: underline; line-height:2.5em} 
#content ul li a:hover { text-decoration:none; }

#content .ul li{background:url(images/marker-1.gif) top left no-repeat; background-position:0 7px; margin:0; padding-left:17px; }
#content .ul li a{color:#fff; text-decoration: underline; line-height:1.66em} 
#content .ul li a:hover { text-decoration:none; }
#content .ul1 li{background:url(images/marker-2.gif) top left no-repeat; background-position:0 7px; margin:0; padding-left:17px; }
#content .ul1 li a{color:#476a74; text-decoration: underline; line-height:1.66em} 
#content .ul1 li a:hover { text-decoration:none; }

.link-1 { display:block; float:left; background:url(images/link_bg.gif) repeat-x left top; color:#ffffff; text-decoration:none; }
.link-1 em { display:block; background:url(images/link_left.gif) no-repeat left top;}
.link-1  b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:2px 23px 3px 28px; font-weight:normal; font-style:normal;}
.link-1:hover{ text-decoration:none; color:#000000}




#cs-buttons-coin-slider{ position:absolute; bottom:13px; right:44px;}
#cs-buttons-coin-slider a{ display:block; width:20px; height:20px;background:url(images/buttons.png) right top no-repeat; float:left; margin-right:1px; text-indent:-9999px; }
#cs-buttons-coin-slider a:hover, #cs-buttons-coin-slider a.cs-active{ background-position:left}
#cs-navigation-coin-slider a{ display:none}


/*content*/
#content{ font-size:0.75em; width:100%; text-align:left; background:url(images/bg_cont.gif)}
#content .indent-main{padding:0 33px 34px 34px}
#content .title{  margin-bottom:16px}
#content .img-left{ float:left; margin:0 20px 16px 0}
#content .img-indent{ margin:0 0 14px 0}
#content p{ margin:0 0 27px 0}
#content .p{ margin:0}
#content .p1{ margin:0 0 27px 0}
#content .p2{ margin:0 0 1em 0}
#content h2{color:#393c3d; font-size:2em; margin-bottom:13px; line-height:1.2em }
#content h2 span{ color:#f25510}
#content h2 strong{ text-transform:uppercase }
#content .icon1{color:#393c3d; background:url(images/icon-1.gif) top left no-repeat; padding:5px 0 5px 40px}
#content .icon2{color:#393c3d; background:url(images/icon-2.gif) top left no-repeat; padding:0 0 5px 57px}
#content .icon3{color:#393c3d; background:url(images/icon-3.gif) top left no-repeat; padding:5px 0 5px 40px}
#content .icon4{color:#393c3d; background:url(images/icon-4.gif) top left no-repeat; padding:5px 0 8px 57px; margin-bottom:7px}
#content .icon5{color:#393c3d; background:url(images/icon-5.gif) top left no-repeat; padding:5px 0 5px 40px}
#content h4{color:#5b6169; font-size:1em; margin-bottom:13px;  }
#content .tail{ background:url(images/tail.gif) bottom repeat-x; padding-bottom:9px; margin-bottom:9px}
.txt{ color:#499abd}
.txt1{ color:#f25510}
.txt2{ letter-spacing:-1px}

#content .indent{padding:30px 0 }

/*box*/
.box{ background:#e6a55b; width:100%;}
.box .border-top {background:url(images/border_top.gif) top repeat-x;}
.box .border-bottom {background:url(images/border_bottom.gif) bottom repeat-x;}
.box .border-left {background:url(images/border_left.gif) left repeat-y;}
.box .border-right {background:url(images/border_right.gif) right repeat-y;}
.box .corner-top-left {background:url(images/corner_top_left.gif) left top no-repeat;}
.box .corner-top-right {background:url(images/corner_top_right.gif) right top no-repeat;}
.box .corner-bottom-left {background:url(images/corner_bottom_left.gif) left bottom no-repeat;}
.box .corner-bottom-right {background:url(images/corner_bottom_right.gif) right bottom no-repeat; width:100%; }
.box .indent-box{ padding:10px 26px 15px 23px; }
#content .box h2{color:#fff; font-size:1.75em; text-transform:uppercase; margin-bottom:23px; margin-left:48px; line-height:1.2em }

/*box1*/
.box1{ background:#d8e4f5 ; width:100%;}
.box1 .border-top {background:url(images/border_top1.gif) top repeat-x;}
.box1 .border-bottom {background:url(images/border_bottom1.gif) bottom repeat-x;}
.box1 .border-left {background:url(images/border_left1.gif) left repeat-y;}
.box1 .border-right {background:url(images/border_right1.gif) right repeat-y;}
.box1 .corner-top-left {background:url(images/corner_top_left1.gif) left top no-repeat;}
.box1 .corner-top-right {background:url(images/corner_top_right1.gif) right top no-repeat;}
.box1 .corner-bottom-left {background:url(images/corner_bottom_left1.gif) left bottom no-repeat;}
.box1 .corner-bottom-right {background:url(images/corner_bottom_right1.gif) right bottom no-repeat; width:100%; }
.box1 .indent-box{ padding:10px 26px 15px 23px; }
#content .box1 h2{color:#fff; font-size:1.75em; text-transform:uppercase; margin-bottom:23px; margin-left:48px; line-height:1.2em }

/*box2*/
.box2{ background:#d7e3f5; width:100%;}
.box2 .border-top {background:url(images/border_top2.gif) top repeat-x;}
.box2 .border-bottom {background:url(images/border_bottom2.gif) bottom repeat-x;}
.box2 .border-left {background:url(images/border_left2.gif) left repeat-y;}
.box2 .border-right {background:url(images/border_right2.gif) right repeat-y;}
.box2 .corner-top-left {background:url(images/corner_top_left2.gif) left top no-repeat;}
.box2 .corner-top-right {background:url(images/corner_top_right2.gif) right top no-repeat;}
.box2 .corner-bottom-left {background:url(images/corner_bottom_left2.gif) left bottom no-repeat;}
.box2 .corner-bottom-right {background:url(images/corner_bottom_right2.gif) right bottom no-repeat; width:100%; }
.box2 .indent-box{ padding:10px 26px 15px 23px; }
#content .box2 h2{color:#fff; font-size:1.75em; text-transform:uppercase; margin-bottom:23px; margin-left:48px; line-height:1.2em }


/* =LAYOUT
-----------------------------------------------------------------------------------------------*/
#footer { color:#a1a2a2; font-size:0.75em; background:url(images/bot_bg.gif) top repeat-x ; }
#footer .indent-footer{ padding:30px 25px 0 25px;}
#footer .indent-footer1{ margin:30px 0 0 850px; position:absolute; width:191px; font-family:"AvenirBold","Helvetica Neue",Arial,Helvetica,Geneva,sans-serif; text-transform:uppercase; font-size:10px;}
#footer a {color:#a1a2a2; text-decoration:none}  
#footer a:hover { color:#f4f7f8;  text-decoration:none}
.bot-left{ background:url(images/bot_left.gif) top left no-repeat}
.bot-right{ background:url(images/bot_right.gif) top right no-repeat; height:115px}



.jamp{ width:40px; margin-left:6px}
select{font-size:.84em; color:#2d3331; height:20px}
	
.indent-2{ position:relative; padding-left:20px; float:left}
.h{ height:34px}
.h1{ height:31px; background:url(images/bg_input.gif) top left no-repeat}
.block-contact span{ float:right; margin-right:110px}
.inputx{
   	border:none; 
	background:none;
	width:149px; height:21px;
	font-size:1em;
	color:#000;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
}inputx{
   	border:2px solid #cacbcc; 
	background:#f4f7f8;
	width:271px; height:20px;
	font-size:1em;
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;
}
textarea{
   	border:2px solid #cacbcc; 
	background:#f4f7f8;
	width:271px; height:151px;
	font-size:1em;
	padding-left:10px;
	margin-bottom:11px;
	padding-top:5px;
	padding-bottom:5px;
	overflow:auto}
	
	
.ads { margin:15px 0 0 0;}

#content h3{ clear:both; color:#393c3d; font-size:1.2em; line-height:1.2em; font-weight:bold; margin:.5em 0;}

#content .col-1 ul h2 { font-size: 14px; margin-bottom:10px;}

.alignleft { float:left; margin-right:1em;}