@import '../sluzby/tiketSupport/style.css?v1.1';
@import '../sluzby/rating/style.css';

body {
  font-family: Arial;
  margin: 0px;
  padding: 0px;
  font-size: 16px;
  background: url('images/body_bg.jpg');
}

div, a, span{
    line-height: 1.4em;
}

ul li{
    line-height: 1em;
}
		
hr{
    border: 0;
    height: 0;
    border-top: 1px solid #DDDDDD;
    padding-bottom: 20px;
}

h1, h2, h3, h4, h5{
    line-height: normal;
}
 
.clear{
    clear: both;
}
.right{
    text-align: right;
}
img{
    border: none;
}

.wrap{
    width: 900px;
    margin: auto;
    padding: 0px 24px 0 24px;
}

.center{
    text-align: center;
}

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

del{
    color: #666;
}

a{
    color:#3366FF;
}


a:hover{
    color:#009900;
}

.wrap_header{
  background: url('images/body_bg_header.jpg') repeat-x;  
}

.button,
.button:link{
    padding: 17px 35px;
    color: #fff;
    background: #009900;
    font-weight: bold;
    font-size: 1.063em;
    text-decoration: none;
    border: none;
}

.button:hover{
    color: #fff;
    background:#5D8620;
    text-decoration: underline;
}

.button_grey{
    color: #000;
    background: #ccc;
    font-weight: normal;
}

.button_grey_bold{
    background: #666666;
}

.buttonInlineBlock{
    display: inline-block;
}


.button10Margin{
    margin: 10px;
}

table{
    border-collapse: collapse;
}

table tr th{
    background: #EFEFEF;
    padding: 15px 0;
    color: #000;
    font-size: 0.938em;
    border-bottom: 3px solid #DDDDDD;
    vertical-align: bottom;
}

table tr td{
    padding: 8px;
    font-size: 0.938em;
    border-bottom: 1px solid #DDDDDD;
}

table tr.second td{
    /*background: #F2F2F2;*/
}

table tr.last td{
    border-bottom: 3px solid #DDDDDD;
}

.biggerText{
    font-size: 1.05em;
}

.bigText{
    font-size: 1.1em;
}

.megaText{
    font-size: 1.3em;
}

.smallerText{
    font-size: 0.875em;
}

.smallestText{
    font-size: 0.75em;
}

.lightDark{
    color: #333;
}

.light{
    color: #666;
}

.slevaRegistrace{
    margin-top: 10px;
border-style: solid;
background-color: #e5f56a;
border-width: 1px;
border-color: #000000;
font-weight:normal;
text-align: center;
}

.registraceChyba{
    margin-top: 10px;
border-style: solid;
border-width: 1px;
border-color: red;
font-weight:normal;
padding: 10px;
}

.answerNotFound{
    border: 1px solid #FFCC66;
    background: #FFFF99;
    margin-top: 60px;
    padding: 10px;
    text-align: center;
}

.calculatePrices{
    border: 2px solid #FFCC66;
    background: #FFFF99;
    margin-top: 0px;
    margin-bottom: 30px;
    padding: 10px 30px;
    font-size: 0.9em;
}

.calculatePrices .order{
    font-weight: bold;
    font-size: 1.05em;
    float: right;
}

ul li{
    padding: 5px 0;
}

.darkBg{
    margin: 50px -50px;
    padding: 0 50px 50px 50px;
    background: #F9F9F9;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}


.state{
    width: 28px;
    height: 15px;
    border: 1px solid #9496A0;
    background: url('images/states.png') no-repeat;
}

.state-germany{
    background: url('images/mapa-vlajka-de.png') no-repeat;
}

.state-austria{
    background: url('images/mapa-vlajka-at.png') no-repeat;
}

.state-hungary{
    background: url('images/mapa-vlajka-hu.png') no-repeat;
}

.state-slovakia{
    background: url('images/mapa-vlajka-sk.png') no-repeat;
}

.state-czech{
    background: url('images/mapa-vlajka-cz.png') no-repeat;
}

.state-poland{
    background: url('images/mapa-vlajka-pl.png') no-repeat;
}


/**
* header
*/
#header img{
    margin-top: 30px;
    margin-right: 25px;
    float: left;
}

#header #slogan{
    margin-left: 10px;
    margin-top: 32px;
    float: left;
    width: 250px;
}

#header .setrime-naklady{
   float:left;
  line-height:1.3em;
  margin-left:10px;
  margin-top:55px;
}


#header .login{
    margin-top: 8px;
    width: 350px;
    padding-left: 126px;
    padding-top: 38px;
    float: right;
    background: url('images/form_bg.png') no-repeat;
    margin-right: -50px;
    height: 65px;
}

#header .login .volba-statu{
 margin-top: -37px;
margin-bottom: 15px;  
float:right;
width: 50px;
}

#header .login .volba-statu .vlajka-cz{
    width: 20px;
    height: 13px;
float: left;
    border: 1px solid #9496A0;
    background: url('images/crvlajka-mala.png') no-repeat;
}
#header .login .volba-statu .vlajka-cz-seda{
    width: 20px;
    height: 13px;
float: left;
    border: 1px solid #9496A0;
    background: url('images/crvlajka-mala-seda.png') no-repeat;
}

#header .login .volba-statu .vlajka-sk{
    width: 20px;
    height: 13px;
float: right;
    border: 1px solid #9496A0;
    background: url('images/skvlajka-mala.png') no-repeat;
}
#header .login .volba-statu .vlajka-sk-seda{
    width: 20px;
    height: 13px;
float: right;
    border: 1px solid #9496A0;
    background: url('images/skvlajka-mala-seda.png') no-repeat;
}

#header .login input{
    width: 176px;
    font-size: 11px;
    color: #697b4e;
    padding-left: 3px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #b0c592;
}

#header .login #heslo{
    width: 100px;
}

#header .login button{
    background: url('images/ok.png') no-repeat;
    width: 35px;
    height: 25px;
    top: 7px;
    position: relative;
    cursor: pointer;
    border: none;
}

#header .login ul {
    margin-top: 9px;
    margin-left: -55px;
}

#header .login li {
    float: left;
    list-style-image: url('images/li-image.png');
    font-size: 11px;
    margin-left: 30px;
    padding: 0px;
}

#header .login li a{
    color: #49691a;
}


#header .login .info {
  width: 231px;
  float: left;
  color: #697b4e; 
  font-size: 0.8em;
  margin-left: 5px;
  margin-top: -2px;
  line-height: 1.2em;
}

#header .login .buttons {
  float: right;
  width: 100px;
  margin-top: -7px;
}

#header .login .buttons .action-button{
  width: 90px;
  display: block;
  background: url('images/button.png') no-repeat;
  font-weight: bold;
  color: #fff;
  margin-bottom: 5px;
}


#header .menumargin{
    padding-bottom: 15px;
}

#header .menu{
  margin: 0 -24px;
  height: 46px;
}

#header .menu .track{
    color: #946666;
    margin-left: 24px;
    padding-top: 11px;
    float: left;
    width: 360px;
}

#header .menu .track .text{
    color: #ccc;
    border: 1px solid #ccc;
    margin-left: 16px;
    padding: 0px 20px;
    line-height: 22px; 
    height: 22px;
    width: 120px;
}

#header .menu .track .send{
    color: #fff;
    border: 1px solid #ccc;
    border-left: 0px;
    background: #009900;
    height: 24px;
    width: 39px;
}

#header .menu .navi {
  float: right;
  height: 41px;
  width: 580px;
  margin-top: 5px;
  margin-right: -24px;
}
#header .menu .navi ul{
  list-style-type: none;
  height: 41px;
  margin: 0px;
  float: right;
  padding: 0px;
  overflow: hidden;
}

#header .menu .navi li  span,
#header .menu .navi li:hover  span{
  height: 41px;
  width: 90px;
  padding-left: 35px;
  padding-right: 20px;
  visibility: hidden;
}

#header .menu .navi ul li a {
  text-decoration: none;
  width: 90px;
  height: 41px;
  padding-top: 0px;
  display: inline-block;
}

#header .menu .navi ul li,
#header .menu .navi ul li:hover
{
  height: 41px;
  cursor: pointer;
  float: left;
  margin-left: -7px;
}

#header .menu .navi ul li.uvod,
#header .menu .navi ul li.uvod_act{
  background: url('images/menu/uvod_def.png') no-repeat;
  width: 90px;
  margin-left: 0px;
}
#header .menu .navi ul li.uvod_act  {
  background: url('images/menu/uvod.png') no-repeat;
  width: 90px;
}
li.sluzby {
  background: url('images/menu/sluzby_def.png') no-repeat;
  width: 90px;
}
li.sluzby_act {
  background: url('images/menu/sluzby.png') no-repeat;
  width: 90px;
}
li.jak_zacit {
  background: url('images/menu/jak-zacit_def.png') no-repeat;
  width: 115px;
}
li.jak_zacit_act {
  background: url('images/menu/jak-zacit.png') no-repeat;
  width: 115px;
}

li.cenik {
  background: url('images/menu/cenik_def.png') no-repeat;
  width: 90px;
}
li.fulfillment {
  background: url('images/menu/fulfillment_def.png') no-repeat;
  width: 125px;
}
li.cenik_act {
  background: url('images/menu/cenik.png') no-repeat;
  width: 90px;
}
li.fulfillment_act {
  background: url('images/menu/fulfillment.png') no-repeat;
  width: 125px;
}
#header .menu .navi li.otazky  span,
#header .menu .navi li.otazky:hover  span{
  width: 180px;
}
li.otazky {
  background: url('images/menu/otazky-odpovedi_def.png') no-repeat;
  width: 180px;
}
li.otazky_act {
  background: url('images/menu/otazky-odpovedi.png') no-repeat;
  width: 180px;
}
#header .menu .navi li.kontakt  span,
#header .menu .navi li.kontakt:hover  span{
  height: 41px;
  width: 101px;
}
li.kontakt {
  background: url('images/menu/kontakt_def.png') no-repeat;
  width: 101px;
}
li.kontakt_act {
  background: url('images/menu/kontakt.png') no-repeat;
  width: 101px;
}


li:hover.uvod  {
  background: url('images/menu/uvod_hov.png') no-repeat;
  width: 90px;
}
li:hover.uvod_act  {
  background: url('images/menu/uvod_hov.png') no-repeat;
  width: 90px;
}
li:hover.sluzby {
  background: url('images/menu/sluzby_hov.png') no-repeat;
  width: 90px;
}
li:hover.sluzby_act {
  background: url('images/menu/sluzby_hov.png') no-repeat;
  width: 90px;
}
li:hover.jak_zacit {
  background: url('images/menu/jak-zacit_hov.png') no-repeat;
  width: 115px;
}
li:hover.jak_zacit_act {
  background: url('images/menu/jak-zacit_hov.png') no-repeat;
  width: 115px;
}
li:hover.cenik {
  background: url('images/menu/cenik_hov.png') no-repeat;
  width: 90px;
}
li:hover.fulfillment {
  background: url('images/menu/fulfillment_hov.png') no-repeat;
  width: 125px;
}
li:hover.cenik_act {
  background: url('images/menu/cenik_hov.png') no-repeat;
  width: 90px;
}
li:hover.otazky {
  background: url('images/menu/otazky-odpovedi_hov.png') no-repeat;
  width: 180px;
}
li:hover.otazky_act {
  background: url('images/menu/otazky-odpovedi_hov.png') no-repeat;
  width: 180px;
}
li:hover.kontakt {
  background: url('images/menu/kontakt_hov.png') no-repeat;
  width: 101px;
}
li:hover.kontakt_act {
  background: url('images/menu/kontakt_hov.png') no-repeat;
  width: 101px;
}

#header .menu .navi ul li.jak_zacit a,
#header .menu .navi ul li.jak_zacit_act a{
    width: 115px;
}
#header .menu .navi ul li.otazky a,
#header .menu .navi ul li.otazky_act a{
    width: 170px;
}


/**
* content
*/
.content{
    background: white;
    -webkit-box-shadow: 2px 1px 0px 0px rgba(0, 0, 0, 0.1), -2px -1px 0px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 1px 0px 0px rgba(0, 0, 0, 0.1), -2px -1px 0px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 1px 0px 0px rgba(0, 0, 0, 0.1), -2px -1px 0px 0px rgba(0, 0, 0, 0.1);
    
    padding: 50px 50px 80px 50px;

}


.content .language{
 float: right;
margin-top: -20px;
margin-right: -10px;
}

#content h1{
    margin-top: 0px;
    font-weight: normal;
    font-size: 1.875em;
}

#content h1 span{
    color: #666;
}

#content h2{
    margin-top: 40px;
    font-weight: normal;
    font-size: 1.563em;
    color: #5D8620;
}

#content h3{
    font-weight: normal;
    font-size: 1.250em;
}

#content div.info{
    color: #666;
    font-size: 1.05em;
    text-align: center;
    margin: 10px 0;
}

#content span.info{
    color: #666;
}

#content .examplePrice{
    padding: 10px 20px;
    border: 1px dashed #CCCCCC;
}

#content .example{
    width: 580px;
    margin-top: 45px;
    float: left;
    height: 180px;
}

#content .example ul{
    width: 250px;
    float: left;
}

#content .example ul li span{
    font-size: 1.500em;
    float: right;
    display: block;
    margin-top: -5px;
}

#content .example ul li{
    clear: both;
    padding: 6px 0;
}

#content .example .equals{
    width: 50px;
    float: left;
    font-size: 2.1em;
    color: #666;
    margin-top: 25px;
    margin-left: 30px;
}

#content .example .result{
    width: 200px;
    float: left;
    color: #fc6600;
    margin-top: 20px;
    font-size: 1.250em;
}

#content .example .calculate{
    float: right;
    margin-right: 80px;
}

#content .wrapperButtonRight{
    float: right;
    width: 350px;
    margin-top: 95px;
}

#content .wrapperButtonRight .buttoninfo{
    width: 300px;
    margin-top: 20px;
    color: #666;
    font-size: 0.813em;
    text-align: center;
}

#content .howItsWork{
    margin: 0;
    padding: 0;
}

#content .howItsWork li{
    float: left;
    width: 315px;
    margin: 50px 0px;
    padding: 0px;
    list-style: none;
    font-size: 1.063em;
}

#content .howItsWork li span{
    display: block;
    float: left;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #ff6600;
    margin-right: 10px;
    margin-bottom: 20px;
    color: #fff;
    font-size: 0.765em;
    
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
}

#content .centeredButtons{
    margin: 50px auto 100px auto;
    width: 660px;
}

#content .deliveryMap{
    width: 380px;
    float: left;
}


#content .deliveryMap .map{
    position: relative;
}

#content .deliveryMap .map a{
    display: block;
    width: 60px;
    text-align: center;
    font-size: 0.8em;
color: #484848;
}

#content .deliveryMap .map a:hover{
color: #009900;
}

#content .deliveryMap .map a .state{
    margin: auto;
}

#content .deliveryMap .map a:hover .state{
    border-color: #009900;
}

#content .deliveryMap .map a.germany{
    position: absolute;
    top: 9px;
    left: 1px;
}
#content .deliveryMap .map a.germany-sk{
    position: absolute;
    top: 55px;
    left: -7px;
}

#content .deliveryMap .map a.poland{
    position: absolute;
    top: 5px;
    left: 271px;
}
#content .deliveryMap .map a.poland-sk{
    position: absolute;
    top: 1px;
    left: 201px;
}

#content .deliveryMap .map a.slovakia{
    position: absolute;
    top: 133px;
    left: 301px;
}

#content .deliveryMap .map a.czech-sk{
    position: absolute;
    top: -10px;
    left: 45px;
}

#content .deliveryMap .map a.hungary{
    position: absolute;
    top: 192px;
    left: 209px;
}
#content .deliveryMap .map a.hungary-sk{
    position: absolute;
    top: 172px;
    left: 200px;
}

#content .deliveryMap .map a.austria{
    position: absolute;
    top: 196px;
    left: 28px;
}
#content .deliveryMap .map a.austria-sk{
    position: absolute;
    top: 131px;
    left: -4px;
}

#content .deliveryMap .map a.others{
    position: absolute;
    top: 101px;
    left: 16px;
    width: 200px;
    font-weight: bold;
color: #CF0F24;
}
#content .deliveryMap .map a.others-sk{
    position: absolute;
    top: 90px;
    left: 136px;
    width: 200px;
    font-weight: bold;
color: #CF0F24;
}

#content .deliveryMap .map a:hover{
color: #009900;
}

#content .hpCallToAction{
    width: 460px;
    float: right;
}

#content .rightBlock{
    width: 360px;
    float: left;
    margin-left: 80px;
}

#content .leftBlock{
    width: 385px;
    float: left;
    margin-left: 45px;
}

#content .howItWorksInfo{
    border-top: 1px solid #DDDDDD;
    padding: 40px 0;
    width: 870px;
}

#content .howItWorksInfoFirst{
    padding-top: 0px;
    border: none;
}

#content .howItWorksInfo img{
    float: left;
    margin-right: 30px;
}

#content .howItWorksInfo .text{
    float: left;
    width: 680px;
    color: #333;
}

#content .howItWorksInfo .text h3{
    margin: 0 0 15px 0;
    font-weight: bold;
    color: #000;
}

#content .howItWorksInfo .text h4{
    margin: 0 0 15px 0;
    font-weight: bold;
    color: #000;
}

/**
*pricelist
*/
#content .leftPriceLists,#content .rightPriceLists{
    float: left;
    width: 410px;
    margin-top: -5px;
}

#content h2.calculator{
    color: #666;
    font-size: 1.489em;
}

#content h2.calculator span{
    color: #5D8620;
    font-weight: bold;
}

#content .calculatorForm{
    width: 450px;
    height: 380px;
    float: left;
    background: #FFFFCC;
    border: 1px solid #C0C0C0;
    color: #333;
}

#content .calculatorForm table tr td{
    border: none;
}

#content .calculatorFormSended{
    background: #efefef;
}
#content .calculatorResult{
    color: #66668a;
    width: 446px;
    height: 380px;
    float: right;
    margin-bottom: 30px;
    text-align: center;
    border: 1px solid #C0C0C0;
    background: #efefef;
}

#content .calculatorResult h3{
    color: #000;
    margin-top: 0px;
    padding: 10px 0 0 0;
    text-align: center;
}

#content .calculatorResult ul{
    list-style: none;
    margin: 0px 0px 40px 38px;
    padding: 0px;
}

#content .calculatorResult ul li{
    color: #000;
    list-style: none;
    margin: 0px;
    padding-top: 18px;
    text-align: left;
    width: 345px;
}

#content .calculatorResult ul li span{
    float: right;
}

#content .calculatorResult ul li.strong{
    font-weight: bold;
    border-top: 2px solid #999999;
    margin-top: 18px;
}

#content .calculatorResult .enterInfo{
    background: #efefef;
    padding: 156px 0;
    text-align: left;
}

#content .calculatorResult .enterInfo img{
    float: left;
    margin-left: 50px;
}

#content .calculatorResult table{
    width: 400px;
    margin: -5px 20px 15px 20px;
}

#content .calculatorResult table td{
    border: none;
    color: #333333;
    font-size: 1em;
    text-align: left;
}


#content .calculatorResult table td{
    border-left: 1px dashed #ccc;
}

#content .calculatorResult table td:first-child{
    border-left: none;
}


#content .calculatorResult table tr:first-child td{
    border-bottom: 1px dashed #ccc;
}

#content .calculatorResult table tr:last-child td{
    border-top: 1px dashed #ccc;
}

#content .calculatorResult table  td.price{
    color: #009900;
    font-size: 1.2em;
    font-weight: bold;
}

#content .calculatorResult table td.em{
    font-style: italic;
}

#content .calculatorResult #targetLink{
    margin-top: -10px;
}


#content .calculatorForm .collumn1{
    width: 150px;
    text-align: right;
}

#content .calculatorForm input{
    width: 35px;
    height: 18px;
    padding: 5px;
    text-align: center;
    margin-top: 3px;
}

#content .calculatorForm select{
    padding: 5px;
}

#content .calculatorForm button{
    margin: 20px 0 20px 100px;
    cursor: pointer;
}


/**
*pricelist detail
*/
#content .sideNavi{
    font-size: 0.938em;
    margin: 40px 0;
}

#content .leftPrices{
    float: left;
    width: 640px;
}

#content .rightPrices{
    float: right;
    width: 270px;
}

#content .fullPrices{
    float: none;
    width: 910px;
}

#content table.tblPrices{
    width: 640px;
}

#content .fullPrices table.tblPrices{
    width: 900px;
}

#content table.tblPrices td{
    text-align: center;
    color: #666;
}

#content .comment{
    font-size: 0.875em;
    margin: 5px 0 10px 0;
    padding: 8px;
    text-align: center;
    color: #333;
}

#content .leftPrices h4{
   font-size: 1.313em;
   font-weight: normal;
   margin: 20px 0 20px 0;
}

#content .leftPrices h4 span{
   color: #666;
}

#content .deliveryLeft{
    float: left;
    width: 300px;
    margin-right: 100px;
    margin-top: -15px;
}
#content .deliveryRight{
    float: left;
    width: 340px;
    margin-top: -15px;
}
#content .collumns4{
    float: left;
    width: 180px;
    margin-right: 50px;
}
#content .nomarginright{
    margin-right: 0px;
}
#content .servicesPricelist > ul{
    margin: 0px;
    list-style: none;
    padding: 0px;
}

#content .servicesPricelist > ul li{
    padding: 0px;
}


#content .servicesPricelist  ul li h3.link{
    color: #3366FF;
    cursor: pointer;
    text-decoration: underline;
    font-weight: normal;
}

#content .servicesPricelist  ul li h3.link:hover{
    color: #009900;
}


#content .servicesPricelist  ul li h3 span.hide{
    font-size: 0.6em;
    cursor: pointer;
    text-decoration: underline;
    font-weight: normal;
    float: right;
    margin-top: 5px;
}

#content .servicesPricelist  ul li h3 span.arrow{
    color: #3366FF;
    cursor: pointer;
}

#content .servicesPricelist  ul li h3:hover span.arrow{
    color: #009900;
}

#content .servicesPricelist .item{
    color: #666;
}

#content .servicesPricelist table{
    margin: 20px 0 0 0;
}


#content .servicesPricelist table td,
#content .servicesPricelist table th{
   padding: 10px 20px 10px 40px;
   text-align: left;
}

#content .servicesPricelist table,
#content .servicesPricelist .comment{
    width: 620px;
    margin-left: 20px;
}

#content .servicesPricelist .comment{
    width: 604px;
}

#content .rightPrices .calculator{
    width: 33px;
    height: 33px;
    float: left;
    margin-right: 20px;
}

#content .rightPrices .button{
    display: block;
    text-align: center;
    padding: 17px 20px;
    margin: 20px 0;
}

#content .rightPrices .contact{
    color: #666;
    font-size: 0.95em;
}

#content .rightPrices .contact ul{
    margin-top: 0px;
}

#content .rightPrices .contact ul li span{
    font-weight: bold;
}

#content .infoBox{
    margin: 72px 0 20px 0;
    position: relative;
    border: 1px solid #FF6600;
    background: #FFFFCC;
    font-size: 0.875em;
    text-align:  center;
    padding: 8px 15px;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


#content .infoBox .arrow{
    position: absolute;
    top: 10px;
    left: -32px;
    width: 32px;
    height: 37px;
    background: url('images/boxArrow.png') no-repeat; 
}


/**
*contact
*/
#content .leftBlockContact{
    float: left;
    width: 470px;
}

#content .rightBlockContact{
    float: right;
    width: 430px; 
}

#content .leftBlockContact .contacts{
    margin:  50px 30px;
    font-size: 1.1em;
}

#content .leftBlockContact .contacts span{
    color: #666;
}

#content .leftBlockContact .contacts strong{
    font-size: 1.3em;
}

#content .leftBlockContact .contacts .businesshours{
    font-size: 0.70em;
    display: block;
    font-style: italic;
    color: #009900;
}
#content .leftBlockContact .contacts .businesshours strong{
    font-size: 1em;
}

#content .leftBlockContact .address{
    float: left;
    width: 200px;
    font-size: 1.20em;
}

#content .leftBlockContact .small{
    padding: 20px 0 40px 0;
    font-size: 0.95em;
    color: #666;
}

#content .rightBlockContact form{
    margin-top: 80px;
    background: #F0F0F0;
    border: 1px solid #CCCCCC;
    padding: 20px 30px;
}

#content .rightBlockContact form h2{
    margin: 0px;
    padding: 0px;
    color: #000;
    font-size: 1.25em;
}

#content .rightBlockContact form .inf{
    margin-left: 20px;
}

#content .rightBlockContact form  ul{
    list-style: none;
    margin: 0px 0px 40px 10px;
    padding: 0px;
}

#content .rightBlockContact form  ul li{
    color: #000;
    list-style: none;
    margin: 0px;
    padding-top: 20px;
    text-align: left;
    width: 360px;
}

#content .rightBlockContact form  ul li input{
    float: right;
    width: 230px;
    border: 1px solid #666;
    padding: 5px;
    margin-top: -5px;
}

#content .rightBlockContact form .note{
    margin: 0px 0px 0px 10px;
}

#content .rightBlockContact form textarea{
    margin: 0px 0px 0px 10px;
    width: 360px;
    height: 150px;
    border: 1px solid #666666;
    resize: none;
}
#content .rightBlockContact form .button{
    float: right;
    margin: 10px;
    cursor: pointer;
}

#content .rightBlockContact .otherAddress  h2{
    margin-bottom: 0px
}

#content .rightBlockContact .otherAddress  ul{
    list-style: none;
    margin: 0px 0px 40px 10px;
    padding: 0px;
}

#content .rightBlockContact .otherAddress  ul li{
    color: #333;
    list-style: none;
    margin: 0px;
    padding-top: 20px;
    text-align: left;
    width: 360px;
}

#content .rightBlockContact .otherAddress  ul li .item{
    margin: 10px 0 0 20px;
}

#content .rightBlockContact .otherAddress  ul li h3{
    margin: 0;
    font-weight: bold;
}

#content .rightBlockContact .otherAddress  ul li h3.link{
    color: #3366FF;
    cursor: pointer;
    text-decoration: underline;
    font-weight: normal;
}

#content .rightBlockContact .otherAddress  ul li h3.link:hover{
    color: #009900;
}

#content .rightBlockContact .otherAddress  ul li .addressInfo{
    font-size: 0.9em;
    color: #666;
    margin: 10px 0 20px 0;
}

/**
* services
*/
#content .howItsWorks{
    margin:0;
    padding: 0;
    list-style: none;
    margin-left: 38px;
}

#content .howItsWorks div.number{
    font-weight: bold;
    color: #fff;
    background: #FF6600;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 0.9em;
    float: left;    
    
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin-right: 30px;
}

#content .howItsWorks img{
    margin: 0 30px 0 -20px;
    width: 60px;
    height: 60px;
    float: left;    
}

#content .howItsWorks div.numberCentered{
    top: -10px;
    position: relative;
}

#content .howItsWorks div.contFull{
    float: left;    
    width: 770px;
    font-size: 1.1em;
    color: #333;
}

#content .howItsWorks div.contFull h3{
    color: #000;
}

#content .howItsWorks div.cont{
    float: left;    
    width: 508px;
    font-size: 1.250em;
}

#content .howItsWorks div.description{
    float: left;
    width: 250px;
    font-size: 0.700em;
    margin-left: 50px
}

#content .howItsWorks li{
    padding-bottom: 30px;
}

#content .howItsWorks h3{
    margin-top: -4px;
}

#content .howItsWorksborder li{
    border-bottom: 1px solid #DDDDDD;
    padding-top: 30px;
    width: 840px;
}

#content .howItsWorksborder li.noborder{
    border-bottom: none;
    padding-top: 30px;
}


#content .leftInPrice,
#content .rightInPrice{
    float:left;
    width: 400px;
    color: #666;
}

#content .rightInPrice{
    margin-left: 50px;
}

#content .leftQuestions,
#content .rightQuestions{
    float:left;
    width: 400px;
}

#content .rightQuestions{
    margin-left: 50px;
}

#content .leftQuestions .info,
#content .rightQuestions .info{
    text-align: left;
    font-weight: normal;
    font-size: 1em;
}

#content div.infoServices{
    font-size: 0.9em;
}

#content .servicesButton{
    padding: 5px 50px;
    display: block;
    width: 300px;
    margin: 30px auto;
    text-align: center;
}

#content .servicesButton span{
    font-size: 0.9em;
    font-weight: normal;
}

#content .serviceCotanct{
    text-align: center;
    font-size: 1.1em;
    margin-bottom: 50px;
}

#content .serviceCotanct strong{
    font-size: 1.2em;
}
/**
* registration
*/
#content .leftReg{
    float: left;
    width: 600px;
}

#content .rightReg{
    float: right;
    width: 300px;
    padding-top: 100px;
}

#content .rightReg .contact{
    color: #6b6a70;
    font-size: 1.1em;
}


#content .rightReg .contact span{
    color: #009900;
    font-size: 1.5em;
    margin-left: 30px;
    font-weight: bold;
}
#content .rightReg .contact .businesshours{
    font-size: 0.9em;
    font-style: italic;
    margin: 5px 0;
}

#content .rightlostPw{
    padding-top: 60px;
}

#content #regForm{
    border: 1px solid #C0C0C0;
    width: 600px;
    margin: 20px 0 50px 0;
}

#content #regForm form{
    padding: 0 25px 25px 25px;
}

#content #regForm h2{
    margin: 0;
    padding: 35px 0 0 0;
    font-size: 1.125em;
    color: #000;
    font-weight: bold;
}

#content #regForm h2 span{
    font-weight: normal;
    color: #333;
}

#content #regForm .label{
    display: inline-block;
    width: 165px;
    text-align: right;
    margin-right: 15px;
    color: #333;
}

#content #regForm label{
    color: #333;
}

#content #regForm .rs{
    color: red;
    width: 4px;
    display: inline-block;
}

#content #regForm .input{
    width: 254px;
    line-height: 28px;
    height: 28px;
    border: 1px solid #999999;
    padding: 0 15px;
    margin-top: 15px;
}

#content #regForm .smallInput{
    width: 130px;
    margin-right: 20px;
}

#content #regForm textarea{
    width: 254px;
    height: 107px;
}

#content #regForm .smallLabel{
   font-size: 0.8em;
}

#content #regForm .radio{
    width: 15px;
    height: 15px;
    margin-top: 15px;
}

#content #regForm .deliveryAddressRadio{
   margin: 0 0 10px 20px;
}

#content #regForm .submit{
   cursor: pointer;
   display: block;
   margin: 40px auto 0 auto;
}
/**
* faq
*/
#content .leftFaq{
    float: left;
    width: 640px;
}

#content .rightFaq{
    float: right;
    width: 270px;
}

/**
* kontakt
*/
#content .jumbotron1{
    background: #FFE599;
    margin: 20px 0px 50px 0px;
    padding: 5px 50px 50px 50px;
    text-align: center;
}

#content .jumbotron1 .text{
    font-size: 18px;
    color: #7C7C7C;
}
#content .jumbotron1 .mail{
    font-size: 30px;
    margin-top: 30px;
    display: inline-block;
}
#content .jumbotron1 h2{
    font-size: 30px;
}
#content .jumbotron2{
    background: #EEE;
    margin: 20px -50px 0 -50px;
    padding: 5px 50px 50px 50px;
    text-align: center;
}
#content .jumbotron2 h2{
    font-size: 30px;
}
#content .jumbotron2 .blockl{
    width: 300px;
    float:left;
    text-align: left;
}
#content .jumbotron2 .blockl p {
    color: #909090;
}
#content .jumbotron2 .blockr{
    width: 530px;
    float:right;
}
#gMap{
    border: 2px solid #fff;
    margin-top: 15px;
}
.h2{
    font-size: 30px;
}
.half .blockl{
    width: 420px;
    float:left;
}
.half .blocklos{
    margin-left: 290px;
    width: 160px;
    float:left;
}
.half .blockr{
    width: 420px;
    float:right;
}

/**
* fulfillment
*/
#content .fulfillment-h1{
    font-size: 40px;
    text-align: center;
    font-weight: bold;
    color: #333333;
}

#content .fulfillment{
    margin: 0 90px;
}


#content .fulfillment .howItWorksInfo{
    width: 710px;
}

#content .fulfillment .howItWorksInfo .text{
    width: 600px;
}

#content .fulfillment-description{
    font-size: 28px;
    text-align: center;
    color: #666666;
}

#content .fblocks{
    background: #6aa84f;
    margin: 70px -50px 0 -50px;
}
#content .fblocks-block{
    float: left;
    width: 220px;
    padding: 20px 0px 15px 20px;
    text-align: center;
    color: #fff;
}

#content .fblocks-block span{
    font-size: 1.500em;
    display: block;
    margin-bottom: 10px;
}

#content .fblocks-block span.pbh,
#content .fblocks-block strong{
    font-size: 1.125em;
}

#content .fblocks-block-small{
    width: 140px;
    padding-top: 30px;
}

#content .fblocks-block-big{
    background: #38761d;
    width: 260px;
    height: 72px;
    padding-top: 42px;
}

#content .greybg{
    background: #F9F9F9;
    margin: 30px -140px 0 -140px;
    padding: 0 140px;
}

#content .fulfillment .practice{
    background: #fff;
    padding: 30px 30px 30px 80px;
    width: 640px;
}

#content .fulfillment .practice .text{
    width: 512px;
}

#content .bigMail{
    font-size: 2em;
    padding: 30px 30px 30px 30px;
}
#content .howItWorksInfo .text h4.pricing-info-minus{
    color: #cc0000;
}

#content .howItWorksInfo .text h4.pricing-info-plus{
    color: #009e0f;
}
/**
* tracking
*/
.consignment td{
    color: #333;
    font-size: 1.05em;
}
.leftTrack{
    width: 600px;
    float: left;
}
.rightTrack{
    width: 280px;
    float: left;
    height: 450px;
}
.rightTrack div.scroll2 div{
    color: #5D8620;
    font-size: 1.05em;
    border-left: 1px solid #5D8620;
    padding-left: 15px;
    left: auto !important;
}
.rightTrack span{
    display: block;
    font-size: 1.2em;
    margin-bottom: 10px;
    font-weight: bold;
}
.rightTrack ul,
.rightTrack ul li{
    margin: 0;
}
.rightTrack ul{
    padding-left: 20px;
}


.leftTrack h2{
    margin-bottom: 0px;
}
.leftTrack .status{
    font-weight: bold;
    font-size: 1.313em;
}

.leftTrack .imgStatus{
    border-top: 3px solid #5D8620;
    display: inline-block;
}

.leftTrack .imgStatus .current{
    border: 3px solid #5D8620;
    border-top: none;
}

.deliveryTitle{
    float: left;
    margin: 20px 0;
}
.deliverLink{
    float: right;
    margin: 20px 0;
    font-size: 0.95em;
}

.trackTable{
    width: 100%;
    border-bottom: 3px solid #DDDDDD;
}
.trackTable th{
    text-align: left;
    padding-left: 30px;
}

.trackTable td{
    text-align: left;
    padding-left: 30px;
    color: #666666;
}

/**
* lostpw
*/
.lostpwImg{
    float: left;
    margin: 0 20px 20px 0;
}




.action-button-big ,
.action-button-very-big ,
.action-button {
  width: 85px;
  height: 25px;
  background-color: transparent;
  border: 0px;
  color: white;
  padding:0px;
  background: url('images/action-button.png') no-repeat;
  margin-bottom: 4px;

}

.action-button-big {
   background: url('images/action-button-big.png') no-repeat;
   width: 135px;
cursor: hand; cursor: pointer;
}

.action-button-very-big {
   background: url('images/action-button-very-big.png') no-repeat;
   width: 265px;
cursor: hand; cursor: pointer;
}

/**
* footer
*/
.footerLogosWrap {
    padding: 30px 50px 0px 50px;
    background: #ccc;
}

.footerLogosWrap .center{
    color: #5d686e;
    font-weight: bold;
}

.footerLogosWrap .hr{
    width: 100%;
    height: 1px;
    background: #c0c0c0;
    margin: 6px auto;
}

.footerLogosWrap .partners,
.footerLogosWrap .users{
    padding: 16px 0px;
}

.footerLogosWrap .users{
    padding-bottom: 30px;
}

.footerLogosWrap img{
    margin: 0 14px;
}

.footerLogosWrap .infoL{
    float: left;
}

.footerLogosWrap .infoR{
    float: right;
}

.footerLogosWrap .infoL,
.footerLogosWrap .infoR{
    font-size: 0.9em;
    padding-top: 7px;
    line-height: 1.6em;
}

.footerWrap {
    -webkit-box-shadow: 2px 1px 0px 0px rgba(0, 0, 0, 0.2), -2px -1px 0px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 1px 0px 0px rgba(0, 0, 0, 0.2), -2px -1px 0px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 1px 0px 0px rgba(0, 0, 0, 0.2), -2px -1px 0px 0px rgba(0, 0, 0, 0.2);
    
    padding: 40px 50px 0px 50px;
    background: #333;
}

#footer{
    padding: 0px -24px;
    font-size: 0.688em;
    color: #fff;
    font-size: 0.750em;
}

#footer a{
    color: #fff;
}

#footer .operatorHeading {
    margin-left: 250px;
    width: 140px;
    float: left;
    font-weight: bold;
}

#footer .infoText {
    width: 370px;
    margin-right: 70px;
    float: left;
}

#footer .operatorAddressHeading {
    width: 280px;
    float: left;
}

#footer .operatorAddress {
    width: 130px;
    float: left;
}

#footer .operatorOthers {
    width: 150px;
    float: left;
}

#footer .contactHeading {
    width: 120px;
    float: left;
    font-weight: bold;
}

#footer .contactContacts {
    width: 175px;
    float: right;
    padding-bottom: 35px;
}

#footer .fh{
    font-size: 1.4em;
}

#footer .contactContacts .businesshours{
    display: block;
    font-style: italic;
    margin: 5px 0 10px 0;
}

#footer .contactContacts span{
    /*color: #666;*/
}

#footer .contactContacts a{
    /*color: #49691a;*/
}

#footer .contactContacts a.allContacts{
    float: right;
    margin-right: 20px;
}

.arrowBlock{
    border: 1px solid #f2f2f2;
    height: 120px;
}

.arrowBlock .arrowRow{
    float:left;
    height: 120px;
    width: 430px;
    line-height: 120px;
    padding: 0 0 0 50px;
    font-size: 1.15em;
    font-weight: bold;
    background: #f2f2f2; /* Old browsers */
    background: -moz-linear-gradient(top, #f2f2f2 0%, #e5e5e5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f2f2f2 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f2f2f2 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

.arrowBlock .arrowR{
  width: 0; 
  height: 0; 
  border-top: 60px solid #fff;
  border-bottom: 60px solid #fff;
  border-left: 60px solid transparent;
  float:right;
}

.arrowBlock .arrowInfo{
  float:left;
  width: 410px;
  height: 120px;
}

.arrowContactMail{
    font-size: 1.7em;
    padding-top: 40px;
    display: inline-block;
    color: #3399ff;
    font-weight: bold;
}


.arrowContactPhone{
    font-size: 1.7em;
    padding-top: 40px;
    display: inline-block;
}

.whyqtip{
    cursor: pointer;
}


.bigContactMail{
    font-size: 1.3em;
    padding: 30px 0 10px 0;
    display: inline-block;
    color: #3399ff;
    font-weight: bold;
    display: block;
}


.form-style input {
    padding: 7px 14px;
    border: 1px solid #ccc;
    color: #666;
}

.unavaliableServiceMessage{
    color: red;
    text-align: center;
    font-weight: 600;
}