/************************************************** PISMO A VELIKOST */

body, input, select, textarea, th, td {
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
}

input, select, textarea {
	font-size: 100%;
}

body, th, td {
	font-size: 85%; /* th, td only for IE < 6 */
	line-height: 1.4;
}

th, td {
	font-\size: 100%;
}




/************************************************** ZAKLADY */

/* zarovnani textu */
p { margin: 0.8em 0; padding: 0; }
.right { text-align: right !important; }
.left { text-align: left !important; }
.center { text-align: center !important; }
p.noindent { text-indent: 0 !important; }


/* titulky */
h1, h2, h3 {
	text-indent: 0px;
	margin: 0.8em 0;
	color: #FC6F4E;
}
h1 { font-size: 230%;  }
h2 { font-size: 122%; }
h3 { font-size: 110%;  }


small {
	color: gray;
	font-size: 80%;
}


/* kotvy */
a {
	cursor: pointer;
	_cursor: hand;
	font-weight: bold;
	color: #DD6144;
}
a:visited { color: #E42800; }
a:hover { color: navy; }


/* další */

hr {
	color: #3B7CD0;
	background-color: #3B7CD0;
	border: 0;
	height: 1px;
}

.nocss { display: none; }



/************************************************** SEZNAMY */


dd { }
dt { font-weight: bold; }

ul { margin: 0 0 20px 20px; padding: 0; }
ul li { margin-left: 20px; }
ul.nodots { list-style: none; }



/************************************************** FORMULARE */


input.text {
	width: 60%;
}

input.default { font-weight:bold; }


input.text, select, textarea {
	border: 1px solid gray;
	padding: 3px;
}

input.text:focus, select:focus, textarea:focus {
	border: 1px solid black;
}



/************************************************** TABULKY */


table { }





/************************************************** OBRAZKY */

img { border: none; }


a img {
	-moz-opacity: .85;
	-khtml-opacity: .85;
	filter: alpha(opacity=85);
}

a:hover img {
	-moz-opacity: 1;
	-khtml-opacity: 1;
	filter: alpha(opacity=100);
}

a img.foto {
	-moz-opacity: 1;
	-khtml-opacity: 1;
	filter: none;
}



.img-left, .img-right {
	float: left;
	margin: 5px 10px 5px 0;
	padding: 0;
	text-align: center;
	font-size: 84%;
}

.img-right {
	float: right;
	margin: 5px 0 5px 10px;
}




/************************************************** LAYOUT */


body {
	background: white;
	margin: 0; padding: 0;
	color: #111111;
	text-align: center;
}

.page {
	position:relative;
	margin: 0 auto;
	width: 730px;
	text-align: left;
}


		#header {
			background: url("../images/logo2.gif") left top no-repeat;
			position: absolute;
			left: 460px; top: 10px;
			width: 262px; height: 75px;
		}


		#menu {
			position: relative;
			width: 730px;
			height: 240px;
		}


		h1 {
        /*
			position: absolute;
			left: 465px; top: 150px;
			width: 260px;
            */
			margin-top: 0;
		}


		#main {
			width: 100%;
		}


				#content {/*
					float: right;
					width: 420px;*/
					margin-left: 185px;
					margin-right: 50px;
					/*display: inline; /* kvuli chybe zdvojeni okraju v IE 5-6 */
				}


				#navigation {
					width: 160px;
				}




		#footer {
			clear: both;
			margin-top: 20px;
			padding: 5px 0px 10px 0px;
			font-size: 84%;
			text-align: right;
			color: silver;
		}


	    #footer .ad { font-size: 90% }
	    #footer .ad a { color: gray !important }





/************************************************** HLAVICKA */

#header span { display: none; }



/************************************************** MAIN */


#main { width: 100%; }  /* IE natahne vysku */
#main:after {           /* Mozilla natahne vysku */
 content: ".";
 display: block;
 line-height: 0;
 visibility: hidden;
 clear: both;
}

#sidebar p {
	margin-left: 30%;
	margin-bottom: 20px;
}



/************************************************** PATICKA */


#footer a { font-weight: normal; }
#footer img { vertical-align:middle; }

/************************************************** MENU */


#menu ul {
	margin: 0 0 30px 0;
	padding: 0;
	list-style: none;
}


#menu li {
	margin: 0; padding: 0;
	position: absolute;
	width: 61px; height: 61px;
}

#menu li a {
	display: block;
	width: 100%; height: 100%;
	text-decoration: none;
	background: #FDAE9C;
}

#menu li a:hover {
	background-color: #FC6F4E;
}

#menu li.active a {
	background-color: #E42800 !important;
}


#menu li span {
	position: absolute;
	display: block;
	width: 100%;
	bottom: 0px;
	text-align: center;
	color: white;
	font-weight: bold;
}


#menu li.item0 {
	left: 144px; top: 86px;
	width: 125px; height: 125px;
}

#menu li.item0 a {
	background: #FC6F4E url("../images/logo1.gif") center center no-repeat !important;
}

#menu li.item0 span { display: none; }


#menu li.item1 { left: 16px; top: 150px; }

#menu li.item2 { left: 80px; top: 150px; }

#menu li.item3 { left: 80px; top: 214px; }

#menu li.item4 { left: 272px; top: 22px; }

#menu li.item4 { left: 272px; top: 22px; background: #FDAE9C; }

#menu li.item5 { left: 272px; top: 86px; }
#menu li.item5 a { background: #FDAE9C url("../images/vazba-1.gif") center center no-repeat; }
#menu li.item5 span { display: none; }

#menu li.item6 { left: 336px; top: 86px; }
#menu li.item6 a { background: #FDAE9C url("../images/vazba-2.gif") center center no-repeat; }
#menu li.item6 span { display: none; }

#menu li.item8 { left: 400px; top: 86px; }
#menu li.item8 a { background: #FDAE9C url("../images/vazba-4.gif") center center no-repeat; }
#menu li.item8 span { display: none; }

#menu li.item9 { left: 80px; top: 22px; }
#menu li.item9 a { background: #FDAE9C url("../images/rezacky.gif") center center no-repeat; }
#menu li.item9 span { display: none; }

#menu li.item10 { left: 16px; top: 22px; }
#menu li.item10 a { background: #FDAE9C url("../images/skartovacky.gif") center center no-repeat; }
#menu li.item10 span { display: none; }

#menu li.item11 { left: -48px; top: 22px; }
#menu li.item11 a { background: #FDAE9C url("../images/laminovacky.gif") center center no-repeat; }
#menu li.item11 span { display: none; }



/************************************************** DEFINICE PRO RUZNE STRANKY */



.produkt { margin: 0 0 20px 0; }
.produkt h2 { margin: 2px 0; }

.produkt p {
	font-size: 92%;
}

.produkt { width: 100%; }  /* IE natahne vysku */
.produkt:after {           /* Mozilla natahne vysku */
 content: ".";
 display: block;
 line-height: 0;
 visibility: hidden;
 clear: both;
}

.price {
	font-weight: bold;
	color: darkblue;
	font-size: 130%;
}


.pictographs { margin-top: 8px; }









a.new { color:#ba0000 !important; text-decoration:none; }

.diffbox { border-left: 1px solid silver; }

.diffbox h3 {
		background: #dddddd;
		color: black;
		font-size: 110%;
		font-weight: normal;
		padding-left: 0.5em;
}

.diffbox .ins, .diffbox .del {
		border-left: 5px solid #7ff57f;
		font-family: monospace;
		padding: 0.2em 0.5em;
}

.diffbox .del { border-left: 5px solid #f6dd72;  }

.diffbox p {
		font-weight: bold;
		margin: 0;
		text-indent: 0;
		padding-left: 0.5em;
}

ins { color: #5fd55f; text-decoration: none }
del { color: #d6cd52;  }

#actions {
		top: 0px;
		right: 0px;
		position:absolute;
		font-size: 80%;
		color: #AAA;
}

#actions a { margin: 0 0.4em; }
#actions a:link, #actions a:visited { color: #AAA; text-decoration: none }
#actions a:active, #actions a:hover  { color: blue; background: none; text-decoration: underline }

.info {
	background-color: #FFFFCC;
	border:1px solid #CCCCCC;
	padding: 1em;
	margin: 1em 0;
}


a[href^="error:"] {
	background: red;
	color: white;
	text-decoration: blink;
}


div.controls {
	margin: 5px 0 10px 0;
}



.preview {
	border: 2px solid #F2F2F2;
	padding: 5px;
}

.preview h1 {
	position: static !important;
}




/************************************************** TISK */

@media print {

#menu { display: none; }

* {
	position: static !important;
}

h1 {
	width: auto;
	text-align: center;
	margin-bottom: 20px;
}

}