﻿/* Master */
/* puvodni id main, pouze prepsany na class - potrebujeme z nej udelat control */
.main{background:#fff url('../img/bg/box.png') -1940px 0 repeat-y; width: 970px; margin: 0 auto; text-align: left; padding:16px 0 10px; position:relative;}


/* Uprava kontaktu v hlavicce - po vzoru sekce kontakty - pridano "24 hodin denne" */
#head-contanct{ top:33px; }
#head-contanct .bd{font-size:125%; font-weight:bold; display:block; color:#5ead01;}
#head-contanct .bd strong {font-size:147%; }


.errorMgs
{
    color:Red;
}

.nezverejneno
{
	color:Red;
	font-size:9px;
}

/* JR: seznam TZ - pokud se stane, ze TZ naahodou nema ani anotaci, ani prilohu, vypisujeme holy text ve spanu s touto tridou... */
.news-list .nolink{float:left; display:inline; width:380px; border-left:1px solid #d6d6d6; padding-left:11px; margin-left:-1px; line-height:1.3;}


/* TV: uprava formatovani Aktualit na HP */
div#head-news div.top
{
    background: url('../img/bg/home-news-top.png') no-repeat left top;
}

#head-news .item{border-width:1px 0 0 0; margin:0px;}


/* prepis ul a li pro staticky text */
.statickyText ul {margin-left: 10px; padding-left: 10px;}
.statickyText ul li {list-style-type: square; background: none; line-height: normal;}
.statickyText ul.benefits-list {margin: 0.4em 0 1em; padding: 0;}
.statickyText ul.benefits-list li{list-style: none none outside;border-top:1px solid #d6d6d6; padding:6px 0 6px 29px;  background:url('../img/ico/ok.png') 6px 9px no-repeat; margin:0; line-height: 1.5em;} 
.statickyText ul li{zoom: normal;}

/* kalkulator */
.kalkHodnota { background-color: yellow;}
.kalkChyba { background-color: red;}
.nextCalcBtn input {padding-right: 27px;}


#seznamZajem input, #seznamZajem input:active, #seznamZajem input:focus
{
    outline:none;
} 

#item-product-life{width:100px; padding-top:5px; padding-bottom:5px;}
#item-product-life .tip{padding-right:1px; background:none;}
#item-product-life .tip label {padding-right:19px; padding-top:7px; background:url('../img/ico/help_16.png') right top no-repeat;}
#item-product-life input { margin-top:8px;}


#item-product-injury{width:100px;padding-top:5px; padding-bottom:5px;}
#item-product-injury .tip {padding-right:1px; background:none;}
#item-product-injury .tip label{padding-right:17px;  padding-top:7px; background :url('../img/ico/help_16.png') right top no-repeat;}
#item-product-injury input  { margin-top:8px;}


#item-product-sick {width:135px;padding-top:5px; padding-bottom:5px; padding-right:0px}
#item-product-sick label{width:85px;}
#item-product-sick .tip{padding-right:1px; background:none;}
#item-product-sick .tip label{padding-right:10px;  padding-top:7px; background:url('../img/ico/help_16.png') right top no-repeat;}
#item-product-sick input  { margin-top:8px;}


#item-product-saving {width:95px;padding-top:5px; padding-bottom:5px;}
#item-product-saving .tip label{margin-top: 0px; padding-right:21px;  padding-top:7px; background:url('../img/ico/help_16.png') right top  no-repeat;}
#item-product-saving .tip{padding-right:1px; background:none;}
#item-product-saving input  { margin-top:8px;}

#item-product-kids {width:134px; padding-top:5px; padding-bottom:5px;}
#item-product-kids .tip label{margin-top: 0px; padding-right:21px;  padding-top:7px;  background:url('../img/ico/help_16.png') right top no-repeat; }
#item-product-kids .tip{padding-right:1px; background:none;}
#item-product-kids input { margin-top:8px;}

/* nepouzivame label, ale asp:label, ktery generuje span, proto simulujeme label css tridou */
.form-calculator .insurance .label{width:253px; display:inline-block; text-align:right; font-weight:bold;}

.form-calculator .box{height:30px;}


.form-calculator .insurance .second{padding-right:5px}
.form-calculator .insurance .width1{width:285px;}
.form-calculator .insurance .width2{width:180px;}

.form-calculator .insurance .tip{display:inline-block; width:16px; height:16px; background:url('../img/ico/help_16.png') 0 0 no-repeat; margin:3px 7px 0 5px; vertical-align:top;}

.form-calculator .product li{float:left; width:111px; margin:0 0 10px 2px; padding:10px 10px 0 7px; height:41px; }
.no-boxshadow .product li{border:1px solid #e8f6fd; border-top:none; width:105px;}
.form-calculator .product .first{margin:0;}
.form-calculator .product .selected{background:#fff3bf; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow:0px 1px 1px #c0ccd1; -webkit-box-shadow:0px 1px 1px #c0ccd1;}
.no-boxshadow .form-calculator .selected{border-color:#dae8ee; border-bottom-color:#c0ccd1;}
.form-calculator .product input{float:left; margin-top:6px;}
.form-calculator .product label{float:left; margin-left:6px; line-height:1.3;}

.form-calculator p.child {margin-top: 5px;}
.form-calculator p.child span {position: relative; top: 3px;}

.form-calculator .int-radio.tip {padding-right:13px; padding-top:5px; background:url('../img/ico/help_16.png') right top no-repeat;}

.form-calculator .int-text { border: 1px solid #ABADB3; }

.form-calculator input.yellow { background: #FEF9E2; border: 1px solid #ABADB3; }
.form-calculator input.zacervenene { background-color: #ccffcc; border: 1px solid #ABADB3; }

.form-calculator .pnlNebo p {color:#d50000; font-weight:bolder; font-size: 16px; text-align: center; margin: 15px 0 20px 0;}

.form-calculator .month-price .tip {
    background:url('../img/ico/help_16.png') right top no-repeat;
    padding-right:19px; padding-top:5px;
}

.form-calculator .insurance .firstRow td{
    padding-top:0px;
}

/* uprava zobrazeni kontaktu - poboček - přeformátováno, trochu natahujeme levý sloupec s adresou*/
.contact-list .col-l{float:left; display:inline; width:158px;}
.contact-list .col-r{float:right; display:inline; width:272px;}


/* zavolejte mi */
.contact-updatepanel, .contact-updatepanel div
{
    margin:0px;
    padding:0px;
    padding-top:-10px !important;
    display:inline;
    float:none;
}


/* seznam produktu */
ul.crossroad { list-style-type:none; margin-left:0px; padding-left:0px }
ul.crossroad li { list-style:none; margin-left:0px; padding-left:0px }


/* reklamni banner */
.banner{margin:0 -1px 20px; text-align:center;}

/* kalkulator napoveda */
#result1 .tip{padding-right:19px; padding-top:5px; background:url('../img/ico/help_16.png') right top no-repeat;cursor: pointer;}
#result2 .tip{padding-right:19px; padding-top:5px; background:url('../img/ico/help_16.png') right top no-repeat;cursor: pointer;}
.cHelp{width:254px; text-align:left;}
.cHelp .spc{background:white; border:1px solid #999;  -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.cHelp .spc p{font-size:92%; margin:0; padding:8px 16px 9px 27px; background:url('../img/ico/bulb-s.png') 10px 7px no-repeat;}
.cHelp .spc h4{background:#e4e5e7; margin:0; padding:7px 16px; font-size:100%; font-weight:bold; font-family:arial, helvetica, sans-serif;}
.cHelp span{position:absolute; top:6px; left:-6px; width:7px; height:13px; background:url('../img/bg/tip-arr-r.png') 100% 0 no-repeat;}


/* HighLight vyhledavani */
.highlight_0 {background-color:#FFA;}
.highlight_1 {background-color:#AFF;}
.highlight_2 {background-color:#FAF;}
.highlight_3 {background-color:#FAA;}
.highlight_4 {background-color:#AAF;}
.highlight_5 {background-color:#AFA;}

.SearchBar {text-align:right; padding:5px 20px 0 0;}
.SearchBar strong {float:left;}
.SearchBar select {font-size:11px; position:relative; top:-4px; margin-left:3px; }
.SearchBar a {padding:0 10px;}


div.mapa-webu ul li {font-size:15px; }
div.mapa-webu ul ul li {font-size:14px; }
div.mapa-webu ul ul ul li {font-size:13px; }
div.mapa-webu ul ul ul ul li {font-size:12px; }

.form-calculator .sendMail-box{background:#fff; border:2px solid #b9e3fa; padding:18px 17px 15px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin:0 0 10px; text-align:left;}

.form-calculator .KontaktKdyRB br {display:none;}
.form-calculator .KontaktKdyRB label {display: inline-block;margin: 2px 20px 2px 0px;}

.form-calculator .month-price { margin-bottom:-10px; } /* opraveni zobrazeni ajax rotatoru... */

#ajaxLoader{
    position: absolute;
    top: 6px;
    left: 25px;
    width: 220px;
    background-color: #ED001C;
    display: inline-block;
    height: 20px;
}

#ajaxLoader2{
    position: absolute;
    top: 6px;
    left: 25px;
    width: 130px;
    background-color: #ED001C;
    text-align: center;
    display: inline-block;
}

.errBox
{  background  :url('../img/ico/error.png') left top no-repeat;
    margin:10px 0;
    padding-left:25px;
    color: #C00; 
}

input[type="text"].error{
    background-color: #FEE;
}

/*
    kalkulačka - slider
*/
#sliderVekOsoby, #sliderVekDitete
{
    width:200px;
    display:inline-block;
}

.vek{
    color:#3560A5;
    font-weight:bold;
    font-size:14px;
}

.let{
    color:#3560A5;
    font-weight:bold;
    font-size:14px;
}

.vekSliderTable {
    margin-top:10px;
}

.vekSliderTable *{
    vertical-align:baseline;
}

.vekSliderTable strong{
    padding-right:5px;
}

.vekSliderTable td{
    border:none;
    background:none;
    padding:0px;
}

/* Kalkulacka benefitu - rozsireni flexi kalkulacky */
table.benefits
{
    width:100%;
}

table.benefits td
{
    text-align:left;
}

.form-calculator table.benefits.insurance td, .form-calculator table.benefits.insurance th
{
    color:#00519e;
}

table.benefits th.inputWide, table.benefits td.inputWide
{
    width: 115px;
}

table.benefits input[type=text]
{
    width:70px;
    text-align:right;
}


.form-calculator table.benefits td .label
{
    width: auto;
    font-weight: bold;    
    padding-top:5px;
    padding-left:5px;
}

.form-calculator table.insurance.benefits label
{
    width:auto;
    text-align:left;
}

.form-calculator table.insurance.benefits tr.red .box
{
    background:#ec001b;
    color:White;
}

.form-calculator table.insurance.benefits .box
{
    height:22px;
    color:#00519e;
}

.form-calculator span.red
{
    color:#ec001b;
}

.form-calculator-benefits
{
    color:#00519e;
}

.togglePanel .toggleTab
{
    cursor:pointer;
}

.togglePanel .toggleTab 
{
    display:inline-block;
    clear:both;
    padding:0 32px 0 0;
    background: url('../Icons/iconBoxArrowDown.png') no-repeat top right;
}

.togglePanel.shown .toggleTab
{
    background: url('../Icons/iconBoxArrowUp.png') no-repeat top right;
}


/* MAIN MENU - uprava - pri zmenseni pohledu (zoomout) se zalamovala posledni sekce menu, zkousel jsem to opravit co nejlip.. */
#main-menu {position:absolute; top:128px; left:4px; background:/*#0053a2*/ url('../img/bg/all.png') 0 0 no-repeat; width:auto; height:40px; padding:0 1px;  margin:0; z-index:999}
#main-menu>li {background:#0053a2 url('../img/bg/all.png') 30% 0 no-repeat;}
#main-menu>li.first{background:#0053a2 url('../img/bg/all.png') 0 0 no-repeat;}
#main-menu>li.last{background:#0053a2 url('../img/bg/all.png') 100% 0 no-repeat;}

