ÿþ/* CSS Document 4 mobil.popronshow.cz */



* {margin:0; padding:0;}



html, body, form {height:100%; }

form#searchForm{display:none;}



body {

  background:white;   

  font-family: Arial CE, Arial, Verdana CE, Verdana, Helvetica, Sans Serif;

  font-size:small;  

  background: url(../images/body_bg.gif);

  text-align:center; 

}



* html body {

  font-size:x-small;

  f\ont-size:small;  

}



h4 {margin: 0.5em; font-size:100%;}

p {margin: 0.5em; font-size:90%;}

ol {margin:0 0 0.5em 2em;}





/* ***** layout ***** */

#master {

 

}

form#Default {  background: white url(../images/master_bg.gif) repeat-y; margin:0 auto; width:758px; min-height:100%; 

  height:100%; width:758px; 

  margin: 0 auto; 

  text-align: left; 

  color: #004A80; 

  position:relative;

  }



body>#master {height:auto;}



#header {width:746px; height:98px; background: url(../images/header_bg.gif) no-repeat; margin-left:6px;}

a#logo{display:block; width:292px; height:88px; background: url(../images/logo.gif) no-repeat; float:right; margin: 7px 4px 0 0; text-decoration: none;}



#left {width:142px; float:left; margin-left:6px; _margin-left:3px; }

#left h2 {background: #00BDF2 url(../images/menu_sipka.gif) no-repeat 0.5em 0.6em; padding-left: 20px; color:white; font-size:100%; height:22px; line-height:22px; text-transform: uppercase; border-top:1px solid white; border-right:1px solid white; }

#content { background: url(../images/master_bg2.gif) repeat-y; border:0px solid green; }

#right {width:602px; float:left; border-left:1px solid #f26e00;  }

#footer {

  background: white url(../images/footer_bg.gif) repeat-y; 

 /* clear:both; */

  width:758px; 

  height:25px; 

  line-height:25px; 

  text-align: right; 

}

  

.phonek {background: url(../images/phonek_bg.gif) no-repeat; width:142px; height:206px;}

/* ***** /layout *** */



/* ***** menu ***** */

ul#menu {list-style-type: none; border-top:1px solid white; height:auto; }

ul#menu li {height:auto; width:141px; border-bottom:1px solid white; background: url(../images/menu_bg.gif) repeat-x 0 0px; margin:0;}

ul#menu li a {color:#004A80; margin-left:0.5em; text-decoration: none; height:auto; line-height:21px; font-size:90%; display:block;}

ul#menu li a:hover {color:#999999;}

/* ***** / menu ***** */



div.cleaner {clear:both; height:1px; line-height:1px; font-size:1px;padding:0; margin:0;}

span.copy {margin-right:1em;}



/* ****** hp content ******** */

#right h3 {font-size:100%; clear:both;border-left:1px solid white; border-bottom: none; background: #00BDF2; color:white; padding:0.1em 0.5em; margin-top:1em;}

.hp_content {background: #EAF4FF url('../images/blue_grad.gif') repeat-x; border-left:1px solid white; padding-bottom:0.5em; overflow:hidden; border-top:1px solid white; width:100%; height:100%;}

.hp_content ul {list-style-type: none;}

.hp_content ul li {float:left; width:193px; height:65px; margin: 0.5em 0 0 0.5em; _margin: 0.5em 0 0 0.3em; position:relative; border:0px solid red;}

.hp_content ul li img {float:left; margin-right:0.5em;}

.hp_content ul li a {float:left; display:block; width:110px; color:#004A80; font-size:85%; font-weight: bold; text-decoration:none;}

.hp_content ul li a.more {color:#F26E00; display:block;  /*position:absolute; width:40px; bottom:0; right:80px; */text-decoration: underline;}

.hp_content ul li a.more:hover {color:#FFCC00}

/* ****** / hp content ******** */

/* ********* vypis ************ */

#right h1 {font-size:110%; margin:0.5em; border-bottom:1px solid #004A80;}

#right h2 {font-size:100%; margin:0.5em;}

#right ul.vypis {list-style-type: none; margin:0; padding:0;}

#right ul.vypis li {float:left; color:#004A80; width:191px; height:65px; border:0px solid #004A80;}

#right ul.vypis li img {float:left; border:0px solid #004A80; }

#right ul.vypis li div.melody_desc {float:left; width:122px; }

#right ul.vypis li div.melody_desc h3, #right ul.vypis li div.melody_desc h4, #melody_det h3 {width:auto;background:none; font-size:85%; color:#004A80; margin:0; line-height:15px; padding:0; border:none;}

#right ul.vypis li div.melody_desc h4 {font-weight:normal; font-size:80%;}

#right ul.vypis li div.melody_desc a {display:inline; width:auto; height:auto; }

#right ul.vypis li div.ovl {clear:both; padding-top:0.2em;}

#right ul.vypis li div.melody_desc a.play {background: url(../images/play_ico.gif) no-repeat 0 3px; padding-left:13px; color:#F26E00; display:inline; width:50px; text-decoration: underline;}

#right ul.vypis li div.melody_desc a.play:hover, #right ul.vypis li div.melody_desc a.obj:hover {color:#FFCC00;}

#right ul.vypis li div.melody_desc a.obj {background: url(../images/phonek_ico.gif) no-repeat 0 1px; padding-left:10px; color:#F26E00; display:inline; width:40px; text-decoration: underline;}

a.cd {color:#004A80; margin-left:0.5em; background: url("../images/cd_ico.gif") no-repeat 0 2px; padding-left:25px; font-weight: bold;}

a.cd:hover {color:#FFCC00;}

/* ********* / vypis ************ */



/* ************* wall ************* */

#right #wall ul.vypis li {width:96px; height:72px; margin-right:14px; _margin-right:10px; padding:0;}

#right #wall ul.vypis li a {display:block; width:96px; height:72px; padding:0; margin:0;}

#right #wall ul.vypis li img {float:none; border:1px solid white; }

#objednavka_wall {padding:10px; height:80px; }

#objednavka_wall img {float:left; border:1px solid white;}

#detail {background: #EAF4FF url('../images/blue_grad.gif') repeat-x; }

/* ************* /wall ************* */



#melody_det {height:80px;}

#melody_det a.play {font-weight:bold;background: url(../images/play_ico.gif) no-repeat 0 3px; padding-left:13px; color:#F26E00; display:inline; width:50px; text-decoration: underline;}

#melody_det div.melody_desc {width:300px; float:left; margin:0.5em;}

#melody_det img {float:left; margin: 0.5em 0 0 0.5em;}

#objednavka {margin:0;}

#objednavka h2, #hotline h2, #navod h2, #reklamace h2 {clear:both; font-size:100%; border:1px solid white;border-left:0px solid white; border-bottom: none; background: #00BDF2; color:white; padding:0.1em 0.5em; margin:0; }

div.det_1 {margin-top:0.5em;}

div.det_1, div.det_2 {margin-left:0.5em;}

p.green {font-size:180%; margin:0.3em 0; color:#F26E00; font-weight: bold;}

span.hotline_num {font-size:180%; margin:0.3em 0; color:#F26E00; font-weight: bold;}

#hotline a {color:#004A80;}

a#popronmusic {}

a#popronmusic img {border:0; margin: 5px 0 0 4px; }



img.uvodni {margin: 0 0.5em 0em 0.5em; float:left; border:0px solid red;}