body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:  #000;
	margin: 0; padding: 0;
	}

span, hr {
	display: none;
	visibility: hidden;
	}

p { margin: 0; padding: 5px 10px }
h1 {
	font-size: 24px;
	margin: 0; padding: 0;
	}
h2 {
	font-size: 14px;
	margin: 0; padding: 0;
	}
img { margin: 0; padding: 0 }
	
.hrule {
	font-size: 1px;
	height: 1px;
	margin: 10px 0;
	background-color: #ccc;
	}
.hrule2 {
	font-size: 1px;
	height: 1px;
	margin: 10px 0;
	background-color: #ccc;
	}
	/*
.hrule-black {
	width: 300px;
	margin: 25px 0 3px 0;
	background-color: #353535;
	}
.hrule-dark {
	font-size: 1px;
	height: 1px;
	margin-bottom: 3px;
	border-bottom: 1px solid #000;
	}
*/

img { border: none }
a, a:visited {
	color: #000;
	}
a:hover {	color: #D90030	}

.colin { margin: 0; padding: 0 } /*matrjoska*/

.clear {
	clear: both;
	font-size: 1px;
	line-height: 1;
	}

#main-cont {
	width: 905px;
	margin: 0 auto; padding: 0;
	}
#col1{
	width: 212px;
	float: left;
	position: relative;
	background-color: #fff;
	}
.col1-black {
	width: 212px;
	margin: 0; padding: 0;
	color: #fff;
	background: #000 url(../images/col-black-bott.gif) no-repeat bottom left;
  }
.col1-gray {
	width: 212px;
	margin: 0; padding-bottom: 5px;
	color: #fff;
	background: #262626 url(../images/col-gray-bott.gif) no-repeat bottom left;
  }
#col1 a { color: #fff }
#col1 a:hover { color: #D90030 }
#col1 p { line-height: 1.7 }
#col1 .col1-gray p { line-height: 1.2 }

#col1 .upload {
	width: 100%;
	display: block;
	padding: 5px 0;
	color: #b70000;
	text-decoration: none;
	background-color: #000
	}

.col1-lgray {
	width: 212px;
	margin: 0; padding: 0;
	color: #fff;
	background: #666 url(../images/col-lgray-bott.gif) no-repeat bottom left;
  }

#col1-gray-top {
	width: 212px; height: 10px;
	margin-top: 5px;
	font-size: 1px; line-height: 1;
	background: #fff url(../images/col-gray-top.gif) no-repeat bottom left;
	}

#col1-lgray-top {
	width: 212px; height: 11px;
	margin-top: 5px;
	font-size: 1px; line-height: 1;
	background: #fff url(../images/col-lgray-top.gif) no-repeat bottom left;
	}

#col1 .colin {
	padding: 0;
	}
	
#col1 h1, #col1 h2 { padding-left: 12px }

#col2{
	width: 574px;
	float: right;
	}
#col2 .colin {
	padding: 87px 0 20px 0;
	}

#mailer {
	float: left;
	width: 497px; height: 52px;
	margin: 0 5px 0 0; padding: 0;
	color: #fff;
	background: #000 url(../images/mailer-right.gif) no-repeat top right;
	}
#mailerb {
	float: right;
	margin: 0; padding: 0;
	color: #fff;
	}
#mailerb button {
	width: 54px; height: 54px;
	margin: 0 5px 0 0; padding: 0;
	border: none;
	background-color: #fff;
	}

#mailer h1, #mailer h2 {
	}

#mailer-butt {
	float: right;
	width: 52px; height: 52px;
	margin: 0; padding: 0;
	color: #fff;
	background: black;
	}
.mailer-l {
	float: left;
	width: 9px; height: 52px;
	background: url(../images/mailer-left.gif) no-repeat top left;
	}

#input {
	float: right;
	position: relative;
	top: 17px; right: 80px;
	width: 100px;
	}
#input input {
	border: 1px solid #000;
	}

.col2-indent{
	padding-left: 10px;
	}
.col2-indent h1 { padding-top: .7em }
.col2-indent h2 { padding-bottom: .7em }
#col2 .hrule { margin: 34px 0 0 10px; padding: 0; width: 555px }
#col2 .hrule2 { margin: 10px 0 10px 10px; padding: 0; width: 555px }

.invisible { display: none; visibility: hidden }
.whitetext { color: #fff; }
.w300 { width: 300px; margin: 0 0 1em 0; }
.right-align { text-align: right; }
.center { text-align: center; }
.valign-top { vertical-align: top; }
.td300 { width: 300px }
.td312 { width: 312px }
.line-height1 { line-height: 1.2 }
.line-height150 { line-height: 1.7 }
.bold { font-weight: bolder }
.clear {
	clear: both;
	font-size: 1px;
	line-height: 1;
	}

.small-box { 	width: 150px; float: left}

#logo {
	width: 106px; height: 140px;
	font-size: 1px;
	line-height: 1;
	background: url(../images/logo-mym-politikum-cz.gif) no-repeat top left;
	}
#logo a {
	width:106px; height: 140px;
	display: block;
	text-decoration: none;
	}

#video-stolar a {
	width: 115px; height: 185px;
	display: inline;
	float: left;
	background: url(../images/video-stolar.png) no-repeat top left;
	}
#video-stolar a:hover {
	background: url(../images/video-stolar-on.png) no-repeat top left;
	}
#video-automechanik a {
	width: 112px; height: 185px;
	display: inline;
	float: left;
	background: url(../images/video-automechanik.png) no-repeat top left;
	}
#video-automechanik a:hover {
	background: url(../images/video-automechanik-on.png) no-repeat top left;
	}
#video-vratny a {
	width: 112px; height: 185px;
	display: inline;
	float: left;
	background: url(../images/video-vratny.png) no-repeat top left;
	}
#video-vratny a:hover {
	background: url(../images/video-vratny-on.png) no-repeat top left;
	}
#video-kavarna a {
	width: 112px; height: 185px;
	display: inline;
	float: left;
	background: url(../images/video-kavarna.png) no-repeat top left;
	}
#video-kavarna a:hover {
	background: url(../images/video-kavarna-on.png) no-repeat top left;
	}
#video-politik a {
	width: 115px; height: 185px;
	display: inline;
	float: left;
	background: url(../images/video-politik.png) no-repeat top left;
	}
#video-politik a:hover {
	background: url(../images/video-politik-on.png) no-repeat top left;
	}

#soutez {
	width: 330px;
	position: relative;
	margin-left: 6px;
	background: #ccc url(../images/soutez-bott.gif) no-repeat bottom left;
	z-index: 0;
	}
#soutez .colin { padding: 200px 15px 20px 63px }
	
#videa {
	z-index: 10;
	}

#soutez-ct{
	position: absolute;
	top: 200px; left: -40px;
	width: 91px; height: 91px;
	background: url(../images/soutez-ct.png) no-repeat top left;
	}

p#soutez-hovno {
	padding-left: 55px;
	}
#soutez-hovno img {
	position: absolute;
	left: -40px;
	}

#motd {
	position: absolute;
	top: 10px; }
	
#flashPlayer {  margin: 0; padding: 5px 10px }

.dot-line {
	font-size: 1px;	line-height: 1;
	height: 1px;
	width: 192px;
	margin: 0 10px; padding: 0;
	background: url(../images/dot-line.gif) repeat-x;
	}

.date {
	padding: 5px 10px 0 10px;
  font-style: italic;
	color: #6b6b6b;
	}

.butts {
	float: right;
	}
 .butts a {
  font-size: 10px;
  width: 52px; height: 57px;
	padding: 57px 0 0 0;
  display: block;
 	text-decoration: none;
	}
	
	#zpet {
		width: 52px; height: 52px;
		float: left;
		text-align: center;
		background: url(../images/butt-back.gif) no-repeat top left;
		}
	#dalsi {
		width: 52px; height: 52px;
		float: left;
		margin-left: 5px;
		text-align: center;
		background: url(../images/butt-next.gif) no-repeat top left;
		}
	#predchozi {
		width: 52px; height: 52px;
		float: left;
		margin-right: 5px;
		text-align: center;
		background: url(../images/butt-prev.gif) no-repeat top left;
		}

.red { color: #b70000 }
.fs24 { font-size: 24px; display: inline; visibility: visible; font-weight: bolder; }
.fs14 { font-size: 14px; display: inline; visibility: visible; font-weight: bolder; }

iframe { border: none; }

input#input2, .up-input {
	width: 400px;
	border: 1px solid #000;
	background-color: #fff;
	}
#load {
	width: 100px; height: 100px;
	}

#sub {
	float: right;
	color: #fff;
	border: none;
	padding: 3px;
	background: #000;
	}

#spodek {
	text-align: center;}
#spodek a {
	color: #000;
	}
