@charset "UTF-8";
/* CSS Document */

/* LAYOUT */

html { height: 100%; }
body { height: 100%; width: 14000px; padding: 0; margin: 0; background: url(../-img/basic/body-bg.gif) #DDD fixed; }

.drawer { min-height: 100%; *height: 100%; margin: 0; padding: 0; float: left; }
.framed { margin: 30px }

.col-01 { width: 120px; }
.col-02 { width: 270px; }
.col-03 { width: 420px; }
.col-04 { width: 570px; }
.col-05 { width: 720px; }
.col-06 { width: 870px; }
.col-07 { width: 1020px; }
.col-08 { width: 1170px; }
.col-09 { width: 1320px; }
.col-10 { width: 1470px; }
.col-menu { width:200px; }

.gutter-r { margin-right: 30px; }
.gutter-b { margin-bottom: 30px; }
.gutter-l { margin-left: 30px; }


/* DETAILS */

.bg { background-color: #DDD; }
.liner { border-bottom: #000 solid 1px; margin-bottom: 15px; }
.section { height: 180px; margin-bottom:15px;}
.photo { margin-bottom:15px;}
.product { min-height: 50px; *height:50px; margin-bottom: 10px;}


/* GRAPHICS */

.timeline {border-left:#000 solid 4px; padding:0 30px 0 10px;}
.item { color:#FFF; background-color:#000; padding:2px 5px;}
.listlinetop { border-bottom: #000 solid 2px; margin-bottom: 15px;}
.listlinebot { border-bottom: #000 solid 2px; margin-top: 5px;}
.listlinemid { border-bottom: #000 solid 1px; margin: 5px 0;}

/* TYPOGRAPHY */

body { font-family: 'HermesSans', Arial, Helvetica, sans-serif; font-size: 10px; line-height: 18px; color: #000; }

.size1 { font-size: 10px; }
.size2 { font-size: 14px; line-height: 20px; }
.size3 { font-size: 18px; line-height: 24px; }
.size4 { font-size: 24px; line-height: 30px; }
.size5 { font-size: 30px; line-height: 30px; }
.brand { font-size: 80px; line-height: 80px; padding-top: 5px; }

.highlight { text-decoration: underline; }
.quote { font-style: italic; }

.right { text-align:right;}
.legenda { font-size: 8px; line-height:10px; }

/* LINKS */

a img { border: none; }
a { color: #000; text-decoration: none; outline: none; }
a:hover { color: #000; text-decoration: underline; }
.brand a { color:#000; text-decoration:none;}
.brand a:hover { color:#000; text-decoration:none;}


/* MISCELANEOUS */

.txtbox {
	background-color: #EEE;
	color:#000000;
	border: none;
	padding: 2px;}
	
.button {
	background-color:#DDD;
	color:#000000;
	border:none;
	cursor:pointer;
	padding: 0px;}

.float-l { float: left; }
.float-r { float: right; }
.clearfloat { clear: both; font-size: 1px; line-height: 0; margin: 0; height: 0; }