.clearfix:after, .row:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix, .row {display:inline-block;} 
.clearfix, .row {display:block;}
.row {position:relative; margin-left:-0px;}

.col {padding-left:0px; float:left; position:relative;}

.colr {padding-left:0px; float:left; position:relative;}


.gu1{
	width: 420px;
}

.gu2{
	width: 840px;
}

.gu3{
	width: 1260px;
	color:#ccc;
}

body {
	background: #121827;
	color: #121827;
	font-size: 14px;
	font-family: 'Lato', arial, serif;
	line-height:1.3em;
}
a {
	color: #0076a3; 
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


h1 {
	font-family:'Lato', arial, serif;
	letter-spacing:0.3em;
	font-weight: 500;
	text-align:left;
	font-size:24px;
	text-transform:uppercase;
	color:#666;
	padding-top:10px;
	padding-bottom:10px;
}

h2 {
	font-family:'Lato', arial, serif;
	letter-spacing:0.3em;
	font-weight: normal;
	text-align: left;
	font-size:18px;
	text-transform:uppercase;
	color:#1f3672;
	padding-top:10px;
	padding-bottom:10px;
}

h3 {
	font-size:14px;
	text-transform: uppercase;
	font-weight:bold;
	padding-top:10px;
	letter-spacing:0.2em;
}

h4 {
	font-size:80%;
	font-style:italic;
	font-weight:300;
}

h5 {
	letter-spacing:0.3em;
	text-transform:uppercase;
	margin:0;
	padding:0px;
}

h6 {
	letter-spacing:0.3em;
	line-height:normal;
	font-weight:300;
	text-align:center;
	font-size:22px;
	text-transform:uppercase;
	color:#fcf9ea;
	padding-top:15px;
	padding-bottom:0px;
}

p {
	overflow: hidden;
	text-align: left;
	font-size: 100%;
	
}


.side { vertical-align:absbottom; display:inline; }

.topcontrol{
	position: fixed; 
	bottom: 80px; 
	right: 50px; 
	opacity: 1; 
	cursor: pointer;
}

.canvas {
	margin:0 auto;
	position:relative;
	background-color:#000;
	width: 1260px;
	color:#ccc;
}

ul#address {
	font-family:'News Cycle', arial, serif;
	text-align:center;
	font-size:12px;
	letter-spacing:0.5em;
	text-transform:uppercase;
	margin:0;
	padding:30px 0 30px 30px;
	float:left;
	width:100%;
}

ul#address li {
	padding:0;
	list-style:none;
	float:left;
	border-left:0.1em solid #121827;
	border-right:0.1em solid #121827;
	padding:0.3em 6.65em;
	
}

ul#main-nav {
	font-family:'News Cycle', arial, serif;
	letter-spacing:0.3em;
	text-transform:uppercase;
	margin:0;
	padding:40px 0 20px 0px;
	float:left;
	width:100%;
}

ul#main-nav li {
	padding:0;
	list-style:none;
	float:left;
	
}

ul#main-nav li a {
	text-decoration:none;
	display:block;
	padding:0.3em 1.5em;
	color:#fff;
	background:#000;
}

ul#main-nav li a:hover {
	color:#0076a3;
	background:#000;
}

p#topright {
	color: #333;
	font-size: 16px;
	padding: 285px 30px 80px;
	font-family: 'Lato', arial, serif;
	line-height:1.3em;
	
}
.topright {
	background-image:url(../images/topright-trocs.jpg);
	margin:0px;
	height:633px;
}
.topleft {
	background-image:url(../images/topleft-trocs.jpg);
	margin:0px;
	height:633px;
}

p#midright {
	color: #eee;
	font-size: 12px;
	padding-top:20px;
	font-family: 'Lato', arial, serif;
	line-height:1.3em;
}
h2#midright {
	font-family:'Lato', arial, serif;
	letter-spacing:0.3em;
	font-weight: normal;
	text-align: left;
	font-size:18px;
	text-transform:uppercase;
	padding-top:20px;
	padding-bottom:10px;
	color:#000;
}

.midright {
	margin: 0px;
	padding:30px;
	background-color:#222;
	color:#333;
	font-size:12px;
	height:720px;
}

.midleft {
	margin: 0px;
	padding:30px;
	background-color:#222;
	color:#333;
	font-size:12px;
	height:720px;
}

.midcenter {
	margin: 0px;
	padding:30px;
	background-color:#222;
	color:#333;
	font-size:12px;
	border-right:dotted;
	border-right-color:#666;
	border-right-width:1px;
	border-left:dotted;
	border-left-color:#666;
	border-left-width:1px;
	height:720px;
}

.map {
	height:506px;
	margin:0px;
}

.mapright {
	margin:0px;
	height:476px;
	padding:30px;
	padding-bottom:0;
	background-color:#ccc;
	color:#333;
	font-size:14px;
}

.menuright {
	margin: 0px;
	padding:30px;
	background-color:#fff;
	color:#333;
	font-size:13px;
	height:1040px;
}

.menuleft {
	margin: 0px;
	padding:30px;
	background-color:#fff;
	color:#333;
	font-size:13px;
	height:1040px; [was 970]
}

.menucenter {
	margin: 0px;
	padding:30px;
	background-color:#fff;
	color:#333;
	font-size:13px;
	border-right:dotted;
	border-right-color:#666;
	border-right-width:1px;
	border-left:dotted;
	border-left-color:#666;
	border-left-width:1px;
	height:1040px;
}

#gallery {
	background-color:#000;
	margin:0;
	padding:30px;
	height:150px;
	width:1200px;
}

.gallery-right {
	margin:0px;
	height: 220px;
	background-color:#000;
	color:#ccc;
	font-size:14px;
	padding:30px;
}

.address {
	margin:0px;
	height: 100px;
	background-color:#222;
}

.full {
	margin:0px;
	height: 80px;
	background-color:#E3DED1;
	padding-left:30px;
	padding-right:30px;
	border-bottom-color:#666;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom:10%;
}


	
.footright {
	margin: 0px;
	padding:30px;
	background-color:#222;
	color:#ccc;
	font-size:15px;
	height:400px;
}

.footleft {
	margin: 0px;
	padding:30px;
	background-color:#222;
	color:#ccc;
	font-size:14px;
	height:400px;
}

.footcenter {
	margin: 0px;
	padding:30px;
	background-color:#222;
	color:#333;
	font-size:12px;
	border-right:dotted;
	border-right-color:#333;
	border-right-width:1px;
	border-left:dotted;
	border-left-color:#333;
	border-left-width:1px;
	height:400px;
}

img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}

#social {
	margin:0;
	padding:2px;
	height:32px;
	
}

.hrule {
    height: 1px;
    margin-top: 20px;
	margin-bottom:20px;
    border-top: 1px dotted #666;
}

#images {
	padding-top:20px;
	padding-bottom:20px;
	padding-right:20px;
}

blockquote {
 margin: 0px;
 padding: 10px;
 quotes: "\201C" "\201D";
 font-size:12px;
 font-style:italic;
 line-height:1.2em;
 }
 blockquote:before { content: open-quote; font-weight: normal; font-size:18px;}
 blockquote:after { content: close-quote; font-weight: normal; font-size:18px;}
 
 .attribution {
	 text-align:right;
	 font-size:10px;
	 font-style:italic;
 }

ul#copyright {
	font-family:'News Cycle', arial, serif;
	font-size:10px;
	letter-spacing:0.3em;
	text-transform:uppercase;
	margin:0;
	padding:20px 0 10px 0;
	background-color:#121827;
	float:left;
	width:100%;
}

ul#copyright li {
	list-style:none;
	float:left;
	border-right:0.1em solid #333;
	padding:0.3em 2em;
	
}

li.menubullet {
	list-style-image:url(../images/bullet.png);
	list-style-position: inside;
}
ae381e