/* pro obrazovku */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6 {

	padding: 0;

	margin: 0;

	list-style: none;

	color: #ffffff;

}

body {

	font-size: 62.5%;

	text-align: center;

	color: #333333;

	font-family: sans-serif;

  background: #fff url(../images/bg-body.gif) repeat-x left 272px;

}

#content {

	width: 990px;

	text-align: left;

	margin: 0 auto;

	position: relative;

	overflow: hidden;

}

#main {

	width: 703px;

	float: left;

	position: relative;

	left: 200px; 

}

#main h2{

font-size: bolder;

}

div.success, div.failure, div.waiting{

color:#ffffff;

font-size: 110%;

font-weight: bolder;



}



#side {

	width: 166px;

	float: left;

	position: relative;

	left: -702px;

	display: block;

	overflow: hidden;

	

}

#otherside {

	width: 255px;

	float: left;

	position: relative;

	left: 3px;

	overflow: hidden;

}

#header {

	position: relative;

	top:0px;

	height: 352px;

	margin: 0 0 -70px 0;

        display: block;

        overflow: hidden;

	background: url(../images/bg-current.gif) no-repeat;

}

#header a strong {

	display: none;

}

#current a {

	width: 0;

	padding-left: 317px;

	height: 352px;

	overflow: hidden;

	display: block;

	background: url(../images/logo.gif) no-repeat 20px 32px;

        margin-bottom:550px;

}

a#jump {

	position: absolute;

	width: 0;

	height: 0;

	overflow: hidden;

}

#other {

	position: absolute;

	top: 0;

	right: 0;

	background: black;

}

#other a {

	color: white;

}



#menu{

background: url(../images/bg-side-h3.gif) no-repeat 0px 5px;

}

#menu h2 {

margin-left: 6px;

padding: 8px 10px 10px 10px;

font-weight: bold;

color: #9E2715;

font-size: 120%;

}

#menu h2 strong {

display: none;

}

#menu ul li {

margin: 0 0 0 0;	

}

#menu a {

	color: #ffffff;

	padding: 11px 0 11px 11px;

  width: 155px;

  display: block;

  text-decoration: none;

  font-size: 120%;

}

#menu a:hover,  #menu .current a{

  background-color: #ffffff;

  color: #9E2715;

}

form, fieldset, legend {

	margin: 0;

	padding: 0;

	border: none;

}

form {

	font-size: 110%;

	margin: 0 auto;

}

fieldset {

	margin: 0.5em 0;

}

fieldset legend {

	font-size: 150%;

	font-weight: bold;

	color: #9b4a4a;

}

fieldset fieldset legend {

	font-size: 130%;

}

form label {

	text-align: left;

	display: block;

	color: #ffffff;

}

form input, form select {

	width: 98%;

	text-align: right;

}

form label input {

	width: 2em;

}

#footer {

  background-image: url(../images/bg-footer.png);

  background-repeat:no-repeat;

  background-position: top left;

	text-align: center;

	clear: both;

	padding-top: 20px;

	padding-bottom: 10px;

	width:987px;

	color: black;

	margin: 0px;

	background-color:white;

}

#footer p {

  font-size: 10px;

  color:  #AC2511;

  text-align: left;

  padding: 30px 0 0 40px;

  width:800px;
  text-decoration:none;

}

#footer p a {

  color: #AC2511;

  text-decoration: none;

}

#footer p a:hover { 

  text-decoration: none;

}

#z-odkazy p {

  font-size: 120%;

  color:  #AC2511;

  text-align: left;

  padding: 0px 0 0 40px;

}

#z-odkazy p a {

  color: #AC2511;

  text-decoration: underline;

}

#z-odkazy p a:hover { 

  text-decoration: none;

}

#phone{

background: url(../images/bg-phone.gif) no-repeat left;

position: absolute;

top: 0;

right: 40px;

width: 0;

padding: 125px 0 0 279px;

display: block;

overflow: hidden;

}

#lista {

	clear: both;

	color:  #B1301F;

	text-align: left;

	margin-left: 20px;

	margin-right: 90px;

}

#lista a {

	color:  #AC2511;

  text-decoration: underline;

}

#lista a:hover {

  text-decoration: none;

}

#lista img{

margin: 0 0 0 0;

padding: 0 0 0 0;

}

h1, h2, h3, h4, h5, h6 {

	font-family: sans-serif;

	font-weight: bold;

}

#contact h3 {

	background: url(../images/bg-side-h3.gif) no-repeat left center;

	padding: 5px 10px 10px 10px;

	font-weight: bold;

  color: #9E2715;

}

.slideshowlink{

display: none;

}

h2 {

  padding-top: 30px;

	font-size: 200%;

	padding-bottom: 8px;



}

h3 {

	font-size: 120%;

}



h4 {

	font-size: 100%;

}

#main p {

	font-size: 120%;

	margin: 1em 0;

	line-height: 1.3em;

}

#main ul, #main ol {

	margin: 0.5em 0;

}

#main ul li, #main ol li {

	margin-left: 2em;

	font-size: 120%;

}

#otherside p strong{

  font-weight: bolder;

}



#contact form .sendbutton {

  background: url(../images/bg-button.gif) no-repeat left top;

  border: none;

  width: 80px;

  height: 30px;

  display: block;

  padding-left: 150px; 

  overflow: hidden;

  margin-left: 70px;

  margin-bottom: 10px;

}

#contact label{

margin-top: 5px;

margin-bottom: 5px;

}

.cf_hidden legend{

display: none;

}

a {

	text-decoration: underline;

	color: #ffffff;

}

#main a {

	font-weight: bold;

}

a:hover {

	text-decoration: none;

}

a img {

margin: 5px;

}

.hidden {

	display: none;

}



.left{

        float: left;

        width: 700px;

        display: block;

}

.left img{

float: left;

}

.right {

	float: right;

}

#contact{

background-color: #A11E0A;

padding: 2px 11px 0 11px;

}

#contact h3{

margin-left: -5px;

margin-top: 5px;

}



#contact textarea{

height: 82px;

width: 140px;

margin-bottom: 0px;

}

h1{

margin-bottom: 20px;

margin-top: 20px;

}

#main .market h2{

background: url(../images/bg-market-h2.gif) no-repeat left center;

padding: 15px 0 0 30px;

color: #9E2715;

}

.market{

background: url(../images/bg-market.gif) no-repeat left center;

padding-left: 49px;

height: 189px;

display: block;

}

.market p{

line-height: 20px;

width: 545px;

display: block;

}



#main .welcome h2{

background: url(../images/bg-welcome-h2.gif) no-repeat left center;

padding: 15px 0 0 30px;

float: left;

width: 155px;

color: #9E2715;

}

#main .welcome{

background: url(../images/bg-welcome.gif) no-repeat right center;

padding-right: 210px;

height: 157px;

width: 450px;

display: block;

}

#main .welcome p{

line-height: 20px;

width: 200px;

height: 95px;

display: block;

float: left;

}

table{

color: #ffffff;

border: 1px #ffffff solid;

font-size: 110%;

}

tbody{

text-align: left;

}

td{

padding: 5px 10px 5px 10px;

border: 1px #ffffff solid;

}

th{

padding: 5px 0 5px 10px;

border: 1px #ffffff solid;

}

.linklove{

display: none;

}

.reqtxt{

display: none;

}

.emailreqtxt{

display: none;

}

#otherside{

display: none;

}

img{

border: thin #ffffff solid;

padding:2px;

margin:1px;

}

.cisla

{

  clear:both;

}

.cisla a

{

  padding:3px;

  border-style:solid;

  border-width:1px;

  border-color:white;

}

.cisla a:hover

{

  padding:3px;

  border-style:solid;

  border-width:1px;

  border-color:white;

  background-color: #0066CC;

}

.cisla span

{

  padding:3px;

}

.obrazek

{

  width:210px;

  float:left;

}

#wdbox{

}

#wdbox div{
	padding:10px;
	color:white;
	font-family:sans-serif;
	text-decoration: none;
}

#wdbox h2{
background: url(http://www.mpk-servis.cz/images/bg-side-h3.gif) no-repeat 0% 50%;
color: #9E2715;
font-weight: bold;
padding: 5px 10px 10px;
font-size:12px;
}

#wdbox a{
	color:white;
	font-family:sans-serif;
	text-decoration: none;
}

