body, form, input, select, textarea, td, th {font-family: verdana, arial, helvetica, sans-serif;}
body {text-align: center; color: #c0c0c0; font-size: 70%; background: url('http://www.abysszine.com/image/web/bg-body.gif') repeat; margin: 0; padding: 0;}
select, textarea, td, th {font-size: 100%;}
form {margin: 0; padding: 0;}

p, ul, table {margin: 0 0 1em 0; padding: 0;}
h1 { clear: both; font-size: 120%; color: #b1b0b0; margin: 0 0 0.5em 0; padding-bottom: 0.5em; background: url('image/web/bg-h1.gif') repeat-x 0px bottom;}
h2, h3, h4 {margin: 0 0 0.5em 0; padding: 0;}
h2 { font-size: 110%;}
h3 {font-size: 105%;}
h4 {font-size: 100%; color: #787878;}

table {border-collapse: collapse;} 
td {vertical-align: top;} 
a { color: #b7140e; text-decoration: none }
a:hover {text-decoration: underline}

.cleaner, .cleaner1 {clear: both; line-height: 0; visibility: hidden;}
.cleaner {font-size: 0;}
.cleaner1 {margin-bottom: 0.5em;}

/* layout */
#shadow {width: 920px; margin: 0 auto; background: url('http://www.abysszine.com/image/web/bg-shadow.png') repeat-y;} 
#layout, #header-top, #header, #header-bottom, #footer, #copyright {width: 880px;}
#layout {text-align: left; background-color: #000; border: 1px solid #000; min-height: 100%; margin: 0 auto;} 
div>#layout {height: auto}

#header-top {float: left; width: 880px; background-color: #e1e1e1;}
#header-top #login {float: left; color: #2e2e30; margin-left: 8px; padding: 4px 0 0 16px; background-image: url('http://www.abysszine.com/image/web/ico-user.gif'); background-repeat: no-repeat; background-position: left 5px;}
#header-top #login a,
#menu-footer a { font-size: 90%; font-weight: bold;}
#header-top #menu-website {float: right; background: url('image/web/bg-menu-website.gif') no-repeat left bottom;}

#header {clear: both; border-top: 1px solid #000;}
#header a {display: block; height: 90px; background: url('image/web/bg-header.jpg') no-repeat;}
#header-bottom {float: left; padding: 4px 0;}
#header-bottom #header-date {float: left; color: #fff; padding: 4px 0 4px 6px; font-size: 90%;}
#header-bottom #header-date span,
#copyright span {color: #b7140e;}

#content {clear: both;}
#content .content-banner {text-align: center; padding: 15px;}
#content-left {float: left; width: 190px;}
#content-center {float: left; width: 500px; overflow: hidden;}
#content-right {float: right; width: 190px;}
#content-left, #content-right {padding-top: 8px;}

#footer {font-size: 90%; border-top: 1px solid #2c2c2c; background-color: #191919;}
#footer img {vertical-align: middle; margin-right: 0.8em;}
#copyright {color: #fff; padding: 0.5em 0; background-color: #000;}
#copyright select {width: 70px; background-color: #fff;}
#copyright a {color: #b7b7b7;}
#copyright p {margin: 0 0 0.4em 0;}
#copyright span {margin: 0 0.5em;}
#copyright-left {float: left; padding-left: 8px;}
#copyright-right {float: right; padding: 7px 8px 0 0;}
#copyright-right form {display: inline;}

/* header-search */
#header-search {float: right; padding: 0 8px;}
#header-search form input, #header-search form img {vertical-align: middle;}
#header-search .form-search, #header-search .form-search-foc {width: 205px; height: 17px; padding-left: 3px; border: 1px solid #460101;}
#header-search .form-search { background: #e9dede; }
#header-search .form-search-foc {background-color: none;}
#header-search #button-header-search {width: 21px; height: 21px; margin: 0 5px; background: url('image/web/ico-search.gif');}


/* menu */
/* menu website */
#menu-website ul {margin: 0 0 0 10px; padding: 0;}
#menu-website ul li {float: left; font-size: 90%; padding: 7px 8px 4px 6px; list-style-type: none; background: url('image/web/bg-menu-website-sep.gif') no-repeat right 6px;}
#menu-website ul li a {color: #fff;}
#menu-website ul li#menu-website-home a {padding-left: 16px; background-image: url('http://www.abysszine.com/image/web/ico-home.gif'); background-repeat: no-repeat; background-position: left 0px;}
#menu-website ul li#menu-website-home a:hover {color: #d87300; background-image: url('http://www.abysszine.com/image/web/ico-home1.gif');}
#menu-website ul li#menu-website-active a { color: #b7140e; }
#menu-website ul li#menu-website-last {background: none;}

/* menu left pop-up */
#menu-left {margin: 0 6px 12px 6px; padding: 6px 6px 3px 6px; background: url('image/web/bg-menu-left.gif') no-repeat center 0;}
#menu-left ul#popupmenu, #menu-left ul#popupmenu ul {width: 166px; margin: 0; padding: 0;}
#menu-left ul#popupmenu li {font-size: 90%; font-weight: bold; margin: 0; padding: 0 0 2px 4px; background-image: url('image/web/bg-menu-left-li.gif'); background-repeat: repeat-x; background-position: 0 bottom;list-style-type: none; position: relative; line-height: 120%;}
#menu-left ul#popupmenu a {display: block;}
#menu-left ul#popupmenu li a {background-image: url('image/web/bg-menu-left-a.gif'); padding: 5px 0 6px 7px; background-repeat: no-repeat; background-position: left center;}
#menu-left ul#popupmenu li.menu-left-submenu a {background-image: url('image/web/bg-menu-left-a-sub.gif');}
#menu-left ul#popupmenu li#menu-left-last {background-image: none;}

#menu-left ul#popupmenu li a, #menu-left ul#popupmenu li ul li a {color: #c0c0c0; position: relative;}
#menu-left ul#popupmenu li a:hover, ul#popupmenu li a.csstohighlink {color: #fff; text-decoration: none;}

/* 1. uroven */
#menu-left ul#popupmenu li ul {border-top: 1px solid #3b3b3b; background-color: #222;}
#menu-left ul#popupmenu li ul li {background-image: none; padding: 0 0 2px 8px; border-right: 1px solid #3b3b3b; border-bottom: 1px solid #3b3b3b; border-left: 1px solid #3b3b3b;}
#menu-left ul#popupmenu li ul li a,
#menu-left ul#popupmenu li.menu-left-submenu ul li a {background-image: none; padding: 5px 0 6px 0;}

/* skryti neaktivniho menu 1. uroven */
#menu-left ul#popupmenu li > ul {display: none; position: absolute; top: 0px; left: 166px; z-index: 100;}          
#menu-left ul#popupmenu li > ul li {z-index: 100;}
#menu-left ul#popupmenu ul.csstoshow {display: block;}
#menu-left ul#popupmenu li:hover > ul {display: block;}
#menu-left ul#popupmenu li ul li:hover, #menu-left ul#popupmenu li ul li.csstohighlight {background-color: #3b3b3b;}

/* menu main */
#menu-main {margin-bottom: 1.3em; font-size: 90%; text-align: left;}
#menu-main {color: #eaffff; padding: 2px 5px; border: 1px solid #460101; background: url('image/web/bg-menu-main.gif') repeat-x 0px bottom;}
#menu-main a {color: #fff;}
#menu-main a {font-weight: bold; margin: 0 0 0.5em 0;}
#menu-main a:hover, #menu-main #menu-main-active, #menu-main #menu-main-active a:hover { color: #ffd4d7; }
#menu-main a:hover, #menu-main #menu-main-active, #menu-main #menu-main-active a:hover {text-decoration: none;}


/* menu footer */
#menu-footer {text-align: center; margin: 0 0 0.5em 0; padding: 4px 8px;}


/* systemove bloky */
/* nadpisy */
#content-left h2, #content-right h2 {font-size: 100%; color: #f5f5f5; margin: 0 8px; padding: 4px 6px 4px 12px; background: url('image/web/bg-content-block-h2.gif') no-repeat 0 bottom;}
#content-left a, #content-right a { color: #a01310; }
#content-left h2.adv-heading, #content-right h2.adv-heading, #main h2.adv-heading { text-align: right; font-size: 75%; font-weight: normal; color: #CCCCCC; padding: 0; }
#main h2.adv-heading {margin: 0 0 0.3em 0}
#content-left h2.adv-heading, #content-right h2.adv-heading {margin: 0 8px 0.5em 8px; background: none;}
#content-left h3, #content-right h3 {font-size: 95%; margin: 0 0 0.3em 0;}
#content-left h4, #content-right h4 {margin: 0 8px 0.3em 8px;}
#main h3.reklama-header {margin: 0 0 0.3em 0;}


/* content-block */
.content-block, .content-block-center, .content-block-nopadding, .block-reklama, .content-block-jukebox, .content-block-kalendar-outer {font-size: 90%; margin: 0 8px 14px 8px; border: 1px solid #333;}
.content-block, .content-block-center, .content-block-nopadding, .block-reklama {background-color: #222222;}
.content-block, .content-block-center, .block-reklama {padding: 6px;}
.content-block-center img {margin: 1px 0;}
.content-block-kalendar-outer {padding: 0 1px 1px 1px;}
.content-block {width: 160px; overflow: hidden;}
.content-block-center {text-align: center;}

.text-center-block {text-align: center; margin: 0;}


/* block reklama */
.block-reklama {font-size: 90%; text-align: center}
.block-reklama h3 {text-align: center;}

/* bannery */
.banner1, .banner2, .banner7  {text-align: center; padding: 15px 0;}
.banner3, .banner4 {text-align: center; padding: 0 0 0 0;}
.banner8 {position: absolute; margin: 0 0 0 905px;}
.banner8 img {border: 1px solid #fff;}

/* clanek */
#main, #main .main-index {width: 484px;}
#main {margin: 0 8px; padding: 8px 0; text-align: justify; line-height: 135%;}
#main ul li {margin: 0; padding-left: 1.5em; background: url('image/web/bg-li.gif') 5px 5px no-repeat; list-style-type: none;}
#main ul li li {margin: 0; padding-left: 1.5em; background: url('image/web/bg-li-li.gif') 5px 5px no-repeat; list-style-type: none;}
.vlevoobr, .vlevoobr-noborder {float: left; margin-right: 5px; margin-bottom: 5px}
.vpravoobr, .vpravoobr-noborder {float: right; margin-bottom: 5px; margin-left: 5px}
#main .seda {color: #666666; font-weight: bold;}
.image-bottom {vertical-align: bottom;}

#main #text-sizer {text-align: right; margin-bottom: 0.5em;}
#main #text-sizer img,
#main .main-bottom img {margin: 0 2px; cursor: pointer; cursor: hand;}

#main #social {margin-bottom: 1em;}
#main #social span {font-weight: bold; margin-right: 5px;}
#main #social img {margin: 0 2px 3px 2px;}

/* index */
/* content-block-main */
#main .main-index {float: left; margin-bottom: 2em;}
#main .main-index h3 {clear: both; color: #fff;}
#main .main-index .main-more {clear: both; text-align: right;}
#main .main-block-reklama {margin-bottom: 1.5em;}

#main #block-live-priorita {width: 482px; height: 25px; overflow: hidden; margin-bottom: 2em; border: 1px solid #460101; background: #222;}  
#main #block-live-priorita #block-live-priorita-inside {width: 472px; height: 25px; padding: 5px;}

/* diskuze pod clankem */
#main #main-discussion {margin-top: 1em;}
#main #main-discussion h3#discussion-header {float: left;}
#main #main-discussion #discussion-paging {float: right;}

#main #main-discussion #menu-bottom {text-align: center; margin: 1.5em 0 1em 0;}
#main #main-discussion #menu-bottom a {text-align: center; height: 36px; color: #fff; text-decoration: none; margin: 0 5px; padding: 2px 8px; border: 1px solid #000; background-color: #006de8; background-image: url('http://www.abysszine.com/image/web/bg-menu-bottom.gif'); background-repeat: repeat-x; background-position: 0px bottom;}
#main #main-discussion #menu-bottom a:hover {background-color: #999999; background-color: #747474; background-image: url('http://www.abysszine.com/image/web/bg-menu-bottom1.gif');}

/* vyberova tabulka */ 
#main #table-comment-outer, #table-comment-outer-normal {clear: both; padding: 5px 0;}
#main #table-comment-outer {height: 228px; overflow: auto;}
#main #table-comment {color: #000; width: auto; border: 1px solid #460101; margin: 0 1px;}
#main #table-comment td {font-size: 90%; padding: 2px 4px; vertical-align: top;}
#main #table-comment .form-comment { background: #f1afaf; } 
#main #table-comment .form-comment-hov { background: #ffd9d9; }
#main #table-comment .col-checkbox {width: 4%;}
#main #table-comment .col-title {width: 35%;}
#main #table-comment .col-date {width: 28%; text-align: right;}

/* index */
#main .main-index {text-align: left;}

/* kontakty */
#main .redaktori {float: left; width: 25%; text-align: center; padding: 1em 0;}
#main .redaktori:hover {background-color: #1c1c1c;}
#main .redaktori h3 { text-align: center; font-size: 90%; margin: 5px;}
#main .redaktori p {font-size: 90%; margin: 0 5px 5px 5px;}

/* paging, datum */
#main .paging {clear: both; text-align: right; margin: 0 0 0.8em 0;}
#main .paging a img {border: 0; vertical-align: middle;}
#main .paging a {padding: 0 2px;} 

#main .paging-bottom {text-align: right;}
#main .table-form-jm img {border: 0; vertical-align: middle;}
#main .main-bottom, #main .jmeno {text-align: right; font-size: 90%; margin-bottom: 1.5em;}
#main .main-bottom img {vertical-align: middle;}
#main .main-bottom #main-bottom-avatar {margin: 0.8em 0 0 5px;}
#main .main-date, #main .table-comment .col-date, #main .main-news-date, #discussion-paging {color: #68686e;}
#main .main-date, p.date-block, #main .table-comment .col-date, #discussion-paging {text-align: right;}
#main .main-date {clear: both;}
.date-block {color: #9d9d9d;}
#main .comment-re .main-date, #main .main-index .main-news-today .main-date {margin: 0;}

/* main-bottom */
#main .jmeno, #main .jmeno2 {text-align: right;}
#main .jmeno2 { color: #787878; margin-bottom: 1em; }
#main .jmeno2 a {font-weight: bold;}
#main .jmeno img {border: 0; vertical-align: middle;}

#main .main-bottom, #main .jmeno,
.perex-bottom, .perex-bottom-today {color: #c0c0c0;}

/* perex a main-bottom */
.perex {clear: both;}
.perex h2 {font-size: 100%;}
.perex-bottom, .perex-bottom-today {float: left; width: 475px; margin: 0.5em 0 1.5em 0; border-left: 3px solid #b7140e; background-image: url('http://www.abysszine.com/image/web/bg-perex-bottom-darkroom.gif'); background-repeat: repeat-x; background-position: 0 bottom;}
.perex-bottom-today {border-left: 3px solid #b7140e}
.perex-left, .perex-right {padding: 2px 5px 3px 5px;}
.perex-left {float: left;}
.perex-right {float: right;}

/* hromadne deklarace */
/* obrazky okraj */
#main .vlevoobr,
#main .vpravoobr,
#main .center img,
.content-block-center img {border: 1px solid #2e0101;}

/* odkaz tucne */
.perex-right a,
.content-block-center a,
.text-center-block a,
#main .main-bottom a,
#main .jmeno a {font-weight: bold;}

/* small font */
.small,
.perex-bottom,
.perex-bottom-today,
#main .jmeno, #main .jmeno2,
#main #main-news-col-outer .main-news-col,
#main .small-comment,
#main .anonym,
#main .paging,
#main .paging-bottom,
#main .main-date,
#discussion-paging,
.main-index .main-more,
.date-block,
.table-form td label {font-size: 90%;}

/* obrazek bez okraje */
img,
#main .vlevoobr-noborder,
#main .vpravoobr-noborder,
#main .image-bottom,
#main #text-sizer img,
#main .main-bottom img,
#main .noborder,
.content-block-center .noborder,
#main .table-form td img {border: 0;}

/* zvyrazneni textu */
.form-error, .error {font-weight: bold; color: #ff0000;}
.form-success {color: #009900; font-weight: bold;}
.form-required {color: #ff0000; padding-left: 0.1em;}
.highlighting  {font-weight: bold; color: #0000cc;}
.highlighting2  {text-align: center; font-weight: bold; color: #68686e;}

/* doplnkove styly */
.left {text-align: left;}
.right {text-align: right;}
.center a {font-weight: bold;}
.center {text-align: center; margin: 0 0 0.5em 0;}
.center img {margin-bottom: 0.5em;}
#main code {font-size: 110%; text-align: left;}
#main blockquote {text-align: left; font-style: italic; margin: 0 0 1em 1em;}
#main blockquote p { text-align: right; margin: 0.5em 0 0 0; font-weight: normal; color: #666666; }


/* tabulky */
.table-section, .table-article {width: 100%;}

/* autori kontakt */
.table-autori {width: 100%;}
.table-autori th { width: 22%; vertical-align: top; }
.table-autori td a {font-weight: bold;}
.table-autori td {padding: 0 0 1em 0.5em;}

/* tabulka vypis clanku */
.table-section td, .table-section th {padding: 0 8px 3px 0; text-align: left; font-size: 90%;}
.table-section td a {font-weight: bold;}
.table-section th.col1 {width: 85%;}
.table-section th.col3 {width: 10%;}
.table-section th.col4 {width: 10%;}
.table-section th.col-datum {text-align: right; width: 115px;}
.table-section th.col-right,
.table-section td.col-right {text-align: right; padding: 0;}
.table-section th.col-center,
.table-section td.col-center {text-align: center;}

/* guestbook help */
#guestbook-help img {border: none;}

/* tabulka clanek */
.table-article {width: 100%;}
.table-article th {text-align: center; font-weight: bold;}
.table-article td, .table-article th {padding: 3px; font-size: 90%;}


/* systemove moduly */
/* popup */
#navtxt  {font-size: 90%; width: 122px; background-color: #222222; border: 1px solid #333; overflow: hidden;}
#navtxt img {display: block; border: 1px solid #000; margin: 8px auto;}
#navtxt p {text-align: center; margin: 8px 0;}
#navtxt span {display: block; text-align: left; margin: 8px 0;}

/* kalendar */
#kalendar {width: 100%; margin: 0 auto; padding: 0;}
#kalendar #kalendar-header { background-color: #333333; }
#kalendar #kalendar-header a,
#kalendar td a {color: #a01310;}
#kalendar td, #kalendar th {text-align: center; font-size: 9px; vertical-align: middle; background-color: #222222; border: 1px solid #000;}
#kalendar td  {color: #656565; padding: 1px; font-weight: bold;}
#kalendar th {}
#kalendar a.month-left {float: left;}
#kalendar a.month-right {float: right;}
#kalendar #kalendar-dnes {border: 2px solid #0c76b6; background-color: #fff;}

/* diskuze */
/* odpovedi na komentar */
#main .comment-re {margin-bottom: 1em; padding-top: 5px; padding-right: 5px; background: #1f1f1f; border-left: 2px solid #494949;}
#main .comment-re p {margin-left: 5px;}
#main .comment-re p.main-date {padding-bottom: 5px;}
#main .title-comment {color: #a0aaac; font-weight: bold;}

/* doplnkove styly komentare */
.anonym {color: #959595; font-weight: normal;}

/* fotogalerie */
.gallery {margin: 1em 0;}
.gallery a img {border: 3px solid #222;} 
.gallery a:hover img {border: 3px solid #6f0500;}
.gallery h4 {font-size: 80%; text-align: center; margin: 0 0 0 0;}
.gallery .gallerythumb {float: left; text-align: center; width: 96px; margin-bottom: 5px;}
.gallery-part {clear: both; height: 1px; margin-bottom: 10px; background: url('image/web/bg-perex-bottom.gif') repeat-x 0 0;}


/* formulare a vyhledavani */
.table-form {margin: 0 0 15px 0; width: 100%;}
.table-form td {padding: 3px}
.table-form td label {display: block; text-align: right;}
.table-form td input, .table-form td select, #main .table-form td img {vertical-align: middle;}
#main .table-form td img {margin-right: 10px;}

.form-text01-foc, .form-text02-foc, .form-text03-foc, .form-textarea-foc, .form-login-foc, .form-text01, .form-text02, .form-text03, .form-textarea, .form-login, select {height: 16px; border-width: 1px; border-style: solid; border-color: #460101;}
.form-text01, .form-text02, .form-text03, .form-textarea, .form-login, select { background-color: #f9d9d9; }
.form-text01-foc, .form-text02-foc, .form-text03-foc, .form-textarea-foc, .form-login-foc {background-color: #fff;}

.form-text01, .form-text01-foc {width: 180px;} 
.form-text02, .form-text02-foc {width: 100px;} 
.form-text03, .form-text03-foc {width: 32px;}
.form-textarea, .form-textarea-foc {width: 300px; height: 130px;}

#form-counter-char, #form-counter-char .counter-char {font-size: 80%; color: #c0c0c0;}
#form-counter-char .counter-char {margin-left: 3px; border: none; font-size: 95%; background-color: #011117;}

/* tlacitka */
.button01, .button02, .button03, #header-search #button-header-search {border: 0; cursor: pointer; background-position: center center; background-repeat: no-repeat;}
.button01, .button02, .button03 {height: 21px; font-size: 100%; margin: 10px;}
.button01 {background: url('http://www.abysszine.com/image/web/button01.gif') no-repeat; width: 65px;}
.button02 {background: url('http://www.abysszine.com/image/web/button02.gif') no-repeat; width: 155px;}
.button03 {background: url('http://www.abysszine.com/image/web/button03.gif') no-repeat; width: 85px;}

/* ankety */
.anketa-block-odpovedi a {}
.anketa-block-hlasy {color: #68686e;}
a.anketa-block-odp-cara {display: block; height: 8px; margin: 3px 0 8px 0; background-color: #1f0302;}
.anketa-block-odp-cara-hlasy {display: block; height: 8px; font-size: 0; line-height: 0; background-color: #b7140e; cursor: pointer;}

/* anketa main */
#anketa-main {width: 250px; margin: 0 auto;}
#anketa-main .anketa-odpovedi a {font-weight: bold;}
#anketa-main .anketa-hlasy {color: #68686e;}
#anketa-main .anketa-odp-cara {display: block; height: 8px; margin: 3px 0 8px 0; background-color: #1f0302;}
#anketa-main .anketa-odp-cara-hlasy {cursor: pointer;}
#anketa-main .anketa-odp-cara-hlasy,
#anketa-main .anketa-odp-cara-hlasy-uzavrena {display: block; height: 8px; font-size: 0; line-height: 0; background-color: #b7140e;}

/* galerie lightbox */
#lightbox {position: absolute; top: 40px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox a img {border: none;}
#outerImageContainer {position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer {padding: 10px;}
#loading {position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#hoverNav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#imageContainer>#hoverNav {left: 0;}
#hoverNav a {outline: none;}
#prevLink, #nextLink {width: 49%; height: 100%; background: transparent url('http://www.abysszine.com/lightbox/image/blank.gif') no-repeat; /* Trick IE into showing hover */ display: block;}
#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {background: url('http://www.abysszine.com/lightbox/images/prevlabel.gif') left 15% no-repeat; filter: alpha(opacity=90); opacity: 0.9; -moz-opacity: 0.9;}
#nextLink:hover, #nextLink:visited:hover {background: url('http://www.abysszine.com/lightbox/images/nextlabel.gif') right 15% no-repeat; filter: alpha(opacity=90); opacity: 0.9; -moz-opacity: 0.9;}
#imageDataContainer {font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em;}
#imageData {padding:0 10px;}
#imageData #imageDetails {width: 70%; float: left; text-align: left;}
#imageData #caption {color: #000; font-weight: bold;}
#imageData #numberDisplay {color: #000; display: block; clear: left; padding-bottom: 1.0em;}
#imageData #bottomNavClose {width: 66px; float: right; padding-bottom: 0.7em;}
#overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix {display: inline-block; width: 100%;}
/* End hide from IE-mac */
* html .clearfix {height: 1%;}