html{
font-size:100.01%;
height:100%;
width:100%;
border:0;
padding:0;
margin:0;
} 
body{
font-size:.750em;
font-family:tahoma,arial,verdana;
color:#000;
margin:0;
padding:0;
text-align:center;
background:#fff;
height:100%;
width:100%;
border:0;
}
a img, img{margin:0;padding:0;border:0;}
a{color:#000000;outline:none;}
a:hover{text-decoration:none;}
p,h1,h2,h3,h4,h5,h6,ul,ol,li,form,table,td{margin:0;padding:0;}
table{font-size:1em;}
.clear{clear:both;}
.fl{float:left !important;}
.fr{float:right !important;}
hr,.noScreen,.hidden{display:none;}
.break{display:block;}
fieldset{padding:0;margin:0;border:0}
ul li{list-style-type:none}
input,button,textarea{font-family:tahoma;font-size:12px;}
.clearfix:after{content: ".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/* Hide from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */

.font11{font-size:11px !important;}
.font14{font-size:14px !important;}

.marginRight80{margin-right:80px !important;}
.marginBot20{margin-bottom:20px !important;}
.marginBot30{margin-bottom:30px !important;}
.marginLeft20{margin-left:20px !important;}

.padTop1{padding-top:1px !important;}

#page{
width:100%;
margin:0px auto;
text-align:left;
position:relative;
min-height:100%;
}
* html #page{
height:100%;
}

/*HEADER begin*/
#header{
width:100%;
height:97px;
background:url(images/header-bg.png) no-repeat center top;
}
#header .in{
width:960px;
height:66px;
padding:31px 0 0;
margin:0 auto;
position:relative;
}
#header h2 a{
width:169px;
height:46px;
display:block;
text-indent:-9999px;
background:url(images/header-logo.png) no-repeat;
position:absolute;
top:25px;
left:0;
}

#menuBox{
background:url(images/menu-bg-right.png) no-repeat scroll right top;
display:inline;
float:left;
height:37px;
padding-right:5px;
text-decoration:none;
margin:0 0 0 210px;
}
#menuBoxIn{
background:url(images/menu-bg-left.png) no-repeat;
display:block;
line-height:37px;
padding:0 0 0 5px;
float:left;
}
#menu li{
float:left;
background:url(images/menu-separator.png) no-repeat 0 11px;
padding:0 17px 0 19px;
text-transform:uppercase;
font-weight:bold;
}
#menu li.first{
background:none;
padding-left:17px;
}
#menu li a{
color:#ebdcb6;
text-decoration:none;
}
#menu li a:hover,#menu li a.active{
color:#fff;
}

.headerBox{
background:url(images/header-box-right.png) no-repeat scroll right top;
display:inline;
float:right;
height:37px;
padding-right:5px;
text-decoration:none;
margin:0 0 0 20px;
}
.headerBoxIn{
background:url(images/header-box-left.png) no-repeat;
display:block;
line-height:37px;
padding:0 0 0 5px;
float:left;
}
.headerBox li{
float:left;
background:url(images/menu-separator.png) no-repeat 0 11px;
padding:0 14px 0 16px;
font-weight:bold;
font-size:11px;
}
.headerBox li.first{
background:none;
padding-left:14px;
}
.headerBox li a{
color:#ebdcb6;
text-decoration:none;
}
.headerBox li a:hover,.headerBox li a.active{
color:#fff;
}
/*HEADER end*/

/*HP BAR begin*/
#hpBar{
width:100%;
height:290px;
background:url(images/hp-bar-bg.png) no-repeat center top;
}
#hpBar .in{
width:960px;
height:275px;
padding:15px 0 0;
margin:0 auto;
position:relative;
font-size:14px;
line-height:1.5;
}
#hpBar .simbila{
width:396px;
height:341px;
background:url(images/simbila-hp.png) no-repeat;
display:block;
position:absolute;
top:1px;
right:-5px;
}
#hpBar h1{
font-size:36px;
font-weight:bold;
padding:0 0 12px;
}
#hpBar ul li{
background:url(images/li-big-brown.png) no-repeat 0 7px;
position:relative;
padding:0 0 8px 20px;
}
#hpBar a.hpBtn{
width:444px;
height:75px;
background:url(images/btn-hp.png) no-repeat 0 0;
display:block;
font-size:24px;
font-weight:bold;
color:#fff;
text-decoration:none;
text-align:center;
text-transform:uppercase;
line-height:75px;
position:absolute;
bottom:30px;
left:-1px;
}
#hpBar a:hover.hpBtn{
background-position:left bottom;
}
/*HP BAR end*/

/*LOGGED BAR begin*/
#loggedMenu{
width:960px;
border-bottom:1px solid #000;
margin:0 0 20px !important;
}
#loggedMenu li{
float:left;
background:none !important;
padding:0 !important;
margin-left:-1px;
}
#loggedMenu li a{
background:url(images/logged-menu-a.png) no-repeat right top;
color:#000;
display:block;
float:left;
height:42px;
padding-right:15px;
text-decoration:none;
text-decoration:none;
font-weight:bold;
text-transform:uppercase;
line-height:42px;
position:relative;
z-index:10;
}
#loggedMenu li a span{
background:url(images/logged-menu-span.png) no-repeat left top;
display:block;
line-height:42px;
padding:0 0 0 15px;
}
#loggedMenu li a:hover{
background-position:right -84px;
}
#loggedMenu li a:hover span{
background-position:left -84px;
}
#loggedMenu li a.active,#loggedMenu li a:hover.active{
background-position:right -42px;
color:#fff;
z-index:20;
}
#loggedMenu li a.active span,#loggedMenu li a:hover.active span{
background-position:left -42px;
}
/*LOGGED BAR end*/

/*CONTENT begin*/
#content{
width:960px;
margin:0 auto;
min-height:100px;
padding:18px 0 120px;
line-height:1.6;
}
* html #content{
height:100px;
}
#content h1{
font-size:36px;
font-weight:bold;
padding:0 0 14px;
}
#content h2{
font-size:18px;
color:#e27a00;
font-weight:bold;
padding:0 0 12px;
}
#content h3{
font-size:14px;
color:#e27a00;
font-weight:bold;
padding:0 0 12px;
}
#content h2.h2Hp{
font-size:30px;
font-weight:bold;
color:#333;
padding:0 0 15px;
}
#content p{
padding:0 0 16px;
}
#content p{
padding:0 0 16px;
}
#content ul{
margin:0 0 10px;
}

/*th20251113 - conflicts with jquery-ui*/
/*
#content ul li{
padding:0 0 6px 20px;
background:url(images/li.png) no-repeat 0 7px;
position:relative;
}
*/

/*HP BOX begin*/
.hpBoxNum{
width:410px;
padding:5px 0 0 50px;
position:relative;
}
.hpBoxNum .num{
position:absolute;
top:0;
left:0;
display:block;
width:22px;
height:34px;
padding:0 0 0 12px;
background:url(images/numb-circle.png) no-repeat;
font-weight:bold;
color:#fff;
text-align:left;
font-size:14px;
line-height:32px;
}
.hpBoxNum h3{
color:#e37b00;
font-size:14px;
font-weight:bold;
padding:0 0 2px !important;
}
/*HP BOX end*/

/*BOX 960 BEIGE begin*/
.box960Beige{
width:960px;
background:url(images/box-960-beige.gif) 0 0;
margin:4px 0 30px;
}
.box960Beige .in{
width:910px;
background:url(images/box-960-beige.gif) -960px bottom;
padding:20px 25px 8px;
position:relative;
}
/*BOX 960 BEIGE end*/

/*BOX 916 BEIGE begin*/
.box916Beige{
width:916px;
background:url(images/box-916-beige.gif) 0 0;
margin:4px 0 30px;
}
.box916Beige .in{
width:866px;
background:url(images/box-916-beige.gif) -916px bottom;
padding:20px 25px 8px;
position:relative;
}
/*BOX 916 BEIGE end*/

/*FORM begin*/
.form label{
display:block;
font-weight:bold;
padding:0 0 5px;
}
.form .inputText{
/*TH:autocomplete conflict  background:#fff;*/
width:220px;
height:24px;
line-height:24px;
padding:0 5px;
border:1px solid #c5967c;
margin:0 0 4px;
font-family:tahoma;
}
.form .inputTextLong{
/*TH:autocomplete conflict  background:#fff;*/
width:500px;
height:24px;
line-height:24px;
padding:0 5px;
border:1px solid #c5967c;
margin:0 0 4px;
font-family:tahoma;
}
.form input.error{
border:1px solid #bc0000;
}
.form textarea{
background:#fff;
width:420px;
height:100px;
padding:5px 5px;
border:1px solid #c5967c;
margin:0 0 4px;
font-size:12px;
font-family:tahoma;
}
.form select{
font-family:tahoma;
font-size:12px;
}
.form .row{
margin:0 0 12px;
}
.form .errorMessage,.form label.error, span.required{
color:#bc0000;
}
.form .errorMessage{
font-size:11px;
}
.form p{
padding:0 !important;
}
.form .hint{
margin:4px 0 0;
}
.form .hintFloat{
margin:4px 0 0 20px !important;
float:left !important;
}
.form .hint,.form .hint a{
color:#666;
font-size:11px;
}
.form .checkbox{
float:left;
margin-right:10px;
}
/*FORM end*/

/*BOX 960 RED begin*/
.errorSummary{
width:960px;
background:url(images/box-960-red.gif) 0 0;
margin:4px 0 30px;
}
.errorSummary .in{
width:910px;
background:url(images/box-960-red.gif) -960px bottom;
padding:20px 25px 8px;
position:relative;
}
.errorSummary p{
padding:0 0 16px !important;
}
/*BOX 960 RED end*/

/*BOX 960 GREEN begin*/
.box960Green{
width:960px;
background:url(images/box-960-green.gif) 0 0;
margin:4px 0 30px;
}
.box960Green .in{
width:910px;
background:url(images/box-960-green.gif) -960px bottom;
padding:20px 25px 8px;
position:relative;
}
/*BOX 960 GREEN end*/

/*BTNS begin*/
a.btn{
background:url(images/btn-orange-a.png) no-repeat scroll right top;
color:#fff;
display:inline;
float:left;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
height:51px;
padding-right:24px;
text-decoration:none;
}
a.btn span{
background:url(images/btn-orange-span.png) no-repeat;
display:block;
float:left;
line-height:51px;
padding:0 0 0 24px;
}
a:hover.btn{
background-position:right bottom;
}
a:hover.btn span{
background-position:left bottom;
}

button::-moz-focus-inner {
border:none;
padding:0 !important; 
}


button.button1 span { 
position: relative;
display: block; 
white-space: nowrap;	
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
button span {
margin-top: -1px;
}
}
button.button1{ 
position:relative;
border:0; 
cursor:pointer;
overflow:visible;
padding:0 24px 0 0; 
font-size:14px; 
font-weight:bold;
text-align:center; 
height:51px;
line-height:51px;
background:url(images/btn-orange-a.png) no-repeat right top; 
}
* html button.button1{ 
position:static;
padding:0 24px 0 0;
}
button.button1 span{
padding:0px 0 0 24px; 
height:51px; 
color:#fff; 
line-height:51px;
background:url(images/btn-orange-span.png) no-repeat left top; 
text-transform:uppercase;
}
button.button1:hover{
background-position:right -51px; 
}
button.button1:hover span{
background-position: 0 -51px;
}

/*TH: added for ul-li-a-span*/
a.btnTop, ul.btnTop a{
background:url(images/btn-top-a.png) no-repeat right top;
color:#fff;
display:block;
margin:16px 0 0 10px;
float:right;
font-size:11px;
height:31px;
padding-right:15px;
text-decoration:none;
font-weight:bold;
text-transform:uppercase;
line-height:31px;
position:relative;
z-index:10;
}
a.btnTop span, ul.btnTop a span{
background:url(images/btn-top-span.png) no-repeat left top;
display:block;
line-height:31px;
padding:0 0 0 15px;
}
a:hover.btnTop, ul.btnTop a:hover{
background-position:right -31px;
}
a:hover.btnTop span, ul.btnTop a:hover span{
background-position:left -31px;
}
/*BTNS end*/

/*PRICE PLAN begin*/
.pricePlan h2{
font-size:18px !important;
color:#e27a00 !important;
padding:0 0 12px !important;
line-height:18px;
}
.pricePlan h2 .letter{
font-size:40px;
color:#794c33;
}
.pricePlan a.price{
position:absolute;
top:62px;
right:-60px;
display:block;
text-indent:-9999px;
width:104px;
height:98px;
}
.pricePlan a.priceFree{
background:url(images/price-free.png) no-repeat;
}
.pricePlan a.price150{
background:url(images/price-150.png) no-repeat;
}
.pricePlan a.price300{
background:url(images/price-300.png) no-repeat;
}
.pricePlan a.btn{
position:absolute;
top:25px;
right:30px;
color:#fff !important;
}
/*PRICE PLAN end*/

/*TABLE ITEMS begin*/
table.items{
width:100%;
border-collapse:collapse;
margin:0 0 20px;
}
table.items th,table.items td{
text-align:left;
padding:3px 5px;
vertical-align:top;
border:1px solid #fff;
}
table.items th{
background:#deca9a;
padding:4px 5px;
}
table.items tr.filters td{
background:#fff;
}
table.items tr.filters td input{
border:1px solid #ccc;
background:#fff;
/*TH width:70px;*/
height:18px;
line-height:18px;
padding:0 5px;
font-family:tahoma;
font-size:11px;
}
table.items tr.filters td select{
height:21px;
font-family:tahoma;
font-size:11px;
}
table.items td, table.detail-view td, table.detail-view th{
background:#f8ebcb;

}
table.items tr.even td, table.detail-view tr.even td, table.detail-view tr.even th{
background:#f9f3e3;
}
.summary{
padding:0 0 10px;
font-size:11px;
}
/*TABLE ITEMS end*/

.dash-box{
float:left;
padding:0 90px 0 0;
}
.dash-box .tit{
float:left;
width:100px;
font-weight:bold;
}
.dash-box .val{
float:left;
}

p.note{
padding:0 0 16px !important;
}

/*TARIF begin*/
#yw0{
margin:0 0 30px;
}
.tarif-info{
float:right;
font-weight:bold;
padding:10px 0 0;
}
.tarif-code{
font-weight:bold;
}
/*TARIF end*/


/*CONTENT end*/

/*FOOTER begin*/
#footer{
width:100%;
height:99px;
background:url(images/footer-bg.png) repeat-x left bottom;
position:absolute;
bottom:0;
left:0;
color:#fff;
font-size:11px;
line-height:1.8;
}
#footer .in{
width:960px;
height:69px;
padding:30px 0 0;
margin:0 auto;
position:relative;
}
#footer a{
color:#fff;
font-size:11px;
}
#footerMenu li{
float:left;
background:url(images/footer-separator.png) no-repeat 0 3px;
padding:0 12px 0 14px;
font-weight:bold;
}
#footerMenu li.first{
background:none;
padding-left:0px;
}
#footerMenu li a{
color:#fff;
text-decoration:none;
}
#footerMenu li a:hover,#footerMenu li a.active{
color:#f8ebcb;
}
#footer p.fr{
text-align:right;
}
/*FOOTER end*/

.box960Btns{
padding:0 0 20px;
}
.box960Btns .btnTop{
float:left;
margin:0 10px 10px 0;
}


/*30. 11. 2011*/
#header{
position:relative;
z-index:10;
}
.headerBoxIn{
height:37px;
}
.rel{
position:relative;
}
#langsLink{
margin:0 6px 0 11px;
background:url(images/arrow-down.png) no-repeat right 17px;
display:block;
padding:0 14px 0 0;
}
#langsLink img{
margin-top:10px;
}
#langsBox{
display:block;
position:absolute;
top:34px;
right:-5px;
background:url(images/langs-bot.png) no-repeat left bottom;
width:136px !important;
padding:0 0 8px;
font-size:11px;
display:none;
}
#langsBox ul{
width:136px;
background:url(images/langs-top.png) no-repeat left top;
min-height:40px;
padding:5px 0 0;
}
#langsBox li{
background:none;
float:none;
display:block;
color:#fff;
padding:0 25px 0 15px;
}
#langsBox li a{
display:block;
padding:0 26px 0 0;
text-align:right;
color:#fff;
font-size:11px;
font-weight:normal;
}
#langsBox li a:hover{
color:#ebdcb6;
}
#langsBox li a.cs{
background:url(images/flag-cs.png) no-repeat right 10px;
}
#langsBox li a.en{
background:url(images/flag-en.png) no-repeat right 10px;
}
#langsBox li a.de{
background:url(images/flag-de.png) no-repeat right 10px;
}
#langsBox li a.fr{
background:url(images/flag-fr.png) no-repeat right 10px;
}
#langsBox li a.es{
background:url(images/flag-es.png) no-repeat right 10px;
}
#langsBox li a.sk{
background:url(images/flag-sk.png) no-repeat right 10px;
}
#langsBox li a.pl{
background:url(images/flag-pl.png) no-repeat right 10px;
}
#langsBox li a.hu{
background:url(images/flag-hu.png) no-repeat right 10px;
}
#content{
position:relative;
z-index:5;
}
#footer {
z-index:10;
}
.invoice-list-btns .btnTop {
    float: left;
    margin: 0 10px 5px 0;
}

.small-box {
    width: 450px;
}