/*APEX Logistics Pte Ltd, Singapore* remykm/


/* GENERAL ----------------------------- */
* 
{ margin: 0; padding: 0; }body {
color: #555;
font:normal 12px Arial, Verdana, Helvetica, Sans-serif;
background:#fbd550 url(../_img/yellow_bg.jpg) repeat-x; margin-bottom:20px;
 }
 

a {color:#3e78b3; text-decoration:underline;}
 

a:hover {color: #333; text-decoration:underline;}

/* LAYOUT GENERAL -------------------------- */
#wrap { width: 900px; margin: 0 auto;}#header {border-left:1px solid #e8b72d;border-right:1px solid #e8b72d; height:113px; width:898px; background:url(../_img/header_banner.jpg) no-repeat top right; background-color:#FFFFFF;}

#content1 { min-height:1px; background:#FFFFFF url(../_img/bk-content-gradient.jpg) repeat-x top; border-left:1px solid #e8b72d; border-right:1px solid #e8b72d; clear:both;}

#banner {margin-top:20px; text-align:center;}
h1, h2, h3, p, #content1 #col2 ul, #colint ul, #content1 #col1int ul { margin:0 0 13px 0;}

.clearfix {clear: both; margin:10px 0;}

.clearline{clear:both; border-top:1px solid #dedede; margin:20px 0;}
.clearlinehome{clear:both; border-top:1px solid #dedede; margin:5px 0;}
.logo { float:left; width:280px; text-align:center; }
.alert { background:#e2f3d3 url(../_img/ico-sobre.gif) no-repeat 10px 50%; font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif; margin:15px 0; text-align:left; padding: 7px 7px 7px 35px; color:#333; border: 1px solid #cde0bb; }

.plecaesp { background:url(../_img/roundtop.gif) no-repeat; height:29px; padding-left:20px; margin-bottom:12px; }

.plecaeng { background:url(../_img/rounded_top.gif) no-repeat; height:29px; padding-left:35px; margin-bottom:12px; }

.plecaesp a, .plecaeng a { font:normal 11px/29px Verdana, Arial, Helvetica, sans-serif; color:#333333; }

.bottomround { width:900px; height:45px; margin:0 auto; background:url(../_img/round-bottom-content.gif);}

/* LAYOUT FOTOS -------------------------- */

.picborde {float:right; border:4px solid #e9e6d2; padding: 3px; margin: 4px 0 0 10px;}

.picbordeleft {float:left; border:4px solid #e9e6d2; padding: 3px; margin: 4px 10px 0 0;}

.picr {float: right; margin: 0 0 5px 10px; }.picl {float: left; margin: 0 10px 5px 0;}


/* COL1INT -------------------------- */

#col1 {width:650px; float: left;}
#col1int {width:600px; padding:25px 20px 0 20px; float:left; margin-right:10px;}

#col1int h1 { font: normal 30px/34px Georgia, "Times New Roman", Times, serif; color: #000; border-bottom:3px solid #edebde; padding-bottom:7px;}

#col1int h2 { font: bold 14px/18px "Trebuchet MS", Verdana, Arial, Helvetica; color: #004fa3;}

#col1int h3 { font: bold 12px/15px "Trebuchet MS", Verdana, Arial, Helvetica; color: #004fa3;}

#col1int ul#txt {
 font:normal 12px Arial, Verdana, Helvetica, Sans-serif;
 margin: 0 0 15px 15px;
 padding: 0;
 list-style: none; }

#col1int ul#txt li {
 line-height:20px;
 background: url(../_img/bullet.gif) no-repeat 0 9px;
padding:3px 0 3px 15px;
}

#col1int p { font: normal 12px/18px Arial, Verdana, Helvetica; color: #555555;}



/* COL2 -------------------------- */

#col2home {width:230px; float:left; margin:20px 0 15px 0;}
#col2 {width:230px; float:left; margin:30px 0 15px 0;}

#col2 p, #col2home p { padding:4px; font: normal 11px/14px Arial, Helvetica, Verdana; color:#666; margin:0;}

#col2 h3, #col2home h3 { color:#614c27; font:bold 10px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase;
background:url(../_img/bk-col2h3.gif); padding:6px 4px 6px 10px; margin:0; border-bottom:1px solid #db9500;}
#col2 h4, #col2home h4 { margin-top: 7px; padding:0 4px 0 4px; font:bold 11px/14px Arial, Helvetica, Verdana; color:#000;}
#col2 ul, #col2home ul { margin:0; padding:0; width: 230px; list-style: none; background:url(img/bk-col2.jpg) repeat-x;}

#col2 li a , #col2home ul li a {
 background:url(../_img/bullet2.gif) no-repeat 4px 8px;
 font: normal 11px/15px Verdana, Helvetica; color: #333;
 width: 210px;
 display: block;
 padding: 5px 3px 5px 17px;
 margin:0;
 border-bottom: 1px solid #e7e8e9;
 text-decoration: none;}
#col2 li a:hover {background-color:#eaecf0; text-decoration:underline;}

/* COL3 -------------------------- */

#col3home {width:230px; float:left; margin:20px 0 15px 0;}
#col3 {width:230px; float:left; margin:30px 0 15px 0;}

#col3 p, #col3home p { padding:4px; font: normal 11px/14px Arial, Helvetica, Verdana; color:#666; margin:0;}

#col3 h3, #col3home h3 { color:#614c27; font:bold 10px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase;
background:url(../_img/bk-col2h3.gif); padding:6px 4px 6px 10px; margin:0; border-bottom:1px solid #db9500;}
#col3 h4, #col3home h4 { margin-top: 7px; padding:0 4px 0 4px; font:bold 11px/14px Arial, Helvetica, Verdana; color:#000;}
#col3 ul, #col3home ul { margin:0; padding:0; width: 230px; list-style: none; background:url(img/bk-col2.jpg) repeat-x;}
#col3 li, #col3home ul li  {
 background:url(../_img/bullet2.gif) no-repeat 4px 8px;
 font: normal 11px/15px Verdana, Helvetica; color: #333;
 width: 210px;
 display: block;
 padding: 5px 3px 5px 17px;
 margin:0; border-bottom: 1px solid #e7e8e9;
 text-decoration: none;}

/* COL4 -------------------------- */

#col4home {width:230px; float:left; margin:-10px 0 15px 0;}
#col4 {width:230px; float:left; margin:30px 0 15px 0;}

#col4 p, #col4home p { padding:4px; font: normal 11px/14px Arial, Helvetica, Verdana; color:#666; margin:0;}
#col4 ul, #col4home ul { margin:0; padding:0; width: 230px; list-style: none; background:url(img/bk-col2.jpg) repeat-x;}
#col4 li, #col4home ul li  {
 background:url(../_img/bullet2.gif) no-repeat 4px 8px;
 font: normal 11px/15px Verdana, Helvetica; color: #333;
 width: 210px;
 display: block;
 padding: 5px 3px 5px 17px;
 margin:0; ;}


/* FOOTER ------------------------------------------*/
.bottomround {width:900px; height:45px; margin:0 auto;}

#footer {width:900px; margin:0 auto; clear:both; text-align:center; clear:both; font:normal 11px/17px Verdana, Arial, Helvetica, sans-serif; padding:20px 0 15px 0; color:#9c650f; }

#footer a {color:#9c650f; text-decoration:underline; }

#footer a:hover {color:#000; text-decoration:underline;}



/* TABS superiores ------------------------------------------*/


#shademenu { float:right; width:600px;; font-size:11px;}

.shadetabs a { color:#CCCCCC; }
.shadetabs ul{margin-left: 0; margin-top: 86px; font:normal 11px Verdana; list-style-type: none;}

.shadetabs li{display: inline;margin: 0;}.shadetabs li a{ float:left; background:url("../_img/tableftH.gif") no-repeat left -42px; margin:0; padding:0 0 0 3px; text-decoration:none;}

.shadetabs a span{ display:block; background:url("../_img/tabrightH.gif") no-repeat right -42px; padding:6px 12px 6px 6px; color:#FFF;}

.shadetabs a:hover { background-position:0% 0; cursor:pointer; color:#FFF; text-decoration:none; }.shadetabs a:hover span { background-position:100% 0; cursor:pointer; color:#614c27; text-decoration:none;}


/* ######### Style for Drop Down Menu ######### */
.dropmenudiv {
 position:absolute;
 border: 1px solid #d9e0ea;/*THEME CHANGE HERE*/
 border-width: 1px;
 font:normal 11px Verdana;
 line-height:18px;
 z-index:100;
 background-color: #f1f4f8;
 visibility: hidden;}
.dropmenudiv a{
width: auto;
 display: block;
 text-indent: 8px;
 border-top: 1px solid #d9e0ea;/*THEME CHANGE HERE*/padding: 2px 0;
 text-decoration: none;
 color:#333;}
* html 
.dropmenudiv a{ /*IE only hack*/width: 100%;}

.dropmenudiv a:hover{/*THEME CHANGE HERE*/background-color: #d9e0ea; color:#333; text-decoration:none;}
tr ul{margin-left:0;}

#content1 th, #content1 td {
 font:normal 11px Verdana, Arial, Helvetica, sans-serif;;
 text-align: left;
 vertical-align: top;
 color:#333333;
 padding: 5px;
 border-bottom: 1px solid #dedede;
 border-right: 1px solid #dedede;}

#content1 table {border-left: 1px solid #dedede; border-bottom: 1px solid #dedede; margin-bottom:20px; border-collapse:collapse;}#content1 th { font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#FFF; text-align:left; padding:5px; border-top: 1px solid #CCC; border-right: 1px solid #CCC; background:#4E328B url(../_img/bk-th.gif) repeat-x; }



#content1 .directorio td {
 font:normal 12px/18px Arial, Verdana, Helvetica, Sans-serif;
 text-align: left;
 vertical-align: top;
 padding: 10px;
 border-top: 1px solid #eaeaea;
 border-right: 1px solid #eaeaea;}

/* ACCOLADES */
#thumbBox{position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}


#thumbBox .footerbar{ font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}



#thumbBox 
#thumbImage{
background-color: white;
}


#thumbLoading{ position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 500;
}

/* SLIDE VIEWER */
.stepcarousel{
position: relative; 
overflow: scroll;
width: 620px;
height: 160px;
}

.stepcarousel .belt{
position: absolute;
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left;
overflow: hidden;
margin: 21px;
width: 100px; }