/*====================================================================*/
/*  Definice stylů pro stránky 125ccm.cz (c) whitwa 2004 -2005  */
/*====================================================================*/

BODY {
	font-family: 'Trebuchet MS', 'Lucida Grande',  Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size: x-small;
	text-align: center;
	color: #513417;
	margin: 0 auto 0 auto;
	padding: 0;
	width: 782px;
	background: #e0dfe3 url('http://125ccm.cz/img/bg-main.png') repeat-y top;
}

#topbanner
{
	background: #e0dfe3 ;

	padding: 4px 4px 15px 0.5em;
}
H2 {
	font-size: 140%;
	margin-top: 10px;
	color: #442315;
}
H3 {
	font-size: 110%;
	margin: 0 0 5px 0;
	color: #6A3422;		
}
hr {
	color: #924C33;
	width: 98%;
	margin: 10px 0 10px 0;
}
c
table {
	border-collapse: collapse;
	font-size: 80%;
}
A {
	color: Black;
	text-decoration: underline;
}
A:visited {
	color: Purple;
}
A:hover {
	color: Red;
}
/* ID´s */
#obal {
	width: 766px;
}
#logo h1 {
	position:absolute;
	top: 5%;
	left: 42%;
}
#logo span {
   display: block;
	position: relative;
	z-index: 2;
	height: 250px;
	width: 780px;
	background: url(http://125ccm.cz/img/logo4.jpg) no-repeat;
}
#logo *:hover {
	text-decoration: none;
}
#logo {
	height: 250px;
	width: 780px;
	background: #f9f4bb;
	margin: 0px 0 0px 0px;
}
#containerleft {
	float: left;	
	margin: -4px 0 0px 7px;
	width: 174px;
}
#button ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	line-height: 25px;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 2px;
	background: #A97710;
}		
#button li {
	border-bottom: 1px solid black;
	margin-bottom: 1px;
}
#button li a, #menu, #active  {
	display: block;
	padding: 4px 4px 4px 0.5em;
	border-left: 10px solid #924C33;
	border-right: 10px solid #DEB95A;
	background: #B50909;
	color: #fff;
	text-decoration: none;
	text-indent: 3px;
	
}
#button li a:hover, #active {
	border-left: 10px solid #924C33;
	border-right: 0px;
	background: #DEB95A;
	color: black;
}	

#menu {
	text-align: center;
	text-transform: none;
	height: 3ex;
	border-right: 10px solid #924C33;
	padding-bottom: 5px;
}
#predel {
	background: url(http://125ccm.cz/img/menu_bottom.png) no-repeat;
	margin-top: -2px;
	height: 35px;	
}	
#info {
	padding: 15px;
	background-color: #deb95a;
}
#obsah {
	float: right;
	width: 565px;
	padding-right: 10px;
	text-align: left;
	background: #f9f4bb;
}
#obsah ul  {
	list-style-image: url(http://125ccm.cz/img/odrazka.gif);
	font-size: 105%;
}
#obsah li {
	margin-top: 10px;
	padding: 0;
}
#room {
	margin: 20px 0 0 45px;
}
#paticka {
	clear: both;
	height: 77px;
	width: 780px;
	font-size: xx-small;
	color: #545454;
	background: #e0dfe3 url(http://125ccm.cz/img/paticka.png) no-repeat scroll top;
	margin-left: 1px;
	padding-top: 20px;
}
#paticka A {
	color: #545454;
}
#paticka A:HOVER {
	color: black;
}
#paticka strong.red A {
	color: Red;
}
#reklama {
	margin: 4px auto 2px auto;
	width: 468px;
	height: 60px;
}
/* CLASSes */

.osoba {
	border: 2px solid #EEE6AA;
	padding: 7px;
	margin: 12px 0 12px 0;
}
.osoba:hover {
	background: #EEE6AA;	
}
.box{
background:#f8f8f8 url(img/boxbg.gif) top left repeat-y;
border:1px solid #d0d4d4;
color:#505050;
margin:15px auto;
padding:10px 10px 10px 20px;
width:75%;
}
.red {
	color: red;
}
.right {
	text-align: right;
}
.nodisplay {
	display: none;
}
.imgl  {
	float: left;
	margin: 2px 8px 2px 2px;
	
}
/* vzkazovnik */
.hlavickazpravy {
	background-color: #DEB95A;
	padding: 2px;
}
.telozpravy {
	margin-bottom: 3px;
	border: 2px solid #DEB95A;
	padding: 7px;
}
/* anketa */
.anketa {
	border: 1px solid #B37D00;
	font-size: x-small;
	width: 140px;
}
.anketa th {
	background:#B37D00;
}
.anketa td {
}
.graf {
	margin-top: 4px;
	font-size: 0px;
	height: 7px;
	background-color: Maroon;
}
/* weblogy */
p.date               { font-size: 11px; margin: 0 0 5px 0; }
p.subject            { margin: 0 0 5px 0; font-size: 15px; font-weight: bold; }
p.comments           { margin: 5px 0 0 0; }
p.text, p.comment-text       { margin: 0; }
p.commentauthor      { margin: 20px 0 5px 0; }
td.comformb          { width: 145px; }
textarea.comtext     { width: 420px; height: 120px; font-size: 13px; }
input.comdata        { width: 130px; }
.preview             { width: 50%; margin: 30px 0 20px 0; font-weight: bold; border-bottom: 1px dotted #c0c0c0; color: red; }
p.comment-hl         { width: 50%; margin: 35px 0 20px 0; font-weight: bold; border-bottom: 1px dotted #c0c0c0; }
input.bbcode-button  { width: 45px; height: 20px; margin: 0 0 5px 0; background: #efefef; }
div.news-sep         { margin: 25px 0px 25px 0px; padding: 0; font-size: 0px; width: 150px; border-top: 1px dotted #c0c0c0; }
div.comment-sep      { margin: 20px 0px 25px 0px; padding: 0; font-size: 0px; width: 150px; border-top: 1px dotted #c0c0c0; }
p.browse             { text-align: right; font-weight: bold; }
a.xml                { border:1px solid; border-color:#fc9 #630 #330 #f96; padding:0 4px; font-weight: bold; color:#fff; background:#f60; text-decoration:none; margin:0; }
a.xml:link, a.xml:visited, a.xml:hover, a.xml:active      { color: #fff; text-decoration: none; }
input.bbcode-button  { width: 45px; height: 20px; margin: 0 0 5px 0; background: #efefef; }
button.smiley-button { width: 23px; height: 23px; margin: 0 1px 1px 0; background: #efefef; }
.caution             { color: red; font-weight: bold; }
/* Pro prohlížeče mimo IE/win */
HTML>BODY table, HTML>BODY .hlavickazpravy, HTML>BODY .telozpravy  {
	font-size: 100%;
}
HTML>BODY h2  {
	font-size: 150%;
}
HTML>BODY h3  {
	font-size: 120%;
}
HTML>BODY hr {
	border: 1px solid #924C33;
	width: 98%;
}
HTML>BODY #containerleft  {
	margin: 0 0 20px 14px;
}
HTML>BODY #obsah  {
	width: 555px;
}
HTML>BODY #reklama {
	margin: 0 auto 0 auto;
}
HTML>BODY, HTML>BODY .anketa  {
	font-size: small;
}
/* TISK */
@media print {
#logo, #containerleft, #paticka  {display: none;}
#obal, #obsah {width: 100%;}
}






/* -------------Komentáře----------------- */
#komentare img {
	border-width: 0px;
}

#komentare h1 {
	font-size: large;
	text-align: center;
	margin: 20px 0px 10px 0px;
	padding: 0px;
}

#komentare h1 a {
	text-decoration: none;
}

#komentare h2 {
	font-size: small;
	font-weight: bold;
	margin: 0px 0px 5px 10px;
	padding: 0px;
}

#komentare a, .komentar a {
	color: #000000;
	text-decoration: underline;
}

#komentare a:hover, .komentar a:hover {
	color: #000000;
	text-decoration: none;
}

#komentare #zobraz {
	text-align: center;
	font-style: italic;
}

#komentare #odkaz {
	text-align: center;
}

#komentare #info {
	font-size: x-small;
	margin-left: 15px;
}

#komentare .small {
	font-size: x-small;
}

#komentare form {
	margin: 0px;
	padding: 0px;
}

#komentare fieldset {
	border: solid 1px #666666;
	padding: 5px;
	margin: 0px;
	width: 550px;
}

#komentare legend {
	font-size: small;
	font-weight: bold;
	color: #000000;
	padding: 0px 5px;
	margin : 0px;
}

#komentare input, #komentare textarea, #komentare select {
	width: 200px;
	height: 20px;
	border: solid 1px black;
	background-color: #eeeeee;
	color: black;
	margin: 0px 0px 10px 15px;
	padding: 0px;
	font-family: arial, tahoma, verdana, sans-serif;
	font-size: small;
}

#komentare textarea {
	width: 500px;
	height: 80px;
}

#komentare .tlacitko {
	width: 100px;
	margin-top: 10px;
}

#komentare #smajlici {
	margin: 0px 15px 10px 15px;
}

#komentare #chyba {
	margin: 10px 0px 10px 15px;
}

#komentare #cislo {
	width: 30px;
	text-align: center;
}

.komentar p {
	width: 540px;
	display: block;
	padding: 5px;
	margin: 0px;
	background-color: #eeeeee;
	text-align: justify;
	border-top: solid 1px #666666;
	border-bottom: solid 1px #666666;
	line-height: 1.3em;
}

.komentar {
	width: 550px;
	margin: 10px 0px 20px 0px;
	border: solid 1px #666666;
}

.kom_hlavicka, .kom_paticka {
	padding: 3px 0px 3px 5px;
	background-color: #dddddd;
}