/* 

    sysapp 0.1.2  Main CSS file (screen width resolution min. 1024)
    ----------------------------------------------------------------------
    Author       Jan Koprajda (jan.koprajda@dzonny.com)
    Last edit    07 Feb 10

*/

html {
     overflow: -moz-scrollbars-vertical;
}

/*  ----- Odkazy -----  */

a:link    { color: #4089F2;
	text-decoration: none;
 }
a:visited { color: #4089F2;
	text-decoration: none;
 }


a:hover   { 
	color: #000;
	text-decoration: normal;
}
a:active,
a:focus   { 
	color: #000;
	text-decoration: none;
}

/*  ----- Odstavce -----  */
p {
  line-height: 24px;
  margin-bottom: 15px;
  text-align: justify;
}

/*** Error 404 ***/
.error404 #header {
    height: 150px;
}

/* ----- Table -----  */
table {
    width: 100%;
    border: 1px solid #eee;
}
table thead {
    display: none;
}
table th,
table td {
    padding: 8px 8px 5px 8px;
    line-height: 17px;
    text-align: left;
    border: 1px solid #eee;
}
table th {
	font-weight: bold;
	vertical-align: top;
        text-align: right;

}
table tbody tr th, table tbody tr td {
    background-color: none;
}
table tbody tr.even th, table tbody tr.even td {
    background: none;
        background: #F7F7F7;

}
table tbody th {
    width: 120px;
    text-align: right;
    border-right: 1px solid #eee;
}

/* ----- Forms -----  */
form table {
  width: 450px;
  margin: 0 0 15px 0;
  border: 0;
}
form table tbody td,
form table tbody th {
        padding: .1em 0;
        border: 0;
}
form table tbody th {
        width: 130px;
        padding: .5em 0 .1em 0;
        text-align: left;
        font-weight: normal;
}
#content .form-object ul {
    padding: 0;
    margin: 0;
}
.form-object ul li {
    list-style: none;
    font-size: 11pt;
    margin-bottom: 10px;
}
input,
textarea,
select {
        margin-right: 2px;
}
input,
textarea {
        font-family: Arial, Helvetica, sans-serif;
        padding: 2px 3px;
}
textarea {
        margin-top: 2px;
        margin-bottom: 2px;
        overflow: visible;
        font-size: 10pt;
        width: 308px;
        padding: 2px;
        border: 1px solid #ccc;
}
input {
        margin-top: 2px;
        margin-bottom: 2px;
        overflow: visible;
        font-size: 10pt;
        width: 302px;
        padding: 5px;
        border: 1px solid #ccc;
}
input[type="radio"],
input[type="checkbox"]{
        position: relative;
        top: 1px;
        left: -2px;
}
input.submit {
        margin: 15px 0 0 0;
        padding: 4px 10px 3px;
        width: 150px;
}
form table tbody tr.required th,
form li.required label {
        font-weight: bold;
}
form .errored input,
form .errored textarea {
    border-color: #c40000;
    background: #fccfcf;
    color: #c40000;
}
input:focus,
textarea:focus {
        border-color: #777;
        background: #efefef;
}
form .errored input:focus,
form .errored textarea:focus {
        background: #efefef;
}

#content ul.errorlist,
.form-object ul.errorlist {
    width: 425px;
    background: #c40000;
    padding: 1px 10px 5px 10px;
    margin: 0 0 15px 0;
}
#content .form-object .errored ul.errorlist {
    width: 294px;
    margin: 0;
}
.form-object .errorlist li {
    color: #fff;
    list-style: none;
    margin: 0;
    padding: 3px 0 0 0;
}
p.form-sent {
    padding: 7px 10px;
    color: #fff;
    background: #009d00;
}
.form-sent a {
    color: #fff;
}

/*  ----- Clear, Hide -----  */

.hide,
.blind a,
.print {
	left: -10000px;
	overflow: hidden;
	position: absolute;
	width: 0; height: 0;
}
         .clear { clear: both; }
     span.clear { display: block; }
#ie6 span.clear,
#ie7 span.clear { display: inline; }

/* -------- image floats --------- */

img.left {
    float: left;
    margin: 5px 5px 5px 5px;
}
img.right {
    float: right;
    margin: 5px 0 10px 15px;
}

/*
    PAGE LAYOUT
    ------------------------------------------------------------------------
*/

body {
  background: /* url(../img/bg-body.png) left top repeat-x */ #fff;
  font-family: Arial, serif;
  font-size: 14px;
  text-align: center;
  color: #000;
  padding-top: 12px;
}

div.body {
  /* background: url(../img/bg-footer.png) center bottom no-repeat; */
}

div#page {
	margin: 0 auto;
	position: relative;
	width: 990px;
	text-align: left;
	color: #000;
}

/*  ----- Header -----  */

div#header {
  width: 990px;
  background: url(/media/files/22f23137c7938fec7e35d1bedde7608f/barvy-cz/web/bg-header.jpg) no-repeat top right;
}

div#header-block {
  position: absolute;
  top: 0;
  left: 0;
  background: none;
}
div#header-bottom {
  clear: both;
}

/* -- Logo -- */

div#logo {
  width: 0px;
  height: 30px;
  float: left;
  padding-right: 0px;
  margin-right: 0;
  color: #fff;
  font-size: 0pt;
  position: relative;
  z-index: 10;
}

#logo h1,
#logo a {
	display: block;
	height: 30px;
	position: relative;
	margin-bottom: 0;
        color: #fff;
	font-size: 0pt;
}
	
#logo h1 span,
#logo a span {
	display: block;
	position: absolute;
	left: 0;
	top: 30px;
    background: url(../img/logo.gif) no-repeat;
	height: 43px;
	width: 201px;
    color: #fff;
	font-size: 0pt;
    margin-left: -5px;
}

/* -- Info -- */
div#info {
	/* background: url(../img/bg-header.png) 0 0 repeat; */
	font-size: 10pt;
	/* width: 650px; */
	/* height: 200px; */
	line-height: 152px;
	overflow: hidden;
	float: left;
	align: left;
	margin-right: 0;
}

#info div {
  margin: 5px 5px 5px 0;
}

/*  ----- Top Navigation -----  */

div#top-navigation {
  width: 100%;
  position: absolute;
  top: 120px;
  left: 0;
  z-index: 10;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 5px 0;
  background: url("../img/top-navigation.png") repeat-x;
}

#top-navigation h2 {
  display: none;
}
#top-navigation ul {
  display: block;
  position: relative;
  left: 0;
  text-align: left;
  width: 100%;
}
#top-navigation li {
	float: left;
	margin: 0;
}
#top-navigation li a, #top-navigation li span {
	color: #000;
	display: block;
	float: left;
	font-weight: normal;
 	font-size: 10pt; 
	height: 1%;
	padding: 9px 15px 10px 15px;
	margin-bottom: 0;
	text-decoration: none;
    background: url("../img/dot-03.gif") repeat-y 100% 0;
}
#top-navigation li.last a, #top-navigation li.last span {
    background: none;
}
#top-navigation li a:hover,
#top-navigation li a:active,
#top-navigation li a:focus { 
	color: #4089f2;
}

#top-navigation li.active a, #top-navigation li.active span { 
	background: #4089F2;
	color: #fff;
}

/*  ----- Left Blocks -----  */

div#left-blocks {
  width: 990px;
  float: left;
  margin: 0;
  padding-bottom: 15px;
}

/* ----- Content -----  */

div#content {
  width: 630px;
  float: left;
  position: relative;
  height: 1%;
  padding: 0;
  margin: 0;

}
#content .content-in {
  padding: 1px 0px 2px 0;
  background: #fff;
  font-size: 10pt;

}
#content h1,
#content h2 {
	color: #000;
	font-size: 18pt;
	line-height: 40px;
	position: relative;
    margin: 10px 0 12px;
	left: 0px;
    text-decoration: none;
}
#content h3 {
	color: #000;
	font-size: 2.3em;
	line-height: 55px;
	position: relative;
	left: -1px;
}
#content h2 {
  color: #000;
  font-size: 17px;
  line-height: 20px;
  margin-bottom: 0;
  text-decoration: none;

/*    width: 550px;  */




}
#left-blocks .home h2.title {
  display: none;
}
#content h3 {
  color: #000;
  font-size: 1.1em;
  line-height: 25px;
}
#content ul {
  font-size: 15.5px;
  line-height: 21px;
  margin-bottom: 15px;
  list-style-image: none;
  list-style-position: inside;
  list-style-type: square;
}
#content li {
  font-size: 10pt;
  line-height: 20px;
}
.item {
  margin: 0 0 5px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px dotted #ccc;
}
.item.last {
  border: 0;
}
.item h2 {
    margin: 5px 5px 5px 5px;
    padding: 5px 5px 5px 0;
}
.item h2 a {
  border-bottom: 1px dotted #000;
}
.item img {
  float: left;
    margin: 10px 0px 0px 0px;
}

#left-blocks .home {
    width: 990px;
    margin: 0;
}
#left-blocks .subpage {
}

/******* icons *************/
#content .icons.right ul {
  float: right;
  list-style: none;
}
#content .icons.left ul {
  float: left;
  list-style: none;
}
#content .icons.right li {
  margin: 0 0 0 10px;
}
#content .icons.left li {
  margin: 0px 10px 0px 0px;
}
#content .icons.left li img {
  border: 1px solid #DFDFDF;
  padding: 15px 15px 15px 15px;
}
#left-blocks div.subpage div.icons {
  display: none;
}

/* ----- Left column -----  */

div#left-column {
  width: 309px;
  float: right;
  margin-top: 9px;
}

/* ----- Column navigation -----  */

div#col-navigation {
  width: 309px;
  background: url(../img/bg-colnav.png) 0 0 repeat-x #214780;
}
#col-navigation ul {
  list-style-type: none;
  padding: 10px 0 12px 0;
}
#col-navigation li {
  margin: 0;
}
#col-navigation li a {
  background: url(../img/nav-arrow.gif) 100% 50% no-repeat transparent;
  color: #CCC;
  display:block;
  height: 1%;
  font-size: 12pt;
  font-weight: normal;
  padding: 8px 6px;
  text-decoration:none;
  width: 248px;
}
#ie6 #col-navigation li a {
  width: 309px;
}
#col-navigation li a:hover,
#col-navigation li a:active,
#col-navigation li a:focus { 
	background: #c00;
	color: #fff;
}
#col-navigation li.active a { 
	background: #fff;
	color: #000;
}
#col-navigation li.active a:hover,
#col-navigation li.active a:active,
#col-navigation li.active a:focus { 
	background: #c00;
	color: #fff;
}

/* ----- content navigation -----  */
div#content-navigation {
    padding-bottom: 40px;
}
#ie6 div#content-navigation {
    margin-left: -45px;
}
div#content-navigation ul {
/*    float: left; */
    width: 100%;
    list-style: none;
    margin: auto;
}
div#content-navigation li {
    float: left;
    margin: 0px 11px 11px 0;
    text-align: center;
    min-height: 100px;
    border-left: 6px solid #EBEBEB;
    border-right: 6px solid #EBEBEB;
    border-top: 10px solid #EBEBEB;
    background: #EBEBEB;
}
#content-navigation a img {
   border: 1px solid #ebebeb;
}
#content-navigation a:hover img {
    border: 1px solid #000;
}
div#content-navigation li.order-5,
div#content-navigation li.order-10,
div#content-navigation li.order-15,
div#content-navigation li.order-20,
div#content-navigation li.order-25,
div#content-navigation li.order-30,
div#content-navigation li.order-35,
div#content-navigation li.order-40,
div#content-navigation li.order-45,
div#content-navigation li.order-50,
div#content-navigation li.order-55,
div#content-navigation li.order-60,
div#content-navigation li.order-65,
div#content-navigation li.order-70,
div#content-navigation li.order-75,
div#content-navigation li.order-80,
div#content-navigation li.order-85,
div#content-navigation li.order-90,
div#content-navigation li.order-95,
div#content-navigation li.order-100,
div#content-navigation li.order-105,
div#content-navigation li.order-110,
div#content-navigation li.order-115 {
    margin-right: 0;
}
div#content-navigation li.order-1,
div#content-navigation li.order-6,
div#content-navigation li.order-11,
div#content-navigation li.order-16,
div#content-navigation li.order-21,
div#content-navigation li.order-26,
div#content-navigation li.order-31,
div#content-navigation li.order-36,
div#content-navigation li.order-41,
div#content-navigation li.order-46,
div#content-navigation li.order-51,
div#content-navigation li.order-56,
div#content-navigation li.order-61,
div#content-navigation li.order-66,
div#content-navigation li.order-71,
div#content-navigation li.order-76,
div#content-navigation li.order-81,
div#content-navigation li.order-86,
div#content-navigation li.order-91,
div#content-navigation li.order-96,
div#content-navigation li.order-101,
div#content-navigation li.order-106,
div#content-navigation li.order-111,
div#content-navigation li.order-116,
div#content-navigation li.order-121, {
    margin-left: 0;
}
div#content-navigation li.active a h2 {
    color: #000;
}

div#content-navigation h2 {
    width: 105px;
    padding: 0 0 2px 0;
    margin: 0px;
    line-height: 20px;
    font-size: 9pt;
    color: #9F9F9F;
    background: #EBEBEB;

}
div#content-navigation a:hover h2 {
    color: #000;
    text-decoration: underline;
}


/* ------- goods -------- */
#goods .desc p {
    margin: 10px 0;
}
#goods .desc p span {
    margin-right: 5px;
    font-weight: bold;
}

/* ----- Block -----  */

div.block {
  width: 990px;
  clear: both;
  background: #fff;
  padding: 5px 0 10px 0;
}
#left-column .block {
  width: 100%;
}
.detail #content div.block,
.subpage #content div.block {
  width: 610px;
}
.detail #content div.block table th,
.detail #content div.block table td,
.detail #content div.block table,
.subpage #content div.block table th, 
.subpage #content div.block table td,
.subpage #content div.block table {
  border: 0;
}
.detail #content div.block table,
.subpage #content div.block table {
  width: 500px;
  margin: 0 auto 10px auto;
}
#content .block h2 {
  color: #000;
  font-size: 10pt;
  padding: 7px 0 10px 0;
  position: relative;
  background: #fff;
}
#left-column .block h2 {
    color: #4089F2;
    font-size: 13pt;
    text-transform: uppercase;
    margin: 7px 0 10px 0;
    padding: 0 0 0 10px;
    background: url(../img/dot.gif) left 50% repeat-x #fff;  
}
#left-column .block h2 span {
    background: #fff;
    padding: 0 5px;
}
.block h2 a {
    border-bottom: 1px solid #DFDFDF;
}
.block h2 a:hover {
    color: #000;
}
.block .object {
    width: 320px;
    float: left;
    height: 300px;
    margin-right: 15px;
    background: url(../img/dot-02.gif) repeat-x 0 100%;
}
#left-column .block p {
    font-size: 9pt;
}
#left-column .block .object {
    width: 309px;
    height: auto;
    padding-bottom: 5px;
    margin-right: 0;
}
#left-column .block .object.last {
    background: none;
}
#left-column .block h3 {
   font-size: 10pt;
   font-weight: bold;
   line-height: 20px;
   margin: 16px 0 6px 0;
   clear: both;
}
#left-column .block h3 a {
   color: #111;
   border-bottom: 1px solid #eee;
}
#left-column .block h3 a:hover {
   color: #4089F2;
}
.block .object.order-3,
.block .object.order-6 {
    width: 319px;
    margin-right: 0;
}
.block p {
  font-size: 10pt;
  text-align: justify;
  line-height: 19px;
  color: #000;
  margin: 0;
}
.block img {
    float: left;
    margin: 5px 12px 0 0;
}
#ie6 .block table {
  width: 97%;
}
.block table th {
	font-weight: normal;
	vertical-align: middle;
}
.block form table {
  margin: 5px 0 0 5px;
}
.block input {
	margin-top: 2px;
	margin-bottom: 2px;
	overflow: visible;
	width: 230px;
}
.block input.submit {
	width: 100px;
}

.block p.show-detail {
    padding: 5px 0;
}

.block .content.form-object {
   padding-top: 10px;
}
.block .content.user-logged p {
   margin: 0 0 3px 50px;
}
/**** partners ****/
.block.partners {
    width: 100%;
    position: relative;
    text-align: center;
    padding: 0 0 0 0;
    background: none;
    border-top: 0px solid #ccc;
    clear: none;
}
.block.partners ul {
    text-align: center;
   margin: 0px 0px 10px 0px;
   border: 1px dotted #ccc;
    background: #fff;
}
.block.partners li {
    display: inline;
    width: auto;
    float: none;


}
.block.partners img {
    float: none;
/*    display: none; */
   margin: 7px 7px 7px 7px;

}
.block.partners .object {
    height: auto;
    background: none;
    margin: 7px 7px 7px 7px;
}
.block.partners h2,
.block.partners .more {
    display: none;
}

.block.partners.brands {
  width: 100%;
  position: relative;
  z-index: 10;
  border-top: 0px solid #ccc;
  border-bottom: 0px solid #ccc;
  padding: 0px 0;
  background-color: #F7F7F7;
}

.block.partners.brands h2 {
  display: none;
}
.block.partners.brands ul {
  display: block;
  position: relative;
  left: 0;
  text-align: left;
  width: 100%;
}
.block.partners.brands li {
	float: left;
	margin: 0;
}
.block.partners.brands li a, .block.partners.brands li span {
	color: #000;
	display: block;
	float: left;
	font-weight: normal;
 	font-size: 8px;
	height: 10%;
	padding: 2px 2px 2px 2px;
	margin-bottom: 0px;
	text-decoration: none;
}
.block.partners.brands li.last a, .block.partners.brands li.last span {
    background: none;
}
.block.partners.brands li a:hover span,
.block.partners.brands li a:active span,
.block.partners.brands li a:focus span { 
	color: #4089f2;
}

.block.partners.brands li.active a, .block.partners.brands li.active span { 
	background: #4089F2;
	color: #fff;
}


/**** top article ****/
.block.top-article {
    width: 650px;
    float: left;
    color: #AFAFAF;
    font-size: 13pt;
    padding: 0px;
    margin-bottom: 0px;
    background-color: #000;
    clear: none;
}
.block.top-article .object {
    width: 100%;
    height: auto;
    float: none;
    margin: 0;
    background: none;
}
#content .block.top-article h2 {
    color: #fff;
    font-size: 15pt;
    font-weight: normal;
    background-color: #9F9F9F;
    margin: 0;
    padding: 15px;
    border-bottom: 1px solid #3F3F3F;
}
.block.top-article h2 a {
    color: #fff;
    font-size: 15pt;
    border-bottom: 1px solid #5F5F5F;
}
.block.top-article h2 a:hover {
    border-bottom: 1px solid #fff;
}
.block.top-article div.items {
    background-color: #000;
}
.block.top-article p {
    color: #AFAFAF;
    line-height: 20px;
    padding: 5px 5px 5px 5px;
}
.block.top-article img {
    float: left;
    margin: 10px;
}
.block.top-article .items p a {
    color: #fff;
    text-decoration: underline;
}
.block.top-article .items p a:hover {
    text-decoration: none;
}

/**** home catalogue ****/
.block.catalogue {
    width: 320px;
    float: right;
    clear: none;
    padding: 0 0 10px 0;
}
#content .block.catalogue .title-and-desc {
    margin: 0;
}
#content .block.catalogue h2 {
    color: #4089F2;
    font-size: 15pt;
    text-transform: uppercase;
    margin: 7px 0 10px 0;
    padding: 0 0 0 10px;
    background: url(../img/dot.gif) left 50% repeat-x #fff;
}
#content .block.catalogue h2 span,
#content .block.catalogue h2 a {
    background: #fff;
    padding: 0 5px;
    border: 0;
}
.block.catalogue .items img {
    float: left;
    margin: 6px 0 0 0;
}
#content .block.catalogue h3 {
   width: 240px;
   float: right;
   font-size: 9pt;
   font-weight: normal;
   margin-top: 16px;
   clear: both;
}
#content .block.catalogue h3 a {
   color: #000;
   border-bottom: 1px solid #DFDFDF;
}
#content .block.catalogue h3 a:hover {
   color: #4089F2;
}
.block.catalogue .object {
   height: auto;
   margin: 0;
   background: none;
}

/* ---- header default blocks ---- */
#header-block .block {
  position: relative;
  top: 37px;
  left: 550px;
  background: none;
}
#header-block .block h2 {
  display: none;
}
#header-block .block input[type=text] {
  width: 300px;
  height: 20px;
  text-align: center;
  font-size: 11pt;
}
#header-block .block input[type=submit] {
  width: 100px;
}

/* ---- quick path ---- */
div.breadcrumb {
    margin: 0;
    background: #fff;
}
div.breadcrumb div {
  position: relative;
  width: 100%;
  z-index: 10;
  font-size: 10pt;
  padding: 10px 0;
  border: 1px dotted #ccc;
  color: #000;
  border-width: 1px 0 1px 0;
}
div.breadcrumb.first div {
  padding-top: 11px;
  border-width: 0 0 1px 0;
}
div.breadcrumb div strong {
  font-weight: normal;
}
div#quick-path {
  display: none;
}
/**** filter *****/
#content .filter ul {
  padding: 3px 0 11px 0;
  background: url("../img/block-bg-bottom.png") no-repeat scroll right bottom;
}
.filter h2 {
    display: none;
}
.filter ul li {
    list-style: none;
    float: left;
    margin: 0 15px 7px 0;
}
.filter ul li.order-2,
.filter ul li.order-5,
.filter ul li.order-8,
.filter ul li.order-11,
.filter ul li.order-14,
.filter ul li.order-17,
.filter ul li.order-20 {
    margin-right: 0;
}
.filter li label {
    font-size: 9pt;
}
.filter input {
    width: 224px;
    padding-top: 1px;
    padding-bottom: 1px;
    margin-top: 0;
}
.filter select {
    width: 198px;
    color: #555;
    padding: 1px;
    border: 1px dotted #ccc;
}
.filter select.active {
    background: #aaa;
}
.filter select option {
    color: #000;
}
.filter input.money {
    text-align: right;
}
.filter.extension {
    position: relative;
    z-index: 5;
    float: right;
    margin: -41px 0 0 0;
}

/* ----- navigation -------- */
.block.navigation {
}
.block.navigation ul {
  list-style-type: none;
  padding: 10px 0 12px 0;
}
.block.navigation li {
  margin: 0;
}
.block.navigation li a {
  background: #;
  display:block;
  height: 1%;
  font-size: 12pt;
  font-weight: normal;
  padding: 8px 6px;
  text-decoration:none;
  width: 236px;
}
#ie6 .block.navigation li a {
  width: 248px;
}
.block.navigation li a:hover,
.block.navigation li a:active,
.block.navigation li a:focus {
    background: none;
}
.block.navigation li.active a {
    background: #fff;
    color: #000;
}
.block.navigation li li a, .block.navigation li.active li a {
    width: 217px;
    padding-left: 25px;
}
.block.navigation li li.active a {
}
.block.navigation li.active a:hover,
.block.navigation li.active a:active,
.block.navigation li.active a:focus {
    background: none;
}

/* ----- block categories ---- */
.block.categories li {
    background: url("../img/dot-02.gif") repeat-x scroll 0 100% transparent;
}
.block.categories li.last {
    background: none;
}
.block.categories li.active a {
    color: #000;
}
.block.categories li.active li a{
    color: #4089F2;
}
.block.categories li li.active a{
    color: #000;
}
.block.categories li li {
    padding-left: 20px;
}
#left-column .block.categories h3 {
    margin: 0;
}
.block.categories a {
    display: block;
    padding: 9px 0;
}

/* ----- contacts, organization -----  */
div#organizations ul {
    list-style: none;
}
#organizations div.district {
    font-weight: bold;
    padding: 5px 0;
    background: #ebebeb;
    padding-left: 7px;
    border-bottom: 1px dotted #ccc;
    border-top: 1px dotted #ccc;
}
#organizations h2 {
    font-weight: normal;
    font-size: 10pt;
    line-height: 11px;
    text-decoration: none;
    margin-bottom: 8px;
}
#organizations h3 {
    margin: 0;
}
#organizations li li {
    padding: 7px 0 0 0;
    border-bottom: 1px dotted #ccc;
}
#organizations li li.last {
    border: 0;
}
#organizations li li {
    padding: 0;
}
#organizations div.more {
    display: none;
    padding: 5px 0 0 5px;
    margin: 8px 0 0 0;
    border: 1px dotted #dfdfdf;
}
#organizations div.general-contacts {
    width: 45%;
    float: left;
}
#organizations p {
    font-size: 10pt;
}
#organizations div.go-to-detail {
    clear: both;
    font-size: 10pt;
    text-align: right;
    padding: 0 15px 0 0;
}

/* ---- partners ---- */
div#partners ul {
    list-style: none;
}
#partners ul li strong {
    display: none;
}
#partners li.order-1 li.last {
    border-bottom: 1px dotted #ccc;
}
#partners h2 {
    margin-bottom: 5px;
}
#partners p {
    font-size: 11pt;
}
#attributes {
    clear: both;
}




/** persons hierarchically **/
#persons-hierarchically h2 {
    display: none;
    clear: both;
    margin: 5px 5px 5px 5px;
    padding: 25px 25px 25px 25px;
    border: 1px solid #DFDFDF;
    position: relative;
    background: #F9F9F9;
}
#persons-hierarchically ul {
    list-style: none;
}
#persons-hierarchically li {
    float: right;
    width: 90px;
    height: 70px;
    margin: 5px 5px 5px 5px;
    padding: 25px 25px 25px 25px;
    border: 1px solid #DFDFDF;
    position: relative;
}
#persons-hierarchically img {
}

/**** parent brand ****/
div#parent-brand {
    border: 1px solid #ccc;
    text-align: center;
    padding: 25px;
}
div#parent-brand p {
    text-align: center;
}
/**** related brands ****/
#related-brands h2 {
    clear: both;
    margin: 5px 5px 5px 5px;
    padding: 10px 10px 10px 10px;
    border: 1px solid #DFDFDF;
    position: relative;
    background: #F9F9F9;

}
#related-brands ul {
    list-style: none;
}
#related-brands li {
    float: left;
    width: 90px;
    height: 70px;
    margin: 5px 5px 5px 5px;
    padding: 25px 25px 25px 25px;
    border: 1px solid #DFDFDF;
    position: relative;
    background: #FDFDFD;

}
#related-brands img {

}

/* related brands in organizations list */
.related-brands {
    padding: 4px 0 5px 0;
    font-size: 7pt;
}

/** related organizations **/
#related-organizations ul {
    list-style: none;
}
#related-organizations li {
    margin: 10px 0;
}

/***** footer *****/
div#footer {
    width: 990px;
    color: #5F5F5F;
    text-align: left;
    font-size: 9pt;
    margin: 0 auto;
    padding: 15px 0;
    border-top: 1px solid #DFDFDF;
}
#footer div {
    line-height: 15px;
}

/* ----- Pagination -----  */
#content .pagination {
    width: 630px;
    height: 30px;
    margin: 5px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
}
#content .pagination p {
    display: block;
    width: 490px;
    position: relative;
    float: left;
    z-index: 100;
    text-align: center;
    margin: 0;
/*    line-height: 20px; */
    padding: 10px 0 0 0;
}
#content .pagination span {
    font-size: 14pt;
    margin: 10px 10px 10px 10px;
    padding: 2px 5px 2px 5px;
    border: 1px solid #DFDFDF;
}
#content .pagination p.prev,
#content .pagination p.next {
    width: 70px;
}
#content .pagination p.next a,
#content .pagination p.prev a {
    text-decoration: none;
    font-size: 14pt;
    margin: 10px 10px 10px 10px;
}
#content .pagination p.next a:hover,
#content .pagination p.prev a:hover {
    margin: 10px 10px 10px 10px;
}
#content .pagination .bottom {
/*    display: none; */
}

/* ----- links -----  */


#content .links h2 {
      font-size: 8pt;
      display: none;
}

#content .links h3 {
      font-size: 17pt;
}

#content div.links ul {
    list-style: none;
    padding: 0;
    font-size: 8pt;
}
#content .links span {
   font-size: 8pt;
}
#content .links .title {
   float: left;
   font-size: 8pt;
}
#content .links .like {
   float: right;
   text-align: right;
}
#content .links .description {
   clear: both;
   padding-top: 2px;
}
#content .links input {
   width: 112px;
}


/* ----- patterns -----  */
div#patterns {
    clear: both;
}
#patterns div.pattern {
    height: 76px;
}
#patterns .pattern-name {
    width: 35%;
    height: 70px;
    float:left;
    text-align: center;
    background-color: transparent;
}
#patterns .pattern-color {
    width: 65%;
    height: 70px;
    float: right;
}
div#pattern {
    height: 350px;
}

/* ---- google search ---- */
#cse-search-results {
    margin: -50px 0 0 0;
    padding: 0;
}
#cse-search-results iframe {
    margin: 0;
}

#articles .icon,
#goods .icon {
    float: left;
    margin: 0 10px 7px 0; 
}
#advisebureau .icon {
    float: right;
    margin: 7px 0 10px 10px;
}
#advisebureau .icon img {
   margin: 0;
}

/* ---- advisebureau comments ---- */
.comment-detail .question {
}
.comment-detail .answers {
    margin: 20px 0 0 0;
}
.comment-detail h2 {
    padding-bottom: 5px;
}
.comment-detail .area {
    margin: 0 0 20px 0;
    padding: 15px;
    border: 1px dotted #ccc;
}
.comment-detail .text img {
    float: right;
    margin: 0 0 50px 15px;
}
.comment-detail .correspondent img {
    float: right;
    margin: 25px 70px 0 0;
}

/* ---- advise bureau home block ---- */
#content .block.advisebureau {
    padding-top: 15px;
    clear: both;
}
.block.advisebureau .more {
    position: absolute;
    z-index: 150;
    bottom: 0;
    right: 0;
}
#content .block.advisebureau h2 {
    color: #4089F2;
    font-size: 15pt;
    text-transform: uppercase;
    margin: 7px 0 10px 0;
    padding: 0 0 0 10px;
    background: url(../img/dot.gif) left 50% repeat-x #fff;
}
#content .block.advisebureau h2 span {
    background: #fff;
    padding: 0 5px;
}
.block.advisebureau .object {
    background: none;
    height: 190px;
}
.block.advisebureau .object img {
    float: right;
    margin: 0 0 10px 10px;
}
#content .block.advisebureau h3 {
   font-size: 10pt;
   font-weight: bold;
   clear: both;
}
#content .block.advisebureau h3 a {
   color: #111;
   border-bottom: 1px solid #eee;
}
#content .block.advisebureau h3 a:hover {
   color: #4089F2;
}

#user-profile ul {
    list-style: none;
}
div.user-navigation ul {
    list-style: circle;
    font-size: 10pt;
    line-height: 20px;
    padding-left: 50px;
}

/* --- google searching --- */
#header-block .block {
    width: 440px;
}