/*
 * Author: Inexes s.r.o. - www.inexes.cz | Matej Simek
 * Created on: 18.11.2010
 * Modified on: 18.11.2010
 * SVN revision: 1844
 *
 * Name: Main stylesheet for web presentation (screen)
 * Summary:
 *
 * Dependences:
 *
*/


html {
    height: 100%;
    overflow-y: scroll;
}
body {
    height: 100%;
    line-height: 1.3;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #565555;
    background: White url("Images/Background.png") repeat-x top;
}

h1, h2, h3, h4{
    line-height:28px;
}
h1 {
    font-size: 21px;
    font-weight: normal;
    color: #666666;
    margin-bottom:6px;
}
h2 {
    font-size: 15px;
    font-weight: bold;
    color: #ca3544;
    margin-top:3px;
}
h3 {
    font-size: 15px;
    color: #666;
    margin-top:3px;
    font-weight:bold;
}
h4 {
    font-size: 12px;
    color: black;
}
p{
    margin-bottom:12px;
}

table {
    line-height: 1.3;
    font-size: 100%;
    font-family: Arial, Helvetica, sans-serif;
}
table caption {
    line-height: 1.3;
    padding: 3px 0 3px 0;
    font-weight: bold;
}
td{
  padding:auto;
}
input, select, textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    vertical-align: middle;
    color: black;	background: White;
    border: solid #666666 1px;
}
input[type=text], textarea, select{
    border-color: #D4D2D2;
    padding: 3px;
    width: 300px;
}
select{
    width: auto;
}
radio, input[type="checkbox"], .radio input{
	border:none !important;
}
strong {
    font-weight: bold;
}
em {
    font-style: italic;
}
address {
}
blockquote {
    font-style: italic;
    padding-bottom: 10px;
    text-align: justify;
    line-height: 1.5;
}
cite {
    font-style: normal;
    padding: 0 0 15px 0;
    font-weight: bold;
    color: #555555;
}
img {
    background: white url("Images/Progress.gif") no-repeat center center;
    vertical-align: middle;
}
sup {
    position: relative;
    bottom: 2px;
    vertical-align: text-top;
}
sub {
    position: relative;
    top: 2px;
    vertical-align: baseline;
}
a {
    color: #2060ab;
}
a:hover {
    color: black;
}
a:visited {

}
ul, ol{
    list-style-position: inside;
}

.noScreen {
    display: none;
}
.cleaner {
    display: block;
    clear: both;
    overflow: hidden;
    height: 1px;
    margin-top: -1px;
}

/* basic layout */
.bodyWrap{
    background: url("Images/PageShadow.png") repeat-y center;
}
#page {
    position: relative;
    width: 900px;
    padding:0 15px;
    border-left: solid #e5e5e5 4px;
    border-right: solid #e5e5e5 4px;
    margin: 0 auto;
    background: white;
}
#headerBox {
    position: relative;
    height: 187px;
    background: white;
    padding-top:10px;
    background:url("Images/HeadBackground.png") no-repeat center bottom;
    margin-bottom:15px;
}
#headerBox-flash {
    z-index: 10;
    position: absolute;
    top: 0px;
    left: 480px;
    width: 300px;
    height: 100px;
}
#logo{
	display:block;
	width:210px;
	height:156px;
}
#mainBox {
    position: relative;
    float: right;
    width: 705px;
}
#mainBox #mainContentBox {
    position:relative;
}
#mainBox.noInfoContent #mainContentBox {
    width: 670px;
}
#infoContentBox {
    float: none;
    clear:both;
    background: none;
}
#footerBox {
    clear: both;
    text-align: right;
    color:#565555;
    background:#f2f2f2 url("Images/FootBack.png") no-repeat top center;
    position:relative;
    margin-top:48px;
}
#footerBox a{
}
#footerBox-copy{
    position:absolute;
    right:0;
    top:-24px;
    color:#a5a5a5;
}
#footArticle{
    font-size:11px;
    padding:20px;
    text-align:left;
    cursor:pointer;
}
#footArticle .toogle{
    color:gray;
    font-size:10px;
    background: url("Images/IconDown.gif") no-repeat right center;
    padding-left: 5px;
    padding-right:24px;
}
#footArticle .toogle:hover{
    color:#CA3544;
}
#footArticle h2{
    margin-top:-10px;
}

#currency{
	position:absolute;
	right:15px;
	top:137px;
}

/* header */
#headerBox img {

}
#headerBox p.description {
    display: none;
}
#headerBox p.navigation {
    display: none;
}
#headerBox #languages {
    position: absolute;
    top: 40px;
    right: 25px;
    font-weight: bold;
    text-align: right;
    display:none;
}
#headerBox #languages a {
    line-height: 1.4;
}
#headerBox #languages a:hover {
    color: black;
}

#mainCategoryMenu{
    position:absolute;
    top:88px;
    left:220px;
    height:109px;
    overflow:hidden;
}
#mainCategoryMenu ul{
    margin:0; padding:0;
}
#mainCategoryMenu li{
    list-style:none;
    display:block;
    float:left;
    line-height:185px;
    margin-right:-5px;
    margin-left:-4px;
}
#mainCategoryMenu .first,
#mainCategoryMenu li:first-child{
    margin-left:0;
}
#mainCategoryMenu .last,
#mainCategoryMenu li:last-child{
    margin-right:0;
}
#mainCategoryMenu a, #mainCategoryMenu span{
    color:White;
    text-decoration:none;
    font-size:11px;
    font-weight:bold;
    text-align:center;
    display:block;
    height:109px;
    background-repeat: no-repeat;
    background-position:center top;
    position:relative;
}
#mainCategoryMenu .item1 a, #mainCategoryMenu .item1 span{
    width:105px;
    background-image: url("Images/MenuItem1.png");
}
#mainCategoryMenu .item2 a, #mainCategoryMenu .item2 span{
    width:97px;
    background-image: url("Images/MenuItem2.png");
}
#mainCategoryMenu .item3 a, #mainCategoryMenu .item3 span{
    width:96px;
    background-image: url("Images/MenuItem3.png");
}
#mainCategoryMenu .item4 a, #mainCategoryMenu .item4 span{
    width:141px;
    background-image: url("Images/MenuItem4.png");
}
#mainCategoryMenu .item5 a, #mainCategoryMenu .item5 span{
    width:99px;
    background-image: url("Images/MenuItem5.png");
}
#mainCategoryMenu a:hover, #mainCategoryMenu span:hover{
    background-position:center bottom;
    z-index:10;
}

/* common: main content + infozone */

#dateAuthor, .dateAuthor {
    text-align:right;
}
.dateAuthor .author, #dateAuthor .author{
    color:#2060ab;
}

.article {
    margin: 0 0 15px 0;
}

.htmlEditorContent img.bordered {
    border: solid #2060ab 1px;
}
.htmlEditorContent .perex, .htmlEditorContent .hl1 {
    font-style:italic;
}
.htmlEditorContent ul, .htmlEditorContent ol {
    padding: 5px 5px 5px 2px;
    list-style-type: circle;
    margin-bottom:6px;
    list-style-position:inside;
}
.htmlEditorContent ul ul, .htmlEditorContent ol ol{
    margin-left:13px;
}
.htmlEditorContent ul li, .htmlEditorContent ol li {
    padding: 1px 0;
    line-height: 1.5;
}
.htmlEditorContent ol {
    list-style-type:decimal;
}
.htmlEditorContent ol ol{
    list-style-type:lower-alpha;
}
.htmlEditorContent ol ol ol{
    list-style-type:lower-roman;
}
.htmlEditorContent ol li {

}
.htmlEditorContent table.styled {
    margin: 5px 0 15px 0;
}
.htmlEditorContent table.styled th, .htmlEditorContent table.styled td {
    border-top: solid #eaeaea 1px;
    border-bottom: solid #eaeaea 1px;
    padding: 3px 15px;
    text-align: left;
}
.htmlEditorContent table.styled thead th, .htmlEditorContent table.styled thead td {
    padding: 5px 15px;
    color: white;
    background-color: #999999;
}
.htmlEditorContent table.styled tr.hl th, .htmlEditorContent table.styled tr.hl td {

}
.htmlEditorContent h3.listOfLinksHeader {
    margin: 8px 0 0 0;
    font-size: 14px;
    font-weight: normal;
}
.htmlEditorContent ul.listOfLinks {
    padding: 5px 0 8px 3px;
    list-style: none;
}
.htmlEditorContent ul.listOfLinks li {
    height: 16px;
    padding-left: 20px;
    line-height: 16px;
    margin-bottom: 3px;
}

/* main content */

#mainContentBox #upBack {
    height: 25px;
    text-align: right;
}
#mainContentBox #upBack a {
	background: url("Images/IconBack.gif") no-repeat left center;
	padding-left:20px;
}
#mainContentBox #upBack .buttonUp {
	background-image: url("Images/IconUp.gif");
}
#mainContentBox #upBack a#ctl00_MainContent_hlBack {
}
#mainContentBox #upBack .buttonPrint {
	background-image: url("Images/IconPrint.gif");
}
#mainContentBox #upBack a:hover {
}

/* Infozone */
#infoContentBox .inside {
}
#infoContentBox h2 {
}
#infoContentBox p.dateAuthor {
}
#infoContentBox .htmlEditorContent h3 {
}
#infoContentBox .htmlEditorContent h4 {
}
#infoContentBox .htmlEditorContent img.bordered {
}
#infoContentBox .htmlEditorContent .hl1 {
}
#infoContentBox .htmlEditorContent ul {
}
#infoContentBox .htmlEditorContent ul li {
}
#infoContentBox .htmlEditorContent ol {
}
#infoContentBox .htmlEditorContent ol li {
}
#infoContentBox .htmlEditorContent table.styled {
}
#infoContentBox .htmlEditorContent table.styled th, #infoContentBox .htmlEditorContent table.styled td {
}
#infoContentBox .htmlEditorContent table.styled thead th, #infoContentBox .htmlEditorContent table.styled thead td {
}
#infoContentBox .htmlEditorContent table.styled tr.hl th, #infoContentBox .htmlEditorContent table.styled tr.hl td {
}
#infoContentBox .htmlEditorContent h3.listOfLinksHeader {
}
#infoContentBox .htmlEditorContent ul.listOfLinks {
}
#infoContentBox .htmlEditorContent ul.listOfLinks li {
}

/* footer */
#footerBox p.navigation {
    display: none;
}

/* search */
#searchBox input#ctl00_TbxSearch {

}
#searchBox input#ctl00_BtnSearch {

}

#searchBox {
}
#searchBox h2 {
	font-size: 13px;
	font-weight: bold;
	color: #666666;
        margin-top: 0;
}
#searchBox .searchExpression {
	float: left;
	margin-top: 4px;
	padding: 1px 4px;
	height: 14px;
	width: 127px;
	border: none;
	background: url("Images/SearchBoxBG.gif") no-repeat;
	font-size: 11px;
	color: #666666;
}
#searchBox .searchButton {
	float: left;
	margin: 5px 0 0 10px;
	height: 14px;
	width: 17px;
	background: url("Images/ArrowRight.gif") 2px 2px no-repeat;
	cursor: pointer;
        border: none;
        font-size: 0.1px;
        color:#CA3544;
        text-indent:100px;

}
#searchBox a {
	clear: both;
	display: block;
	padding-top: 3px;
	font-size: 11px;
}

#displaySearch{
    float: right;
}
.searching .radios{
    margin: 6px 0;
}
.searching .radios div{
    clear: both;
    padding: 4px 0;
}
.searching .radios label{
    position: relative;
    top:2px;
}
.searching .btnSearch,
#displaySearch{
    background: none repeat scroll 0 0 white;
    border: 1px solid #D4D2D2;
    color: #CE1E2B;
    padding:4px 6px 3px 6px;
    text-decoration: none;
    font-size: 11px;
    position: relative;
    top:1px;
}
#displaySearch{
	margin:0 10px;
}
.searching .btnSearch:hover,
#displaySearch:hover{
	border-color:gray;
}
.searching .parameterBox td{
    padding: 6px 0;
    vertical-align: middle;
}
.searching .parameterBox label{
    position: relative;
    top:2px;
}

.searching .parameterBoxName span{
    position: relative;
    top:4px;
}

.searching .parameterBox select{
    width:308px;
}
.searching .parameterBoxValue span{
    display: block;
}
.searching .parameterBoxValue .parItemsBox{
    border: 1px solid #D4D2D2;
    padding: 3px;
    width: 300px;
    max-height: 100px;
    overflow: auto;
}
.searching .parameterBoxValue span.radio{
    display: block;
    padding-bottom: 6px;
}

/* Check availavbility */

.checkAvail {
	padding: 10px;
	height: auto;
}
.checkAvail h1 {
	font-size: 16px;
	line-height: 1;
	margin: 0 0 10px 0;
	font-weight: bold;
}
.checkAvail h2 {
	display: none;
}
.checkAvail #btnSend {
	margin-bottom: 0;
	float: right;
}
#showAvailability {
	cursor: pointer;
}