/* www.tiskarnaflora.cz, CSS styly pro zobrazeni */

/* zakladni nastaveni */

body {
	background-color: #464648;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	font-size: 0.7em;
	color: #666666;
	font-weight: normal;
	font-style: normal;
	text-align: center;
}

body.editor {
	background-color: #ffffff;
	color: #666666;
}

a img, a:link img {
	border: none;
}

p {
	margin: 0em;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}

h1 {
	font-size: 1.5em;
	margin: 0em;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	color: #006633;
	text-transform: uppercase;
}

h2 {
	font-size: 1.2em;
	margin: 0em;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	color: #7b7c7e;
	text-transform: uppercase;
}

h3 {
	font-size: 1.1em;
	margin: 0em;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}

h4 {
	font-size: 1em;
	margin: 0em;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}

h5 {
	font-size: 1em;
	margin: 0em;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}

h6 {
	font-size: 1em;
	margin: 0em;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}

ol {
	padding-left: 2.3em;
}

ul {
	padding-left: 2.3em;
}

ul li {
	list-style-type: square;
}

sub {
	font-size: 85%;
}

sup {
	font-size: 85%;
}

a {
	color: #000000;
	text-decoration: underline;
}

a:link {
	color: #000000;
	text-decoration: underline;
}

a:hover {
	color: #ff0000;
	text-decoration: underline;
}

fieldset {
	border: 1px solid #cccccc;
	padding: 0.3em;
}

legend {
	border: 1px dotted #cccccc;
	padding: 0.3em;
}

input.text {
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	font-size: 1em;
	color: #000000;
	background-color: #ffffff;
	border: 1px solid #999999;
}

input.checkbox {
	width: 12px;
	height: 12px;
}

input.radio {
	width: 12px;
	height: 12px;
}

input.submit, input.reset, input.button {
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	font-size: 1em;
	color: #000000;
	font-weight: bold;
	border: 2px solid #999999;
	cursor: pointer;
}

input.file {
	width: 200px;
	height: 21px;
}

input.image {
	padding: 0px;
	border: none;
}

textarea {
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	font-size: 1em;
	color: #000000;
	background-color: #ffffff;
	border: 1px solid #999999;
}

select {
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	font-size: 1em;
	color: #000000;
	background-color: #ffffff;
}

hr {
	color: #cccccc;
	height: 1px;
	border: none;
	background-color: #cccccc;
}

table {
	font-size: 1em;
}

table th, table td {
	padding-left: 5px;
	padding-right: 5px;
}

table.standard {
	border-top: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
}

table.standard td {
	border-right: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
}

table.standard th {
	border-right: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
}

table.colored {
	border-top: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
}

table.colored td {
	border-right: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
}

table.colored th {
	background-color: #eeeeee;
	border-right: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
}

/* stranka */

div#nest {
	width: 956px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	position: relative;
	margin-top: 50px;
}

div#nest.on-homepage {
	height: 466px;
}

div#homepage {
	width: 936px;
	height: 466px;
	margin: 10px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

div#page {
	width: 936px;
	margin: 10px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

/* vrstva pro tisk */

div.print-header {
	display: none;
}

/* presun na obsah */

div.shift-to-content {
	position: absolute;
	left: -10000px;
}

/* linky */

div.line {
	width: 946px;
	height: 2.5em;
	display: table;
	position: relative;
}

div.line.top {
	margin-left: -10px;
	background-image: url(line.top.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 9px;
}

div.motto {
	float: left;
	width: 75%;
	margin-left: 27px;
	display: inline;
}

div.motto p {
	color: #b2b2b2;
	font-family: sans-serif;
	font-size: 1.1em;
}

body.cs div.motto.en, body.en div.motto.cs {
	display: none;
}

div.langmenu {
	float: right;
	margin-right: 27px;
	display: inline;
}

div.langmenu ul {
	margin: 0em;
	padding: 0em;
}

div.langmenu ul li {
	float: left;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	font-family: sans-serif;
	font-size: 1.1em;
	list-style-type: none;
	list-style-image: none;
}

div.langmenu p {
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	font-family: sans-serif;
	font-size: 1.1em;
}

div.langmenu a {
	color: #b2b2b2;
	text-decoration: none;
}

div.langmenu a:hover {
	color: #ffffff;
	text-decoration: none;
}

div.contact {
	float: left;
	width: 30%;
	margin-left: 27px;
	display: inline;
}

div.contact p {
	color: #b2b2b2;
	font-family: sans-serif;
	font-size: 1.15em;
}

div.contact a {
	color: #b2b2b2;
	text-decoration: none;
}

div.contact a:hover {
	color: #ffffff;
	text-decoration: none;
}

div.credits {
	float: left;
	margin-left: 17px;
	margin-top: 4.3em;
	display: inline;
	width: 50%;
}

div.credits p {
	color: #b2b2b2;
	font-family: sans-serif;
	font-size: 1.15em;
}

div.credits a {
	color: #b2b2b2;
}

div.credits a:hover {
	color: #ffffff;
}

.logs
{
	position: relative;
	top: 0px;
	left: -17px;

	float: right;
	width: 140px;
	text-align: right;
}
.logs a span {display: none;}
.logs img {margin: 0px 0px 0px 10px;}


/* hlavicka */

div.header {
	position: relative;
}

div#homepage div.header {
	background-image: url(header-homepage.png);
	background-repeat: no-repeat;
	width: 936px;
	height: 466px;
	margin-top: -10px;
}

div#page div.header {
	background-image: url(header-page.png);
	background-repeat: no-repeat;
	width: 936px;
	height: 123px;
	margin-top: -10px;
	border-bottom: 4px solid #000000;
}

/* logo */

div.logo {
	width: 93px;
	height: 77px;
	overflow: hidden;
	position: absolute;
	left: 17px;
	top: 17px;
}

div.logo p {
	width: 93px;
	height: 77px;
	overflow: hidden;
	position: relative;
}

div.logo p span {
	width: 93px;
	height: 77px;
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
	background-image: url(header-homepage.png);
	background-position: -17px -17px;
}

div.logo ul {
	margin: 0em;
	padding: 0em;
}

div.logo ul li {
	list-style-type: none;
	list-style-image: none;
	width: 93px;
	height: 77px;
	overflow: hidden;
	position: relative;
}

div.logo ul li a {
	width: 93px;
	height: 77px;
	display: block;
}

div.logo ul li a span {
	width: 93px;
	height: 77px;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	cursor: pointer;
	background-image: url(header-page.png);
	background-position: -17px -17px;
}

/* hlavni menu */

div.mainmenu h2 {
	position: absolute;
	left: -10000px;
}

div.mainmenu.on-homepage {
	float: right;
}

div.mainmenu.on-homepage ul {
	margin: 0em;
	padding: 0em;
}

div.mainmenu.on-homepage ul li {
	list-style-type: none;
	list-style-image: none;
	float: left;
	width: 220px;
	height: 466px;
	font-weight: bold;
	font-size: 1.5em;
	color: #bad482;
	text-transform: uppercase;
	position: relative;
	margin-left: 1px;
}

div.mainmenu.on-homepage ul li a {
	width: 220px;
	height: 466px;
	display: block;
	color: #ffffff;
	text-decoration: none;
}

div.mainmenu.on-homepage ul li a span {
	width: 220px;
	height: 466px;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	cursor: pointer;
}

div.mainmenu.on-homepage ul li ul {
	display: none;
}

body.cs div.mainmenu.on-homepage ul li.sluzby a span {
	background-image: url(sluzby.jpg);
}

body.cs div.mainmenu.on-homepage ul li.technologie a span {
	background-image: url(technologie.jpg);
}

body.cs div.mainmenu.on-homepage ul li.pro-klienty a span {
	background-image: url(pro-klienty.jpg);
}

body.en div.mainmenu.on-homepage ul li.services a span {
	background-image: url(services.jpg);
}

body.en div.mainmenu.on-homepage ul li.technologies a span {
	background-image: url(technologies.jpg);
}

body.en div.mainmenu.on-homepage ul li.for-clients a span {
	background-image: url(for-clients.jpg);
}

div.mainmenu.on-homepage ul li a:hover span {
	background-position: -220px 0px;
}

div.mainmenu.in-header {
	width: 663px;
	float: right;
}

* html div.mainmenu.in-header {
	width: 664px;
}

div.mainmenu ul {
	margin: 0em;
	padding: 0em;
}

div.mainmenu.in-header ul li {
	width: 220px;
	height: 123px;
	position: relative;
	overflow: hidden;
	float: left;
	margin-left: 1px;
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
}

div.mainmenu.in-header ul li a {
	display: block;
	width: 220px;
	height: 123px;
	overflow: hidden;
}

div.mainmenu.in-header ul li a span {
	display: block;
	width: 220px;
	height: 123px;
	cursor: pointer;
	position: absolute;
	left: 0px;
	top: 0px;
}

body.cs div.mainmenu.in-header ul li.sluzby a span {
	background-image: url(sluzby2.jpg);
}

body.cs div.sluzby div.mainmenu.in-header ul li.sluzby a span {
	background-position: -220px 0px;
}

body.cs div.sluzby div.mainmenu.in-header ul li.sluzby a:hover span {
	background-position: -220px -123px;
}

body.cs div.technologie div.mainmenu.in-header ul li.sluzby a span {
	background-position: -440px 0px;
}

body.cs div.technologie div.mainmenu.in-header ul li.sluzby a:hover span {
	background-position: -440px -123px;
}

body.cs div.pro-klienty div.mainmenu.in-header ul li.sluzby a span {
	background-position: -660px 0px;
}

body.cs div.pro-klienty div.mainmenu.in-header ul li.sluzby a:hover span {
	background-position: -660px -123px;
}

body.cs div.mainmenu.in-header ul li.technologie a span {
	background-image: url(technologie2.jpg);
}

body.cs div.sluzby div.mainmenu.in-header ul li.technologie a span {
	background-position: -220px 0px;
}

body.cs div.sluzby div.mainmenu.in-header ul li.technologie a:hover span {
	background-position: -220px -123px;
}

body.cs div.technologie div.mainmenu.in-header ul li.technologie a span {
	background-position: -440px 0px;
}

body.cs div.technologie div.mainmenu.in-header ul li.technologie a:hover span {
	background-position: -440px -123px;
}

body.cs div.pro-klienty div.mainmenu.in-header ul li.technologie a span {
	background-position: -660px 0px;
}

body.cs div.pro-klienty div.mainmenu.in-header ul li.technologie a:hover span {
	background-position: -660px -123px;
}

body.cs div.mainmenu.in-header ul li.pro-klienty a span {
	background-image: url(pro-klienty2.jpg);
}

body.cs div.sluzby div.mainmenu.in-header ul li.pro-klienty a span {
	background-position: -220px 0px;
}

body.cs div.sluzby div.mainmenu.in-header ul li.pro-klienty a:hover span {
	background-position: -220px -123px;
}

body.cs div.technologie div.mainmenu.in-header ul li.pro-klienty a span {
	background-position: -440px 0px;
}

body.cs div.technologie div.mainmenu.in-header ul li.pro-klienty a:hover span {
	background-position: -440px -123px;
}

body.cs div.pro-klienty div.mainmenu.in-header ul li.pro-klienty a span {
	background-position: -660px 0px;
}

body.cs div.pro-klienty div.mainmenu.in-header ul li.pro-klienty a:hover span {
	background-position: -660px -123px;
}

/* en menu */

body.en div.mainmenu.in-header ul li.services a span {
	background-image: url(services2.jpg);
}

body.en div.mainmenu.in-header ul li.technologies a span {
	background-image: url(technologies2.jpg);
}

body.en div.mainmenu.in-header ul li.for-clients a span {
	background-image: url(for-clients2.jpg);
}

div.mainmenu.in-header ul li a:hover span {
	background-position: 0px -123px;
}

div.mainmenu.in-content {
	border-left: 1px solid #d9dadb;
	border-right: 1px solid #d9dadb;
	border-bottom: 1px solid #d9dadb;
	margin-bottom: 20px;
}

div.mainmenu.in-content ul li {
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	border-top: 1px solid #d9dadb;
}

div.mainmenu.in-content a {
	color: #006633;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
}

div.mainmenu.in-content a:hover, div.mainmenu.in-content a.active {
	color: #ffffff;
	text-decoration: none;
	background-color: #b4c600;
}

div.mainmenu.in-content ul li ul li {
	text-transform: none;
	border-top: none;
}

div.mainmenu.in-content ul li ul li a {
	padding-left: 20px;
}

body.cs div.mainmenu ul li.services, body.cs div.mainmenu ul li.technologies, body.cs div.mainmenu ul li.for-clients {
	display: none;
}

body.en div.mainmenu ul li.sluzby, body.en div.mainmenu ul li.technologie, body.en div.mainmenu ul li.pro-klienty {
	display: none;
}

/* submenu */

div.submenu {
	margin-bottom: 20px;
}

div.submenu ul {
	margin: 0em;
	padding: 0em;
}

div.submenu ul li {
	list-style-type: none;
	list-style-image: none;
}

/* obsah */

div#homepage div.content {
	width: 200px;
	height: 200px;
	overflow: auto;
	position: absolute;
	left: 30px;
	top: 200px;
}

div#homepage div.content div.text {
	color: #ffffff;
}

div#page div.content {
	width: 100%;
	display: table;
	background-color: #ffffff;
	border-bottom: 10px solid #ffffff;;
}

div#page div.content {
	background-image: url(page.gif);
	background-repeat: repeat-y;
}

/* sloupce */

div.content div.left {
	width: 239px;
	margin-left: 17px;
	margin-right: 17px;
	margin-top: 16px;
	margin-bottom: 16px;
	float: left;
	overflow: hidden;
	display: inline;
}

div.content div.middle {
	width: 413px;
	margin-top: 16px;
	margin-left: 14px;
	margin-right: 14px;
	margin-bottom: 16px;
	float: left;
	overflow: hidden;
	display: inline;
}

div.content div.right {
	width: 186px;
	margin-top: 16px;
	margin-left: 17px;
	margin-right: 17px;
	margin-bottom: 16px;
	float: right;
	overflow: hidden;
	display: inline;
}

/* levy sloupec */

/* vyhledavani */

div.searching h2 {
	font-size: 0.8em;
	text-transform: uppercase;
}

div.searching form {
	margin: 0em;
}

div.searching input.text {
	border-left: none;
	border-top: 1px solid #d9dadb;
	border-bottom: 1px solid #d9dadb;
	border-right: 1px solid #d9dadb;
	height: 1.25em;
	width: 150px;
}

div.searching input.submit {
	background-color: #ffffff;
	color: #7b7c7e;
	text-transform: uppercase;
	border: none;
	font-size: 0.9em;
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
}

span.magnifier {
	display: block;
	width: 20px;
	height: 18px;
	background-image: url(magnifier.gif);
	float: left;
	margin-right: -3px;
	margin-top: 1px;
	display: inline;
}

/* stredni sloupec */

div.navigation {
	margin-top: 20px;
	border: 1px solid #d9dadb;
	padding: 5px;
	text-align: center;
}

div.navigation a, div.article-detail-navigation a {
	color: #8d8d8f;
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
	font-size: 0.8em;
	text-transform: uppercase;
	text-decoration: none;
	padding-top: 2px;
	padding-bottom: 5px;
}
div.navigation a:hover, div.article-detail-navigation a:hover {
	color: #333333;
	text-decoration: none;
}
a.previous,
a.link-back{
	background: url(ico-back.gif) no-repeat;
	background-position: 0px 2px;
	padding-left: 20px;
}
a.link-print{
	background: url(ico-print.gif) no-repeat;
	background-position: 0px 0px;
	padding-left: 20px;
}
a.back,
a.link-up{
	background: url(ico-top.gif) no-repeat;
	background-position: 0px 2px;
	padding-left: 20px;
}
a.link-recommend{
	background: url(ico-recommend.gif) no-repeat;
	background-position: 0px 2px;
	padding-left: 20px;
}
a.next{
	background: url(ico-dalsi.gif) no-repeat;
	background-position: 0px 2px;
	padding-left: 20px;
}

/* pravy sloupec */

div.box {
	margin-bottom: 10px;
}

div.box-label {
	color: #006633;
	font-weight: bold;
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
}

div.box-content {
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
}

/* paticka */

div#homepage div.line.bottom {
	margin-left: -10px;
	padding-top: 18px;       
}

div#page div.line.bottom {
	background-image: url(line.bottom.page.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: -10px;
	padding-top: 18px;
}

div.line.bottom
{
	position: relative;
}

/* captcha */
.captcha
{
	padding-top: 2px;
}
.captcha img.captcha-image
{
	float: left;
	border: 1px solid #999999;
}
.captcha input.captcha-number
{
	width: 92px;
	margin-top: 2px;
}
.captcha span.captcha-help
{
	float: left;
	margin-left: 5px;
}

/* fotogalerie */

div.gallery {
	width: 100%;
	display: table;
}

div.photo-item {
	float: left;
	margin-right: 5px;
	margin-top: 5px;
}

div.page-navigation {
	clear: both;
	margin-top: 10px;
}