html, body, form, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, div, hr, form, input, fieldset, button, img { margin: 0; padding: 0; border: 0; }

/* Global classes */
.blind,
.pipe,
hr { display: none; }
.cf { min-height: 1%; _height: 1%; }
.cf:after { content: "."; display: block; clear: both; visibility: hidden; overflow: hidden; height: 0; }

.mezera1 {display: block; height: 20px;}
.mezera2 {display: block; height: 50px;}
.mezera3 {display: block; height: 150px;}

/* Layout */
body  { text-align: center; font: normal 73%/1.5 Trebuchet MS, Helvetica, sans-serif; background: #f0f9fa url('../images/bg-body.gif') repeat-x left top; }

#page { width: 1055px; margin: 0 auto; text-align: left; background: #f0f9fa url('../images/bg-page.gif') repeat-y left top; position: relative; }

/*Header*/
#header { display: block; height: 6.3em; background: #f0f9fa url('../images/bg-header.gif') no-repeat left top; position: relative; }
#header #logo { position: absolute; left: 31px; top:10px;width: 124px; height: 48px; background: #f0f9fa url('../images/logo-triomar-kardio.gif') no-repeat 0 0; }
#header #logo:hover { background-position: 0 100%; }

/* Main */
#main { background: transparent url('../images/bg-main.gif') no-repeat left top; min-height: 581px; _height: 581px; }
.subpage #main  { padding-top: 250px; }
#main .top-box  { padding: 0 44px 0 44px; height: 26em; }
#main .top-box h2 { padding-left: 630px; font-size: 140%; position:relative;top:5px; color: #9e2a66; }
#main .top-box .news  { width: 332px; float: right; margin-top: 10px; position: relative; right: 5px; }
#main .top-box .news li { height: 69px; _height: 77px; background: #fff url('../images/bg-news-li.gif') no-repeat left top; padding: 8px 5px 0px 90px; overflow: hidden; position: relative; margin-bottom: 7px; line-height: 1.2em; }
#main .top-box .news li.hover { background-position: 0 100%; }
#main .top-box .news li h3  { font-size: 100%; }
#main .top-box .news li h3 a  { color: #9e2a66; font-size: 110%; }
#main .top-box .news li h3 a:hover  { color: #d13486; }
#main .top-box .news li img { position: absolute; left: 10px; top: 8px; }
#main .top-box .news li.all { height: 1.5em; background: none; padding: 0; position: absolute; right: 0; top: -2.2em; }
#main .top-box .news li.all a { color: #bcc5d7; }
#main .top-box .news li.all a:hover { text-decoration: none; color: #3e5074; }
#main .top-box .news .newsletter  { background: #fff url('../images/img-newsletter-small.gif') no-repeat left center; padding-left: 60px; }
#main .top-box .news .newsletter p  { margin-bottom: 3px; }
#main .top-box .news .newsletter input { width: 177px; _width: 185px; height: 22px; _height: 30px; background: #fff url('../images/bg-newsletter-input.gif') no-repeat left top; font-size: 110%; padding: 4px; font-weight: bold; }
#main .top-box .news .newsletter input.submit  { width: 73px; height: 30px; background: #2f4a59 url('../images/bg-submit-input.gif') no-repeat left top; color: #fff; position: relative; left: 5px; cursor: pointer; top: 4px; =top: 0;}
#main .top-box .news .newsletter input.submit:hover { background-position: 0 100%; }

#main .bottom-cols  { width: 943px; _width: 960px; position: relative; left: 46px; background: #f9ddec url('../images/bg-cols-top.gif') no-repeat left top; margin-top: 123px; padding: 10px 0px 40px 17px; }
#main .bottom-cols .col { overflow: hidden; float: left; position: relative; margin-right: 30px; padding-bottom: 50px; }
#main .bottom-cols .col a.main  { display: block; width: 269px; _width: 289px; padding: 0 10px 0 10px; height: 179px; color: #000; text-decoration: none; font-weight: bold; font-size: 105%; }
#main .bottom-cols .col a.main span { position: relative; top: 85px; }
#main .bottom-cols .col h2  { position: absolute; left: 0; bottom: 0; font-size: 120%; }
#main .bottom-cols .col h2 a  { display: block; width: 289px; height: 44px; line-height: 44px; text-align: center; background: #000 url('../images/btn-intro-links.gif') no-repeat left top; color: #fff; text-decoration: none; font-weight: bold; }
#main .bottom-cols .col h2 a:hover  { background-position: 0 100%; }
#main .bottom-cols #col1 a.main { background: #fff url('../images/bg-col1.jpg') no-repeat left top; }
#main .bottom-cols #col1 a:hover.main { background-position: 0 100%; }
#main .bottom-cols #col2 a.main { background: #fff url('../images/bg-col2.jpg') no-repeat left top; }
#main .bottom-cols #col2 a:hover.main { background-position: 0 100%; }
#main .bottom-cols #col3  { margin-right: 0; }
#main .bottom-cols #col3 a.main { background: #fff url('../images/bg-col3.jpg') no-repeat left top; }
#main .bottom-cols #col3 a:hover.main { background-position: 0 100%; }
#main .bottom-cols .bottom  { display: block; clear: both; background: #fff url('../images/bg-bottom.gif') no-repeat left top; position: absolute; left: 0; bottom: 0; _bottom: -1px; width: 960px; height: 30px;}

/* Subpage content */
.subpage #content { width: 608px; _width: 652px; float: left; padding-left: 44px; }
.subpage #content h1  { font-size: 230%; color: #3b8ee4;}
.subpage #content h2  { font-size: 160%; color: #891f57; margin-bottom: 10px; }
.subpage #content h3  { font-size: 140%; margin-bottom: 5px; color:#5f86b3;}
.subpage #content p { color: #4a4a4a; font-size: 130%; margin-bottom: 15px; }
.subpage #content ul  { margin-left: 30px; font-size: 120%; color: #4077ac; font-weight: bold; margin-bottom: 20px; }
.subpage #content ul li { list-style-type: none; padding-left: 25px; background: #fff url('../images/bg-content-li.gif') no-repeat 0 50%; }
.subpage #content table { font-size: 120%; }
.subpage #content table td  { padding: 4px; }
.subpage #content table th { background-color: #b25b89; color: #fff; text-align: center; }
.subpage #content table .odd td { background-color: #e9bad3; }
.subpage #content table .even td { background-color: #f5dfea; }
.subpage #content table tr td p { font-size: 100%; }
.subpage #content a { color: #a0316b; font-weight: bold; }
.subpage #content a:hover { color: #a0316b; text-decoration: none; }
.subpage #content img.fl-r  { float: right; margin-left: 12px; margin-bottom: 12px; }
.subpage #content .buttons  { text-align: center; }
.subpage #content .buttons a  { display: block; width: 265px; height: 26px; line-height: 26px; color: #fff; text-align: center; background: #000 url('../images/sidebar-buttons.gif') no-repeat 0 0; text-decoration: none; }
.subpage #content .buttons a:hover  { background-position: 0 100%; }

.styl1 { background-color: #e2f2f4; padding: 5px; color: #999; }
.styl1 a { color: #4077ac; text-decoration: none; }
.styl1 a:hover { color: #4c98e1; text-decoration: underline; }
 
.styl2 { background-color: #f9ddec; padding: 10px 50px 10px 50px; color: #000; }
.styl3 { color: #999; font-style: italic; }
.styl3 a { color: #a0316b; text-decoration: none; }
.styl3 a:hover { color: #a0316b; text-decoration: underline; }

/* Subpage sidebar */
.subpage #sidebar { width: 266px; float: right; position: relative; right: 44px; }
.subpage #sidebar .sidebox  { margin-bottom: 20px; }
.subpage #sidebar .buttons  { text-align: center; }
.subpage #sidebar .buttons a  { display: block; width: 265px; height: 26px; line-height: 26px; color: #fff; text-align: center; background: #000 url('../images/sidebar-buttons.gif') no-repeat 0 0; text-decoration: none; }
.subpage #sidebar .buttons a:hover  { background-position: 0 100%; color:#fff; }
.subpage #sidebar #newsletter { font-size: 120%; padding-top: 100px; background: #fff url('../images/img-newsletter.gif') no-repeat 50% 0; }
.subpage #sidebar #newsletter form  { margin-top: 15px; }
.subpage #sidebar #newsletter input { width: 177px; _width: 185px; height: 22px; _height: 30px; background: #fff url('../images/bg-newsletter-input.gif') no-repeat left top; font-size: 110%; padding: 4px; }
.subpage #sidebar #newsletter input.submit  { width: 73px; height: 30px; background: #2f4a59 url('../images/bg-submit-input.gif') no-repeat left top; color: #fff; padding-top: 0; position: relative; top: 1px; }
.subpage #sidebar p { color: #4a4a4a; font-size: 110%; margin-bottom: 15px; }
.subpage #sidebar ul  { margin-left: 10px; font-size: 120%; color: #b8422f; font-weight: bold; margin-bottom: 20px; }
.subpage #sidebar ul li { list-style-type: none; padding-left: 25px; background: #fff url('../images/bg-content-li.gif') no-repeat 0 50%; }
.subpage #sidebar table { font-size: 120%; }
.subpage #sidebar table td  { padding: 4px; }
.subpage #sidebar table th { background-color: #c64343; color: #fff; text-align: center; }
.subpage #sidebar table .odd td { background-color: #f9eeec; }
.subpage #sidebar table .even td { background-color: #f2c6c6; }
.subpage #sidebar a { color: #b8422f; font-weight: bold; }
.subpage #sidebar a:hover { color: #e54b32; text-decoration: none; }

/* Menu */
#menu { position: absolute; left: 46px; top: 395px; width: 954px; _width: 964px; height: 85px; padding-left: 10px; background: #f0f9fa url('../images/bg-menu.gif') no-repeat left top; }
#menu li  { list-style-type: none; float: left; margin-right: 38px; position: relative; top: 26px; background: #cc2c02;}
#menu li.last { margin-right: 0; }
#menu li a  { display: block; width: 156px; height: 38px; line-height: 38px; background: #cc2c02 url('../images/bg-li-menu.gif') no-repeat left top; text-decoration: none; color: #fff; text-align: center; font-weight: bold; font-size: 125%;}
#menu li a:hover  { background-position: 0 100%; color: #fff; }
#menu li a.active { background-image: url('../images/bg-menu-li-active.gif'); color: #fff }

/* Menu position - subpage */
.subpage #menu  { top: 220px; }

/* Dalsi odkazy */
.next-links { position: absolute; right: 28px; top: 35px; background: #f0f9fa;}
.next-links a { display: block; width: 124px; height: 39px; line-height: 47px; overflow: hidden; color: #000; text-decoration: none; text-align: center; background: #f0f9fa url('../images/bg-next-links-a.gif') no-repeat 0 0; float: left; font-weight: bold; font-size: 95%; top: 2px; position: relative; }
.next-links a#first { background: #f0f9fa url('../images/bg-next-links-a-first.gif') no-repeat 0 0; width: 131px; padding-left: 5px; position: relative; top: 2px; left: -4px;}
.next-links a#last { background: #f0f9fa url('../images/bg-next-links-a-last.gif') no-repeat 0 0; width: 122px; _width: 132px; padding-right: 11px; position: relative; top: 2px;}
.next-links a.active  { background: transparent url('../images/bg-next-links-a-active.gif') no-repeat left top; display: block; overflow: hidden; width: 125px; height: 41px; position: relative; top: 3px; left: 0px;}
.next-links a#first.active  { background: transparent url('../images/bg-next-links-a-first-active.gif') no-repeat left top; height: 41px; position: relative; width: 133px !important; overflow: hidden;top:0; left: -1px; }
.next-links a#last.active  { background: transparent url('../images/bg-next-links-a-last-active.gif') no-repeat left top; height: 41px; position: relative; width: 122px !important; _width: 132px !important; overflow: hidden; left: 8px; top: 1px; }
.next-links a:hover,
.next-links a#first:hover,
.next-links a#last:hover { background-position: 0 100%; _background-position: 0 125%; =background-position: 0 125%; }
.next-links a#last span {padding-left: 17px;}
.next-links a#last.active span {padding-left: 0px;}
.next-links a.active:hover  { background-position: 0 0 !important; }

/* Flash */
#flash  { position: absolute; left: 47px; top: 90px; }

/* Header Image */
#header-img { position: absolute; top: 85px; left: 46px; }

/* Footer */
#footer { background: #a53871 url('../images/bg-footer2.gif') no-repeat left top; height: 382px; text-align: center; position: relative; width: 1055px; overflow: hidden; }
#footer #produkty { position: relative; top: 150px; padding-left: 210px; }
#footer #produkty li { float: left; width: 99px; list-style-type: none; padding-top: 2em; margin-right: 33px; position: relative; }
#footer #produkty li a  { color: #840b4a; display: block; font-weight: bold; font-size: 110%; height: 103px; text-decoration: none; }
#footer #produkty li a span { position: absolute; top: 0; left: 0; text-align: center; width: 99px; display: block; }
#footer #produkty li#it01 a { background: transparent url('../images/bg-item01.gif') no-repeat 0 0; }
#footer #produkty li#it01 a:hover { background-position: 0 100%; color: #c83d85; }
#footer #produkty li#it02 a { background: transparent url('../images/bg-item02.gif') no-repeat 0 0; }
#footer #produkty li#it02 a:hover { background-position: 0 100%; color: #c83d85; }
#footer #produkty li#it03 a { background: transparent url('../images/bg-item03.gif') no-repeat 0 0; }
#footer #produkty li#it03 a:hover { background-position: 0 100%; color: #c83d85; }
#footer #produkty li#it03 a span  { width: 150px; left: -2em; }
#footer #produkty li#it04 a { background: transparent url('../images/bg-item04.gif') no-repeat 0 0; }
#footer #produkty li#it04 a:hover { background-position: 0 100%; color: #c83d85; }
#footer #produkty li#it05 a { background: transparent url('../images/bg-item05.gif') no-repeat 0 0; }
#footer #produkty li#it05 a:hover { background-position: 0 100%; color: #c83d85; }
#footer #produkty li#it06 a { background: transparent url('../images/bg-item06.gif') no-repeat 0 0; }
#footer #produkty li#it06 a:hover { background-position: 0 100%; color: #c83d85; }
#footer #produkty li#it06 a span  { width: 122px; left: -1em; }

#footer #info { padding: 0 60px 0 67px; position: relative; top: 189px; color: #fff; }

#footer p.copy { width: 40%; float: left; text-align: left; }
#footer p.axellus-link { width: 20%; float: left; text-align: center; }
#footer p.axellus-link a span {background: transparent url('../images/axellus-logo.png') no-repeat 0 0; width: 100px; height: 21px; display: block; position: relative; left: 3em; _left: -1em; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://triomar.cz.m117.server4u.cz/images/images/axellus-logo.png',sizingMethod='scale'); _background: none;}
#footer p.axellus-link a span em {visibility: hidden;}
#footer p.inspiro-info  { width: 40%; float: right; text-align: right; }
#footer p a { color: #fff; }
#footer p a:hover { text-decoration: none; }
#footer #partneri { position:relative; top: -10px; margin: 0 auto; text-align: center;	font-size:75%; background: #d072a3; padding-bottom: 2em;}
#footer #partneri li  { display: inline; padding-left: 10px;}
#footer #partneri li a  { color: #fff;opacity: 0.5; filter: alpha(opacity=50);text-decoration: none; }
#footer #partneri li a:hover  {opacity: 100; filter: alpha(opacity=100);text-decoration: underline; }

/** FCK **/
.Bold { font-weight: bold; }
.Italic { font-style: italic; }
.Underline {text-decoration: underline; }
.StrikeThrough { text-decoration: line-through; }
.Subscript { vertical-align: sub; font-size: smaller; }
.Superscript { vertical-align: super; font-size: smaller; }
.FontComic { font-family: 'Comic Sans MS'; }
.FontCourier { font-family: 'Courier New'; }
.FontTimes{ font-family: 'Times New Roman'; }
.FontSmaller { font-size: smaller; }
.FontLarger { font-size: larger; }
.FontSmall { font-size: 8pt; }
.FontBig { font-size: 14pt; }
.FontDouble { font-size: 200%; }
.FontColor1 { color: #ff9900; }
.FontColor2 { color: #0066cc; }
.FontColor3 { color: #ff0000; }
.FontColor1BG { background-color: #ff9900; }
.FontColor2BG { background-color: #0066cc; }
.FontColor3BG { background-color: #ff0000; }
.Indent1 { margin-left: 40px; }
.Indent2 { margin-left: 80px; }
.Indent3 { margin-left: 120px; }
.JustifyLeft { text-align: left; }
.JustifyRight { text-align: right; }
.JustifyCenter { text-align: center; }
.JustifyFull { text-align: justify; }
code { font-family: courier, monospace; background-color: #eeeeee; padding-left: 1px; padding-right: 1px; border: #c0c0c0 1px solid; }
kbd { padding: 0px 1px 0px 1px; border-width: 1px 2px 2px 1px; border-style: solid; }
blockquote { color: #808080; }

#formular {font-size: 110%;}
#formular input { width: 177px; _width: 185px; height: 22px; _height: 30px; background: #fff url('../images/bg-newsletter-input.gif') no-repeat left top; font-size: 110%; padding: 4px; font-weight: bold; margin-bottom: 5px; }
#formular input.submit  { width: 78px; height: 30px; background: #2f4a59 url('../images/bg-submit-input.gif') no-repeat left top; color: #fff; position: relative; top: 4px; _top: -3px; cursor: pointer; }
.warning {color: red !important; font-weight: bold;}

#registrace {font-size: 110%;}
#registrace th {background: white !important; color: #000 !important;}
#registrace input { width: 177px; _width: 185px; height: 22px; _height: 30px; background: #fff url('../images/bg-newsletter-input.gif') no-repeat left top; font-size: 110%; padding: 4px; font-weight: bold; margin-bottom: 5px; }
#registrace button.submit  { width: 73px; height: 30px; background: #2f4a59 url('../images/bg-submit-input.gif') no-repeat left top; color: #fff; position: relative; top: 4px; _top: -3px; cursor: pointer; font-size: 72%; left: 188px;}


.green-index-info {display: block; font-weight: bold; color: green; text-align: center; font-size: 100%; padding-top: 5px;}

.adbox {padding: 0; margin: 0; width: 100%;}
.adbox .adleft {float: left;}
.adbox .adright {float: right;}

.ad1, .ad2 {display: block; width: 125px; height: 229px;}
a.ad1, a.ad2 {display: block; width: 125px; height: 229px;}
.adbox a.ad1 {background: url('../images/index-panel-teatree.jpg') no-repeat left top;}
.adbox a.ad1:hover {background: url('../images/index-panel-teatree.jpg') no-repeat left bottom;}

.adbox a.ad2 {background: url('../images/index-panel-femigel.jpg') no-repeat left top;}
.adbox a.ad2:hover {background: url('../images/index-panel-femigel.jpg') no-repeat left bottom;}