/* --------------------------------------------------------------------------------------------
    Posledni uprava:
      3.10.2011
    Struktura:
      rozmery, pozice, vrstvy, pozadi, ramecky, pisma, barvy, kurzory
-------------------------------------------------------------------------------------------- */

html {
  background: #fff;
  text-align: center;
}

body {
  width: 962px;
  min-height: 500px;
  margin: 0 auto;
  background: url('../img/body.jpg') right top no-repeat;
  text-align: left;
  font: 75% Arial, Helvetica, sans-serif;
  color: #000;
  /*overflow-y:scroll;*/
}

a{color:#ff6205;}
a:hover,a:focus{color:#337488;}

h1, h2, h3, h4, h5, h5, h6 {
  font-weight: normal;
}


@font-face { font-family: Tw; src: url('TCCM____.eot'); }
@font-face { font-family: Tw; src: url('TCCM____.TTF'); }
.print{display:none;}

/* --------------------------------------------------------------------------------------------
    OBLAST HLAVICKY (LOGO, HLEDANI, NAVIGACE)
-------------------------------------------------------------------------------------------- */

/*  LOGO  --------------------------------- */
.logo{float:left;margin:19px 0 8px 3px;}

/*  HLEDANI  --------------------------------- */
.search{width:255px;float:right;margin:11px 1px 10px 0;border:1px solid #cfcfcf;visibility:hidden}
.search input[type="text"]{width:222px;float:left;padding:2px 7px 3px 7px;background:#fff;border:none;color:#999;}
.search input[type="image"]{float:right;}

/*  NAVIGACE  --------------------------------- */
.menu{float:right;clear:right;font-size:1.2em;margin-right:10px}
.menu li{float:left;}
.menu li a{display:block;padding:6px 9px 7px 9px;text-decoration:none;color:#636363;}
.menu li.last a{padding-right:3px;}

/*  STAVY  */
.menu li a:hover{text-decoration:underline;color:#ff6600;}
.menu li a.ac{font-weight:bold;color:#ff6600;}

/* --------------------------------------------------------------------------------------------
    UVODNI STRANKA
-------------------------------------------------------------------------------------------- */

/*  PROMO SLIDER  --------------------------------- */
.promos,.promos .slides-c,.promos .slides-s,.promos .slides-s li{width:958px;height:398px;position:relative;overflow:hidden}
.promos{clear:both;margin-bottom:6px;border:2px solid #636363;}

/*  STRANKOVANI  ----------------- */
.promos .pagination{position:absolute;right:9px;bottom:8px;z-index:10;font-size:1.3em;font-weight:bold;}
.promos .pagination li{float:left;margin-left:9px;}
.promos .pagination li a{display:block;padding:3px 6px;background:#6f6d73;text-decoration:none;color:#fff;}
.promos .pagination li.current a,.promos .pagination li a:hover{background:#ff6205;}
/* ODKAZ STAHUJ ---- */
.promos .stahuj {width:186px;height:36px;position:absolute;background:#fff;color:#fff;top:332px;left:615px;font-family:Tw;text-decoration:none;font-size:2em;opacity:0;filter:alpha(opacity=0);}
.promos .stahuj:hover {opacity:0.3;filter:alpha(opacity=30);}
/*  VYBER ZANRU  --------------------------------- */
.filter{height:24px;position:relative;background:url('../img/filter.gif') center bottom no-repeat;text-transform:uppercase;font-size:0.9em;width:100%;float:left}

/*  NADPIS  ----------------- */
.filter h3{float:left;margin:3px 0 0 327px;}

/*  VYBER ZANRU  ----------------- */
.filter ul{width:170px;height:16px;overflow:hidden;position:absolute;right:327px;top:0;z-index:1;background:#fff url('../img/filter-ul.gif') 155px 3px no-repeat;border:1px solid #666;}
.filter ul li a{display:block;padding:2px 30px 2px 9px;text-decoration:none;color:#000;}

/*  HOVER AKCE  */
.filter ul:hover{height:123px;padding-bottom:5px;background-image:url('../img/filter-ul_hover.gif');}
.filter ul:hover li a{padding-top:7px;padding-bottom:7px;}
.filter ul li a:hover{text-decoration:underline;}

/*  SLOUPCE OBSAHU  --------------------------------- */
.hp-col{float:left;margin:0 0 13px 1px;}
.hp-col.articles{width:477px;}
.hp-col.news{width:240px;}

/*  VSECHNY CLANKY A ARCHIV MUZIKY  -------- */
.hp-col.articles p.all{margin:-7px 0 0 16px;}
.hp-col.news .all{margin-left:4px;}

/*  NADPISY  ----------------- */
.hp-col h2{min-height:31px;font-family: Tw;padding:10px 20px 0 20px;background:#58a8c1;text-transform:uppercase;font-size:1.9em;color:#fff;}
.hp-col h2 strong{font-size:1.2em;font-weight:normal;}
.hp-col.news h2{min-height:31px;padding-top:10px;font-family: Tw;}

/*  CLANKY  ----------------- */
.hp-col .article{margin:9px 22px 14px 17px;background:url('../img/hp-col-article.gif')left bottom repeat-x;}

/*  OBSAH  -------- */
.hp-col .article h3{margin-bottom:8px;line-height:140%;font-size:1.5em;}
.hp-col .article h3 a{color:#000;}
.hp-col .article h3 a:hover{color:#ff6205;}
.hp-col .article p{margin:0 0 22px 0;line-height:150%;}
.hp-col .article img{float:left;margin:3px 19px 21px 0;}

/*  SOCIALNI ODKAZY  -------- */
.hp-col .article ul{float:right;clear:right;margin:-6px 1px 21px 0;}
.hp-col .article ul li{float:left;margin-left:3px;}
.hp-col .article ul li img{float:none;display:block;margin:0;}
.hp-col .article ul li img:hover{opacity:0.7;filter:alpha(opacity=70);}

/*  STRUKTURA  -------- */
.hp-col.news ul{margin-bottom:11px;}
.hp-col.news ul li{overflow:hidden;margin-top:2px;background:#cde5ec;}
.hp-col.news ul li.light{background:#fbfafa;}

/*  OBSAH  */
.hp-col.news {background:none}
.hp-col.news ul li h3{margin:8px 0 2px 0;font-size:1.2em;font-weight:bold;}
.hp-col.news ul li p{width:140px;display:inline-block;margin-bottom:4px;padding-left:5px;}
.hp-col.news ul li img{float:left;margin-right:20px;}

/*  HRAJ  */
.hp-col.news ul li .play{width:65px;min-height:14px;float:right;clear:right;padding-top:2px;background:url(../img/hp-col_news-ul-li-play.png) center top no-repeat;text-align:center;text-transform:uppercase;text-decoration:none;font-size:0.9em;}

/*  BANNER NA UVODNI STRANCE  --------------------------------- */
.hp-banner{width:481px;height:309px;float:right;position:relative;margin-bottom:23px;border:1px solid #010101;}
.hp-banner p{width:454px;position:absolute;left:0;bottom:0;padding:13px 10px 16px 17px;background:#999;line-height:140%;text-transform:uppercase;font-size:1.2em;color:#fff;}
.hp-banner p strong{font-size:1.4em;font-weight:normal;}
.hp-banner p a{display:inline-block;margin:4px 0 0 7px;vertical-align:bottom;font-weight:bold;font-size:1.1em;text-decoration:none}

/* --------------------------------------------------------------------------------------------
    LOGO SLIDER
-------------------------------------------------------------------------------------------- */

.logos,.logos .slides-c,.logos .slides-s,.logos .slides-s li{width:958px;height:82px;position:relative;overflow:hidden;}
.logos{margin-bottom:15px;border:2px solid #d1d1d1;}
.logos .slides-s,.logos .slides-s li{width:880px !important;}
.logos .slides-s{margin:10px 0 0 38px;}

/*  LOGA  ----------------- */
.logos img{padding:0 18px;background:url(../img/logos-img.gif) right 2px no-repeat;}
.logos img.first{padding-left:40px;}
.logos .last img.first {padding-left:200px}
.logos img.last{padding-right:10px;background:transparent;}

/*  SIPKY  ----------------- */
.logos .arrow, .logos .arrow span{width:38px;height:81px}
.logos .arrow{width:38px;height:81px;position:absolute;top:0;z-index:10;}
.logos .arrow span{background-image:url('../img/logos-arrow-span.gif');}
.logos .arrow.prev{left:0;}
.logos .arrow.next{right:0;}
.logos .arrow.prev span{background-position:left top;}
.logos .arrow.next span{background-position:right top;}

/*  STAVY  -------- */
.logos .arrow.prev:hover span{background-position:left bottom;}
.logos .arrow.next:hover span{background-position:right bottom;}

body{position:relative;}
.overlay{position:absolute;top:0;left:0;z-index:9999;opacity:0.3;filter:alpha(opacity=30);display:none;}

/* --------------------------------------------------------------------------------------------
    PATICKA
-------------------------------------------------------------------------------------------- */
.footer {color:#939296;margin-bottom:100px;overflow:hidden;padding-bottom:10px}
.footer .in {background:#eef6f9;color:#000;padding:10px 10px 10px 40px;width:912px;overflow:hidden;margin-bottom:5px}
.footer .in h3 {float:left;padding:15px 0 0 0;font-weight: bolder;font-size:1.3em;line-height:130%}
.footer a {color:#939296;text-decoration:underline !important;}
.footer a:hover, .footer a.ac {color:#ff6205}
/*.footer .in .tw,*/ .footer .in .fb {width:71px;height:72px;text-indent:-100px;float:left;margin:10px 10px 10px 20px}
/*.footer .in .tw span,*/ .footer .in .fb span {background:url('../img/icons/twitter_b.png') no-repeat;width:71px;height:72px;}
.footer .in .fb span {background:url('../img/icons/facebook_b.png') no-repeat;}
.footer .in .download, .hp-banner .download  {background:#ff6205;font-family: Tw, Agency, Calibri, sans-serif;color:#fff;font-size:1.2em;padding:7px 10px;text-decoration:none !important;font-weight:normal;position:relative; top:10px}
.footer .in .download:hover, .hp-banner .download:hover {opacity:0.6;filter:alpha(opacity=60);}
.hp-banner .download {top:5px}
.footer .in .fb {margin:10px 180px 10px 10px}
.footer .links {float:right;margin-top:-12px}
.footer .links li {float:left;padding-right:5px;margin:0 3px;border-right:1px solid #939296}
.footer .links li.last {border:0}

/* --------------------------------------------------------------------------------------------
    PODSTRANKY
-------------------------------------------------------------------------------------------- */
#content {width:962px;overflow:hidden;background: url(../img/background.jpg) no-repeat;clear:left;}
.in-con {background:url('../img/line.jpg') no-repeat center bottom;overflow:hidden;padding-bottom:20px;margin-bottom:20px;width:962px}
.in-con2 {overflow:hidden;padding-left:20px;margin-bottom:10px;width:962px}
.in-con3 {background:url('../img/line.jpg') no-repeat center bottom;overflow:hidden;padding-bottom:0;margin-bottom:20px;width:962px}
h2.title, h1.title{font-size: 2.5em; font-weight: bold; margin-left: 25px;  margin-bottom: 40px; margin-top: 22px;}

#content h2, #content h1{font-size: 2.5em; font-weight: bold; margin-left: 20px; float: left; margin-bottom: 30px; }
#content .od{margin-top: 22px;}

/*  CHART + SEARCH --------------------------------- */
.chart div.week{float: right; font-size: 1.5em; padding-top: 13px; width: 215px;}
.chart .albums{margin-left: 28px; margin-top: 23px;width: 900px;}
.albums .album{width: 121px; height: 130px; float: left; padding-right: 72px; padding-bottom: 39px; display:inline;} /*puvodni hodnoty: width 117 ,padding right 69*/
.albums .album span {float:left; display:inline;}
.albums .posledni {padding-right: 0px;}
.albums .album img{border: solid 2px #58a8c1; float: right;}
.albums .album p{width: 107px; margin-left: 13px; margin-top: 10px;}

/*  DETAIL NEWS  --------------------------------- */
.detail_news .full_new{width: 593px; float: left; margin-left: 25px;} 
.detail_news .full_new .date_and_author{margin-bottom: 15px;font-weight: bolder;}
.detail_news .full_new .date_and_author span{float: right;}
.detail_news .full_new p{padding-bottom: 15px; line-height: 18px;}
.detail_news .full_new img.left{float: left; margin-right: 10px; margin-bottom: 13px; }
.detail_news .full_new img.right{float: right; margin-right: 10px; margin-bottom: 13px; }
.detail_news .full_new img.center {margin-bottom:20px}
.detail_news .full_new .social_network{float: left;}
.detail_news .full_new .prew_next_new{float: right;}
.detail_news .full_new h3 {font-size:1.4em;font-weight: bolder;}
.detail_news .full_new ul {list-style:disc inside;padding:10px;}
.detail_news .full_new ul li {list-style:inside;line-height:150%}
.detail_news .full_new .link-a {display:block;clear:left;margin-top:5px}

.detail_news .related_news{width: 319px; float: right;}
.detail_news .related_news h2{background: #58a8c1;font-family: Tw; color: #fff; font-size: 2.5em; padding: 8px;margin:0 !important;float:none !important;font-weight: normal !important}
.detail_news .related_news{border-left: solid 2px #58a8c1;}
.detail_news .related_news h3{font-size: 1.5em; font-weight: bold;}
.detail_news .related_news h3 a {color:#000;text-decoration:none;}
.detail_news .related_news h3 a:hover {text-decoration:underline}
.detail_news .related_news .new{width: 277px; margin-left: 20px; margin-top: 20px;border-bottom:2px dotted grey;padding-bottom:20px}
.detail_news .related_news .new p{margin-top: 20px; margin-bottom: 24px;line-height:130%}
.detail_news .related_news .new .related_social_network{float: right;}



#content .hp-col h2 {margin:0;font-size:1.7em;float:none;font-weight: normal}

/*  NEWS  --------------------------------- */
.news {width:962px;float:left;background:url('../img/bg-news.png') repeat-y center;}
.in-news {background:url('../img/bila.png') repeat-x;width:962px;float:left}
.news .hp-col {margin-left:0}
.paging {padding-left:10px;clear:left}
.paging a {background:#58a8c1;border-radius:5px;color:#fff;padding:7px;text-decoration:none;display:block;width:16px;text-align:center;font-weight: bolder;font-size:1.1em}
.paging a.prev, .news .hp-col .paging a.next {font-size:0.9;width:auto;font-weight: normal}
.paging a:hover, .news .hp-col .paging a.active {background:#ff6205;}
.paging li {float:left;margin-right:3px}
.news .second {padding-left:6px;}
.news .second .album{width: 105px; height: 130px; float: left; margin:10px 32px; padding-bottom: 19px; display:inline;} /*puvodni hodnoty: width 117 ,padding right 69*/
.news .second .album img{border: solid 2px #58a8c1; float: right;}
.news .second .album p{width: 110px;  margin-top: 10px;}
.news .second .treti {margin-right:0;}


/*  REGISTRATION  --------------------------------- */
.register .info {background:url('../img/icons/info.png') no-repeat;color:#999;padding:10px 5px 12px 40px;font-weight: bolder;}
.register .ok-p {background:url('../img/icons/ok.png') no-repeat;display:block;padding:11px 0 12px 40px;display:block;height:10px;font-weight: bolder;color:#63B163;margin-top:-20px;position:relative;bottom:-1px;right:-1px}
.register .error-p {background:url('../img/icons/error.png') no-repeat;padding:11px 0 12px 40px;display:block;height:10px;font-weight: bolder;color:#fe8b3f;}
.register .info em {color:#63B163;font-style:normal;font-size:1em;display:none;}
.register .info .firem {display:inline;color:#999}
.register .info .str  {color:#fe8b3f;display:none}
.register .sem .str, .register .sem  em {display:inline}
.register .sem .firem {display:none}
/*.register .captcha {margin-top:40px}*/
.register table {table-layout:fixed;padding:0 0 20px 20px}
.register table tr td {vertical-align:bottom}
.register input[type="text"], .register input[type="password"] {border:1px solid #999;color:#000;padding:3px;width:294px;margin-right:10px;height:23px }
.register label {color:#000;font-weight: bolder;display:block;padding-top:10px;padding-bottom:4px}
.register label.umailu {padding-bottom:0;margin-bottom:-4px}
.register .sub {background:#ff6205;font-family: Tw;color:#fff;font-size:2em;padding:5px 25px;border:0;margin-bottom:10px;}
.register .sub:hover {opacity:0.6;filter:alpha(opacity=60);}
.register em {font-size:0.9em}
.register .check {display:inline;font-size:1.2em}
.register input[type="checkbox"] {width:auto}
.register .longer {padding-bottom:5px}
.register select {border:1px solid #999;color:#000;padding:3px;width:302px;margin-right:10px}
.register .pov {color:red}


/*  SEARCH  --------------------------------- */
.search-div .paging {display:table;margin:0 auto;font-size:1.1em;padding:0}
.search-div .add-search {float:left; vertical-align:middle; width:962px;}
.search-div .add-search label {color:#010101; float:left; margin-top:3px; width:50px;}
.search-div .add-search label[for="search-inp"] {display:inline; margin-top:3px; margin-left:10px;}
.search-div .add-search label[for="gender"] {display:inline; margin-left:10px;}
.search-div .add-search input {display:inline; float:left; margin-left:10px;}
.search-div .add-search input#search-inp {background:#fff; border:1px solid #000; width:255px; margin-left:0;}
.search-div .add-search input#artist {margin-left:0}
.search-div .add-search input.search-sub {background:#ff6205; color:#fff; border:none; font-weight:bold; padding:3px 0; text-transform:uppercase; width:130px;}
.search-div .add-search select {background:#fff; border:1px solid #000; float:left; margin-bottom:1px; width:200px;}  

.search-div .liner {background:#58a8c1; border-radius:8px; display:inline; float:left; margin-bottom:40px; margin-left:5px; margin-top:8px; padding:10px; width:922px;}  
.search-div .liner P {float:left; margin-top:5px; width:500px;}
.search-div .liner p A {color:#000; font-weight:bold; text-decoration:none;}
.search-div .liner p A:hover {text-decoration:underline;}
.search-div .liner .s-filter {float:right; width:400px;}
.search-div .liner .s-filter LABEL {display:inline; float:left; margin-left:7px; margin-top:6px; margin-right:10px; }
.search-div .liner .s-filter SELECT#sfilter-sel {background:#fff; border:1px solid #000; float:left; margin-top:1px; width:200px;}
.search-div .liner .s-filter INPUT.filt-sub {background:#cfcfcf; border:1px solid #000; color:#000; display:inline; float:left; margin-left:10px; padding:3px 0; width:130px;}

/*  DOWNLOAD  --------------------------------- */
.download .in-con{padding-bottom:9px}
.download p, .product p {font-size:1.1em;font-weight: bolder;line-height:130%;padding:0 20px;}
.download .col1, .download .col2 {width:400px;margin:20px 0 0 0;padding-left:20px;float:left;padding-bottom:60px}
.download .col2 {float:right}
.download .col1 h3, .download .col2 h3 {font-size:1.5em;padding:0 0 10px 0}
.download .col1 p {padding:0}
.download .col1 h4 {font-size:1.3em;background:url('../img/icons/error.png') no-repeat left center;margin-top:10px;padding:10px 0 10px 40px;font-weight: bolder;}
.download .col1 ul {margin:0 0 0 40px;font-weight: bolder;font-size:1.1em;}
.download .col1 ul li {line-height:140%}
.download .col1 .button, .download .col2 .button, .product .col .button, .detail_news .download, .platba .clear-buts .button    {width:186px;font-family: Tw;clear:left;display:block;background:#ff6205;text-align:center;color:#fff;font-size:1.8em;margin:20px 0 0 0;text-decoration:none;padding:7px 0;}
.download .col1 .button:hover,.download .col2 .button:hover, .detail_news .download:hover {opacity:0.6;filter:alpha(opacity=60);}
.download .col2 li .nb, .platba .col1 li .nb {float:left;background:url('../img/icons/nb.gif') no-repeat;font-weight: bolder;width:35px;height:35px;text-align:center;line-height:35px;color:#fff;font-size:1.2em}
.download .col2 li p, .platba .col1 li p {float:left;width:400px;padding:0 0 0 10px;line-height:130%;font-weight: bolder;}
.download .col2 li p em, .platba .col1 li p em {font-size:0.9em}
.download .col2 li, .platba .col1 li {width:450px;padding-bottom:20px;float:left}
.download .col2 {width:450px;min-height:470px;background:url('../img/phone.jpg') no-repeat right bottom;padding-bottom:0}
.download .col2 .star, .platba .col1 .star {float:left;margin-top:230px;font-style:italic}

/*  PRODUCT  --------------------------------- */
.product .col, .platba .col {width:314px;float:left;margin-top:20px}
.product .col h3 {color:#58a8c1;font-size:1.7em;font-weight: bolder;padding:33px 0}
.product .col p {padding:15px 10px 15px 5px}
.product .col1 {margin-left:20px}
.product .col1 h3 {background:url('../img/icons/no-limits.png') no-repeat 200px center}
.product .col2 h3 {background:url('../img/icons/no-ads.png') no-repeat 200px center}
.product .col3 h3 {background:url('../img/icons/no-fees.png') no-repeat 200px center}
.product .col ul li {font-size:1.6em;font-weight: bolder;line-height:130%;background:url('../img/icons/odr.gif') no-repeat left 10px;padding:5px 30px 10px 25px}
.product .col .button {width:200px;font-family: Tw;padding:4px 0 5px 0;font-weight: normal;position:relative;overflow:hidden;cursor:pointer;float:left;margin-left:20px}  
.product .col .button span {display:block;text-align:center;font-size:0.8em}
.product .col .button:hover {opacity:0.7;filter:alpha(opacity=70);}
.product .col .price {font-size:1.8em;color:#58a8c1;display:block;padding: 10px 30px 10px 1px;text-align:left}
.product .col form input[type="submit"] {width:200px;height:48px;cursor:pointer;background:none;opacity:0;filter:alpha(opacity=0);border:0;position:absolute;top:0;left:0}
.product .clear-buts {overflow:hidden;width:100%;float:left;clear:both}
.product .clear-buts .col, .platba .clear-buts .col {margin-top:0}
.product .col .slogan {font-size:1.6em;font-weight: normal;margin-bottom:5px;margin-top:3px;background:#F4FDFF}

.product .following {padding-top:30px;background:url('../img/line.jpg') no-repeat center top;width:962px;overflow:hidden;margin-top:20px;float:left}
.product .following h2 {font-size:1.8em !important}
.product .following ul {margin:0 0 0 30px;font-weight: bolder;font-size:1.1em;clear:left}
.product .following ul li {line-height:140%;width:310px;padding-bottom:20px;float:left}
.product .following li .nb {float:left;width:19px;height:19px;text-align:center;line-height:19px;color:#fff;font-size:1em;border-radius:10px;background:#58A7C1}
.product .following li .or {background:#FF6205}
.product .following li p {float:left;width:260px;padding:0 0 0 10px;line-height:130%;font-weight: normal;font-size:1em}
.product .following li p em {font-size:0.9em}

/*  FAQ  --------------------------------- */
.faq .in-con, .kontakt .in-con {width:942px;padding-left:20px;}
.faq h1, .kontakt h1 {margin-left:0 !important;margin-bottom:10px !important}
.faq h3 {font-size:1.5em;margin:10px 0 10px 0}
.faq ul {list-style:disc;padding:5px 15px 15px 15px}
.faq ul li {padding-left:10px;list-style:inside;line-height:150%}
.faq p {line-height:150%;margin-bottom:20px}
.faq .col {width:30%;padding-right:25px;float:left;}
.faq .col p {text-align:justify}
.faq img {border:3px solid #58A8C1;border-radius:5px;margin-bottom:20px;margin:0 auto 20px auto;width:700px;display:block}
.faq .f-left {margin:0 30px 20px 0;width:auto}
.faq .mar {margin:10px 30px 20px 0}
.faq .f-right {margin:25px 0 20px 30px;width:auto}
.faq .tip {line-height:150%;display:block;padding-top:25px;font-weight: normal}
.faq .tip span {font-weight: bolder;}
.faq h2.ufaq {font-size:1.7em !important;margin-left:0 !important;margin-bottom:10px !important;display:block;float:none !important}
.faq h4 {font-size:1.3em;margin-bottom:5px}
.faq strong {line-height:140%}


/*  KONTAKT  --------------------------------- */
.kontakt address {line-height:150%}
.kontakt .sub {background:#ff6225;color:#fff;width:140px;font-family:Tw, sans-serif;text-align:center; border:0;font-size:1.5em;padding:10px}

/*  PLATBA --------------------------------- */
.platba .col1 {width:350px;min-height:auto !important;margin-right:10px;padding-bottom:0 !important}
.platba .col1 ul {clear:left;float:left}
.platba .col1 li {width:300px;font-size:0.9em;}
.platba .col1 li.last {padding-bottom:5px}
.platba .col1 li p {width:240px;padding-left:10px;float:left}
.platba .col1 p {padding:0 20px 10px 20px}
.platba .button {margin-left:-20px;position:relative;clear:both;float:right;}
.platba .star {margin-top:40px !important;line-height:140%;font-size:0.9em;clear:both;width:350px;display:block}
.platba .col2 .star {margin-top:145px !important;width:550px;display:block}
.platba .col2{background:none;float:left;width:550px;min-height:100px !important}
.platba .col2 .button {float:left;margin-left:20px;margin-top:20px;}
.platba .col2 .grey {background:#bbb;cursor:help}
.platba .price {font-size:1.3em;float:left}
.platba .col2 .credit-card, .platba .col2 .next {float:left;}
.product .clear-buts .col, .platba .clear-buts .col1, .platba .clear-buts .col2 {margin-top:0 !important;padding-bottom:0 !important}
.platba .col2 img.pu:hover, .platba .col2 .one:hover {opacity:0.7;filter:alpha(opacity=70);}
.platba .div-card {float:left;;width:130px;margin:-30px 0px 0 130px}
.platba .second {margin:-30px 0px 0 50px}
.platba .clear-buts {overflow:hidden;width:100%;float:left;clear:both;padding-bottom:20px}
.prechod ul.vyhody {margin-top:0;margin-left:20px}
.prechod ul.vyhody li {background:url('../img/icons/error.png') no-repeat left 3px;padding:12px 20px 13px 40px;margin-bottom:3px}
.prechod ul.vyhody li.last {padding:12px 20px 13px 40px}



/*  PARTNER DATART --------------------------------- */
.datart .head-datart {background:#001149; float:left; margin-bottom:2px; width:50%;}
.datart .head-mjet {background:#fff; float:left; width:50%;}
.datart .head-datart .logo {margin-left:10px;}
.head-mjet .logo {display:inline; float:right; margin-right:10px;}
/*  OBSAH PODSTRÁNKY PARTNERA --------- */
.datart #content {background: url('../img/background-datart.jpg') no-repeat;}
.datart .in-con {background:url('../img/line-datart.jpg') no-repeat center bottom;}
.datart .partner .in-con {padding-top:20px;}
.datart .in-con h1.done {margin:10px; padding-left:150px;}
.datart .in-con h1.done2 {line-height:120%; margin:10px; padding-bottom:5px; text-align:center; width:100%;}
.datart .partner a {color:#001149;}
.datart .partner a:hover {color:#eda804;}
.datart .partner p.normal {font-size:1.1em; font-weight:normal; line-height:130%; padding:20px 20px; padding-bottom:0;}
.datart .partner p.normal2 {font-size:1.1em; font-weight:normal; line-height:130%; padding:10px 0; padding-bottom:0;}
/*  POSTUP REGISTRACE --------- */
.datart .switch {float:left; display:inline; margin:50px 0 30px 170px; width:750px;}
.datart .switch li {background:url('../img/sw-arrow.jpg') no-repeat right center; float:left; margin-right:18px; padding-right:44px;}           
.datart .switch li.last {background:#fff; margin-right:0; padding-right:0;}
.datart .switch li a {background:no-repeat; color:#fff; float:left; font-size:1.2em; font-weight:bold; line-height:20px; padding:27px 20px; padding-bottom:24px; text-align:center; text-decoration:none; text-transform:uppercase; width:123px; }
.datart .switch li a.switch-l {background:#001149 url('../img/switch-l.jpg');}
.datart .switch li a.switch-m {background:#001149 url('../img/switch-m.jpg');}
.datart .switch li a.switch-r {background:#001149 url('../img/switch-r.jpg');}
.datart .switch li a:hover,.datart .switch li a#active {color:#fff; text-decoration:underline;}
/*  FORMULÁR --------- */
.datart .register {float:left; width:100%;}  
.datart .register .info {background:url('../img/icons/info-datart.png') no-repeat;color:#999;padding:10px 5px 12px 40px;font-weight: bolder;}
.datart .register .sub {background:#fbb612;}
.datart .register .sub:hover {background:#001149;}
.datart .register input[type="checkbox"] {clear:left; margin-top:10px; width:auto;}
.datart .register p.agree {width:840px; float:right; line-height:16px; margin-top:12px;}
.datart .register p.agree2 {width:800px; float:right; line-height:16px; margin:12px 8px; margin-bottom:0;}
.datart .download .col1 .button, .datart .download .col2 .button, .datart .product .col .button, .datart .detail_news .download, .datart .platba .clear-buts .button {background:#fbb612;}
.datart .download .col1 .button:hover, .datart .download .col2 .button:hover, .datart .detail_news .download:hover {background:#001149; color:#fff;}
.datart .download .col1 h4 {background:url('../img/icons/error-datart.png') no-repeat left center;}
.datart .download .col2 li .nb, .platba .col1 li .nb {background:url('../img/icons/nb-datart.png') no-repeat 2px 2px;}   


/*  JAK TO FUNGUJE --------------------------------- */
.product .od2 {margin-top: 22px; text-align:center;}
.product .od2 {margin-top: 22px; text-align:center;}
.product .sloup {float:left; width:40%; margin-top:15px; text-align:left; padding-left:20px;}
.product .sloup2 {float:right; width:50%; margin-top:15px; text-align:center;}
.product h3 {font-size:1.5em; margin:20px 0 10px 0; padding:0 0 0 18px;}
.product h4 {font-size:1.2em; font-weight:bold; margin:15px 0 10px 0; padding:0 0 0 18px;}


/*  POUKAZ ----------------------------------------- */
.register FIELDSET {float:left; width:50%;} 
.ukazka {text-align:right; width:100%}
.ukazka IMG {margin:0 auto;}


/*  VYHLEDAVANI HUDBY ------------------------------ */
.music-search {display:block; padding-bottom:20px; margin-left:20px;} 
.music-search input {color:#333; padding:3px;} 
.music-search .ms-sub {background:#ff6205; border:none; color:#fff; font-weight:bold; padding:5px; text-transform:uppercase;}
.music-search .ms-sub:hover {opacity:0.6;filter:alpha(opacity=80);}