/* typography.css */
/* Specifikace fontu */
@font-face {
    font-family: 'WebSymbolsRegular';
    src: url('/fonts/WebSymbols-Regular-webfont.eot');
    src: url('/fonts/WebSymbols-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/WebSymbols-Regular-webfont.woff') format('woff'),
         url('/fonts/WebSymbols-Regular-webfont.ttf') format('truetype'),
         url('/fonts/WebSymbols-Regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Obecna typografie pro cely web */
* { padding: 0; margin: 0; font-family: Arial,Helvetica; outline-color: transparent; }
.clear { clear: both;}

/* Obecne definovani napdisu */
h1 { font-size: 24px; font-weight: normal; color: #791172; }
h2 { font-size: 18px; font-weight: normal; color: #791172; }

p { font-size: 14px; font-weight: normal; color: #525252; }
a { text-decoration: underline; font-size: 14px; color: #525252; }

.content-no-typography { margin: 0 auto; width: 960px;}

/* Obsah pres celou stranku ( pouziti napriklad pro barevne pozadi */
.content-wide {	width: 100%; }

/* Ciste typograficka stranka */
/* Zakladni obsahovy element - sirka 960px; zarovnani na stred s vrchnym odsadenim 20px */
.content { margin: 20px auto 0 auto; width: 960px;}
/* Zakladni zobrazeni */
.content h1 { font-size: 24px; font-weight: normal; color: #791172; margin-bottom: 20px; }
.content h2 { font-size: 18px; font-weight: normal; color: #791172; margin-bottom: 14px; }
.content h3 { font-size: 16px; font-weight: normal; color: #791172; margin-bottom: 12px; }
.content p { font-size: 14px; font-weight: normal; color: #525252; margin-bottom: 10px; line-height: 1.3; }
.content a { text-decoration: underline; font-size: 14px; color: #525252; }
/* FIX: zobrazenie odkazu v nadpise */
.content h1 a { font-size: 24px; }
.content h2 a { font-size: 18px; }
.content.highlighted h1 a { font-size: 30px; }
.content.highlighted h2 a { font-size: 18px; }
.content a.grey { text-decoration: underline; font-size: 14px; color: #525252; }
.content a.grey:hover { text-decoration: underline; font-size: 14px; color: #7a1172; }

/* Vyraznejsi zobrazeni */
.content.highlighted h1 { font-size: 30px; font-weight: normal; color: #791172; margin-bottom: 26px; }
.content.highlighted h2 { font-size: 18px; font-weight: bold; color: #791172; margin-bottom: 14px; }
.content.highlighted p { font-size: 14px; font-weight: normal; color: #777777; margin-bottom: 10px; line-height: 1.3; }
.content.highlighted a { text-decoration: underline; font-size: 14px; color: #777777; }
.content.highlighted a.grey { text-decoration: underline; font-size: 14px; color: #777777; }
.content.highlighted a.grey:hover { text-decoration: underline; font-size: 14px; color: #7a1172; }

/* Ostatni prvky */
.content ul, .content ol { }
.content ul h2, .content ol h2 { margin-bottom: 10px;}

.content ul { }
.content ul li { font-size: 14px; font-weight: normal; color: #525252; margin-bottom: 16px; }
.content ul.dotted { list-style: none; margin-left: 0; }
.content ul.dotted li { padding-left: 1.3em; text-indent: -1.3em; }
.content ul.dotted li:before { content: "•"; font-size: 17px; color: #999999; padding: 0 8px 0 4px;;  }

.content ol { }
.content ol li { font-size: 14px; font-weight: normal; color: #525252; margin-bottom: 16px; }

.content hr { border-top: 1px solid #cccccc; border-bottom: 1px solid #ffffff; height: 0px; margin: 10px 0 20px 0; }

/* Specifikace obecnych class pro pouziti */

/* percentualne velkosti */
.half {width:50%;}
.full {width:100%;}
.w75 {width:75%;}

/* Dodatecne varianty */
.td-underline { text-decoration: underline; }
.td-none { text-decoration: none; }

/* List style */
.ls-none { list-style: none; }

/* Velikost textu */
.fs10 { font-size: 10px; }
.fs12 { font-size: 12px; }
.fs13 { font-size: 13px; }
.fs14 { font-size: 14px; }
.fs15 { font-size: 15px; }
.fs17 { font-size: 17px; }
.fs18 { font-size: 18px; }
.fs22 { font-size: 22px; }
.fs23 { font-size: 23px; }
.fs24 { font-size: 24px; }
.fs26 { font-size: 26px; }
.fs28 { font-size: 28px; }
.fs36 { font-size: 36px; }
.fs29 { font-size: 29px; }
.fs30 { font-size: 30px; }
.fs31 { font-size: 31px; }
.fs42 { font-size: 42px; }

/* Váha textu */
body .fw-bold { font-weight: bold; }
body .fw-normal { font-weight: normal; }

/* Zarovnani textu */
body .ta-left { text-align: left; }
body .ta-center { text-align: center; }
body .ta-right { text-align: right; }
body .ta-justify { text-align: justify; }

/* Display */
body .display-b { display: block; }
body .display-ib { display: inline-block; }
body .display-n { display: none;}

/* Border */
body .bw0 { border-width: 0px;}
body .bw1 { border-width: 1px;}
body .bw8 { border-width: 8px;}

/* Border style */
body .bs-solid { border-style: solid;}
body .bs-dotted { border-style: dotted;}
body .bs-dashed { border-style: dashed;}
body .bs-deal {  border-style: solid; border-color: transparent; }
body .bs-deal:hover { border-color: #e0e0e0; }

/* Border color */
body .bc-purple { border-color: #791172; }
body .bc-grey { border-color: #bcbcbc; }
body .bc-white { border-color: #FFFFFF; }
body .bc-transparent { border-color: transparent; }

/* Border radius */
body .br4 { border-radius: 4px; }
body .br6 { border-radius: 6px; }
body .br8 { border-radius: 8px; }
body .br10 { border-radius: 10px; }

/* Barvy textu */
body .white { color: #ffffff; }
body .grey { color: #525252; }
body .grey-highlighted {color: #777777}
body .purple, body .ui-widget-content a.purple { color: #7a1172; }
body .green { color: #539d33; }
body .black { color: #000000; }

/* Barvy textu hashem */
body .c-333333 { color: #333333; }
body .c-444444 { color: #444444; }
body .c-4b4b4b { color: #4b4b4b; }
body .c-525252 { color: #525252; }
body .c-535353 { color: #535353; }
body .c-545454 { color: #545454; }
body .c-666666 { color: #666666; }
body .c-777777 { color: #777777; }
body .c-791172 { color: #791172; }
body .c-7b1172 { color: #7b1172; }
body .c-7c1172 { color: #7c1172; }
body .c-7d1372 { color: #7d1372; }
body .c-858585 { color: #858585; }
body .c-999999 { color: #999999; }
body .c-9b9b9b { color: #9b9b9b; }
body .c-a5a5a5 { color: #a5a5a5; }

/* Barvy pozadi hashem */
body .bg-f3f3f3 { background-color: #f3f3f3;}
body .bg-e3e3e3 { background-color: #e3e3e3;}
body .bg-ffffae { background-color: #ffffae;}


/* Line height */
body .lh21 { line-height: 21px; }
body .lh40 { line-height: 40px; }
body .lh58 { line-height: 58px; }

/* Line height v procentech*/
body .lh120p { line-height: 1.2; }
body .lh130p { line-height: 1.3; }
body .lh140p { line-height: 1.4; }
body .lh180p { line-height: 1.8; }

/* Float */
body .float-left { float: left; }
body .float-right { float: right; }
body .float-none { float: none; }

/* Position */
body .position-a {  position: absolute; }
body .position-r {  position: relative; }
body .position-f {  position: fixed; }
body .position-s {  position: static; }

/* Margin odsazeni */
body .margin-0-auto { margin: 0 auto;}

body .margin-top-5 { margin-top: 5px;}
body .margin-top-10 { margin-top: 10px;}
body .margin-top-15 { margin-top: 15px;}
body .margin-top-20 { margin-top: 20px;}
body .margin-top-25 { margin-top: 25px;}
body .margin-top-30 { margin-top: 30px;}
body .margin-top-35 { margin-top: 35px;}
body .margin-top-40 { margin-top: 40px;}
body .margin-top-45 { margin-top: 45px;}
body .margin-top-50 { margin-top: 50px;}
body .margin-top-55 { margin-top: 55px;}
body .margin-top-60 { margin-top: 60px;}
body .margin-top-100 { margin-top: 100px;}

body .margin-bottom-10 { margin-bottom: 10px;}
body .margin-bottom-15 { margin-bottom: 15px;}
body .margin-bottom-20 { margin-bottom: 20px;}
body .margin-bottom-30 { margin-bottom: 30px;}
body .margin-bottom-40 { margin-bottom: 40px;}
body .margin-bottom-50 { margin-bottom: 50px;}

body .margin-left-10 { margin-left: 10px;}
body .margin-left-20 { margin-left: 20px;}

body .margin-right-10 { margin-right: 10px;}
body .margin-right-20 { margin-right: 20px;}

/* vnitrni padding  */
body .padding-top-5 { padding-top: 5px;}
body .padding-top-10 { padding-top: 10px;}
body .padding-top-20 { padding-top: 20px;}

body .padding-bottom-10 { padding-bottom: 10px;}
body .padding-bottom-15 { padding-bottom: 15px;}
body .padding-bottom-20 { padding-bottom: 20px;}

/* Height */
body .minh-450px { min-height: 450px;}

body .opacity-04 { opacity: 0.4;}

/* Hover barev */
/* seda po hooveru zmenena na fialovou  */
body .grey.hover:hover { color: #7a1172; }
/* fialova po hooveru zmenena na zelenou */
body .purple.hover:hover { color: #539d33; }
/* zelena po hooveru zmenenan na sedou */
body .green.hover:hover { color: #525252; }

/* Specialne bloky */
.content .half-left { width: 48%; padding-right: 2%; }
.content .half-right { width: 48%; padding-left: 2%; }

/* Gradienty */
.purple-gradient {
	background-color: #850078;
	background-image: linear-gradient(top, rgb(133,0,120) 0%, rgb(115,15,107) 100%);
	background-image: -o-linear-gradient(top, rgb(133,0,120) 0%, rgb(115,15,107) 100%);
	background-image: -moz-linear-gradient(top, rgb(133,0,120) 0%, rgb(115,15,107) 100%);
	background-image: -webkit-linear-gradient(top, rgb(133,0,120) 0%, rgb(115,15,107) 100%);
	background-image: -ms-linear-gradient(top, rgb(133,0,120) 0%, rgb(115,15,107) 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgb(133,0,120)),color-stop(1, rgb(115,15,107)));

}

.grey-light-gradient {
	background-color: #ececec;
	background-image: linear-gradient(top, rgb(250,250,250) 0%, rgb(236,236,236) 100%);
	background-image: -o-linear-gradient(top, rgb(250,250,250) 0%, rgb(236,236,236) 100%);
	background-image: -moz-linear-gradient(top, rgb(250,250,250) 0%, rgb(236,236,236) 100%);
	background-image: -webkit-linear-gradient(top, rgb(250,250,250) 0%, rgb(236,236,236) 100%);
	background-image: -ms-linear-gradient(top, rgb(250,250,250) 0%, rgb(236,236,236) 100%);
	background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgb(250,250,250)), color-stop(1, rgb(236,236,236)) );
}

.grey-dark-gradient {
	background-color: #e0e0e0;
	background-image: linear-gradient(top, rgb(236,236,236) 0%, rgb(224,224,224) 100%);
	background-image: -o-linear-gradient(top, rgb(236,236,236) 0%, rgb(224,224,224) 100%);
	background-image: -moz-linear-gradient(top, rgb(236,236,236) 0%, rgb(224,224,224) 100%);
	background-image: -webkit-linear-gradient(top, rgb(236,236,236) 0%, rgb(224,224,224) 100%);
	background-image: -ms-linear-gradient(top, rgb(236,236,236) 0%, rgb(224,224,224) 100%);
	background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgb(236,236,236)), color-stop(1, rgb(224,224,224)));
}

/* Gradienty s barvami vyznacenymi hashem */
.g-ffffff-f3f3f3 {
	background-color: #f3f3f3;
	background-image: linear-gradient(top, rgb(255,255,255) 0%, rgb(243,243,243) 100%);
	background-image: -o-linear-gradient(top, rgb(255,255,255) 0%, rgb(243,243,243) 100%);
	background-image: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(243,243,243) 100%);
	background-image: -webkit-linear-gradient(top, rgb(255,255,255) 0%, rgb(243,243,243) 100%);
	background-image: -ms-linear-gradient(top, rgb(255,255,255) 0%, rgb(243,243,243) 100%);
	background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgb(255,255,255)), color-stop(1, rgb(243,243,243)));
}

.g-850077-730f6a {
	background-color: #7c0771;
	background-image: linear-gradient(top, rgb(133,0,120) 0%, rgb(115,15,107) 100%);
	background-image: -o-linear-gradient(top, rgb(133,0,120) 0%, rgb(115,15,107) 100%);
	background-image: -moz-linear-gradient(top, rgb(133,0,120) 0%, rgb(115,15,107) 100%);
	background-image: -webkit-linear-gradient(top, rgb(133,0,120) 0%, rgb(115,15,107) 100%);
	background-image: -ms-linear-gradient(top, rgb(133,0,120) 0%, rgb(115,15,107) 100%);
	background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgb(133,0,120)), color-stop(1, rgb(115,15,107)));
}

/* Formulare */
/* Zakladni vzhled sede formulare na sedem pozadi */
form.default label { color: green; }

/* zakladny formular - class="form" */

form.form {}
form.form label { color: #777777; font-size: 13px; line-height: 15px; margin-top: 10px; padding-left: 2px; /* float: left; */}

form.form textarea.inp-text{height:auto;background:none;background-color:#fff}

form.form input[type=text], form.form input[type=password], form.form select, form.form textarea {
	color: #444444; font-size: 18px;  margin-bottom: 10px; padding:0 0 0 5px; outline-color: transparent;
	line-height: 30px; height: 30px;
	background-color: #F8F8F8;
	background-image:linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(243,243,243) 100%);
	background-image:-moz-linear-gradient(46% 0% -90deg,rgb(255,255,255) 0%,rgb(243,243,243) 100%);
	background-image:-webkit-gradient(linear,46% 0%,46% 100%,color-stop(0, rgb(255,255,255)),color-stop(1, rgb(243,243,243)));
	background-image:-webkit-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(243,243,243) 100%);
	background-image:-o-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(243,243,243) 100%);
	background-image:-ms-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(243,243,243) 100%);
	border:1px solid #bbbbbb;
	border-radius: 3px;
}
form.form input:disabled {border-color: #FFF; color: #777777;}
/* checkbox */
form.form input[type=checkbox] {width: auto; float: left; }
form.form .chb {margin-top: 10px;}
form.form .chb label  {width: auto; float: left; text-align: left; margin-left: 5px;margin-top: 0px;} /* label for checkbox */
form.form input.custom-date, form.form input.datetimepicker, form.form input.datepicker {
	padding-right: 40px;
	background: #F8F8F8 url("/img/mktp/input_date.png?v=1") no-repeat right;
	background: url("/img/mktp/input_date.png?v=1") no-repeat right, linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(243,243,243) 100%);
	background: url("/img/mktp/input_date.png?v=1") no-repeat right, -moz-linear-gradient(46% 0% -90deg,rgb(255,255,255) 0%,rgb(243,243,243) 100%);
	background: url("/img/mktp/input_date.png?v=1") no-repeat right, -webkit-gradient(linear,46% 0%,46% 100%,color-stop(0, rgb(255,255,255)),color-stop(1, rgb(243,243,243)));
	background: url("/img/mktp/input_date.png?v=1") no-repeat right, -webkit-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(243,243,243) 100%);
	background: url("/img/mktp/input_date.png?v=1") no-repeat right, -o-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(243,243,243) 100%);
	background: url("/img/mktp/input_date.png?v=1") no-repeat right, -ms-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(243,243,243) 100%);

}

/* Radio list */
form.form input[type="radio"] {
    display:none;
}
form.form input[type="radio"] + label  {
    display:inline-block;
    /*width:16px;
    height:16px;
    margin:-4px 4px 0 0;*/
	padding-left: 20px;
    vertical-align:middle;
    background:url("/img/typography/radio_empty.png") 0px 1px no-repeat;
    cursor:pointer;
	line-height: 20px;
}
form.form input[type="radio"]:checked + label {
    background:url("/img/typography/radio_check.png") 0px 1px no-repeat;
}
/* IE 7 Hack  for Radio list */
*:first-child+html form.form input[type="radio"] {display: block; }
*:first-child+html form.form input[type="radio"] + label {background: none;  *display: inline; zoom:1;}

/* Checkbox list */
form.form input[type="checkbox"] {
    display: none;
}
form.form input[type="checkbox"] + label, form.form .form-error-message + label,form.form .form-valid-message + label  {
    display:inline-block;
    /*width:16px;
    height:16px;
    margin:-4px 4px 0 0;*/
	padding-left: 20px;
    vertical-align:middle;
    background:url("/img/typography/checkbox_border_empty.png") 0px 1px no-repeat;
    cursor:pointer;
	line-height: 20px;
}
form.form input[type="checkbox"]:checked + label, form.form .form-valid-message + label {
    background:url("/img/typography/checkbox_border_check.png") 0px 1px no-repeat;
}
/* Hack ie 7 a ie8 */
.ie7 form.form input[type="checkbox"],
.ie8 form.form input[type="checkbox"]{
    display: block;
}
.ie7 form.form input[type="checkbox"] + label,
.ie8 form.form input[type="checkbox"] + label,
.ie7 form.form .form-error-message + label,
.ie7 form.form .form-valid-message + label,
.ie8 form.form .form-error-message + label,
.ie8 form.form .form-valid-message + label  {
	background: none; padding-left: 0;
}
.ie7 form.form input[type="checkbox"]:checked + label, .ie8 form.form input[type="checkbox"]:checked + label {
    background: none; padding-left: 0;
}

form.form .custom-select select {
	appearance: none; -khtml-appearance: none; -webkit-appearance: none; -moz-appearance: none;  -ms-appearance: none; -o-appearance: none;  padding: 5px; overflow: hidden; border: 0; border-radius: 0; line-height: 1; height: 32px; background: transparent; background-color: rgba(0,0,0,0);
	width: 240px;
}
form.form .custom-select {
	line-height: 32px; height: 32px;  overflow: hidden;  border: 1px solid #bbbbbb; border-radius: 3px; color: #444444; font-size: 18px; margin-bottom: 10px;
	background: #F8F8F8 url("/img/mktp/select_arrow.png?v=1") no-repeat right;
	background: url("/img/mktp/select_arrow.png?v=1") no-repeat right, linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(243,243,243) 100%);
	background: url("/img/mktp/select_arrow.png?v=1") no-repeat right, -moz-linear-gradient(46% 0% -90deg,rgb(255,255,255) 0%,rgb(243,243,243) 100%);
	background: url("/img/mktp/select_arrow.png?v=1") no-repeat right, -webkit-gradient(linear,46% 0%,46% 100%,color-stop(0, rgb(255,255,255)),color-stop(1, rgb(243,243,243)));
	background: url("/img/mktp/select_arrow.png?v=1") no-repeat right, -webkit-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(243,243,243) 100%);
	background: url("/img/mktp/select_arrow.png?v=1") no-repeat right, -o-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(243,243,243) 100%);
	background: url("/img/mktp/select_arrow.png?v=1") no-repeat right, -ms-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(243,243,243) 100%);
}
/* IE 7 Hack */
*:first-child+html form.form .standard-size .custom-select {background:  none;}


/* defaultne velkosti formularovych prvkov */

/* registrace | prihlasenie | zabudnute heslo| ... */
form.form .standard-size input[type=text],
form.form .standard-size input[type=password],
form.form .standard-size textarea{
	width: 220px;
}
form.form .standard-size .custom-select select{
	width: 290px;
}
/* IE 7 Hack */
*:first-child+html form.form .standard-size .custom-select select {width: 230px;}
form.form .standard-size .custom-select {
	width: 230px;
}

/* stary formular fixy */
form.form .inputText {margin-bottom: 0px;}
form.form .inputCheckbox {margin-left: 0px;}
form.form .inputCheckbox input {margin-right: 5px;}

/* ========================================================================== */

/* Reversni vzhled sedobile formulare na fialovem pozadi */
form.reverse { }
form.reverse hr, hr.reverse{ border-top: 1px solid #560b4f; border-bottom: 1px solid #852d7d; height: 0px;}
/* Label */
form.reverse label { color: #ffffff; font-size: 13px; font-weight: normal; line-height: 1.2; }
/* Input */
form.reverse input[type=text], form.reverse input[type=password] { margin: 0; color: #333333; font-size: 18px; font-weight: normal; line-height: 1.35; padding: 0 5px 0 5px; }
form.reverse input[type=text], form.reverse input[type=password] { display: inline-block; border: 1px solid #FFF; border-radius: 3px; width: 308px; height: 32px; }
form.reverse input[type=text], form.reverse input[type=password] {
	background-color: #eeeeee;
	background-image: linear-gradient(top, rgb(238,238,238) 0%, rgb(255,255,255) 100%);
	background-image: -o-linear-gradient(top, rgb(238,238,238) 0%, rgb(255,255,255) 100%);
	background-image: -moz-linear-gradient(top, rgb(238,238,238) 0%, rgb(255,255,255) 100%);
	background-image: -webkit-linear-gradient(top, rgb(238,238,238) 0%, rgb(255,255,255) 100%);
	background-image: -ms-linear-gradient(top, rgb(238,238,238) 0%, rgb(255,255,255) 100%);
	background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgb(238,238,238)), color-stop(1, rgb(255,255,255)) );
}
/* Select */
form.reverse .select { width: 278px; height: 32px; overflow: hidden; line-height: 32px; display: inline-block; border: 1px solid #999999; border-radius: 3px; }
form.reverse .select {
	background: url("/img/typography/select_arrow_down.png?v=1") no-repeat right #eeeeee;
	background: url("/img/typography/select_arrow_down.png?v=1") no-repeat right, linear-gradient(top, rgb(238,238,238) 0%, rgb(255,255,255) 100%);
	background: url("/img/typography/select_arrow_down.png?v=1") no-repeat right, -o-linear-gradient(top, rgb(238,238,238) 0%, rgb(255,255,255) 100%);
	background: url("/img/typography/select_arrow_down.png?v=1") no-repeat right, -moz-linear-gradient(top, rgb(238,238,238) 0%, rgb(255,255,255) 100%);
	background: url("/img/typography/select_arrow_down.png?v=1") no-repeat right, -webkit-linear-gradient(top, rgb(238,238,238) 0%, rgb(255,255,255) 100%);
	background: url("/img/typography/select_arrow_down.png?v=1") no-repeat right, -ms-linear-gradient(top, rgb(238,238,238) 0%, rgb(255,255,255) 100%);
	background: url("/img/typography/select_arrow_down.png?v=1") no-repeat right, -webkit-gradient(linear,left top,left bottom,color-stop(0, rgb(238,238,238)),color-stop(1, rgb(255,255,255)));

}
form.reverse .select select { width: 306px; height: 32px; color: #333333; font-size: 18px; font-weight: normal; line-height: 1.35; padding:  0 0px 0 5px;}
form.reverse .select select { appearance: none; -khtml-appearance: none; -webkit-appearance: none; -moz-appearance: none;  -ms-appearance: none; -o-appearance: none;  overflow: hidden; border: 0; border-radius: 0; background: transparent; background-color: rgba(0,0,0,0); }


/* Checkbox */
form.reverse  input[type="checkbox"] {
    display:none;
}
form.reverse input[type="checkbox"] + label span {
    display:inline-block;
    width:16px;
    height:16px;
    margin:-4px 4px 0 0;
    vertical-align:middle;
    background:url("/img/typography/checkbox_empty.png") left top no-repeat;
    cursor:pointer;
}
form.reverse input[type="checkbox"]:checked + label span {
    background:url("/img/typography/checkbox_check.png") left top no-repeat;
}

/* Radio list */
form.reverse input[type="radio"] {
    display:none;
}

form.reverse input[type="radio"] + label span {
    display:inline-block;
    width:16px;
    height:16px;
    margin:-4px 4px 0 0;
    vertical-align:middle;
    background:url("/img/typography/radio_empty.png") left top no-repeat;
    cursor:pointer;
}
form.reverse input[type="radio"]:checked + label span {
    background:url("/img/typography/radio_check.png") left top no-repeat;
}

form.reverse button { border: 0; border-radius: 0 6px 6px 6px; text-align: center; color: #ffffff; }
/* Zeleny gradient pro odesilaci tlacitko */
form.reverse button {
	background-color: #5EAC3C;
	background-image: linear-gradient(top, rgb(116,198,76) 10%, rgb(74,141,42));
	background-image: -o-linear-gradient(top, rgb(116,198,76) 10%, rgb(74,141,42));
	background-image: -moz-linear-gradient(top, rgb(116,198,76) 10%, rgb(74,141,42));
	background-image: -webkit-linear-gradient(top, rgb(116,198,76) 10%, rgb(74,141,42));
	background-image: -ms-linear-gradient(top, rgb(116,198,76) 10%, rgb(74,141,42));
	background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.10, rgb(116,198,76)), color-stop(rgb(74,141,42)) );
	border: 1px solid #377718;
}
form.reverse button:hover {
	background-image: linear-gradient(top, rgb(116,198,76) 20%, rgb(74,141,42));
	background-image: -o-linear-gradient(top, rgb(116,198,76) 20%, rgb(74,141,42));
	background-image: -moz-linear-gradient(top, rgb(116,198,76) 20%, rgb(74,141,42));
	background-image: -webkit-linear-gradient(top, rgb(116,198,76) 20%, rgb(74,141,42));
	background-image: -ms-linear-gradient(top, rgb(116,198,76) 20%, rgb(74,141,42));
	background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.20, rgb(116,198,76)), color-stop(rgb(74,141,42)) );
}


/*
* Defaultny button - vbutton
*
* Kustomizacia(pridavanim class)
*	napr. <div class="vbutton h30 green">
*			<div class="shadow underline">Uložit&nbsp;a&nbsp;pokračovat</div>
*			<div class="front underline">Uložit&nbsp;a&nbsp;pokračovat</div>
*		  </div>
*
* Farby:
*	green - zelena
*	grey-purple  - seda s fialovym textom
* Parametre:
*	h30 - vyska 30px
*	underline - podtrzeny text
*	right - zarovna button doprava
*/

/* =============== defaultne nastavenia =============== */

.vbutton {
	float: left; margin: 5px; padding: 0 30px;
	display: inline-block; font-weight: bold;
	height: 54px;
	font-size: 28px;
	text-align: center;
	line-height: 50px;  /* 50px dulezite pro posun stinu */
	cursor: pointer; cursor: hand;
	border-radius: 0px 12px 12px 12px;
}
a.vbutton {text-decoration: none;}
.vbutton.reverse-radius { border-radius: 12px 12px 12px 0px; }

.vbutton div.shadow, .vbutton div.front {position: relative;}
.vbutton div.shadow {top: 0px; visibility: hidden; font-weight: bold;}
.vbutton div.front {top: -49px } /* -49px dulezite pro posun stinu */
.vbutton.shadow div.shadow {visibility: visible;}


/* =============== vbutton velkost 30px  => h30 ===============*/
.vbutton.h30 {height: 34px; font-size: 18px; line-height: 30px; padding: 0 15px; border-radius: 0px 7px 7px 7px; font-weight: bold;  }
.vbutton.h30 div.front {top: -29px}
.vbutton.reverse-radius.h30 {border-radius: 7px 7px 7px 0px;}
.vbutton.shadow.h30 div.front {font-weight: normal;} /* nastavenie hrubky fontu */
.vbutton.shadow.h30 div.shadow {font-weight: normal;}


/* =============== vbutton velkost 20px  => h20 ===============*/
.vbutton.h20 {height: 28px; font-size: 16px; line-height: 28px; padding: 0 10px; border-radius: 0px 7px 7px 7px; font-weight: bold;  }
.vbutton.h20 div.front {top: -29px}
.vbutton.reverse-radius.h20 {border-radius: 7px 7px 7px 0px;}
.vbutton.shadow.h20 div.front {font-weight: normal;} /* nastavenie hrubky fontu */
.vbutton.shadow.h20 div.shadow {font-weight: normal;}

/* =============== vbutton velkost 40px  => h40 ===============*/
.vbutton.h40 {height: 40px; font-size: 20px; line-height: 40px; padding: 0 15px; border-radius: 0px 8px 8px 8px; font-weight: bold;  }
.vbutton.h40 div.front {top: -29px}
.vbutton.reverse-radius.h40 {border-radius: 8px 8px 8px 0px;}
.vbutton.shadow.h40 div.front {font-weight: normal;} /* nastavenie hrubky fontu */
.vbutton.shadow.h40 div.shadow {font-weight: normal;}


/* vbutton podtrzeny  => underline */
.vbutton.underline div {text-decoration: underline;}


/* =============== vbutton zeleny =============== */
.vbutton.green {
	color: #FFFFFF;
	background-color: #5EAC3C;
	background-image: linear-gradient(top, rgb(116,198,76) 10%, rgb(74,141,42));
	background-image: -o-linear-gradient(top, rgb(116,198,76) 10%, rgb(74,141,42));
	background-image: -moz-linear-gradient(top, rgb(116,198,76) 10%, rgb(74,141,42));
	background-image: -webkit-linear-gradient(top, rgb(116,198,76) 10%, rgb(74,141,42));
	background-image: -ms-linear-gradient(top, rgb(116,198,76) 10%, rgb(74,141,42));
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.10, rgb(116,198,76)),
		color-stop(rgb(74,141,42))
		);
	border: 1px solid #579d38; /*stara #377718; */

	-moz-box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.3);
	-webkit-box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.3);
	box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.3);
}

.vbutton.green:hover {
	color: #FFFFFF;
	background-image: linear-gradient(top, rgb(116,198,76) 20%, rgb(74,141,42));
	background-image: -o-linear-gradient(top, rgb(116,198,76) 20%, rgb(74,141,42));
	background-image: -moz-linear-gradient(top, rgb(116,198,76) 20%, rgb(74,141,42));
	background-image: -webkit-linear-gradient(top, rgb(116,198,76) 20%, rgb(74,141,42));
	background-image: -ms-linear-gradient(top, rgb(116,198,76) 20%, rgb(74,141,42));
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.20, rgb(116,198,76)),
		color-stop(rgb(74,141,42))
		);
}
.vbutton.green.hover:hover {color: #FFF;}

.vbutton.green div.front {color: #FFFFFF;}
.vbutton.green div.shadow {color: #377718;}

/* =============== vbutton sedy + fialovy text =============== */

.vbutton.grey-purple {
	color: #791172;
	background-color: #e3e3e3;
	background-image: linear-gradient(top, rgb(244,244,244) 10%, rgb(221,221,221));
	background-image: -o-linear-gradient(top, rgb(244,244,244) 10%, rgb(221,221,221));
	background-image: -moz-linear-gradient(top, rgb(244,244,244) 10%, rgb(221,221,221));
	background-image: -webkit-linear-gradient(top, rgb(244,244,244) 10%, rgb(221,221,221));
	background-image: -ms-linear-gradient(top, rgb(244,244,244) 10%, rgb(221,221,221));
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.10, rgb(244,244,244)),
		color-stop(rgb(221,221,221))
		);
	border: 1px solid rgb(188,188,188);

	-moz-box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.3);
	-webkit-box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.3);
	box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.3);
}

.vbutton.grey-purple:hover {
	color: #791172;
	background-image: linear-gradient(top, rgb(244,244,244) 20%, rgb(221,221,221));
	background-image: -o-linear-gradient(top, rgb(244,244,244) 20%, rgb(221,221,221));
	background-image: -moz-linear-gradient(top, rgb(244,244,244) 20%, rgb(221,221,221));
	background-image: -webkit-linear-gradient(top, rgb(244,244,244) 20%, rgb(221,221,221));
	background-image: -ms-linear-gradient(top, rgb(244,244,244) 20%, rgb(221,221,221));
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.20, rgb(244,244,244)),
		color-stop(rgb(74,141,42))
		);
}

/* =============== vbutton fialovy =============== */
/* NEKDO to pak bude muset prekontrolovat, protoze to moc nedavam ... ;o) */
.vbutton.purple {
	color: #FFFFFF;
	background-color: #7a1172;
	background-image: linear-gradient(top, rgb(165,18,155) 10%, rgb(121,15,112));
	background-image: -o-linear-gradient(top, rgb(165,18,155) 10%,  rgb(121,15,112));
	background-image: -moz-linear-gradient(top, rgb(165,18,155) 10%,  rgb(121,15,112));
	background-image: -webkit-linear-gradient(top, rgb(165,18,155) 10%,  rgb(121,15,112));
	background-image: -ms-linear-gradient(top, rgb(165,18,155) 10%,  rgb(121,15,112));
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.10, rgb(165,18,155)),
		color-stop( rgb(121,15,112))
		);
	border: 1px solid #551853; /*stara #377718; */

	-moz-box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.3);
	-webkit-box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.3);
	box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.3);
}

.vbutton.purple:hover {
	color: #FFFFFF;
	background-image: linear-gradient(top, rgb(165,18,155) 20%,  rgb(121,15,112));
	background-image: -o-linear-gradient(top, rgb(165,18,155) 20%,  rgb(121,15,112));
	background-image: -moz-linear-gradient(top, rgb(165,18,155) 20%,  rgb(121,15,112));
	background-image: -webkit-linear-gradient(top, rgb(165,18,155) 20%,  rgb(121,15,112));
	background-image: -ms-linear-gradient(top, rgb(165,18,155) 20%,  rgb(121,15,112));
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.20, rgb(165,18,155)),
		color-stop(rgb(74,141,42))
		);
}
.vbutton.purple.hover:hover {color: #FFF;}

.vbutton.purple div.front {color: #FFFFFF;}
.vbutton.green div.shadow {color: #377718;}


/* =============== vbutton FB farby  =============== */

body .vbutton.fb-login {
	color: #FFFFFF;
	background: #3b5b99 url("/img/typography/fb_button.png?v=1") no-repeat left bottom;
	background: url("/img/typography/fb_button.png?v=1") no-repeat left bottom, o-linear-gradient(top, rgb(104,132,189) 0%, rgb(95,120,171) 50%, rgb(75,96,136) 100%);
	background: url("/img/typography/fb_button.png?v=1") no-repeat left bottom, -moz-linear-gradient(top, rgb(104,132,189) 0%, rgb(95,120,171) 50%, rgb(75,96,136) 100%);
	background: url("/img/typography/fb_button.png?v=1") no-repeat left bottom, -webkit-linear-gradient(top, rgb(104,132,189) 0%, rgb(95,120,171) 50%, rgb(75,96,136) 100%);
	background: url("/img/typography/fb_button.png?v=1") no-repeat left bottom, -ms-linear-gradient(top, rgb(104,132,189) 0%, rgb(95,120,171) 50%, rgb(75,96,136) 100%);
	background: url("/img/typography/fb_button.png?v=1") no-repeat left bottom, -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(104,132,189)), color-stop(0.5, rgb(95,120,171)), color-stop(1, rgb(75,96,136)) );
	border: 1px solid #29447e;

	-moz-box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.3);
	-webkit-box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.3);
	box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.3);
	padding-left: 45px;
	text-decoration: none;
}

body .vbutton.fb-login:hover {
	color: #FFFFFF;
	background: #5F78AB url("/img/typography/fb_button.png?v=1") no-repeat left bottom;
	background: url("/img/typography/fb_button.png?v=1") no-repeat left bottom,  linear-gradient(top, rgb(104,132,189) 20%, rgb(95,120,171) 50%, rgb(75,96,136) 100%);
	background: url("/img/typography/fb_button.png?v=1") no-repeat left bottom,  -o-linear-gradient(top, rgb(104,132,189) 20%, rgb(95,120,171) 50%, rgb(75,96,136) 100%);
	background: url("/img/typography/fb_button.png?v=1") no-repeat left bottom,  -moz-linear-gradient(top, rgb(104,132,189) 20%, rgb(95,120,171) 50%, rgb(75,96,136) 100%);
	background: url("/img/typography/fb_button.png?v=1") no-repeat left bottom,  -webkit-linear-gradient(top, rgb(104,132,189) 20%, rgb(95,120,171) 50%, rgb(75,96,136) 100%);
	background: url("/img/typography/fb_button.png?v=1") no-repeat left bottom,  -ms-linear-gradient(top, rgb(104,132,189) 20%, rgb(95,120,171) 50%, rgb(75,96,136) 100%);
	background: url("/img/typography/fb_button.png?v=1") no-repeat left bottom,  -webkit-gradient(linear, left top, left bottom, color-stop(0.2, rgb(104,132,189)), color-stop(0.5, rgb(95,120,171)), color-stop(1, rgb(75,96,136)) );
}

.vbutton.h30.fb-login, .vbutton.h30.fb-login:hover {height: 31px; padding-top: 3px;}
.vbutton.fb-login div.front {color: #FFFFFF;}
.vbutton.fb-login div.shadow {color: #000000;} /* -49px dulezite pro posun stinu */


/* fixy a patche */
/* v reverse form sa vypnu bordre */
form.reverse .vbutton, .vbutton.fb-login.reverse { border: none; }
.vbutton.fb-login.reverse {-moz-box-shadow: none;-webkit-box-shadow:none;box-shadow: none;}


/* ============================== END vbutton ============================== */

/* Tlacitka */
.facebook-login-button { display: inline-block; border: 0; border-radius: 0 6px 6px 6px; color: #ffffff; text-align: center; text-decoration: none; cursor: pointer; }
.facebook-login-button {
	background-color: #5F78AB;
	background-image: linear-gradient(top, rgb(104,132,189) 0%, rgb(95,120,171) 50%, rgb(75,96,136) 100%);
	background-image: -o-linear-gradient(top, rgb(104,132,189) 0%, rgb(95,120,171) 50%, rgb(75,96,136) 100%);
	background-image: -moz-linear-gradient(top, rgb(104,132,189) 0%, rgb(95,120,171) 50%, rgb(75,96,136) 100%);
	background-image: -webkit-linear-gradient(top, rgb(104,132,189) 0%, rgb(95,120,171) 50%, rgb(75,96,136) 100%);
	background-image: -ms-linear-gradient(top, rgb(104,132,189) 0%, rgb(95,120,171) 50%, rgb(75,96,136) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(104,132,189)), color-stop(0.5, rgb(95,120,171)), color-stop(1, rgb(75,96,136)) );

}
.facebook-login-button:hover {
	background-color: #5F78AB;
	background-image: linear-gradient(top, rgb(104,132,189) 20%, rgb(95,120,171) 50%, rgb(75,96,136) 100%);
	background-image: -o-linear-gradient(top, rgb(104,132,189) 20%, rgb(95,120,171) 50%, rgb(75,96,136) 100%);
	background-image: -moz-linear-gradient(top, rgb(104,132,189) 20%, rgb(95,120,171) 50%, rgb(75,96,136) 100%);
	background-image: -webkit-linear-gradient(top, rgb(104,132,189) 20%, rgb(95,120,171) 50%, rgb(75,96,136) 100%);
	background-image: -ms-linear-gradient(top, rgb(104,132,189) 20%, rgb(95,120,171) 50%, rgb(75,96,136) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.2, rgb(104,132,189)), color-stop(0.5, rgb(95,120,171)), color-stop(1, rgb(75,96,136)) );
}

/* Sipky */
.arrow-right-w20-h40 { height: 40px; width: 20px;  }
.arrow-right-w20-h40 .back {
	position: absolute;
	top: 0; left: 1px; width: 0; height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid grey;
}
.arrow-right-w20-h40 .front {
	position: absolute;
	top: 0; left: 0; width: 0; height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid white;
}

.arrow-right-w8-h14 { position: absolute; top: 0; right: 0px; height: 14px; width: 8px;  }
.arrow-right-w8-h14 .back {
	position: absolute;
	right: -8px; width: 0; height: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 8px solid grey;
}
.arrow-right-w8-h14 .front {
	position: absolute;
	right: -7px; width: 0; height: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 8px solid white;
}

.arrow-up-w14-h8 { position: absolute; top: 0; right: 0px; height: 8px; width: 14px;  }
.arrow-up-w14-h8 .back {
	position: absolute;
	top: -8px; width: 0; height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 8px solid grey;
}
.arrow-up-w14-h8 .front {
	position: absolute;
	top: -7px; width: 0; height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 8px solid white;
}

.arrow-up-w10-h10 { height: 10px; width: 20px;  }
.arrow-up-w10-h10 .back {
	position: absolute;
	top: 0; left: 0px; width: 0; height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #bbbbbb;
}
.arrow-up-w10-h10 .front {
	position: absolute;
	top: 1px; left: 0; width: 0; height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid white;
}

.arrow-left-w5-h5 { height: 5px; width: 10px;}
.arrow-left-w5-h5 .back {
	position: absolute;
	top: 14px; left: -5px; width: 0; height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-right: 5px solid #dddddd;
}
.arrow-left-w5-h5 .front {
	position: absolute;
	top: 14px; left: -4px; width: 0; height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-right: 5px solid #f3f3f3;
}


.arrow-left-w6-h6 { }
.arrow-left-w6-h6 .back {
	position: absolute;
	top: 20px; left: -6px; width: 0; height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 6px solid #ddDDdd;
}
.arrow-left-w6-h6 .front {
	position: absolute;
	top: 20px; left: -5px; width: 0; height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 6px solid #f3f3f3;
}

/* Chybove hlasky */

form .message.error {
	position: relative;
	background-color: #ffffff;
	border: 1px solid #cd1719;
	border-radius: 3px;
	width: 267px;
	height: 34px;
	line-height: 34px;
	font-size: 15px;
	font-weight: bold;
	color: #cc1819;
	padding: 0 8px 0 8px;
}

form .message.error .arrow-right {
	width: 7px; height: 13px;
}
form .message.error .arrow-right .back {
	position: absolute;
	top: 10px; right: -7px; width: 0; height: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 7px solid #cc1819;
}
form .message.error .arrow-right .front {
	position: absolute;
	top: 10px; right: -6px; width: 0; height: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 7px solid white;
}