body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, form, input, label { padding: 0px; margin: 0px; }
a img { border: 0px; }
body {
  font-family: Arial, Helvetica, sans-serif;
  color: #1A1A1A;
  font-size: 13px;
  line-height: 140%;
  background-color: #EEE;
	height:100%;
  width: 1000px;
  margin: 0px auto;
  margin-top: 5px;
  margin-bottom: 5px;
}

a { color: #007DC9; }
a:hover { color: #000000; }
.tucne { font-weight: bold; }
.m5 { margin: 5px; }
.mb5 { margin-bottom: 5px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 15px; }
.w200 { width: 200px; }
.w300 { width: 300px; }
.center { text-align: center; }
.light, .light a { color: #B3B3B3; font-size: 12px; }
.light a:hover { color: #000000; }
.bgrey { }
.sekce { margin: 20px 0 10px; font-size: 15px; font-weight: bold; }
.clear { clear: both; height: 0px; overflow: hidden;}
.show { display: block; }
.hide { display: none; }
.upper { text-transform: uppercase; }
input { border: 1px solid #8D8D8E; height: 19px; color: #333333; font-size: 12px; line-height: 15px; padding: 2px; }
.button { height: 22px; width: 50px; }
.button:hover { border: 1px solid #007DC9; }
.pmn { display: block; height: 15px; line-height: 15px; }
hr { display: none; }
hr.visible { display: block; height: 1px; background: #E1E1E1; border: none; line-height: 1px; overflow: hidden; }
.red { color: #FF0000; }
.green { color: #00FF00; }
.blue { color: #0000FF; }

.unordered-m-link-list {}
.unordered-m-link-list li { list-style-type: none; padding: 0px; margin: 0px; }
.unordered-m-link-list a { display: block; font-weight: normal !important; color: #666666 !important; background: url(/img/bg-unordered-m-link-list-a.gif) no-repeat left 9px; padding: 4px 0px 4px 12px; }
.unordered-m-link-list a:visited { color: #EEEEEE; background-image: url(/img/bg-unordered-m-link-list-a-visited.gif); }
.unordered-m-link-list a:hover { color: #1991CC !important; }
.unordered-m-link-list .even a { background-color: #F8F8F8; }

#preview { position:absolute; border:1px solid #500; background:#822; padding:5px; display:none; color:#fff; min-width: 200px; }
#preview img { margin-right: 5px; margin-bottom: 5px; }
.preview { position:absolute; border:1px solid #500; background:#822; padding:5px; display:none; color:#fff; min-width: 200px; }
.preview img { margin-right: 5px; margin-bottom: 5px; }
.intos { border-bottom:1px dotted;text-decoration:none;color: #333333;font-weight:bold }
.intos:hover { color: #007DC9 !important; }
.osoba { font-weight:normal; border-bottom: 1px dotted;text-decoration:none; }
.osoba:hover { color: #007DC9 !important; }
.fnaz { border-bottom: 1px dotted;text-decoration:none; }
.fnaz:hover { color: #007DC9 !important; }
 
#obal { position: relative; width: 988px; min-height: 500px; padding: 5px; background: #FFF; box-shadow:2px 2px 5px #aaa; border: 1px solid #ddd; border-bottom: 0px; }
#pocitadla { position:absolute; top:0px; left:0px; width:1px; height:1px; display: block; }
#hlava { position: relative; margin-top: 0px; height: 85px; }
#soutez { float: left; width: 99%; overflow: hidden; font-weight: bold; margin-left: 5px; background: #F8F8F8; padding-left: 5px; }
#soutez a { color: #007DC9; text-decoration: none; }
#soutez a:hover { color: #000; text-decoration: underline; }
#hledat { position: absolute; bottom: -20px; right: 10px; }
#hledat .input { background: url(/images/lupa.png) no-repeat 5px 1px; width: 350px; font-size: 16px; height: 26px; border: 1px solid #cbcbcb; color: #cbcbcb; padding: 0 0 0 30px; }
#hledat .button { width: 80px; font-size: 13px; height: 28px; border: 1px solid #cbcbcb; color: #666; }
#logo { position: absolute; top: 5px; left: 10px; }
#login { position: absolute; top: 5px; right: 10px; text-align: right; }
#leva { float: left; width: 665px; position: relative; margin-top: -2px; margin-left: 5px; margin-bottom: 5px; overflow: hidden; }
#prava { float: right; width: 305px; margin-left: 10px; position: relative; }
.leva { float: left; width: 665px; position: relative; margin-left: 5px; margin-bottom: 5px; border-right: 1px solid #EEE; padding-right: 8px; overflow: hidden; }
.prava { float: right; width: 300px; margin-left: 5px; position: relative; }
.prava h2 { color: #007DC9; font-size: 20px; font-weight: normal; margin: 30px 0 10px 10px; text-shadow:1px 1px 2px #fa8; }
.prava li { list-style-type: none; display: block; }
.prava h3 { background-color: #007DC9; color: #FFF; padding: 3px 5px 3px 5px; margin-top: 10px; font-size: 13px; }
.prava h3 small { float: right; display: block; font-weight: normal; }
.prava h3 a { background-color: #007DC9; color: #FFF; text-decoration: none; }
.prava h3 a:hover { color: #000000; }
#menu { height: 45px; margin-left: 5px; margin-bottom: 5px; }
#menu li { list-style-type: none; float: left; position: relative; font-size: 13px; }
#menu li,
#menu a { display: block; height: 15px; padding: 2px 5px 2px 0px; text-transform: uppercase; font-weight: bold; }
#menu a.act { color: #000000; text-decoration: none; }
#menu ul li div { visibility: hidden; position: absolute; left: -5px; top: 21px; background: #F8F8F8; padding: 5px; font-size: 12px; }
#menu ul li div { white-space: nowrap; }
#menu ul li div a { display: inline; padding-right: 6px; }
#menu ul li div a:hover,
#menu ul li div a.act { color: #000; }
#menu ul li:hover div,
#menu ul li div.vis { visibility: visible; }

#topstory { position: relative; padding: 0 0 8px 0; font-size: 17px; line-height: 120%; }
div#topstory:hover { background: #FAFAFA; }
#topstory h1 { font-size: 21px; margin-bottom: 10px; line-height: 120%; }
#topstory div img { width: 300px; }
#topstory .tsl { float:left; width: 300px; }
#topstory .tsr { float:right; width: 345px; }
#topstory img { width: 665px; height: 284px; }
#topstory b { position: absolute; top: 5px; left: 5px; font-size: 18px; background: #FFF; padding: 5px; line-height: 110%; font-weight: bold; color: #000; }

#clanky { position: relative; height: 460px; width: 665px; overflow:hidden; }
.clanek { font-size: 14px; overflow: hidden; width: 665px; position: relative; border-top: 1px solid #eee; padding: 7px 0px 7px 0px; }
div.clanek:hover { background: #FAFAFA; }
.clanek a.nadpis { display: block; font-size: 17px; font-weight: bold; margin-bottom: 5px; line-height: 120%; }
.clanek .cll { float:left; width: 133px; height: 100px; }
.clanek .cll img { margin-right: 5px; float: left; box-shadow: 2px 2px 2px #888; }
.clanek .clr { float:right; width: 520px; }
.clanek b { position: absolute; top: 8px; left: 1px; font-size: 13px; background: #FFF; padding: 2px; line-height: 10px; font-weight: bold; color: #000; }
.comment { background: url('/images/comment.gif') no-repeat top left; padding-left: 25px; position: absolute; bottom: 5px; right: 5px; height: 20px; }

#neprehlednete { position: relative; height: 460px; width: 700px; }
.nepreh div { float: left; width: 340px; height: 222px; margin: 5px; position: relative; }
.nepreh div img { }
.nepreh div a.nadpis { position: absolute; bottom: 27px; left: 5px; background: #007DC9; color: #FFFFFF; margin-right: 5px; font-size: 19px; padding: 2px; line-height: 22px; opacity: 0.9; }
.nepreh div a.dalsi { position: absolute; width: 335px; bottom: 0px; left: 0px; background: #C6C6C6; color: #FFFFFF; text-align: right; padding-right: 5px; font-weight: bold; font-size: 12px; text-transform: uppercase; }

#tema { position: relative; height: 240px; width: 700px; }
#rubriky { position: relative; height: 230px; width: 700px; }
.rubr div { float: left; width: 340px; height: 222px; margin: 5px; margin-top: 0px; position: relative; }
.rubr div img { }
.rubr div a.nadpis { position: absolute; bottom: 27px; left: 5px; background: #007DC9; color: #FFFFFF; margin-right: 5px; font-size: 19px; padding: 2px; line-height: 22px; opacity: 0.9; }
.rubr div a.dalsi { position: absolute; width: 335px; bottom: 0px; left: 0px; background: #C6C6C6; color: #FFFFFF; text-align: right; padding-right: 5px; font-weight: bold; font-size: 12px; text-transform: uppercase; }
#blogy { position: relative; height: 350px; width: 700px; }

.tabo { position: relative; height: 550px; width: 265px; }
.tabs { background: #C6C6C6; padding: 5px; }
.tabs a { color: #F0F0F0; padding-right: 6px; font-weight: bold; }
.tabs a:hover,
.tabs a.act { color: #F0F0F0; text-decoration: none; }
.kalbox { overflow: hidden; font-size: 15px; padding: 4px; position: relative; }
.kalbox a { font-size: 14px; font-weight: bold; display: block; margin-bottom: 2px; }
.kalbox img { float: left; margin: 0 10px 0 0; width: 50px; height: 70px; }
.kalbox .star { margin-top: 2px; }
.kalbox .star img { height: 17px; width: 80px; }
.kalbox .rezie a { color: #BBBBBB; }
.kalpre { text-align: right; position: absolute; bottom: 0px; right: 5px; }

#trailery { position: relative; width: 300px; overflow: hidden; }
.trailer { font-size: 14px; text-align: center; }
.trailer a { font-weight: bold; }

#psali { position: relative; width: 265px; margin-top: -5px; }
.psali { font-size: 12px; }
.psali a.nadpis { font-weight: bold; display: block; width: 260px; line-height: 15px; }

.slidik { position: absolute; top: 0px; left: 0px; display: none; width: 100%; height: 100%; }
.navslidik { height: 20px; position: relative; }
.navslidik img { cursor: pointer; display: inline-block; width: 14px; height: 13px; margin: 0 2px 0 2px; }
.dotb { background: url(/images/dotb.png); }
.dotr { background: url(/images/dotred.png); }
.dotg { background: url(/images/dotgrey.png); }

.sipkals { position: absolute; margin-left: -30px; display: inline-block; width: 30px; height: 15px; background: url(/images/sipkals.png) top left no-repeat; cursor: pointer; }
.sipkars { position: absolute; display: inline-block; width: 30px; height: 15px; background: url(/images/sipkars.png) top right no-repeat; cursor: pointer; }
.sipkals:hover { background: url(/images/sipkalsb.png) top left no-repeat; }
.sipkars:hover { background: url(/images/sipkarsb.png) top right no-repeat; }

#temata { position: relative; height: 300px; }
.tema { height: 71px; overflow: hidden; margin-bottom: 5px; }
.tema img { float: left; margin-right: 5px; width: 100px; height: 70px; }
.tema a { font-weight: bold; font-size: 15px; }

.foto { height: 71px; overflow: hidden; margin-bottom: 5px; }
.foto img { float: left; margin-right: 5px; width: 80px; height: 80px; }
.foto a { font-weight: bold; font-size: 15px; }

a.nadpis span { text-transform: uppercase; }

/* OBSAH */
.stred { }
.stred h1 { font-size: 22px; margin: 0 0 5px 0; line-height: 120%; color: #007DC9; }
.stred .autor { margin-bottom: 5px; }
.stred .perex { font-size: 19px; line-height: 25px; padding-bottom: 1em; }
.stred ul,
.stred ol,
.stred li { margin-left: 15px; }
.stred .text { font-size: 16px; letter-spacing: 0px; line-height: 25px; margin-left: 0px; }
.stred .text a { color: #333333; }
.stred .text a:hover { color: #007DC9 !important; }
.stred .text div small { font-size: 11px; }
.recenze { position: relative; width: 735px; margin-bottom: 10px; }
.recenze .item { position: relative; float: left; overflow:hidden; width: 178px; margin-right:2px; }
.recenze .item div { width:300px; }
.recenze .item img { margin-right: 2px; float: left; }
.recenze .item b { position: absolute; top: 1px; left: 1px; font-size: 12px; background: #EFEFEF; padding: 2px; line-height: 10px; font-weight: bold; filter:alpha(opacity=80); opacity: 0.8; }
.recenze .dalsi { position: absolute; bottom: -10px; right: 5px; font-size: 11px; }
.oblast { position: relative; }
.oblast img { padding: 0 3px 3px 0; }
.oblast b { position: absolute; top: 1px; left: 1px; font-size: 13px; background: #EFEFEF; padding: 2px; line-height: 10px; font-weight: bold; filter:alpha(opacity=80); opacity: 0.8; color: #000000; }
.oblast .notes { font-size: 12px; font-weight: normal; }
.odkazy { display:block;width:99%;height:22px;background:#EFEFEF;padding:5px 2px 3px 2px;text-align:center;}
.odkazy a { text-decoration:none;}
.obra { margin: 6px; }
.galerie { width: 380px; height: 140px; float: left; text-align: center; }
.galerie img { margin-right: 5px; width: 120px; height: 120px; }
.sdilet { width: 250px; float: right; border:0px dotted #FEFEEE; margin-bottom: 5px; }
.fb-bottom { float: left; margin: 0px; width: 90px; margin-left: 10px; }
.tw-bottom { float: left; margin: 0px; width: 70px; }
.one-plus-bottom 	{ float: left; margin: 0px; }
.vpl { position: relative; width: 480px; height: 360px; margin-bottom: 4px; }
.vplarr { position: absolute; top: 0px; left: 0px; opacity:0.7; filter:alpha(opacity=70); }
.vplt { position: absolute; bottom: 0px; left: 0px; font-size: 10px; line-height: 10px; color: white; font-weight: bold; text-align: center; background-color: black; }
#videa a { text-decoration: none; }
#videa { position: relative; width: 160px; height: 120px; overflow: hidden; left: 80px; }
.video { font-size: 14px; }
.video a { font-weight: bold; }
.maxis { text-align: center; }
.maxis img { cursor: pointer; }
.loader.loading { background: white url('/js/images/ui-anim_basic_16x16.gif') center center no-repeat; }
#minis { position: relative; height: 70px; text-align: center; overflow:hidden; }
#nav-minis { }
.kaltyp a { color: #B3B3B3; text-decoration: none; }
.kaltyp a:hover { color: #000000; }
/* grey */
.infobox1 { background-color: #ECECEC; color: #666666; padding: 10px; width: 97%; margin-bottom: 20px; font-size: 15px; line-height: 120%; border-radius: 5px; box-shadow: 2px 2px 2px #aaa; }
.infobox1 h2 { margin: 5px 0 10px 0; }
.infobox1 h2 span { font-size: 15px; background: #929292; padding: 5px; color: #FFF; border-radius: 5px; line-height: 130%; }
/* blue */
.infobox2 { background-color: #E2F2FA; color: #00689F; padding: 10px; width: 97%; margin-bottom: 20px; font-size: 15px; line-height: 120%; border-radius: 5px; box-shadow: 2px 2px 2px #aaa; }
.infobox2 h2 { margin: 5px 0 10px 0; }
.infobox2 h2 span { font-size: 15px; background: #0084C2; padding: 5px; color: #FFF; border-radius: 5px; line-height: 130%; }
/* yellow */
.infobox3 { background-color: #FAFAEA; color: #D9C123; padding: 10px; width: 97%; margin-bottom: 20px; font-size: 15px; line-height: 120%; border-radius: 5px; box-shadow: 2px 2px 2px #aaa; }
.infobox3 h2 { margin: 5px 0 10px 0; }
.infobox3 h2 span { font-size: 15px; background: #D9C123; padding: 5px; color: #FFF; border-radius: 5px; line-height: 130%; }
/* orange */
.infobox4 { background-color: #FAF2E2; color: #F79700; padding: 10px; width: 97%; margin-bottom: 20px; font-size: 15px; line-height: 120%; border-radius: 5px; box-shadow: 2px 2px 2px #aaa; }
.infobox4 h2 { margin: 5px 0 10px 0; }
.infobox4 h2 span { font-size: 15px; background: #F79700; padding: 5px; color: #FFF; border-radius: 5px; line-height: 130%; }
/* light blue */
.infobox5 { background-color: #E2F2FA; color: #3FAADC; padding: 10px; width: 97%; margin-bottom: 20px; font-size: 15px; line-height: 120%; border-radius: 5px; box-shadow: 2px 2px 2px #aaa; }
.infobox5 h2 { margin: 5px 0 10px 0; }
.infobox5 h2 span { font-size: 15px; background: #3FAADC; padding: 5px; color: #FFF; border-radius: 5px; line-height: 130%; }
/* a/v hodnoceni */
.vpl b { position: absolute; top: 1px; left: 1px; font-size: 25px; background: #EFEFEF; padding: 4px; font-weight: normal; filter:alpha(opacity=80); opacity: 0.8; }

/* RECENZE */
.cd-box { background-color: #E2F2FA; padding: 5px; margin-bottom: 10px; border-radius: 5px; box-shadow: 2px 2px 2px #aaa; }
.cd-box .img, .stred .img { position: relative; display: block; margin: 0px; padding: 5px; width: 255px; overflow: hidden; float: left; }
.cd-box .img img, .stred .img img { box-shadow: 2px 2px 2px #888; }
.cd-box .img b, .stred .img b { position: absolute; top: 1px; left: 1px; font-size: 20px; background: #EFEFEF; padding: 4px; line-height: 15px; font-weight: normal; filter:alpha(opacity=80); opacity: 0.8; }
.cd-box .text { margin-left: 255px; }
.cd-box .text-content { padding: 6px 5px 6px 0px; }
.cd-box p { padding-left: 6px; padding-right: 6px; padding-bottom: 0.2em !important; line-height: 160% !important; }
.cd-box .cd-title, .cd-box h2 { font-size: 16px; color: #333333; font-weight: bold; padding-top: 6px; padding-bottom: 0px !important; margin-bottom: 5px; }
.cd-box .clear { height: 0px; }
.naprvni { margin: 10px 0 5px 0; padding: 0 5px 8px 5px; border: 1px solid #CC0000; }
.naprvni h2 { display: inline-block; background: #CC0000; margin: 0 -5px 0 -5px; padding: 5px; color: #EFEFEF; }

/* AUTORI */
.autor-blok { position:relative; margin: 10px 0 5px 0; padding: 0; border: 5px solid #FEFEFE; background: #FEFEFE; color: #000000; }
.autor-blok h2 { font-size: 13px; display: inline-block; margin: 0 0 5px 0; padding: 5px; background: #666666; color: #FFFFFF; }
.aautor-blok div { position: absolute; left: 5px; top: 30px; height:0px; width:0px; border-right:10px dashed transparent; border-top:10px solid #AB0000; }

#pata { width: 968px; padding: 15px; background: #585858; color: #FFFFFF; position: relative; box-shadow:2px 2px 5px #aaa; border: 1px solid #585858; }
#pata a { color: white; }
#pata a:hover { text-decoration: none; background: #FFFFFF; color: #000000; }
#pata p { font-weight: bold; font-size: 15px; margin-bottom: 10px; }
#pata .menu { float: left; width: 95px; height: 200px; margin-right: 22px; }
#pata .menu a { display: block; text-decoration: none; border-top: 1px dotted #FFFFFF; }
#pata .menu a:hover { background-color: #FFFFFF; color: #000000; }

.ui-menu .ui-menu-item a { text-align: left; padding: 0px; }
.ui-widget-content { border: 1px solid #FF8888; }
.ui-autocomplete-loading { background: white url('/js/images/ui-anim_basic_16x16.gif') right center no-repeat; }

/* REKLAMA */
/*
#advhead { background: gray; width: 750px; height: 100px; margin-right: 10px; float: left; }
#advmini { background: gray; width: 240px; height: 100px; float: right; }
*/
#advtop { width: 728px; height: 90px; float: left; }
#advmini { margin-bottom: 5px; margin-right: 4px; width: 275px; height: 90px; overflow: hidden; float: right; }
#adv300 { width: 300px; height: 300px; margin-bottom: 4px; }
#banner-sky { position: absolute; margin-left: 1010px; margin-top: -5px; }

.kalvyp { width: 520px; float: right; font-size:11px; }
.kalsyn { position: relative; }
.kalone { margin: 2px; padding: 2px; height: 80px; overflow: hidden; background-color: #F5F5F5; }
.kalone img { float: left; width: 50px; padding: 4px; }

/* PREMIERA TYDNE */
.premtyd { position:relative; padding: 5px 5px 5px 0; }
.premtyd .obal { margin-right: 5px;box-shadow:2px 2px 2px #aaa; }
.premtyd p { line-height:110%; }
.premtyd b { position: absolute; top: 8px; left: 1px; font-size: 13px; background: #FFF; padding: 2px; line-height: 10px; font-weight: bold; color: #000; }

/* NAZORY */

#nazory { position: relative; }
#nazory .block-content {  }
#nazor-form { background: #EFEFEF; padding: 10px; }
#nazory h2 { font-size: 16px; margin: 0 0 10px 0; }
#nazory .feedback { display: none; position: absolute; top: 50px; left: 50px; width: 550px; padding: 50px 0 50px 0; border: 1px solid #888; background: #fff; text-align: center; font-weight: bold; }
 
/* FORM */
#nazory form * { color: #000000; font-family: Arial, Helvetica,sans-serif; font-size: 12px; }
#nazory form .input { height: auto; width: 235px; }
#nazory form .input,
#nazory form textarea { border: 1px solid #A7A6AA; padding: 4px;}
#nazory form input { vertical-align: middle; }
#nazory form label { font-weight: bold; width: 53px; display: block;float: left; line-height: 25px;  }
#nazory form p { clear: both; padding: 3px 0 5px 0; font-size: 11px; }

/* FORM FIELDS */
#nazory form .form-field-name { margin-right: 31px; }
#nazory form .form-field-name,
#nazory form .form-field-email { float: left; }
#nazory form .form-field-title { padding-top: 5px; }
#nazory form .form-field-title .input { width: 564px; }
#nazory form .form-field-message { padding-top: 5px; }
#nazory form .form-field-message textarea { width: 564px; height:100px; overflow: auto; }
#nazory form .form-field-antispam { padding: 6px; padding-bottom: 0px;text-align: center; background-color: #DDDDFF; font-size: 12px; }
#nazory form .form-field-antispam .input { width: 42px; margin-left:10px; }
#nazory form .form-field-antispam .note { font-size: 11px;line-height: 20px; }
#nazory form .form-buttons { position: relative; height: 35px; }
#nazory form .form-buttons input { background: none; border: none; height: auto; padding: 0px; margin: 0px; font-size: 11px; text-transform: uppercase; text-align: center; line-height: 100%; }
#nazory form .form-buttons .button-reset { background: #FFFFFF; width: 125px; padding: 5px 0 5px 0; color: #333333; position: absolute; top: 10px; left: 10px;  }
#nazory form .form-buttons .button-submit { background: #007DC9; width: 130px; font-weight: bold; color: #FFFFFF; padding: 5px 0 5px 0; position: absolute; top: 10px; right: 10px;  }
#nazory form .form-buttons .button-reset:hover { color: #007DC9 !important; }
#nazory form .form-buttons .button-submit:hover { color: #000000; }

/* REAKCE */
#reakce { position:relative; padding: 0px; margin: 0px; width: 650px; padding-top: 10px; left: 0px; }
#reakce li { position:relative; list-style: none; padding: 0px; margin: 0px; }
#reakce li ul { margin-left: 15px; }
#reakce p { padding: 0px; margin: 0px; }
#reakce .answer { background: #666666; padding: 3px 8px 4px 8px; line-height: 100%; font-size: 11px; color: #FFFFFF; text-decoration: none; position: absolute; top: 3px; right: 3px; }
#reakce a.answer:hover { background: #CC0000; }
#reakce li .info { background-color:  #E4E4E4; position: relative; line-height: 16px; padding: 4px 80px 4px 10px; }
#reakce li .text { font-size: 14px; line-height: 120%; padding: 5px 10px 5px 10px; }

#sdilec { position: fixed; top: 0px; left: 0px; width: 100%; text-align: center; z-index:99; display:none; }
#sdilec .souter { width: 980px; margin: 0px auto; }
#sdilec .sinner { width: 657px; height: 30px; background: #4488FF; color: #FFF; padding: 5px; border-radius: 0px 0px 8px 8px; text-align: left; font-weight: bold; box-shadow:2px 2px 5px #000; }

#paging .next { float: right; }
#paging .previous { float: left; }

#bonton a {
 position:absolute;
 bottom:5px;
 right:5px;
 display: block;
 padding-left: 10px;
 padding-right: 10px;
 height: 28px;
 line-height: 28px;
 background-color: white;
 color: #F35A5A;
 font-weight: bold;
 text-align: center;
 text-decoration: none;
 font-size: 12px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
/*
 background-image: -webkit-gradient(linear, top, bottom, from(#6666F3), to(#514EF0));
 background-image: -webkit-linear-gradient(top, #6666F3, #514EF0);
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6666F3), color-stop(100%,#514EF0));
 background-image: -moz-linear-gradient(top, #6666F3, #514EF0);
 background-image: -ms-linear-gradient(top, #6666F3, #514EF0);
 background-image: -o-linear-gradient(top, #6666F3, #514EF0);
 background-image: linear-gradient(top, #6666F3, #514EF0);
*/
}
#bonton a:hover {
 background-color: #F35A5A;
 color: white;
}

#xpl a {
 position:absolute;
 bottom:5px;
 right:175px;
 display: block;
 padding-left: 10px;
 padding-right: 10px;
 height: 28px;
 line-height: 28px;
 background-color: white;
 color: #007DC9;
 font-weight: bold;
 text-align: center;
 text-decoration: none;
 font-size: 12px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
}
#xpl a:hover {
 background-color: #007DC9;
 color: white;
}

.upout {
 position: relative;
 width: 300px;
 height: 90px;
 margin-bottom: 7px;
}
.upout span {
 display: block;
 position: absolute;
 bottom: 1px;
 left: 1px;
 padding: 2px 4px 0px 4px;
 width: 290px;
/* opacity: 0.7; */
 background-color: rgba(255,255,255,0.8);
 color: #000;
 font-weight: bold;
 font-size: 12px;
/* text-shadow: 1px 1px #fff; */
}