/*------------------------------------------------------------------- GENERAL ---*/
html {background: #E8EBF0 url('../images/mobily/html_bg.PNG') repeat-y center top;}

body {
width: 770px !important;
margin: 0 auto;
padding: 0;
font-family: Tahoma, Arial, sans-serif;
font-size: 70%;
color : #000;
background : #FFF;
text-align: center; /* IE5.X workaround */
position: relative;	
}

a {
color: #B60402;
}

a:hover {
color: black;
}

ul, ol, li, h1, h2, h3, h4, h5, p, form, input, label, img, big {
margin: 0;
padding: 0;
}

img {
border: none;
margin: 5px;
}

h1, h2, h3 {font-size: 100%;}

small {font-size: 90%}

td {
font-size: 11px;
font-family: "Helvetica CE", Tahoma, Arial, sans-serif;
}

.clanek {margin-left: 10px; _margin-left: 5px; font-size: 1.15em;}

.clanek h1,h2 {color: #003399; font-family: tahoma;}

.clanek ul,ol,li {list-style-position: inside;}

.clanek p,h2,h3,h4 { margin: 10px 10px 0 0;}

.clanek h3 {font-size: 1.2em; color: #003399;}

/*---------------------------------------------------------------------- LAYOUT---*/
#all {
width: 770px !important;
margin-left: auto;
margin-right: auto;
background: white url('../images/mobily/body_bg.PNG') repeat-y 173px 0px;
_background: white url('../images/mobily/body_bg.PNG') repeat-y 174px 0px;
text-align: left; /* IE5.X workaround */
position: relative;
padding: 0;
_padding: 0 0 0 1px;
_border/**/:  1px solid #B1C7E0
_bo\rder: none;
}

#header {
height: 127px;
font-weight: bold;
background: #2F58B4 url(../images/mobily/mojse_mobily.PNG) no-repeat right top;
padding-bottom:0px;margin-bottom:0px;
position: relative;
}

#header h2 { margin-top:0px;}

#pagebody {
margin: -7px 0 0 0;
padding: 0;
width: 770px;
}

#content {
margin: 0 0 0 191px;
padding: 0;
height: auto;
}

#left {
float: left;
margin: 10px 0 0 1px;
display: inline;
width: 172px;
position:relative;
background-color: white;
}

#left h2 {margin-top:0px;}

#right {
float: right;
margin: 0;
padding: 0;
clear: both;
width: 172px;
}

#footer {
clear: both;
height:25px;
_height/**/:37px;
_heig\ht:25px;
padding: 8px 15px 2px 15px;
color:#737373;
background: white;
font-size: 1.1em;
border-top: 4px solid #356AC1;
margin: 10px 0 0 0
}

#footer a {
text-decoration: underline;
}

/*------------------------------------------------------------------------------- HEADER ---*/
#logo {
position: absolute;
top: 22px;
left:25px;
}

#logo a, #logo span {
width:274px;
height:61px;
display:block;
}

#logo a {
font-size: 10pt;
 position:relative;
cursor: pointer;
}

#logo span {
position:absolute; left:0; top:0; z-index:1;
background: transparent url(../images/mobily/logo.PNG) no-repeat top left;
}

#header h2 {
color:#D4E0F0;
float:left;
font-weight: normal;
font-size: 0.9em;
padding:3px 14px;
position: absolute; 
top: 90px; left: 100px;
display: none;
}

#header p.menu { 
float:right; 
margin:5px 4px; 
}

#header a { color:#FFF }
#header a:hover { color:#000 }
/*----------------------------------------------------------------------------------- LEFT ---*/
#left h2 {
padding: 7px 14px 10px 14px;
margin: 0;
background: #3561C2 url('../images/mobily/levy_h2_bg.PNG') no-repeat;
font-size: 1.1em;
color: white;
}

.groupitems1, .groupitems2, #listbox, #search {
list-style-type: none;
margin: 0 2px 0 0;
padding: 10px 5px;
font-size: 1.0em;
background: url('../images/mobily/levy_box.PNG') no-repeat	
}

.groupitems1 li, .groupitems2 li {
padding: 2px 0 3px 0;
border-bottom: 1px solid #D4E2F1;
list-style-type: none;
}

.groupitems1 li a, .groupitems2 li a {
background: url('../images/mobily/arrow1.gif') no-repeat 5px 5px;
padding: 0 0 0 20px;
_padding: 0 0 0 6px;
color: #003399;
font-size: 1.15em;
display: block;
text-decoration : none;
}

.groupitems1 li a:hover, .groupitems2 li a:hover {
color: black;
text-decoration: underline;
}

#search {padding: 10px 0px 17px 14px;}

#search p {padding: 0;}

#search input {
width:115px ;
height: 18px;
font-size: 100%;
border: 1px solid #ADADAD;
background : #FFF;
}

#search .submit {
width:29px ;
height: 20px;
border: none;
position: relative;
left: -3px;
}

#search a { color: #E36500 }

#search a:hover { color: #000 }

/*----------------------------------------------------------------------------------- RIGHT ---*/
#right h2 {
padding: 3px 9px;
background : #737373;
color:#FFF;
}

#right h3 {padding: 8px 9px;}

#right .boxsale {
width:152px;
border: 1px solid #737373;
margin-left: 9px;
text-align : center;
background : #FFF;
}

#right .boxsale .men {margin-bottom:14px;}

#right .boxsale img {margin-top:5px;}

.groupitems3 {
list-style-type: none;
padding: 14px 12px;
}

.groupitems3 li a {
background: url(../images/mobily/arrow3.gif) no-repeat 0 4px;
padding-left: 11px;
color: #000;
}

.groupitems3 li a:hover { color: #E36500 }

/*--------------------------------------------------------------------CONTENT - NEWS ---*/
#content h1 { 
color: #000; 
padding: 3px 14px; 
margin: 0 0 3px 0;
}

#content .news { 
color: #black; 
font-weight: bold; 
padding: 1px 14px 8px 35px; 
background : url(../images/mobily/news_bg.gif) no-repeat 0 4px;t; 
font-size: 1.15em; 
border-bottom: 1px solid #C2D1E4; 
_float: left; 
position: relative; 
left: -18px; 
width: 548px; 
_margin-right: -20px;
_width/**/: 595px;
_wid\th: 548px;
}

#content .news a { 
color: black; 
text-decoration: underline; 
}

#content .news a:hover {color: #003399; }

*+#content .news {
float: none; 
width: 549px; 
margin-right: -20px;
}

#content .boxitems {
width:177px;
_width:175px;
height:185px;
float: left;
text-align : center;
margin: 7px 6px;
padding: 10px 0 0 0;
overflow: hidden;
border: 1px solid #7EACCE;
border-top: 7px solid #325BB8;
position: relative;
left: 1px;
_lef\t: 4px;
top: 4x;
display: inline;
background: url('../images/mobily/boxitems_bg.PNG') repeat-x;
}

#content .boxitems img {
position: absolute;
left: 3px; top: 70px;
}

#content .boxitems p {
font-weight: bold;
border-bottom: 1px solid #C2D6EC;
padding: 5px 0 8px 0;
margin: 0 10px;
}

#content .boxitems p a {
color: #E80000;
font-size: 1.2em;
text-decoration: underline;
position: relative; 
top: -4px;
}
	
#content .boxitems p a:hover {
color: #CC0000;
}

#content .more {
font-weight: bold;
padding:10px 8px;
}

#content .boxdetail {
margin: 10px 5px 10px 10px;
float: left;
text-align: center;
}

#content .boxpopis {
margin: 10px 10px 10px 195px;
min-height: 185px;
}

#content .boxpopis h3 {
font-size: 12px;
margin-bottom: 10px;
}
#content .boxpopis p {
margin-bottom: 10px;
}

#content .boxpopis form {
text-align: right;
margin-top: 10px;
}

#content .boxdata {
margin: 10px;
width: 400px;
}

#content .boxdata h3 {
background: #DDDDDD;
}

#content .boxdata h4 {
background: #F8F8F8;
}

#content .boxdata label {
float: left;
width: 50%;
}

#content .more a { color:#737373 }


#contentmore {clear: both;}
/*--------------------------------------------------------------------CONTENT - TODAY ---*/
#today { width:35%;  
float: left; 
color:#757575;
}

#content h2.today { 
background : #E36500; 
margin:0; 
color: white; 
padding: 2px 0 2px 15px; 
width: 100%
}

#todaymore {
	/*width:147px;*/
	margin-left: 2px;
	margin-left: "1px"; /* IE hack */
	/*border-bottom: 1px solid #B9B9B9;*/
}
/*--------------------------------------------------------------------CONTENT - RATING ---*/
#rating { float: right; border-left: 1px solid red; width: 61% }
#content h2.rating { background : #A5A5A5; margin: 0; color: #000; padding: 2px 0 2px 15px;}
#rating #obsah{padding: 3px 15px;}
#ratingmore {
/*width:279px;*/
margin-right:2px;
background : url(../images/mobily/gray.gif) repeat-y;
/*border-bottom: 1px solid #B9B9B9;*/
}
#rating .boxitems  {
width:115px;
height:auto;
margin: 5px 5px 0 0;
}

p.stars {margin-bottom:3px;}

.description {
width:150px;
float:left;
}

#rating h3 {
padding: 15px 0px 12px;
color: #E36500;
}
/*----------------------------------------------------------------------------- CLASSES ---*/
.green { color: #84A401}
.red { color: #E36500}
.cena { color: #E36500; font-weight: bold; }
.blue { color: #3D69C2}
.right { float: right }
.left{ float: left;}
.textright {text-align : right }
.textleft { text-align : left }
.middle { vertical-align : middle }
.margintop { margin-top:15px }
.strike { text-decoration : line-through }
.clear { clear: both; }
hr.cleaner { clear: both; border:none; margin: -1px 0 0 0; visibility: hidden;}


/*----------------------------------------------------------------------------- DETAiL, seznam, novinky ---*/
#detail{ text-align: center;}
#detail .imgbox {margin: 0 0 10px 0; _font-size/**/: 1.0em; _margin: -12px 0 10px -20px; border: none !important;}
#detail .imgbox tr {background: none !important;}
#detail .imgbox td {text-align: left; font-size: 1.2em; border: none !important; padding-left: 120px;}
#detail .imgbox img{float: left; margin: 18px 5px 12px -110px;}
#detail .imgbox p{padding: 15px 0px;}
#detail .imgbox p strong {font-size: 1.25em; color: #003399; font-family: tahoma}
#detail table, #detail th {border: 1px solid #A1C4E2 !important; border-top: 1px solid #A1C4E2; _width/**/: 560px !important;}
#detail input {_margin: -3px 0;}
#detail table{text-align: left; border-top: none !important; margin: 7px; _margin-left: 1px; width: 97%; border-collapse: separate; _border-collapse: collapse; border-spacing: 0px;}
#detail th{border-left: none !important; border-right: none !important; font-size: 1.15em; _font-size/**/: 0.8em; _fon\t-size: 1,5em; background-color: #CADBEE; text-align: left; padding: 2px 10px 3px 10px;}
#detail td {padding: 3px 10px 4px 10px; margin: 0; border-top: 1px solid #EBF2F9;}
#detail td + td {border-left: 1px solid #A1C4E2; }
#detail tr:hover {background: #EBF2F9;}

/*----------------------------------------------------------------------------- LISTBOX ---*/
#listbox { padding: 8px 0px 15px 14px;}
#listbox p{ margin: 2px 0; display: block;}
#listbox select{ font-size: 0.9em; width: 90%;}
/*----------------------------------------------------------------------------- STATICKÉ ---*/
#content h2, div#uvitani h2.vitejte {color: #000;padding: 3px 14px;}
div#vraceni{ padding: 10px 20px; }
div#uvitani{ text-align: left; padding: 0px;}
div#uvitani p { padding: 10px 15px;}
div#uvitani h3.proc{ color: #3D69C2; font-size: 1.2em;  padding: 5px 15px;}
div#uvitani ul{ padding: 5px 50px; }
div#uvitani li {
list-style: url(../images/mobily/arrow3.gif);	}
/*----------------------------------------------------------------------------- ADMIN ---*/
#sel{
color: #000000;
text-decoration:none
}

#lista {position: absolute; top: 0px; left: 0; z-index: 10; padding: 0 42px 0 0; _left/**/: 160px; _lef\t: 0px; margin: 0 auto 0 auto;  width: 770px; height: 22px; color: black; font-family: Verdana, Tahoma, sans-serif; font-size: 0.8em;}
#lista p {text-align: right; width: 99.5%; padding: 8px 3px 0 0; position: relative; left: -5px;}
#lista p a {color: black; text-decoration: none; padding: 2px 0 2px 0; background: #D4E0F0; _background: #CFDBEF;}
#lista p a:hover {text-decoration:underline;}
#lista p.listaleft {float: left; }
#lista p.listaright {float: right; color: #9DC71A;}

/* ------------------------------------------------------------------------------OSTATNÍ ---*/
#content form {
border: 1px solid #D4E2F1;
border: none;
padding: 20px;
margin: 10px 20px 5px 5px !important;
font-size: 1.2em;
}

#content form th {
_font-size: 0.8em;
_fon\t-size: 1em;
text-align: right;
}