/*  GENERAL   */

@font-face {
    font-family: PlutoSansDPDThin;
    src: url("../fonts/PlutoSansDPDThin-Web.ttf");
}
@font-face {
    font-family: PlutoSansDPDRegular;
    src: url("../fonts/PlutoSansDPDRegular-Web.ttf");
}
@font-face {
    font-family: PlutoSansDPDLight;
    src: url("../fonts/PlutoSansDPDLight-Web.ttf");
}
@font-face {
    font-family: PlutoSansDPDExtraLight;
    src: url("../fonts/PlutoSansDPDExtraLight-Web.ttf");
}

h1,h2,h3,h4, ul, li, html, body, p{
    margin: 0px;
    padding: 0px;
    font-weight: normal;
}

table{
    border: none !important;
	
}

a{
    color: #424143;
    text-decoration: none;
}

a:hover{
    color: #DC0032;
}

a img{
    border: none;
}

ul, li{
    list-style: none;
}

body{
    font-family: 'PlutoSansDPDLight', 'Arial';
    font-size: 13px;
    color: #414042;
}

hr{
    background-color: #424143;
    padding: 0px;
    margin: 0px;
    border: none;
    height: 1px;
    /*width: 100%;*/
}

/*
aby se mi neroztahovaly šipky...
img{
    width: 100%;
    height: 100%;
}
*/

/* >>> RADIO BUTTON */

input[type=radio] {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

input[type=radio] + label {
    padding-left: 27px;
    height: 19px;
    display: inline-block;
    line-height: 19px;
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
    cursor: pointer;
    font-weight: normal;
    background-image: url('../images/radio.png');
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input[type=checkbox] {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

input[type=checkbox] + label {
    padding-left: 27px;
    height: 21px;
    display: inline-block;
    line-height: 21px;
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
    cursor: pointer;
    font-weight: normal;
    background-image: url('../images/checkbox.png');
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input[type="text"],input[type="password"],textarea{
    border: 2px solid #ffffff;
    padding: 0px 8px;
    font-family: inherit;
    font-size: 13px;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    color: inherit !important;
    background-color: #FFFFFF !important;
}

textarea{
    resize: vertical;
    min-height: 20px;
    height: 50px;
    padding-top: 4px;
}

input[type="text"],input[type="password"]{
    height: 21px !important;
}

input[type="text"].error,
input[type="password"].error,
select.error,
textarea.error{
    border: 2px solid #A90034;
}

textarea:focus, input:focus, select:focus{
    outline: 0;
}

select {
    font-family: inherit;
    font-size: 13px;
    width: 100%;
    overflow: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 4px 5px 2px 5px !important;
    border: none;
    background: #fff url("../images/combo.png") no-repeat right center !important;
}
select::-ms-expand {
    display: none;
}

.button{
    font-family: inherit;
    background-color: #DC0032;
    color: #ffffff;
    border: none;
    vertical-align: middle;
    text-align: center;
}

.button a{
    color: inherit;
}

.button:hover{
    cursor: pointer;
}

.button.button-fit{
    height: 25px;
    line-height: 25px;
    padding-left: 25px;
    padding-right: 25px;
}

.button.button-small{
    width: 280px;
    height: 25px;
    line-height: 25px;
    font-size: 15px;
}

.button.button-large{
    width: 420px;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
}
.button.button-block{
    height: 25px;
    line-height: 25px;
    width: 100%;
}

.button.button-teaser{
    width: 296px;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
}

.control-row{
    margin-top: 20px;
}

.control-row.control-row-short-offset{
    margin-top: -20px;
}

.control-row div{
    display: inline-block;
    width: 463px;
}

.control-row .left-part{
    text-align: left;
}

.control-row .left-part div{
    margin-left: 20px;
}

.control-row .right-part{
    text-align: right;
}

.control-row .right-part *{
    margin-right: 20px;
}

.control-row .back-button img{
    height: 30px;
    width: 16px;
    vertical-align: middle
}

.control-row .forward-button img{
    height: 30px;
    width: 16px;
    vertical-align: middle
}

.control-row .back-button a{
    color: inherit;
    font-size: 18px;
}

.control-row .back-button a span{
    margin-left: 20px;
}

.input-form{
    position: relative;
    display: inline-block;
}

.input-form > input{
    vertical-align: bottom;
}

.input-form-icon{
    position: absolute;
    right: -25px;
    top: 0px;
    background-repeat: no-repeat;
    height: 25px;
    width: 25px;
    cursor:pointer;
    border: none;
}

.input-form-icon.input-form-search{
    background: url('../images/search-red-25.png');
}

.input-form-icon.input-form-search-grey{
    background: url('../images/search-grey-25.png');
}

.input-form-icon.input-form-go-grey{
    background: url('../images/go-arrow-grey-25.png');
}

/*  <<< RADIO BUTTON*/

input[type=radio]:checked + label {
    background-position: 0 -19px;
}

input[type=checkbox]:checked + label {
    background-position: 0 -21px;
}

.background-wine{
    background-color: #A90034;
    color: #FFFFFF;
}

.background-red{
    background-color: #DC0032;
    color: #FFFFFF;
}

.background-grey{
    background-color: #CAC4BE;
    color: #424143;
}

.page{
    width: 930px;
    margin: auto;
}

.metanav li{
    display: inline;
}

.headline{
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 20px;
    color: #414042;
}

.first-subline{
    font-size: 16px;
    line-height: 20px;
    margin-top: 20px;
    margin-bottom: 15px;
}

.second-subline{
    font-family: "PlutoSansDPDRegular", "Arial";
    font-size: 13px;
    line-height: 18px;
}

/* Naming by DPD manual (= normal text) */
.copy{
    font-size: 13px;
    font-family: "PlutoSansDPDRegular", "Arial";
    line-height: 18px;
    color: #414042;
}

.copy a{
    text-decoration: underline;
}

.content-stage{
    position: relative;
    margin-bottom: 20px;
    height: 500px;
    width: 1280px;
    margin-left: -175px;
}

.content-stage-narrow{
    position: relative;
    margin-bottom: 20px;
    height: 427px;
    width: 640px;
    margin-left: -175px;
}

.content-stage h2{
    /*color: #DC0032;*/
    line-height: 65px;
}

.content-stage .content-stage-text{
    position: absolute;
    text-align: left;
    left: 174px;
    top: 30px;
    font-size: 35px;
    line-height: 40px;
    color: #ffffff;
}

.content-stage .content-stage-button{
    position: absolute;
    text-align: left;
    left: 174px;
    top: 400px;
    font-size: 35px;
    line-height: 40px;
    color: #ffffff;
}

/*  HEADER  */

.header{
    width: 100%;
    height: 116px;
    position: relative;
}

.header .logo, .header .claim, .header .metanav{
    position: absolute;
}

.header .logo{
    top: 33px;
    left: 0px;
}

.header .claim{
    bottom: 25px;
    right: 0px;
}

.header .site-utilities {
    top: 3px;
    right: 0px;
    color: #424143;
    font-size: 11px;
}

.header .site-utilities a:hover {
    color: #DC0032;
}

.header .site-utilities a.active{
    color: #DC0032;
}

li .divider-line{
    width: 1px;
    height: 9px;
    vertical-align: middle
}

li .divider-circle{
    width: 3px;
    height: 3px;
    vertical-align: middle
}

.header .site-utilities li.divider-large{
    padding-left: 15px;
    padding-right: 15px;
}

.header .site-utilities li.divider-small{
    padding-left: 6px;
    padding-right: 6px;
}

.navigation{
    position: relative;
    width: 100%;
    margin-bottom: 15px;
    background-color: #E6E7E7;
}

.navigation .menu{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #E6E7E7;
}

.navigation .menu .menu-item{
    float: left;
    font-size: 13px;
    color: #414042;
    padding-left: 15px;
    padding-right: 15px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
}

.navigation .menu .menu-item:hover{
    background-color: #DC0032;
    color: #FFFFFF;
}

.navigation .menu .menu-item.active{
    background-color: #DC0032;
    color: #FFFFFF;
}

.navigation .menu .menu-item.last{
    clear: left;
}

.navigation .menu .menu-item a{
    color: inherit;
}

.navigation-full-width{
    position: absolute;
    left: 0;
    top: 116px;
    width: 100%;
    height: 30px;
    background-color:#E6E7E7
}

.navigation-full-width .menu{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #E6E7E7;
}

.navigation-full-width .menu .menu-item{
    float: left;
    font-size: 13px;
    color: #414042;
    padding-left: 15px;
    padding-right: 15px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
}

.navigation-full-width .menu .menu-item:hover{
    background-color: #DC0032;
    color: #FFFFFF;
}

.navigation-full-width .menu .menu-item.active{
    background-color: #DC0032;
    color: #FFFFFF;
}

.navigation-full-width .menu .menu-item.last{
    clear: left;
}

.navigation-full-width .menu .menu-item a{
    color: inherit;
}


/*  FOOTER  */

.footer{
    position: relative;
    height: 85px;
    width: 100%;
    color: #8A8D90;
    font-size: 11px;
}

.footer hr{
    margin-top: 35px;
}

.footer .footer-logo{
    position: absolute;
    left: 0px;
    top: 25px;
}

.footer .footer-copy{
    position: absolute;
    left: 90px;
    top: 30px;
}

.footer .metanav{
    position: absolute;
    top: 60px;
    left: 0px;
}

.footer-navigation li{
    margin-left: -2px;  /* Correction of padding */
    padding-left: 2px;
    padding-right: 2px;
}

.footer-navigation li a:hover{
    color: #DC0032;
}

/*  BODY    */

.body{
    /*min-height: 500px;*/
    background-color: #fff;
    padding-top: 30px;
}

.panel{
    display: block;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    background-color: #CAC4BE;
    color: #424143;
    font-size: 14px;
    padding-left: 15px;
}

.panel.panel-wine{
    background-color: #A90034;
    color: #FFFFFF;
}

.panel.panel-red{
    background-color: #DC0032;
    color: #FFFFFF;
}

.panel.panel-large-text{
    font-size: 18px;
}

.form-page{
    padding-top: 15px;
    background-color: #E7E7E7;
    padding-bottom: 25px;
}

.form-page hr{
    margin: 9px 10px 14px 10px;
}

.form-page hr.no-margin{
    margin: 0 !important;
}

.form-table{
    width: 695px;
    border-collapse: collapse;
    font-size: 11px;
}

.form-table tr{
    border-bottom: 3px solid transparent;
}

.form-table .row-title{
    position: relative;
    width: 258px;
    font-family: "PlutoSansDPDLight", "Arial";
}

.form-table .row-title .error{
    font-family: "PlutoSansDPDRegular", "Arial";
}

.form-table .row-title.title{
    font-family: "PlutoSansDPDRegular", "Arial";
    font-size: 13px;
}

.form-table .row-title span{
    margin-left: 15px;
	font-size: 13px;
}

.form-table .row-form {
    position: relative;
    border-right: 3px solid transparent;
}

.form-table .row-form .radio-wrapper{
    width: 50%;
    float: left;
}

.form-table .row-form .radio-wrapper.small{
    width: 40%;
}

.form-table .row-form .radio-wrapper.large{
    width: 60%;
}

/* For checkbox case */
.form-table .row-form label{
    margin-top: 4px;
    margin-bottom: -1px;
}

.form-table .row-form input[type="text"],
.form-table .row-form input[type="password"],
.form-table .row-form textarea{
    width: 405px;
}

.form-table .row-form select{
    width: 425px;
}

.search-form{
    text-align: left;
    margin-bottom: 15px;
    margin-top: 11px;
}

.search-form .input-form{
    margin-left: 25px;
    vertical-align: middle;
}

.quoted-text{
    padding: 0 15px 15px 15px;
}

.quoted-text-all{
    padding: 15px;
}

.help-icon{
    width: 25px;
    height: 25px;
    cursor: pointer;
}

.help-icon.help-icon-absolute{
    position: absolute;
    right: 4px;
    top: 1px
}

.error-message-row{
    margin: 20px 0 20px 15px;
    color: #A90034;
    font-family: "PlutoSansDPDRegular", "Arial";
}

.error-message{
    position: absolute;
    bottom: 35px;
    color: #A90034;
    font-size: 12px;
    z-index: 5000;
    white-space: nowrap;
}
.error-message .message{
    border: 1px solid #A90034;
    background-color: #E6E7E7;
    padding: 20px;
    z-index: 2;
}

.error-message .arrow{
    position: absolute;
    bottom: -20px;
    background-image: url("../images/error-message-arrow.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 25px;
    z-index: 1;
}

.help-message{
    position: absolute;
    word-wrap: break-word;
    bottom: 39px;
    left: 12px;
    color: #424143;
    font-size: 12px;
    z-index: 5000;
}

.help-message .message{
    border: 1px solid #424143;
    background-color: #E6E7E7;
    padding: 20px;
    z-index: 2;
}

.help-message .arrow{
    position: absolute;
    bottom: -20px;
    background-image: url("../images/help-message-arrow.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 25px;
    z-index: 1;
}


.main-table{
    width: 100%;
    border-collapse: collapse;
    font-size: 11px;
	min-height: 50px;
	vertical-align: middle;
}

.main-table tr{
    border: 2px solid #E6E7E7;
	line-height: 50px; 
}
.main-table td{
    border: 2px solid #E6E7E7;
}
.main-table th{
    border: 2px solid white;
	background-color: #E6E7E7;
}

.main-table-height-div{
	min-height: 50px;
}