* {
    margin: 0;
    padding: 0;
}

html {height: 100%;}

* html body {height: 100%;}

body {
    position: relative;
    font-family: Arial, Tahoma, Sans;
    font-size: 1em;
    width: 100%;
    height: 100%;
    line-height: 120%;
    background: #fff;
    color: #000;
}
a {
	color: #000;
}
a:hover {
	color: #000;
}
p { padding: 1em 0; }

ul, ol {
	padding: 1em 2em;
}
h1, h2, h3 { padding: 1em 0; font-weight: normal; line-height: 120%; }
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em; }

/* Classes */
.clr {
	clear: both;
}

#main { position: relative; background: #fff; }

body.black { background: #000 !important; }
body.black div#main { background: #000 !important; color: #fff !important; }
body.black div#main * { border-color: #fff !important; }
body.black div#main a { color: #fff !important; }

.body-aa { font-size: 140% !important; line-height: 140%; }
.body-aa h1, .body-aa h2, .body-aa h3 { font-size: 140% !important; }
.body-aa table.category td { font-size: 140% !important; }
.body-aa input, .body-aa button, .body-aa select { font-size: 140% !important; }
.body-aa .col-l-in ul.menu { font-size: 110% !important; }
.body-aa .col-l-in ul.menu li ul li{ font-size: 110% !important; }

.body-aaa { font-size: 200% !important; line-height: 200%; }
.body-aaa h1, .body-aa h2, .body-aa h3 { font-size: 200% !important; }
.body-aaa table.category td { font-size: 200% !important; }
.body-aaa input, .body-aa button, .body-aa select { font-size: 140% !important; }
.body-aaa .col-l-in ul.menu { font-size: 120% !important; }
.body-aaa .col-l-in ul.menu li ul li{ font-size: 120% !important; }

.container {
	position: relative;
	left: 50%;
	margin-left: -460px;
	width: 920px;
}
.tools {
	height: 3em;
	line-height: 3em;
	background: #ccc;
	font-size: 1.2em !important;
}
.tools .controls {
	float: left;
	height: 3em;
	line-height: 3em;
	padding: 0 1em;
	border-right: 1px solid #fff;
}
.go-back {
	display: inline-block;
	background: transparent url('../images/view-icon.png') 0 center no-repeat;
	padding: 0 0 0 60px;
}
.zoom-panel {
	list-style: none;
	padding: 0;
	margin: 0;
}
.zoom-panel > li {
	float: left;
	margin: 12px 3px 0 3px;
	line-height: 30px;
	font-size: 18px;
}
.zoom-panel > li > a {
	display: inline-block;
	color: #000;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}
.zoom-panel > li > a.active {
	border: 1px solid #000;
}
.zoom-panel > li > a.b-a { font-size: 14px; }
.zoom-panel > li > a.b-aa { font-size: 22px; }
.zoom-panel > li > a.b-aaa { font-size: 26px; }

.color-panel {
	list-style: none;
	padding: 0;
	margin: 0;
}
.color-panel > li {
	float: left;
	margin: 12px 3px 0 3px;
	line-height: 30px;
	font-size: 18px;
}
.color-panel > li > a {
	display: inline-block;
	color: #000;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #000;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}
.color-panel > li > a.white { border: 1px solid #000; }
.color-panel > li > a.black { border: 1px solid #000; background: #000; color: #fff; }

.head, .mainmenu { border-bottom: 0.5em solid #000; }

ul.menu {
	padding: 0 0 0 20px;
	margin: 0 0 1em 0;
}
ul.menu > li {
	padding: 1em 1em 0 0;
	line-height: 140%;
	font-size: 1.5em;
}
.custom { display: none !important; }

.pagination { clear: both; }
.pagination > .counter { display: none; }
.pagination > ul { list-style: none; padding: 0px; margin: 10px 0px; }
.pagination > ul > li { display: inline-block; margin: 10px 3px; }
.pagination > ul > li.pagination-start:before { content: '« '; }
.pagination > ul > li.pagination-prev:before { content: '‹ '; }
.pagination > ul > li.pagination-next:after { content: ' ›'; }
.pagination > ul > li.pagination-end:after { content: ' »'; }

ul.breadcrumb {
	list-style: none;
	padding: 0 0 20px 0;
	margin: 0;
}
ul.breadcrumb > li { display: inline-block; }
ul.breadcrumb > li.active { display: none; }
ul.breadcrumb > li a { text-decoration: none; }
ul.breadcrumb > li .divider { display: inline-block; padding: 0 3px; }

.content { padding: 0 0 50px 0; }
.content img { display: none; }
