@charset "utf-8";
/* CSS Document */
 *{outline : none}
html { height:auto; min-height:100%;}
body {
	text-align: center;
	background:url(../img/bg-body.jpg) repeat-x left top;
	min-height:100%;
	height:auto;
	padding-bottom:30px;
}
#doc {
	text-align:left; /* obligatorio */
	margin:auto; /* para centrar la página */
	width: 75.38em; /* resto de navegadores */
	*width: 73.5em; /* navegador Internet Explorer */
	min-width: 980px; /* opcional, pero recomendada */
}

/* Header
------------------------------------------------------*/
#hd { }
ul.nav { padding:20px}
ul.nav li { font-size:85%; background:url(../img/bg-line-nav.gif) repeat-x left top; }
ul.nav li:first-child { background:none;}
ul.nav li a { line-height:30px; text-transform:uppercase; color:#999; text-decoration:none; display:inline-block;  }
ul.nav li.active a,
ul.nav li a:hover { color:#333;}
ul.nav li .submenu { padding-left:30px; padding-bottom:20px;}
ul.nav li .submenu li { padding:3px 0px;}
ul.nav li .submenu li a { color:#244089; text-transform:none; font-size:123%;} 
ul.nav li .submenu li.active a { background:url(../img/ic-arrow.png) no-repeat left center; padding-left:18px;}
#hd .header-content {background:url(../img/bg-header.gif) #1A3068; position:relative; padding-bottom:23px;}
#hd .header-content h1 { background:url(../img/logo-winterbotham.png) no-repeat left top; width:208px; height:100px; margin-left:21px; margin-top:17px; float:left;}
#hd .header-content h1 a { display:block; width:100%; height:100%; text-indent:-99000px;}
#hd .header-content span.hk { display:block; width:49px; height:37px; background:url(../img/ic-hk.png) no-repeat left top; position:absolute; bottom:-21px; left:19px; text-indent:-99000px;}
#hd .header-content .flashrequired p { float:right; margin-top:18px; margin-right:45px; margin-top:50px;display:none;}
#hd .header-content .flashrequired p.active { display:block; color:#fff;}
#hd .header-content .flashrequired p.active a { float:right; color:#fff; font-size:85%; margin-top:5px;}
#hd .header-content .flashrequired p.no_active { display:none;} 
#hd #lang { position:absolute; right:10px; top:10px;}
#hd #lang li { float:left; padding:3px; margin-right:3px;}
#hd #lang li.active { background:#901D22; color:#666666;}
#hd #lang li.active a { color:#D7C193;}
#hd #lang li a { float:left; color:#fff; font-size:93%;  text-decoration:none; font-weight:bold;}
/* Body 
--------------------------------------------------------*/
#bd { background:url(../img/bg-side-menu.gif) repeat-y left top; -moz-box-shadow: 0 1px 1px #ccc; -webkit-box-shadow: 0 1px 1px #ccc; box-shadow: 0 1px 1pxpx #ccc; overflow:hidden }


/* Footer 
-------------------------------------------------------*/
.ft-top { padding:0 20px; margin-top:20px; }
.ft-top .banners { display:table; width:100%; background:url(../img/bg-double-line.gif) repeat-x left top; padding:22px 0 13px;}
.cn .ft-top { margin-top:50px !important;}
.ft-top .banners.no-bg { background:none; padding-bottom:10px;}
.ft-top .banners .item { float:left; color:#666; margin-top:15px;}
.ft-top .banners .item p {font-size:85%; line-height:163%;width:215px;}
.ft-top .banners .item h3.title a { display:block; width:100%; height:100%; text-indent:-99000px;}
.ft-top .banners .item.corporate { padding-left:76px; background:url(../img/bg-corporate.png) no-repeat 11px top; min-height:79px; }
.ft-top .banners .item.corporate h3.title { background:url(../img/txt-corporate.png) no-repeat left top; width:154px; height:15px; text-indent:-99000px; margin-bottom:7px; margin-top:1px; }
.cn .ft-top .banners .item.corporate h3.title { background:url(../img/txt-corporate-cn.png) no-repeat left top; width:154px; height:15px; text-indent:-99000px; margin-bottom:7px; margin-top:1px; }

.ft-top .banners .item.corporate a.more {font-size:85%; color:#23408A; display:block; padding-left:15px; background:url(../img/ic-arrow.png) no-repeat left 3px; text-decoration:none; margin-right:10px; margin-bottom:5px;}
.ft-top .banners .item.corporate a.more:hover { text-decoration:underline;}
.ft-top .banners .item.corporate p { width:215px; }
.ft-top .banners .item.terms { padding-left:65px; background:url(../img/bg-terms.gif) no-repeat left top; min-height:53px;}
.ft-top .banners .item.terms h3.title { background:url(../img/txt-banners.gif) no-repeat left -35px; width:215px; height:15px; text-indent:-99000px; margin-bottom:5px; margin-top:3px; }

.ft-top .banners .map_flash { float:right; margin-right:10px; background:url(../img/map_noflash.jpg) no-repeat; width:250px; height:110px;}
.ft-top .banners .map_noflash { display:none;float:right; margin-right:10px; background:url(../img/map_noflash.jpg) no-repeat; width:250px; height:110px;}
.ft-top .banners .map_noflash_active { display:block;}
.ft-top .banners .company_info { float:left; width:185px; margin-left:20px; }
.ft-top .banners .company_info:first-child { margin-left:0;}
.ft-top .banners .company_info h3 { font-size:85%; font-weight:bold; color:#343434; line-height:145%; margin-bottom:10px;}
.ft-top .banners .company_info p { font-size:85%; color:#808080; line-height:145%; }

.ft-bottom { margin:0 20px; background:url(../img/bg-double-line.gif) repeat-x left top; padding:23px 0; position:relative;}
.ft-bottom dd a.email_contact { background:url(../img/footer_contact.png) no-repeat; height:12px; width:152px; text-indent:-90000px; position:absolute; left:45px; bottom:25px;}
.ft-bottom .footer_contact a { position:absolute; bottom:0; left:42px; width:155px; height:20px; display:block;}
.ft-bottom dl { float:left;}
.ft-bottom dl .first { border:none; padding-left:0;}
.ft-bottom dt { font-size:108%; font-weight:bold; color:#333; margin-bottom:7px; }
.ft-bottom :first-child  { border:none; padding-left:0;}
.ft-bottom dd { font-size:93%; color:#666; margin-bottom:3px; }
.ft-bottom dd a { color:#23408A; text-decoration:none; }
.ft-bottom dd a:hover { text-decoration:underline;}

dl.arrows { float:left;}
dl.arrows dt { background:url(../img/txt-banners.gif) no-repeat 0 -55px; margin-top:33px; text-indent:-9000000px; margin-bottom:7px;}
.cn dl.arrows dt { background:none;text-indent:0px; margin-bottom:7px; color:#715f39; font-size:108%;}
dl.arrows dd { background:url(../img/ic-arrow.png) no-repeat 0 3px; padding-left:19px; margin-bottom:2px;}
dl.arrows dd a { color:#23408A; text-decoration:none; font-size:93%;}
#ft { background:#999; color:#fff; padding:10px 20px;  }
#ft p { font-size:85%; float:left;}
#ft p.right { float:right; }
#ft p.right a { color:#fff; text-decoration:none; display:inline-block; padding:0 3px;}
#ft p.right a:hover { text-decoration:underline;}

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

/* VERSION 2 */
.side-col { float:left; width:320px; padding-bottom:255px; }
.main-col {  width:660px; float:right}

.side-col .ft-top { padding:0; margin:0}
.side-col .ft-top .banners { background:none}
.main-col { background:#fff; position:relative;}
.cn .column-bottom { bottom:32px}
.column-bottom { position:absolute; left:-320px; bottom:50px; width:320px;}