ÿþ/* CSS Document 4 mobil.cinema.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: white;

  text-align:center; 

}



* html body {

  font-size:x-small;

  f\ont-size:small;  

}



.cleaner {height:1px; line-height: 1px; clear:both; font-size: 1px;}

ol {margin: 5px 0 5px 25px; _margin: 5px 0 5px 30px;}



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

#master {width:770px; height:auto; text-align: left; color:#333366; margin: 2em auto; background: url("../images/header_bg.gif") no-repeat; position:relative;}

#header {width:770px; height:70px; }

#left {width:150px; height:auto; float:left; }

#right {width:617px; height:auto; margin-left:3px; float:left;border:0px solid red; padding-bottom:10px; }

#right h1 {background:#333366; color:white; padding-left:0.5em; height:20px; line-height:20px; font-size: 100%;}

#footer {clear:both; width:770px; height:40px; background: #EEEEEE url("../images/footer_bg.gif") repeat-x ; }

#footer span.copy {line-height:3em; float:right; padding-right:1em;}

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



/* ************ links *********************** */

h3.navigace a{color:#333366;}

a#logo img{border:0; position:absolute; top:10px; left:30px;}

.more a {color:#333366; font-weight: bold; font-size:90%;}

ul.vypis li a {font-size:90%; font-weight: bold; color:#333366;}

h3.navigace a:hover, .more a:hover, ul.vypis li a:hover {color:#FF7726;}

/* ********** / links *********************** */



/* *************** navigace *************** */

h3.navigace {position:absolute; top:43px; left:30px; font-size:100%;}

/* ************* / navigace *************** */



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

.menu_obal {background: #FF7726 url("../images/rightbott_corner.gif") no-repeat right bottom;}

.menu_obal h2{height:33px; line-height:33px; background: #FF7726 url("../images/menu_h2_bg.gif") no-repeat; color:white; padding-left:2.1em; font-size: 110%; text-transform: uppercase; border-bottom:1px solid white;}

ul#menu {list-style-type: none; padding-bottom:30px;}

ul#menu li {border-bottom:1px solid white; height:24px; }

ul#menu li a {line-height:24px; color:white; font-weight: bold; text-decoration: none; background: url("../images/menu_odr.gif") no-repeat 13px 2px; padding-left:33px; font-size:90%;}

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

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



/* *********** hp topx ******************** */

.more {border-top:1px solid #333366; line-height:20px; height:20px; text-align: right;padding-right:1em; clear:both; background:#FFCC99;}

.left_col {width:307px; height:auto; float:left; border:1px solid #333366; background: #FFFFFF url("../images/topx_bg.gif") repeat-x; overflow:hidden;}

.right_col {width:307px; height:auto; float:right; border:1px solid #333366; border-left:none; background: #FFFFFF url("../images/topx_bg.gif") repeat-x;}

.left_col h2, .right_col h2 {height:20px; line-height: 20px; color:white; font-size:90%; background:#333366;  padding-left:1em;}

ul.java_top {list-style-type: none; padding:6px; float:left;}

ul.java_top li {float:left; border:1px solid #333366; width:128px; height:128px; padding:5px; margin:3px; }

ul.java_top li img {border:none;}



ul.real_top {list-style-type: none; margin-top:10px; _margin-top:12px; }

ul.real_top li {clear:both; padding:7px 8px; _padding:5px 8px; border-bottom:1px solid #333366; height:48px; _margin-bottom:-3px;}

ul.real_top li img {float:left; margin-right:0.2em;}

ul.real_top li h3, ul.real_top li h4 {font-size:100%;}

ul.real_top li h4 {font-weight: normal;}

.ovl img {border:none; float:none;}



ul.wall_top {list-style-type: none; _margin: 2px 0 0 2px;}

ul.wall_top li {float:left; width:96px; height:72px; padding:1px; margin:2px; _padding:0px; _margin:2px; } 

ul.wall_top li img {border:none; }

/* *********** / hp topx ******************** */



/* ********** page selector ******************* */

.page_selector_up {background:#EEEEEE; clear:both; height:25px; border-bottom:1px solid #333366;}

.page_selector_down {background:#EEEEEE; clear:both; height:25px; border-top:1px solid #333366; }

.page_selector_up ul, .page_selector_down ul {list-style-type: none; width:450px; float:left; padding-left:0.5em;}

.page_selector_up ul li, .page_selector_down ul li {display: inline; height:25px; line-height: 25px;}

.page_selector_up ul li a, .page_selector_down ul li a {padding: 0 0.3em; border:1px solid #333366; background:#FFCC99; width:auto; text-decoration: none; font-weight: bold; color:#333366;}

.page_selector_up ul li a:hover, .page_selector_down ul li a:hover {background:white; }

.numselect {float:right; border:0px solid red; height:25px; line-height:25px;}

.numselect span {line-height: 25px;}

.numselect select {width:50px;}

/* ********** / page selector ***************** */



/* ********** java vypis ********************* */

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

#right_java {background: white url("../images/topx_bg.gif") repeat-x ; border-top:1px solid white; border:1px solid #333366;}

#right_java ul.vypis li {width:290px; height:auto; float:left; padding:5px;}

#right_java ul.vypis li img {border:none; float:left; margin-right:5px;}

#right_java ul.vypis li h3 {font-size:100%; margin-bottom:5px;}

#right_java ul.vypis li h4 {font-size:90%; font-weight: normal;}

/* ********** /java vypis ********************* */



/* ************ melody vypis ****************** */

#right_melody {background: white url("../images/topx_bg.gif") repeat-x ; border-top:1px solid white; border:1px solid #333366;}

#right_melody ul.vypis {padding: 5px 0 5px 5px; float:left;}

#right_melody ul.vypis li {width:180px; height:auto; float:left; border:1px solid #333366; padding:5px; margin:4px;}

#right_melody ul.vypis li img {float:left; margin:0 5px 0 0px;}

#right_melody ul.vypis li h3 {font-size:90%;}

#right_melody ul.vypis li h4 {font-size:90%; font-weight: normal;}

#right_melody ul.vypis li div.ovl {clear:both; padding-top:3px;}

#right_melody ul.vypis li div.ovl img {margin:0 5px 0 0;}



#melody_det {padding:5px; height:80px;}

#melody_det img {float:left; margin-right:5px; border:none;}

/* ************ / melody vypis ****************** */



/* ********** wall vypis ********************** */

#right_wall {background: white url("../images/topx_bg.gif") repeat-x ; border-top:1px solid white; border:1px solid #333366; clear:both;}

#right_wall ul.vypis {float:left; padding: 5px 0 5px 5px; _padding: 5px 0 5px 0px;}

#right_wall ul.vypis li{float:left; height:72px; width:96px; border:1px solid #333366; padding:5px; margin:6px;}

#right_wall ul.vypis li img {border:none;}



#objednavka_wall {padding:5px; height:100px;}

#objednavka_wall img {float:left;}

/* ********** / wall vypis ********************** */



/* ********** phones *************************** */

.phones {border:1px solid #333366; background:#EEEEEE;}

.phones p {margin: 3px 5px; font-size:90%;}

.phones h2 {background:#333366; color:white; padding-left:0.5em; height:20px; line-height:20px; font-size: 100%;}

/* ********** / phones ************************* */



/* ********** detail + recenze ************* */

#objednavka_java {padding:5px; }

#objednavka_java img {float:left; margin-right:5px;}

.recenze_right {float:right; width:200px; margin-left:5px;}

.recenze_right table td{vertical-align:top; font-weight: bold;}

.recenze_right table td.what {font-weight: normal; }

#recenze p{padding: 3px 0; font-size:100%;}

p.author {text-align: right;}

#ovladani{border:1px solid #333366;padding:5px; margin-bottom:5px;}

ul.plus_minus{padding:5px; border:1px solid #333366; width:auto;  list-style-type: none; margin-bottom:5px;}

ul.plus_minus li {background: url("../images/plus.gif") no-repeat 0 5px; padding-left:15px; line-height:20px;}

ul.plus_minus li.minus {background: url("../images/minus.gif") no-repeat 0 5px;}

#hodnoceni {border:1px solid #333366; width:100%; margin-bottom:5px;}

#game_info{border:1px solid #333366;}

#objednavka{clear:both;}

#objednavka p, #hotline p, #navod p, #reklamace p {padding: 3px 5px;}

#objednavka h2, #hotline h2, #navod h2, #reklamace h2 {background:#333366; color:white; padding-left:0.5em; height:20px; line-height:20px; font-size: 100%;}

#objednavka, #hotline, #navod {background: white url("../images/topx_bg.gif") repeat-x;}

.det_1 {margin: 5px; }

.det_2 {margin: 5px; }

p.green {padding: 0; margin:0;font-size:140%; color:#FF7726;}

span.hotline_num {font-size:140%; color:#FF7726;}

/* ********** / detail + recenze ************* */

/* ********* znamkovani  + screenshots **************** */

#znamkovani ul {list-style-type: none;}

#znamkovani ul li {display:inline;}

#znamkovani ul li a{padding: 0 0.3em; border:1px solid #333366; background:#FFCC99; width:auto; text-decoration: none; font-weight: bold; color:#333366;}

#znamkovani ul li a:hover {background:white;}



ul#screenshoty {list-style-type: none; margin:10px 0; float:left;}

ul#screenshoty li {float:left; margin:5px;}

/* ********* /znamkovani + screenshots **************** */

/* ******** kategorie *************** */

ul#kat {list-style-type: none; float:left; background:#FF7726; width:100%; border:0px solid #333366;}

ul#kat li {float:left; height:25px; width:180px; line-height:25px; padding:0 10px;border-bottom:0px solid white;}

ul#kat li a {color:white; font-weight: bold; background: url("../images/menu_odr.gif") no-repeat 0px 2px; padding-left:20px; font-size:90%;}

ul#kat li a:hover {color:#333366;}

/* ******** /kategorie *************** */