html {font-size: 100%;}

body {
    font-family: trebuchet ms, arial, lucida, sans-serif;
    font-size: 0.7em;
    padding: 0px;
    margin: 0px;
    text-align: center;
    color: #333333;
    background: #FFFFFF;
    behavior:url("csshover.htc");
}

table {font-size: 1em;}

form {margin: 0px;}

input, textarea {
    border: 1px solid #ADCEDE;
    background: #FFFFFF url('images/top-input-bg.png') left top repeat-x;
    font-style: italic;
    font-family: trebuchet ms, arial, lucida, sans-serif;
}

a { text-decoration: underline; color: #004581; }
a:hover {color:#000000;text-decoration: underline;}

a img {border: 0px;}

ul {text-align: left;}

ul li a, a{text-decoration: underline;}
ul li a:hover {text-decoration: none;}

fieldset {border: 0px; margin: 0px;}

p {color: #333333;}

h1 {
    margin: 0px; 
    padding: 0px;
    float: left;
}

h1 a {
    background-color: transparent; 
    display: block; 
    position: absolute;
    width: 289px;
    left: 0px;
    top: 0px;
    color: #000000;
    font-size: 35px;
    line-height: 90px;
    font-style: italic;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}

h1 span {
    width: 289px;
    height: 90px;
    background: url('images/logo-hello.jpg') left top no-repeat;
    cursor: pointer; 
    display: block; 
    z-index: 1;
    position: absolute;
    top: 0px;
    left: 0px;
}

h2 {
    font-size: 19px;
    font-style: italic;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    color: #5196B9;
}

h3 {
    font-size: 17px;
    font-style: italic;
    margin: 0px;
    padding: 0px;
    color: #5196B9;
    font-weight:bold;
}

h3 span { font-size:11px}

h4 {
    font-size: 14px;
    font-style: italic;
    margin: 0px;
    padding: 0px;
    color: #5196B9;
    font-weight:bold;
}

h4 span { font-size:11px}

h5 {
    font-size: 1em;
    margin: 0px;
    padding: 0px;
    color: #333333;
    font-weight:bold;
}

#top {
    width: 1000px;
    height: 71px;
    margin: 0px auto 0px auto;
    position: relative;
    background: url('images/top-bg.jpg') center top no-repeat;
}

#top ul {
    float: right;
    color: #004581;
    margin: 8px 5px 0px 0px;
    list-style-type: none;
}

#top ul li {float: left;}
#top ul li a {
    float: left;
    font-weight: bold;
    font-size: 0.9em;
    border-right: 2px solid #AECADA;
    padding: 0px 7px 0px 7px;
}
#top ul li a.lang {padding-right: 2px; border: 0px;}

.top_form {
    float: right;
    clear: right;
    margin: 18px 18px 0px 0px;
    display: inline;
}

.top_form label {
    color: #004581;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
}

.top_form input.input {
    width: 180px;
    margin: 0px 4px;
}

input.btn 
{
    background: #005A91 url('images/btn-bg.png') left top repeat-x;
    color: #FFFFFF;
    font-weight: bold;
    border: 0px;
    height: 18px;
    font-size: 11px;
    line-height: 18px;
    &height: auto;
}

input.lBtn {
    height: 25px;
    width: auto;
    padding: 0px 10px;
    &padding: 0px;
    border: 0px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    background: #003374 url('images/btn-l-bg.png') left top repeat-x;
}

#head {
    width: 1000px;
    height: 190px;
    margin: 0px auto 0px auto;
    background: url('images/top-left-img.jpg') left top no-repeat;
}

#headIn {
    width: 388px;
    height: 190px;
    float: right;
    background: url('images/top-right-img.jpg') left top no-repeat;
    text-align: left;
}

#headIn span {
    color: #679BBA;
    font-size: 13px;
    font-weight: bold;
    font-style: italic;
    padding-left: 20px;
    display: block;
    line-height: 14px;
    margin-top: 14px;
}
#headIn span.fs12 {font-size: 12px;}

#headIn strong {
    font-size: 17px;
    display: block;
    color: #004581;
    padding-left: 20px;
    font-weight: normal;
    margin-top: 10px;
    line-height: 18px;
    font-style: italic;
}

#headIn a {
    color: #004581;
    font-weight: bold;
    font-style: italic;
    font-size: 10px;
    display: block;
    margin: 5px 0px 0px 40px;
}

#menus {
    width: 1000px;
    margin: 0px auto 0px auto;
}

#menu, #menu2 {
    list-style-type: none;
    width: 1000px;
    height: 40px;
    margin: 0px;
    padding: 0px;
}

#menu li, #menu2 li {float: left;}
#menu li a {
    float: left;
    color: #004480;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    text-decoration: none;
    line-height: 40px;
    padding: 0px 18px;
}
#menu li a:hover, #menu li.active a {
    color: #FFFFFF;
    background: #003273 url('images/menu-it-bg.png') left top repeat-x;
}

#menu2 {background: #003273 url('images/menu2-it-bg.png') left top repeat-x;}

#menu2 li {position: relative; z-index: 10;}
#menu2 li a {
    float: left;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    font-style: italic;
    text-decoration: none;
    line-height: 40px;
    padding: 0px 18px;
}
#menu2 li a:hover, #menu2 li:hover {
    color: #FFFFFF;
    background: #FCA207 url('images/menu2-ito-bg.png') left top repeat-x;
}

#menu2 li ul {
    display: none;
    width: 220px;
}

#menu2 li:hover ul{
    width: 220px;
    margin: 0px;
    padding: 0px;
    z-index: 20;
	  display: block;
    height: auto;
    position: absolute;
    top: 34px;
    left: 0px;
    background: #FB9D08 url('images/submenu-bg.png') left top repeat-x; 
}

#menu2 li ul li {
    background: none;
    display: block;
    margin: 0px;
    padding: 0px;
}

#menu2 li ul li a {
    color: #FFFFFF;
    text-align: left;
    margin: 0px;
    padding: 0px;
    width: 220px;
    line-height: 30px;
    height: 30px;
    background: url('images/submenu-it.gif') 18px 12px no-repeat; 
}

#menu2 li ul li a:hover {
    background: #FBA308 url('images/submenu-it.gif') 18px 12px no-repeat;
    text-decoration: none;
}
    
#menu2 li ul li a span {margin-left: 27px;}

#main {
    width: 1000px;
    margin: 2px auto 0px auto;
    background: url('images/main-bg.png') left top repeat-y;
}

#left {
    width: 230px;
    float: left;
    text-align: left;
}

#left a.links {
    display: block;
    width: 230px;
    height: 90px;
    border-bottom: 2px solid #FFFFFF;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 25px;
    text-align: left;
    font-style: italic;
}
#left a.links b {
    padding: 5px 0px 0px 10px;
    display: block;
}

#left a#cambridge {background: white url('images/blok_cambridge.png') left top no-repeat;}
#left a#goethe {background: white url('images/blok_goethe.png') left top no-repeat;}
#left a#rezerva {background: white url('images/bloky_rezerva.png') left top no-repeat;}

#left a#people {background: #B8D3E2 url('images/lide-bg.jpg') left top no-repeat;}
#left a#company {background: #FFD037 url('images/firmy-bg.jpg') left top no-repeat;}
#left a#lector {background: #2079A5 url('images/lektori-bg.jpg') left top no-repeat;}

#left h2 {
    height: 30px;
    margin: 0px;
    padding: 0px 0px 0px 10px;
    font-size: 1.4em;
    font-style: italic;
    color: #5196B9;
    line-height: 30px;
    background: url('images/left-title-bg.png') left top no-repeat;
}

.left_form {
    width: 200px;
    margin: 0px 0px 0px 15px ;
}

.left_form select {
    width: 100%;
    font-style: italic;
    color: #333333;
    margin-bottom: 4px;
}

.left_form label {
    font-size: 1em;
    color: #5196B9;
    font-weight: bold;
}

.left_form input.lBtn {
    float: right;
    text-align: center;
}

#left p.contacts {
    font-weight: bold;
    color: #004581;
    margin: 10px 0px 0px 15px;
    line-height: 1.5em;
}
#left p.contacts a {color: #004581;}
#left p.contacts img {vertical-align: middle; margin-right: 3px;}


#center 
{
    width: 536px;
    float: left;
    margin-left: 2px;
}

.content {background: url('images/content-title-bg.jpg') left top no-repeat;}

.contentIn {
     width: 506px;
     margin: 0px auto 0px auto;
     padding-top: 10px;
     text-align: left;
}

.contentIn p img {float: left; margin-right: 5px; }
div.centerpic {text-align:center; margin:10px 0px 10px 0px; font-size:0.8em;}

.hBox {
    width: 242px;
    margin-top: 12px;
    float: left;
}
.hBox h3, .Box h3 { margin: 0px;  padding: 0px; font-size:1em }
.hBox a, .Box a {font-style: italic; font-size: 12px; color:#333333;}
.hBox h3 a, .Box h3 a {color: #004480;font-size: 14px; font-weight:bold;}
.hBox h3 span, .Box h3 span {color: #004480;font-size: 14px; font-weight:bold;}
.hBox p, .Box p {width: 220px;}
.hBox p img {float: left; margin-right: 5px;}

.crs {width: 506px;}
.crs th { color: #5196B9; text-align: left;  font-style: italic;}
.crs th img {margin-left:1px; position:relative; top:2px;}
.crs td {padding: 4px 0px;}
.crs td a {color: #004480;}
.crs td a:hover {color: #000000;}
.crs tr.bgBlue td {background: #EEF5F8;}

#right {
    width: 230px;
    float: right;
    text-align: left;
}

#right h2 {
    height: 30px;
    margin: 0px;
    padding: 0px 0px 0px 12px;
    font-size: 1.4em;
    font-style: italic;
    color: #5196B9;
    line-height: 30px;
    background: url('images/right-title-bg.png') left top no-repeat;
    height: auto;
}

.right_form {
    width: 210px;
    margin-left: 12px;

}
.right_form label {
    display: block;
    float: left;
    line-height: 24px;
    margin-right: 10px;
    color: #004581;
    font-weight: bold;
    clear: left;
    margin-top: 6px;
}
.right_form input {height: 18px; margin-top: 6px;}

#right ul {
    clear: left;
    margin: 14px 0px 10px 12px;
    padding: 0px;
    list-style-type: none;
}

#right ul li {background: url('images/right-ul-it.png') left 4px no-repeat;}

#right ul li { 
    padding: 0px 0px 0px 20px;
    font-weight: bold;
    color: #004480;
}
#right ul li a {color: #004480;}
#right ul li.fs16 {font-size: 16px; background-position: left 8px;}

#right .banner {margin: 10px 0px 10px 12px;}

.partner {
    display: block;
    width: 100px;
    float: left;
    display: inline;
    text-align: center;
    margin: 15px 0px 15px 10px;
}

.partner a {
    color: #004480;
    font-weight: bold;
}
.partner img {margin-bottom: 5px;}

#footer {
    width: 1000px;
    height: 40px;
    border-top: 2px solid #FFFFFF;
    margin: 0px auto 0px auto;
    text-align: left;
    background: #006699 url('images/footer-bg.png') left top repeat-x;
}
#footer p {
    width: 400px; 
    float: left; 
    line-height: 40px; 
    margin: 0px 0px 0px 15px; 
    padding: 0px;
}
#footer img {float: right;}
#footer i, #footer a {
    color: #FFFFFF; 
    font-size: 1.1em; 
}

.bold {font-weight: bold;}
.cleaner {clear: both;}
.cleanerN {clear: both; font-size: 7px;}
.right {text-align: right;}

div#podrobnehledani {float:left; font-weight:bold;}

.path {font-size:0.8em; color:#333333; font-weight:bold; margin-bottom:15px;}
.path a {color:#004581;}
.path a:hover {color:#000000;}

div.iconbar {margin:0px 0px 15px 0px;}
.iconbar a {margin-right:10px; font-weight:bold;font-weight:0.8em; text-decoration:none;}
.iconbar a span {text-decoration:underline;}
.iconbar a img {text-decoration:none; position:relative;top:4px; margin-right:4px;}

.psmall {font-size:0.8em; margin:5px;}
td.tablabel {color:#5196B9;text-align:right;padding-right:5px;}
td.tabtext1 {color:#5196B9;text-align:right;padding-right:5px;}
td.tabtext2 {color:#333333; font-weight:bold; text-align:left;padding-right:10px;}

a.btn_big_objednat { display:block; float:right; background: url(images/bckg_btn.jpg) repeat-x; background-color:#00407D; color:#ffffff; font-size:14px; text-decoration:none; padding:3px 10px 3px 10px; font-weight:bold; font-style: italic;}
a.btn_big_objednat img {margin-top:2px;}
a.btn_big_objednat:hover { color:#5196B9}

a.btn_small_objednat { background: url(images/bckg_btn.jpg) repeat-x; background-color:#00407D; color:#ffffff; font-size:10px; text-decoration:none; padding:1px 5px 1px 5px; font-weight:bold; font-style: italic;}
a.btn_small_objednat img {position:relative;top:2px;}
a.btn_small_objednat:hover { color:#5196B9}

div.product {margin-top:10px; clear:both;}
div.product span.picture { display:block; float:left; margin-right:15px;}
div.product a {font-size:1.2em;font-weight:bold;}
div.product p {text-align:justify;margin:5px 0px 0px 0px;}
div.product .cena { color:#5196B9; text-align:right; font-size:1.1em;}
div.product .cena a { font-size:1em;position:relative;top:-2px;}
div.product .cena span { font-weight:bold; font-size:1.3em; color:#333333}
div.product .cena input { font-size:14px;font-weight:bold;border:1px solid #5196B9; text-align:center; width:30px; height:17px;font-style: normal;margin-right:10px;}

.filtr { color: #5196B9; font-style: italic; margin: 15px 0px 15px 0px; text-align:right; }
.filtr select {font-size:12px;font-style: italic; font-weight:bold;}

.pages {text-align:center; font-weight:bold; margin:15px; color:#B3CDDD; }
.pages a {text-decoration:none;}
.pages a span {text-decoration:underline;}
.pages a img {position:relative;top:3px;}

.bigcena {font-size:1.2em;}

.stab { width:100%; }
.tablabel { width:80px; text-align:left; font-weight:bold; vertical-align: top; padding-top:5px; padding-bottom:5px; }
.tabvalue { font-weight:bold; vertical-align: top; }
.tabvalue select { font-weight:bold; font-style: italic; }
.tabvalue input, .stab td input { border-style: none; border-width:none; background-color:transparent;background-image:none;}
.tabvalue .txtinput { border: 1px solid #ADCEDE; background: #FFFFFF url('images/top-input-bg.png') left top repeat-x; font-wight: bold;  font-family: trebuchet ms, arial, lucida, sans-serif;font-size:1em; font-weight:bold;font-style: normal;}
.tabvalue span { color: #5196b9;padding-left:20px;padding-right:20px; }
.tabvalue2 { text-align:center;vertical-align:top; padding-top:5px;line-height:1.2em}
.tdmezera {width:20px;}
 
 
div.subtabvalue {padding-left:18px;font-weight:normal;padding-bottom:5px;padding-top:5px;}

a.btn_big_vyhledat { display:block; float:left; background: url(images/bckg_btn.jpg) repeat-x; background-color:#00407D; color:#ffffff; font-size:14px; text-decoration:none; padding:3px 10px 3px 10px; font-weight:bold; font-style: italic;margin-left:112px;margin-top:10px;margin-bottom:10px;}
a.btn_big_vyhledat img {margin-top:2px;}
a.btn_big_vyhledat:hover { color:#5196B9}

table.form td.tabvalue td input, table.form td.tabvalue select, td select option, td textarea { font-size:1em;font-style: normal;font-weight: bold;Font-family: trebuchet ms, arial, lucida, sans-serif;}
table.form td { font-weight: normal;}

input.btn_big {
    background: #005A91 url('images/btn-bg.png') left top repeat-x;
    color: #FFFFFF;
    font-weight: bold;
    border: 0px;
    height: 22px;
    font-size: 14px;
    line-height: 22px;
    &height: auto;
}

td h3 {
    font-size: 17px;
    font-style: italic;
    margin: 0px;
    padding: 0px;
    color: #5196B9;
    font-weight:bold;
    margin-top:10px;
    margin-bottom:5px;
    padding:0px;
    border-bottom:2px solid #D6E6EE;
}

.t1
{
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
}

.t1 th
{
	padding: 1px 10px 1px 10px;
	border-bottom: gray 1px solid;
	border-left-style: none;
	border-right: gray 1px solid;
	border-top-style: none;
	background: #EEF5F8;
}

.t1 td
{
	padding: 1px 10px 1px 10px;
	border-bottom: gray 1px solid;
	border-left-style: none;
	border-right: gray 1px solid;
	border-top-style: none;
}

table.t2 { background-color: #005C92; }
table.t2 tr th { background-color:#005C92; color:#ffffff; font-weight:bold;}
table.t2 tr.lichy td { background-color: #ffffff; }
table.t2 tr.sudy td { background-color: #F1F7F9; }