/** * CSS Framework * * Набор классов и фиксов */
/* HTML5 Fix */
header, section, article, footer, aside, nav { display:block; }

img { border:none; vertical-align:middle; }

sup, sub { vertical-align:baseline; position:relative; font-size:.7em; line-height:1; }
sup { bottom:1.4ex; }
sub { top:.5ex; }

.debug { background: #000000; color: #00cb00; text-align:left; border:1px solid #666; padding:5px; max-width: 100%; white-space: pre-wrap;}

.fixed { position:fixed; }
.relative { position:relative; }
.absolute { position:absolute; }

.no-wrap { white-space:nowrap; }
.wrap { white-space:normal; }

.right { float:right; }
.left { float:left; }
.clear { clear:both; }

.text-left { text-align:left !important; }
.text-center { text-align:center !important; }
.text-right { text-align:right !important; }
.text-justify { text-align:justify !important; }

.valign-top { vertical-align:top !important; }
.valign-top * { vertical-align:top; }

.valign-middle { vertical-align:middle !important; }
.valign-middle * { vertical-align:middle; }

.valign-bottom { vertical-align:bottom !important; }
.valign-bottom * { vertical-align:bottom; }

.inline-block, .display-inline-block { display:inline-block !important; *display:inline; zoom:1; }
.block, .display-block { display:block !important; }
.inline, .display-inline { display:inline; }
.hidden, .display-hidden { display:none; }

.m0 { margin:0 !important; }
.p0 { padding:0 !important; }

.w50p { width:50% !important; }
.w45p { width:45% !important; }
.w40p { width:40% !important; }
.w35p { width:35% !important; }
.w100p { width:100% !important; }

.h50p { height:50% !important; }
.h100p { height:100% !important; }

.w16 { width:16px !important; }
.w24 { width:24px !important; }
.w50 { width:50px !important; }
.w100 { width:100px !important; }
.w150 { width:150px !important; }
.w200 { width:200px !important; }

.h16 { height:16px !important; }
.h24 { height:24px !important; }
.h50 { height:50px !important; }
.h100 { height:100px !important; }

.normal { font-size:100%; }
.small { font-size:90%; }
.very-small { font-size:70%; }
.big { font-size:120%; }
.very-big { font-size:180%; }

.uppercase { text-transform:uppercase; }
.lowercase { text-transform:lowercase; }

.bold { font-weight:bold; }
.italic { font-style:italic; }
.underline { text-decoration:underline; }

.dashed { text-decoration:none; border-bottom:1px dashed; }

.pointer { cursor:pointer !important; }

.ruler tbody tr:nth-child(2n), .ruler  tbody .even, .ruler li:nth-child(2n) { background-color: #f3f3f3; }
.hover-row tbody tr:hover, .hover-row ul li:hover { background-color: #dddddd !important; }

.pages { text-align:center; font-size:120%; margin:10px 0; }
.pages .active { font-weight:bold; }

.text-color-note {
    color: #a4a4a4 !important;
}