/**
 * Content CSS styles for www.langmaster.cz
 * Copyright (c) 2007 PeckaDesign, s.r.o. 
 */

body { font-size: 81.25%; font-size: 75%; padding: 20px; margin: 0; line-height: 1.4; background: white; color: #333333; }
body, h1, h2, h3, h4, h5, h6, caption, input { font-family: Tahoma, Luxi Sans, Arial, Helvetica, sans-serif; }

input { font-size: 100%; }

/* Links */
a { color: #0078A3; }
a:visited{ color: #09506A; }
a:hover { color: #0C9CCF; }
a.ext { background: url("../img/ico-ext.png") no-repeat 100% 0; padding-right: 13px;}

a.noclick:hover {color: #0078A3;} /* add by OJ*/

code {font-size: 92%; font-family: "Lucida Console", monospaced; }
p, ul, ol, dl { margin-bottom: 1em; margin-top: 0;}
dt { font-weight: bold; }
ol, ul { }
ol { margin-left: 0; padding-left: 20px; }
ol li { margin-left: 1em; margin-bottom: 0.75em; padding: 0 !important; background: none !important; }


abbr, acronym { cursor: help; border-bottom: 1px dotted black; }

blockquote, .blockquote { padding: 10px 10px 2px 60px; background: #C2EDFB url(../img/bg-blockquote2.png) no-repeat 15px 50%; border: 1px solid #93E1FB; margin: 0 0 1em; font-style: italic; }

/* Headings */
h1, h2, h3, h4, h5, h6, caption { margin: 1em 0 0.5em 0; font-weight: normal; font-family: "Franklin Gothic Medium", Tahoma, Arial, Helvetica, sans-serif; }
h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
h1 { font-size: 192.3%; line-height: 1.0; margin-top: 5px; margin-bottom: 10px; padding-bottom: 6px;  }
h2 { font-size: 138.5%; line-height: 1.2; margin-bottom: 8px; }
h3, caption { font-size: 123.1%; text-align: left; margin-bottom: 0.3em; line-height: 1.294; }
h4, h5, h6 { font-size: 100%; }

hr {color: #DEDEDE; height: 0px; border: 1px solid #DEDEDE; border-width: 1px 0 0; clear:both;}

img, .content img { margin: 0 15px 15px 0; padding: 3px; border: 0px solid #E7E7E7; }
img.no-border, a:hover img.no-border { border: none; }

img.left {float: left; margin: 0 20px 10px 0; }
img.right {float: right; margin: 0 0 20px 10px; }
img.center { display: block; margin: 0 auto; }
img.plain { margin: 0; padding: 0; border: 0; display: inline; vertical-align: middle; background: none;}


table, table.plain2 table {background: white; border: 1px solid #e2e2e2; border-collapse: collapse; margin: 0 0 15px 0; font-size: 100%; width: 100%; }
table th, table td, table.plain2 table th, table.plain2 table td  {border: 1px solid #e2e2e2;  padding: 5px 5px; }
table th, table thead td, table.plain2 table th, table.plain2 table thead td { background: #ECECEC; font-weight: bold; }
table td, table.plain2 table td { background: white; border-width: 1px; }
table tr.evenrow td, table.plain2 table tr.evenrow td { background: #f2f2f2; }

table.plain { background: none; border: none; }
table.plain th, table.plain td { background: none; border: none; padding: 0 5px 0 0; }

table.plain2, table.plain2 tr, table.plain2 th, table.plain2 td { background: none; border: none; margin: 0; padding: 0; }

table.blue {background: url(../img/bg-mother.png) repeat-x 0 -50px; border: 2px solid #C3EDFB; border-collapse: collapse; margin: 0 0 15px 0; font-size: 100%; width: 100%;  color: #333333; }
table.blue th, table.blue td { border: 0; border-bottom: 1px solid #D9F4FD;  padding: 5px 5px; }
table.blue th, table.blue thead td { background: none; border-bottom: 2px solid #C3EDFB; }
table.blue td { background: none;  }
table.blue tr.evenrow td { background: none; }

/*
table {background: white; border: 1px solid #e2e2e2; border-collapse: collapse; margin: 0 0 15px 0; font-size: 100%; width: 100%; }
table th, table td {border: 1px solid #e2e2e2;  padding: 5px 5px; }
table th { background: #ECECEC; font-weight: bold; }
table td { background: white; border-width: 1px; }
table tr.evenrow td { background: #f2f2f2; }

table.plain2 table.blue {background: url(../img/bg-mother.png) repeat-x 0 -50px; border: 2px solid #C3EDFB; border-collapse: collapse; margin: 0 0 15px 0; font-size: 100%; width: 100%; color: #333333; }
table.plain2 table.blue th, table.blue td { border: 0; border-bottom: 1px solid #D9F4FD;  padding: 5px 5px; }
table.plain2 table.blue th { background: none; border-bottom: 2px solid #C3EDFB; }
table.plain2 table.blue td { background: none;  }
table.plain2 table.blue tr.evenrow td { background: none; }

table.plain2 table {background: white; border: 1px solid #e2e2e2; border-collapse: collapse; margin: 0 0 15px 0; font-size: 100%; width: 100%; }
table.plain2 table th td, table.plain2 table td {border: 1px solid #e2e2e2;  padding: 5px 5px; }
table.plain2 table th { background: #ECECEC; font-weight: bold; }
table.plain2 table td { background: white; border-width: 1px; }
table.plain2 table tr.evenrow td { background: #f2f2f2; }
*/

/* Table cart-added: */
table.plain2 table.cart-added { border: 0; }
table.plain2 table.cart-added tr td { border-width: 0 0 0 1px; padding: 0 15px; }
table.plain2 table.cart-added tr td:first-child { border-left: 0; }
table.plain2 table.cart-added tr td h3 { font-size: 150%; margin: 0; }

.l { display: inline; float: left; }
.r { display: inline; float: right; }
.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }
.out { position: absolute; left: -2000px; top: -2000px; }
.bold { font-weight: bold; }
.br { clear: both; }
.break { height: 1px; font-size: 1px; clear: both; overflow: hidden; visibility: hidden; }
.small { font-size: 92%;}
.hidden { display: none; }
.black{color:black;}

p.no-margin { margin-bottom: 0; }

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

cite, .cite { font-style: normal; font-variant: small-caps; }


.col-h-l {float: left; width: 48%; }
.col-h-r {float: right; width: 48%; }

ul {margin: 0 0 0.7em 0; padding: 0; list-style: none; }
ul li { background: url("../img/bullet-ball.png") no-repeat 0 1px; padding: 0 0 0 23px; margin: 0.5em 0 0.5em 0.3em; }
ul li ul li { background-image: url(../img/bullet-arrow1.png); background-position: 0 7px; padding: 0 0 0 16px; }
ul.question li { background-image: url(../img/bullet-question.png); background-position: 0 0.15em; padding: 0 0 0 20px; }

ol.decimal { list-style: decimal; }
ol.lower-alpha { list-style: lower-alpha; }
ol.upper-alpha { list-style: upper-alpha; }
ol.lower-roman { list-style: lower-roman; }
ol.upper-roman { list-style: upper-roman; }

ul.bullet-g li, ul li.bullet-g { background: url(../img/bullet-box-g.png) no-repeat 1px 3px; }
ul.bullet-b li, ul li.bullet-b { background: url(../img/bullet-box-b.png) no-repeat 1px 3px; }
ul.bullet-o li, ul li.bullet-o { background: url(../img/bullet-box-o.png) no-repeat 1px 3px; }

/* Inline styly */
.green { color: #4CBE08; }
.blue { color: #0059D6; }
.orange { color: #FC4C07; }

.example { border: 1px solid #c2c2c2; padding: 1px 2px; }