* { margin:0; padding:0; outline:none; }
body, div, p, a, img, span, ul, ol, li, table, th, tr, td, dl, dt, dd, form, fieldset, legend, blockquote, applet, object { border:0; }

body { font-family:"Lucida Grande", Arial, Helvetica, sans-serif; font-size:100%; background:#3a4049; color:#1d1d1b; line-height:1.5em; text-align:center; }

/* GLOBAL
------------------------------*/
p { margin:10px 0; padding:0; font-size:1em; }
table p { margin:0; padding:0; }
/*table { clear:both; }*/

a { color:#d00000; text-decoration:underline; outline:none; }
a:hover { color:#d00000; text-decoration:none; }

hr, legend { display:none; }

input, select, textarea { padding:2px; outline:none; font-family:"Lucida Grande", Arial, Helvetica, sans-serif; }

.nobg { background:none !important; }
.noscreen { display:none !important; }

.f-right { float:right !important; }
.f-left { float:left !important; }

.ttu { text-transform:uppercase; }

ul { list-style:none; margin:0; padding:0 0 10px 0; }
ul li { list-style:none; margin:0; padding:0 0 0 12px; background:url(li.gif) 4px 7px no-repeat; }

h2 { margin-top:0; font-size:1.8em; color:#22262e; font-weight:normal; line-height:1.3em; }
h2.title { margin-top:0; font-size:1.8em; color:#000; font-weight:normal; }
h3 { margin-top:15px; font-size:1.3em; color:#000; font-weight:bold; }
h4 { margin-top:15px; font-size:1.2em; color:#000; font-weight:bold; }

.dovetek { text-transform:uppercase; color:#7c7c7c; font-size:1.2em; padding:0; margin:0; }

.rssSubdate {	padding-left:7px;	}
.cervena { color:#ff0000 !important; }

.vlevo { float:left; padding:0 15px 7px 0; }
.vpravo { float:right; padding:0 0 7px 15px; }

/* H1 REPLACE
------------------------------*/
h1 { display:block; position:absolute; width:627px; height:113px; left:0; top:0; text-align:center; font-size:1.1em; overflow:hidden; line-height:1.2em; padding:0; background:url(logo.png) no-repeat; }
h1 a { display:block; width:285px; height:120px; text-indent:-9999px; }

.slogan { margin:0; padding:0; position:absolute; top:0; left:285px; height:98px; width:315px; overflow:hidden; display:block; text-indent:-9999px; }
.cs .slogan { background:url(slogan-cz.png) no-repeat; }

#slogan_top {  position:absolute; top:0; left:300px; height:98px; line-height:145px; width:515px; overflow:hidden; display:block; font-size:1.5em; text-transform:uppercase; color:#C9C9C9; font-weight:bold; }

/* LAYOUT
------------------------------*/
#bg { background:#fff url(bg.png) repeat-x; width:100% }
#all { width:990px; margin:0 auto; position:relative; text-align:left; font-size:0.75em; line-height:1.6em; z-index:1; }
#top { position:relative; width:990px; height:146px; }
#container { position:relative; width:966px; background:#fff url(all.png) 672px 12px no-repeat; padding:12px 12px 40px 12px; }

.pg-default-fp #top { height:401px; }
.en #top { height:146px !important; }
.de #top { height:146px !important; }
.ru #top { height:146px !important; }
.fr #top { height:146px !important; }

#flash { position:absolute; top:98px; left:0; width:990px; height:281px; z-index:1; background:#fff; }

.conpad { padding-right:20px; }

/* PRUH
------------------------------*/
.pruh { height:110px; width:100%; border-bottom:12px solid #fff; background:#767f8b url(pruh.gif) repeat-x; font-size:0.75em; line-height:1.5em; overflow:hidden; }
.pruhbg { background:url(pruhbg.jpg) 50% 0 no-repeat; width:100%; height:110px; }
.pruhobsah { width:966px; margin:0 auto; text-align:left; padding:5px 0 0 0; }

.p1 { width:276px; float:left; padding:0 43px 0 0; }
.p2 { width:300px; float:left; padding:0 43px 0 0; }
.p3 { width:304px; float:left; }

.p1 p { color:#2f353e; }
.pruh .title { float:left; color:#fff; text-transform:uppercase; font-size:1.2em; font-weight:bold; }
.pruh .archiv { float:right; text-align:right; color:#fff !important; }
.pruh .archiv a { color:#2e343d; text-decoration:none; }
.pruh .archiv a:hover { color:#2e343d; text-decoration:underline; }
.pruh .t { clear:both; padding:2px 0 0 0; }

.pruh p { margin:0; padding:5px 0 0 0; }
.pruh a { color:#fff; text-decoration:none; }
.pruh a:hover { color:#fff; text-decoration:underline; }

.p2 .title, .p1 .title, .p3 .title { padding-bottom:7px !important; }
.p2 .datum { clear:both; width:72px; color:#fff; float:left; padding:2px 0 0 0; font-weight:bold; }
.p2 .t { float:right; width:228px; display:block; clear:none; padding:2px 0 0 0; }

.p3 .newsimg { width:80px; height:60px; overflow:hidden; margin:0; padding:10px 0 0 0; float:left; clear:both; }
/*.p3 .t { float:right; width:204px; padding:10px 0 0 0; clear:none; }*/

/* BANNERY
------------------------------*/
.bannery { width:990px; margin:0 auto; height:141px; background:#fff; border-bottom:12px solid #fff; background:url(bannery.jpg) no-repeat; }
.bannery a { width:230px; height:141px; display:block; float:left; border-left:12px solid #fff; text-align:center; text-indent:-9999px; }
.ban2 { width:236px !important; }
.ban3 { width:235px !important; }
.ban4 { width:229px !important; }

/* HP
------------------------------*/
#hp { width:100%; background:#4d555f; }
.hp { width:990px; margin:0 auto; font-size:0.75em; line-height:1.5em; color:#fff; text-align:left; padding:20px 0; }
.b1 { width:332px; padding:0 40px 0 12px; float:left; }
.b2 { width:250px; padding-right:40px; float:left; }
.b3 { width:304px; float:left; }

.b3 img { padding-bottom:5px; }

.hp h2 { color:#fff; font-size:1.4em; font-weight:bold; line-height:1.3em; }
.hp h3 { color:#fff; font-size:1.1em; font-weight:normal; line-height:1.3em; text-transform:uppercase; }
.hp .dotaz { background:url(sidebar-hover.png) 0 50% no-repeat; color:#fff; text-transform:uppercase; padding:6px 10px 6px 31px; display:block; font-size:1em; text-decoration:none; line-height:1.4em; clear:both; }
.hp .dotaz:hover { color:#fff; text-decoration:underline; }

.hp ul { list-style:none; margin:0; padding:0 0 10px 0; }
.hp ul li { list-style:none; margin:0; padding:0 0 0 12px; background:url(hp-li.gif) 4px 7px no-repeat; }

.w49 { width:49% !important; }

.hpsubmit { color:#fff; background:#555964 url(hpsubmit.gif) repeat-x; border:1px solid #5f6673; margin-left:5px; cursor:pointer; }


/* MENU
------------------------------*/
.menu { position:absolute; top:120px; width:990px; left:0; margin:0; padding:0; text-align:right; z-index:100; }
.menu a { height:25px; line-height:25px; padding:0 17px; margin-left:6px; background:#fff; color:#5b6471; text-transform:uppercase; text-decoration:none; border:1px solid #fff; border-bottom:0; display:block; float:right; font-size:0.95em; }
.menu a:hover, .menu a.active { background:url(menu-hover.png) repeat-x; border:1px solid #7a7f89; border-bottom:0; color:#fff; text-decoration:none; }

/* LANG
------------------------------*/	
.lang { position:absolute; top:37px; right:0; text-align:right; font-size:0.9em; margin:0; padding:0 80px 0 0; color:#7c7c7c; z-index:200; display:block; width:300px;height:48px; line-height:48px; background:url(lang.png) 100% 0 no-repeat; }
.lang a { padding:0 4px; color:#929292; text-decoration:none; }
.lang a:hover { text-decoration:underline; color:#929292; }

.lang .i1 { position:absolute; width:23px; height:12px; top:18px; right:44px; text-indent:-9999px; overflow:hidden; }
.lang .i2 { position:absolute; width:23px; height:12px; top:18px; right:20px; text-indent:-9999px; overflow:hidden; }
.lang .i3 { position:absolute; width:19px; height:12px; top:18px; right:0; text-indent:-9999px; overflow:hidden; }

/* CONTENT
------------------------------*/
#content { float:right; width:673px; padding:0; overflow:hidden; font-size:0.9em; }

#drobky { font-size:1em; color:#f02316; margin:0; padding:5px 0 15px 0; }
#drobky a { color:#22282f; text-decoration:none; }
#drobky a:hover { color:#b5b5b7; text-decoration:underline; }

h3.sub { color:#ef0f0f; padding:0 0 10px 0; margin:5px 0 0 0; font-size:1.3em; font-weight:bold; }
h3.sub_mutace { clear:both; font-size:1.4em; padding-top:15px; }

#taby { clear:both; width:100%; margin-top:15px; background:url(taby.gif) 0 25px no-repeat; }
#taby div { clear:both; padding-top:10px; }
.tabs { clear:both; width:100%; list-style:none; margin:0; padding:0; }
.tabs li { list-style:none; float:left; padding:0; text-align:left; margin-right:3px; }
.tabs li a { text-decoration:none; padding:0 20px; height:25px; line-height:25px; display:block; float:left; background:#ddd; color:#22282f; border:1px solid #ddd; border-bottom:0; }
.tabs li a:hover { text-decoration:none; background:#4f525c; color:#fff; border:1px solid #4f525c; border-bottom:0; }
.tabs li.ui-tabs-selected a { text-decoration:none; background:#fff; color:#22282f; border:1px solid #efefef; border-bottom:0; }

.ui-tabs-hide { display:none !important; }

.b { width:200px; float:left; padding:20px 0 0 0; margin:0 24px 0 0; border-bottom:1px solid #51515b; position:relative; display:inline; height:225px; }
.bimg { width:200px; height:120px; overflow:hidden; text-align:center; display:table-cell; vertical-align:middle; }
.b h3 { font-size:1em; font-weight:bold; }
.b h3 a { color:#4f6a7f; text-decoration:none; }
.b h3 a:hover { color:#4f6a7f; text-decoration:underline; }
.b .detail { text-decoration:none; color:#000; font-size:0.9em; font-weight:normal; display:block; width:200px; height:30px; line-height:30px; position:absolute; left:0; bottom:0; text-align:center; }
.b .detail:hover { text-decoration:underline; color:#000; }
.b p { margin:0; padding:5px 0 0 0; line-height:1.3em; color:#9b9b9b; }


/*formátování tabulek
------------------------------*/

.tech
{
border: 1px #CCC solid;
text-align: center;
vertical-align: middle;
}

.tech_label
{
border: 1px #CCC solid;
text-align: left;
vertical-align: middle;
}


th.zahlavi
{
border: 1px #FFF solid;
background-color: #EFEFEF;
text-align: center;
}

.tech_kat
{
border: 1px #FFF solid;
background-color: #EFEFEF;
text-align:left;
vertical-align: middle;
}


/* KATALOG
------------------------------*/
#katalogtop { width:990px; height:110px; display:block; overflow:hidden; background:url(katalog.jpg) 0 255px no-repeat; padding:255px 0 0 0; }
.kt1 { width:154px; padding:14px 10px 0 144px; float:left; color:#fff; }
.kt2 { width:299px; padding:14px 22px 0 22px; float:left; color:#fff; }
.kt3 { width:295px; padding:14px 22px 0 22px; float:left; color:#fff; }
.kt3 span { font-weight:normal; text-transform:none; }

#katalogtop p.t { text-transform:uppercase; margin:0; padding:0; font-weight:bold; }

.kt1 p { margin:0; padding-top:10px; }
.kt1 a { background:url(d.gif) 0 50% no-repeat; color:#b4c2c8; text-decoration:none; padding:0 0 0 23px; }
.kt1 a:hover { color:#fff; text-decoration:underline; }

.kt2 p { margin:0; padding-top:6px; }
.kt2 a { color:#fff; text-decoration:none; }
.kt2 a:hover { color:#fff; text-decoration:underline; } 

.kt3 p { margin:0; padding-top:5px; }
.kt3 a { background:url(d.gif) 0 50% no-repeat; color:#b4c2c8; text-decoration:none; padding:0 0 0 23px; }
.kt3 a:hover { color:#fff; text-decoration:underline; }

.kt2 span { color:#b4c2c8; }

#katalog { background:#eaebed url(katalog.gif) repeat-x; width:990px; } 

.kat { width:270px; float:left; padding:20px 30px; }
.kat h2 { color:#545b61; font-size:1em; font-weight:bold; padding:0 0 15px 34px; margin:0; }
.kat h2 span { color:#222c34; }
.kat h2 span.red { color:#ef0f0f; }

.k1 { background:url(k1.gif) no-repeat; }
.k2 { background:url(k2.gif) no-repeat; }
.k3 { background:url(k3.gif) no-repeat; }
.k4 { background:url(k4.gif) no-repeat; line-height:29px; }
.k5 { background:url(k5.gif) no-repeat; line-height:29px; }
.k6 { line-height:29px; text-transform:uppercase; color:#fff !important; padding:0 0 15px 0 !important; }
.k6 span { color:#fff !important; }

.k7 { background:url(k7.jpg) no-repeat; padding:0 0 15px 90px !important; min-height:62px; height:auto !important; height:62px; }
.k8 { background:url(k8.jpg) no-repeat; padding:0 0 15px 90px !important; min-height:62px; height:auto !important; height:62px; }
.k9 { background:url(k9.jpg) no-repeat; padding:0 0 15px 90px !important; min-height:62px; height:auto !important; height:62px; }

.k7 span, .k8 span, .k9 span { font-weight:normal; display:block; padding-top:5px; }

.kat .t a { color:#fff; text-decoration:none; }
.kat .t a:hover { color:#fff; text-decoration:underline; }

.k6 a { float:right; text-decoration:none; color:#2e343d; text-transform:none; }
.k6 a:hover { text-decoration:underline; color:#2e343d; }

.sep { background:url(katsep.gif) 0 100% repeat-x; }

.kat ul { list-style:none; margin:0; padding:0; }
.kat ul li { list-style:none; background:none; padding:0; margin:0; }
.kat ul li a { color:#222c34; text-decoration:none; }
.kat ul li a:hover { color:#d00000; text-decoration:underline; }

.newsb { background:url(newsb.gif) repeat-y; }
.newsblock { background:#777f8c url(newsblock.png) no-repeat; min-height:143px; height:auto !important; height:183px; }

.bila { background:#fff !important; }

/* SIDEBAR
------------------------------*/
#sidebar { float:left; width:273px; }

#sidebar ul { list-style:none; width:273px; margin:0; padding:0; }
#sidebar ul li { list-style:none; margin:0; padding:0; background:none; }
#sidebar ul li a { font-size:0.9em; color:#fff; text-decoration:none; display:block; text-transform:uppercase; background:#4f525c; padding:6px 10px 6px 34px; width:229px; border-top:1px solid #3c4047; border-bottom:1px solid #545a65; line-height:1.4em; }
#sidebar ul li a:hover { color:#fff; text-decoration:none; text-decoration:none; background:#4f525c url(sidebar-hover.png) 9px 50% no-repeat; border-top:1px solid #3c4047; border-bottom:1px solid #545a65; }
#sidebar ul li a.active { color:#22282f; text-decoration:none; text-decoration:none; background:#fff url(sidebar-hover.png) 9px 50% no-repeat; border-top:1px solid #fff; border-bottom:1px solid #fff; }

#sidebar ul ul { list-style:none; width:273px; margin:0; padding:0; background:#303843; }
#sidebar ul ul li { list-style:none; margin:0; padding:0; background:none; }
#sidebar ul ul li a { font-size:0.9em; color:#fff; text-decoration:none; display:block; text-transform:uppercase; background:#303843 url(sidebar-li.gif) 25px 50% no-repeat; padding:6px 10px 6px 48px; width:215px; border-top:1px solid #2d333b; border-bottom:1px solid #3a424c; }
#sidebar ul ul li a:hover, #sidebar ul ul li a.active { color:#f02316; text-decoration:none; text-decoration:none; background:#303843 url(sidebar-li-hover.gif) 25px 50% no-repeat; border-top:1px solid #2d333b; border-bottom:1px solid #3a424c; }

#sidebar ul ul ul { list-style:none; width:269px; margin:0; padding:0; background:#303843; border-left:4px solid #fff; display:none; }
#sidebar ul ul ul li { list-style:none; margin:0; padding:0; background:none; border-left:2px solid #ecedee; }
#sidebar ul ul ul li a { font-size:0.9em; color:#fff; text-decoration:none; display:block; text-transform:none; background:#303843 url(sidebar-ul-li.gif) 0 50% no-repeat; padding:6px 10px 6px 48px; width:209px; border-top:1px solid #2d333b; border-bottom:1px solid #3a424c; }
#sidebar ul ul ul li a:hover, #sidebar ul ul ul li a.active { color:#f02316; text-decoration:none; text-decoration:none; background:#303843 url(sidebar-ul-li.gif) -267px 50% no-repeat; border-top:1px solid #2d333b; border-bottom:1px solid #3a424c; }

#sidebar .cenik { width:232px; background:#ef0f0f url(cenik.gif) 0 50% no-repeat; color:#fff; text-transform:uppercase; padding:6px 10px 6px 31px; display:block; border-top:3px solid #fff; font-size:0.9em; text-decoration:none; }
#sidebar .cenik:hover { background:#d30e0e url(cenik.gif) 0 50% no-repeat; color:#fff; text-decoration:none; }

#sidebar .dotaz { width:232px; background:url(sidebar-hover.png) 0 50% no-repeat; color:#2f363e; text-transform:uppercase; padding:6px 10px 6px 31px; display:block; font-size:1em; text-decoration:none; line-height:1.4em; }
#sidebar .dotaz:hover { color:#2f363e; text-decoration:underline; }

#sidebar ul ul ul.db { display:block !important; }

#komplet { width:147px; height:82px; display:block; background:url(cenik.jpg) no-repeat; padding:20px 22px 0 104px; color:#000; text-decoration:none;}
#komplet:hover { color:#000; text-decoration:underline; }

#kompletkatalog { width:130px; height:110px; display:block; background:url(kompletkatalog.jpg) no-repeat; padding:13px 22px 0 121px; color:#000; }
#kompletkatalog p { margin:0; padding:5px 0; }

#kompletkatalog a { background:url(d.gif) 0 50% no-repeat; color:#f60a0c; text-decoration:none; padding:0 0 0 23px; }
#kompletkatalog a:hover { color:#f60a0c; text-decoration:underline; }

/* FOOTER
------------------------------*/
#footer { width:100%px; position:relative; clear:both; font-size:0.75em; line-height:1.5em; }

#footer .con { width:100%; background:url(line.gif) 0 100% repeat-x; padding-bottom:2px; }

.footermenu { color:#000; width:976px; height:46px; line-height:46px; text-align:left; margin:0 auto; }
.footermenu a { padding:0 5px; color:#fff; text-decoration:none; text-transform:uppercase; font-size:0.9em; }
.footermenu a:hover, .footermenu a.active { color:#f02316; text-decoration:none; }
.footermenu span { color:#767f8b; }

.fbox { width:966px; margin:0 auto; padding:10px 0; }
.box { float:left; width:178px; padding:0 15px 0 0; text-align:left; }
.box h3 { margin:0; padding:0 0 7px 0; font-size:0.9em; font-weight:bold; color:#fff; }
.box ul { margin:0; padding:0; list-style:none; font-size:0.9em; }
.box ul li { margin:0; padding:0; list-style:none; background:none; }
.box ul li a { color:#fff; text-decoration:none; }
.box ul li a:hover { color:#fff; text-decoration:underline; }

.copyright { font-size:0.9em; text-align:left; color:#fff; margin:0; padding:5px 0; line-height:1.3em; width:49%; float:left; }
.copyright a { color:#fff; text-decoration:none; }
.copyright a:hover { color:#fff; text-decoration:underline; }

.copy { float:right; text-align:right; width:49%; color:#767f8b; line-height:1.3em; font-size:0.9em; margin:0; }
.copy a { color:#fff; text-decoration:none; padding:0 5px; }
.copy a:hover { color:#fff; text-decoration:underline; }

/* FORM
------------------------------*/
legend { display:none; }
#form { margin-top:15px; }
#form ol { list-style:none; margin:0; padding:0; font-size:1em; }
#form ol li { clear:both; width:100%; padding-top:5px; }
#form ol li span { padding:0 0 0 5px; color:#FF0000; font-weight:bold; font-size:1.4em; }
#form label
{
width: 210px;
display: block;
margin-top: 0;
float: left;
text-align: right;
padding: 0 10px 0 0;
}
#form .styluj textarea { width:450px; height:130px; background:#fff; }
#form .styluj input { width:210px; float:left; background:#fff; }
#form select { width:213px; float:left; background:#fff; }
#form .styluj textarea,
#form .styluj select,
#form .styluj input { padding:2px; border:1px solid #2a8628; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#form .zemSubmit { width:auto !important; padding:1px 2px; margin:5px 14px 0 120px; }

#form .zemRequirederrorElement { border:1px solid #FF0000 !important; }

#form .ch { padding-left:210px; }
#form .ch input { width:auto; float:left; margin:0 5px 0 0; }
#form .ch label { width:auto; margin-top:0; float:left; text-align:right; padding:0; }

#form em { display:none; color:#FF0000; }

ul.zemError { margin:5px 0 5px 135px !important; list-style:square; line-height:1.3em; }
ul.zemError li { padding:0; list-style:square; line-height:1.3em; background:none; }
.error, .alert, .zemError strong { color:#FF0000; font-weight:bold; }

/* MTUACE HP
------------------------------*/
.mutace_platno { width:990px; height:253px; display:block; overflow:hidden; position:relative !important; }

.mutace_hp { width:990px; height:215px; display:block; background:url(mutace_hp.jpg) no-repeat; }
.mutace_hp h3 { color:#fff; font-size:1.4em; font-weight:bold; margin:0; padding:20px 0 12px 0; }

.hp_box_1 { width:282px; text-align:right; float:left; }
.hp_box_1 li { list-style:none; }
.hp_box_1 li a { text-align:right; color:#fff; padding-right:20px; text-decoration:none; background:url(arrow.gif) 100% 50% no-repeat; }
.hp_box_1 li a:hover { color:#fff; text-decoration:underline; }

.hp_box_2 { width:301px; float:left; padding-left:50px; position:relative; }
.hp_box_2 li, .hp_box_2 ul { list-style:none; background:none; padding:0; margin:0; }
.hp_box_2 li a { color:#fff; text-decoration:none; }
.hp_box_2 li a:hover { color:#fff; text-decoration:underline; }

.archiv_link { position:absolute; top:10px; right:0; color:#2f353e; text-decoration:none; font-size:0.95em; }
.archiv_link:hover { color:#2f353e; text-decoration:underline; }

.hp_box_3 { width:298px; float:left; padding-left:45px; position:relative; }
.hp_box_3 .datum { clear:both; width:82px; color:#fff; float:left; padding:0; margin:0; }
.hp_box_3 .t { float:right; width:216px; display:block; clear:none; padding:0; margin:0; }
.hp_box_3 p a { color:#fff; }

.kat2 { width:435px; float:left; padding:20px 30px; height:130px; }
.kat2 h2 { font-size:1.2em; padding-top:25px; }
.kat2 h2 a { color:#545b61; font-weight:bold; text-decoration:none; background:none; padding-right:27px; }
.kat2 h2 a:hover { color:#ef0f0f; text-decoration:none; background:url(a.gif) 100% 45% no-repeat; }

.box_1 { background:url(hp_1.png) 70% 50% no-repeat; }
.box_2 { background:url(hp_2.png) 70% 50% no-repeat; }
.box_3 { background:url(hp_3.png) 70% 50% no-repeat; }
.box_4 { background:url(hp_4.png) 70% 50% no-repeat; }

.mutace_bottom { display:block; background:url(mutace_bottom.jpg) no-repeat; width:990px; height:177px; position:relative; }

.mutace_bottom_1 { position:absolute; left:16px; top:0; height:177px; line-height:177px; width:275px; margin:0; padding:0; }
.mutace_bottom_1 a { color:#545b61; text-decoration:none; font-size:1.2em; font-weight:bold; }
.mutace_bottom_1 a:hover { color:#545b61; text-decoration:underline; }

.mutace_bottom_2 { position:absolute; left:693px; top:57px; margin:0; padding:0; }

.mutace_bottom_3 { position:absolute; width:319px; height:117px; left:316px; top:30px; }
.mutace_bottom_3 a { display:block; width:319px; height:117px; text-indent:-9999px; overflow:hidden; }

/* CLEARFIX
------------------------------*/
.clearfix { display: inline-block; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }