/*--------------------------------------------------------------------------*/
/* LAYOUT */

body {
		font-family: 'Verdana','Arial CE', 'Helvetica CE', Arial, sans-serif;
		font-size: 9pt;
		color: #0F0F0F;
		margin: 0px;
		padding: 0px;
		background: #E2E9CF;
		text-align: center;
		color: black;
}

#obal-celek {
		margin-left: auto;
		margin-right: auto;
		width: 900px;
		background-color: #fff;
		text-align: left;
		border-left: 10px solid #BDD1A0;
		border-right: 10px solid #BDD1A0;
		border-top: 15px solid #BDD1A0;
		border-bottom: 10px solid #BDD1A0;
		margin-top: 5px;
}

#obal {
		margin-left: auto;
		margin-right: auto;
		width: 800px;
		background-color: #fff;
}

/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/* TOP BOX MAIN */

#top-box-main { position: absolute; padding-top: 2px; top: 23px; width: 800px; height: 26px; }

#top-box-ico { float: left; margin-left: 320px;	position: relative;	top: 4px; }
.blok { margin-left: auto; margin-right: auto; float: left;	height: 19px;	}
.odkaz { display: block; width: 11px; height: 7px; background-color: lime; }

#ico-home       { background: url('img/ico-home2.jpg') no-repeat red; padding-bottom: 3px; margin-top: 5px; margin-right: 10px; }
#ico-home:hover { background: url('img/ico-home2.jpg') no-repeat 0px -10px; display: block; }
#ico-mail       { background: url('img/ico-mail2.jpg') no-repeat; margin-left: 10px; margin-top: 7px; }
#ico-mail:hover { background: url('img/ico-mail2.jpg') no-repeat 0px -7px; display: block; }
#ico-roura      { background: url('img/ico-roura.jpg') no-repeat red; width: 5px; height: 19px; }


#top-box-green { float: right; width: 423px; height: inherit; padding: 0px; }
#top-box-search { position: relative; float: left; background-color: #f7f7f7; width: 333px;	height: 16px; font-size: 8pt; padding: 5px; }

input, textarea, select { background-color: #fff; border: 1px solid #76a31a; font-size: 8pt; color: #0F0F0F; }
input:hover, textarea:hover, select:hover { border: 1px solid #669900; }
input:active, textarea:active, select:active { color: #76a31a; }

#div_query { margin: 0px; padding: 0px; }
.row { float: left; }

#div_query input {background-color: #fff; font-size: 8pt; width: 138px; display: block; float: left;}
#div_query label {width: 140px; display: block; float: left; text-align: right; padding: 0 10px; line-height: 16px;}
input#submit_search_simple { float: right; font-size: 8pt; background-color: #76a31a; color: #ffffcc; font-weight: bold; width: 25px; }

#top-box-flags { float: right; width: 65px;	height: 16px; background-color: #f7f7f7; text-align: center; padding: 5px; }
.ico-flags { padding-top: 20px; }

.blok-flag { margin-left: auto; margin-right: auto; float: left; height: 12px;	}
.odkaz-flag { display: block; width: 18px; height: 12px; background-color: lime; }

#flag-en		{ background: url('img/ico-en.jpg') no-repeat; margin-top: 2px; margin-left: 11px; }
#flag-en:hover { background: url('img/ico-en.jpg') no-repeat 0px -12px; display: block; }
#flag-cz       	{ background: url('img/ico-cz.jpg') no-repeat; margin-left: 7px; margin-top: 2px; }
#flag-cz:hover { background: url('img/ico-cz.jpg') no-repeat 0px -12px; display: block; }


/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/* hlavička a patička */

#hlavicka { position: absolute;	top: 55px; width: 799px; height: 240px; background: url(img/bkg-header.jpg) no-repeat; }

#logo { position: relative; top: 10px; left: 42px; }
#logo-slogan { position: relative; top: 177px; left: 430px; }

#paticka { text-align: center; color: #fff; height: 47px; background: url('img/bkg.jpg') repeat-x 0px 0px #bdd1a0; margin: 30px 0 0 0; }
#paticka span { height: 31px; padding-top: 16px; display: block; }
#paticka a { text-decoration: none; color: #fff; }
#paticka a:hover { text-decoration: none; color: #669900; }


/*--------------------------------------------------------------------------*/
/* menu keců */

#main_menu {
		position: relative; top: 175px; left: 0px; height: 35px; display: block; list-style: none; background-color: #669900;
		padding-left: 8px; margin: 0px; font-size: 10pt;

		list-style-type:none;
		list-style-position:outside;

}

#main_menu ul { position:absolute; display:none; width: 160px; top:35px; padding: 0 0 0 20px;
		padding:0; margin:0;
		list-style-type:none;
		list-style-position:outside;
}

#main_menu li { display: block; float: left; margin-right: 8px; }
#main_menu li a { display: block; text-decoration: none; color: #fff; }
#main_menu li a:hover { background-color: #F6D091; color: #C54D35;}
#main_menu li.hover { background-color: #F6D091; }
#main_menu li a.act { background-color: #C1D29C; color: #000; }
#main_menu li.hover a { color: #C54D35; }



#main_menu li a span { display: block; line-height: 20px; padding-left: 8px; }
#main_menu li a span span { display: block; line-height: 35px; padding-right: 17px; }
#main_menu li li a span span { display: block; line-height: 20px; padding-left: 8px; }

#main_menu li ul a { width: 220px; float: left; font-size: 8pt;  }
#main_menu li li a { background-color: #F6D091; color: #C54D35; }
#main_menu li li a:hover { background-color: #E4AF6B; color: #fff; }
#main_menu ul ul { top: auto; margin-left: 220px; }

/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/* lyaout */

#google_map {width: 460px !important; height: 500px;}
#playground .content #detail-obsah div.gmnoprint div.gmnoprint p { background-color: #fff; }
#playground .content #detail-obsah img#google_map_bubble { border: 0px; margin: 7px; }

#playground { margin-top: 320px; }
.content { float: left; padding: 0 0 10px 0; }
#playground .content { width: 800px; }

#playground .content h2 {
		font-family:Calibri,Arial,sans-serif;
		color: #0f0f0f;
		background: url('img/h2_bkg.gif') no-repeat #f7f7f7;
		font-size: 13pt;
		padding: 8px 0 8px 13px;
		font-weight: bold;
		margin-bottom: 2px;
}

#playground .content h3 {
		font-family:Calibri,Arial,sans-serif;
		font-size: 12pt;
		font-weight: bold;
		background-color: #f7f7f7;
		color: #0f0f0f;
		padding: 5px 10px 5px 10px;
}

#playground .content h4 {
		padding: 5px 0 5px 10px;
		font-size: 10pt;
		font-weight: bold;
		background-color: #99CC33;
		color: #fff;
		border-bottom: 3px dotted #669900;
		margin-bottom: 10px;
		margin-top: 0px;

}

.kategorie-u-h2 { font-size: 8pt; font-weight: normal; color: #75A319; }

#playground .content .left { float: left; width: 480px; }
#playground .content .right { float: right; position: relative; width: 300px; }

/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/* drobečkové menu */

div.drob-menu {
		padding-bottom:0.5em;
		height: 20px;
		padding: 10px 0 0px 13px;
		font-size: 8pt;
		border-bottom: 3px solid #F7F7F7;
}

div.drob-menu a:hover {
		background: #C3D29E none repeat scroll 0 0; color: #FFFFFF; text-decoration: none; }

div.drob-menu a { color: #7DA851; }

/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/* box - list of */

#playground .content .box-listof { background-color: #99CC33; border: 1px solid #A0B87D; margin: 15px 0; }
#playground .content .box-listof img { padding: 2px; float: right; background-color: #fff; margin: 0 10px 10px 10px; border: 10px solid #75A319; }
#playground .content .box-listof p { padding: 15px; color: #4E4E4E; }
#playground .content .box-listof span { color: #fff; float: right; padding: 5px 15px; margin-top: 2px; font-size: 8pt; }


/* novinky - last news and reference top right */

#novinky { width: 300px; float: right; }
#novinky p { font-size: 8pt; color: #fff; padding: 5px; }

div.more-info { text-align: left; text-decoration: underline; color: #000; padding: 10px 15px 20px 15px; font-size: 8pt; }

#playground .content .box-lastlist1 { background-color: #7DA851; margin: 15px 0; }
#playground .content .box-lastlist1 em.news-title { width: 270px; display: block; color:#000; font-size:10pt; font-weight:bold; margin-bottom:10px; padding: 15px 15px 5px 15px; }
/* #playground .content .box-lastlist1:hover { background-color: #759E4B; } */
#playground .content .box-lastlist1 em { font-style: normal; }
/* #playground .content .box-lastlist1 h4 { background-color: #759E4B; border-bottom: 1px solid #759E4B; } */
#playground .content .box-lastlist1 img { padding: 2px; background-color: #fff; margin: 0 10px; border: 10px solid #A0B87D; display: block; margin-left: auto; margin-right: auto; }
#playground .content .box-lastlist1 p { padding: 15px; margin: 0px; color: #fff; }
#playground .content .box-lastlist1 span { color: #fff; float: right; padding-top: 2px; margin: 0px; font-size: 7pt; background-color: #759E4B; font-weight: normal; }



#playground .content .box-lastlist2 { background-color: #75A319; margin: 15px 0; }
#playground .content .box-lastlist2 em.news-title { width: 270px; display: block; color:#000; font-size:10pt; font-weight:bold; margin-bottom:10px; padding: 15px 15px 5px 15px; }
/* #playground .content .box-lastlist2:hover { background-color: #669900; } */

/* #playground .content .box-lastlist2 h4 { background-color: #669900; border-bottom: 1px solid #669900; } */
#playground .content .box-lastlist2 em { font-style: normal; }

#playground .content .box-lastlist2 img { padding: 2px; background-color: #fff; margin: 0 10px; border: 10px solid #A0B87D; display: block; margin-left: auto; margin-right: auto; }
#playground .content .box-lastlist2 p { padding: 10px 15px; margin: 0px; color: #fff; }
#playground .content .box-lastlist2 span { color: #fff; float: right; padding-top: 2px; margin: 0px; font-size: 7pt; background-color: #669900; font-weight: normal; }



#playground .content .reference-right-top em { display: none; }
#playground .content .reference-right-top img { border: 1px solid #6E9629; display: block; margin-left: auto; margin-right: auto; margin: 5px 0; }
#playground .content .reference-right-top img:hover { border: 1px solid #669900; }
#playground .content .reference-right-top p {display: none;}

#nodes {padding: 5px; border-bottom: 1px solid #F7F7F7;}
#nodes a {color: #7DA851; font-size: 8pt; padding: 0 5px 0 0;}



/*--------------------------------------------------------------------------*/
/* detail pages */

#playground .content #detail-obsah { padding: 10px; }
#playground .content #detail-obsah .xxx_detail { padding-bottom: 20px; }
#playground .content #detail-obsah .xxx_detail h3 { margin: 5px; }
#playground .content #detail-obsah p { padding: 15px; background-color: #C0DB81; color: #4E4E4E; }

#playground .content #detail-obsah img {
	border: 10px solid #7DA851; display: block;
	margin-left: auto; margin-right: auto; padding: 2px; margin-top: 20px;
}

#playground .content #detail-obsah .xxx_detail span {
		font-weight: normal;
		color: #fff;
		font-size: 8pt;
		margin: 0px;
		padding: 0px;
		display: block;
		text-align: center;
}

#playground .content #detail-obsah .xxx_detail img:hover { border: 10px solid #669900;	}

.downl-list-of-product1 {
		padding: 5px 0 5px 10px;
		font-size: 8pt;
		background-color: #C3D7AF;
		color: #333333;
		margin-bottom: 1px;
		margin-top: 0px; }

.downl-list-of-product2 {
		padding: 5px 0 5px 10px;
		font-size: 8pt;
		background-color: #9EBE5E;
		color: #333333;
		margin-bottom: 1px;
		margin-top: 0px; }

.downl-list-of-product1:hover { background-color: #94B870; color: #fff; }
.downl-list-of-product2:hover { background-color: #7E9D40; color: #fff; }

/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/* produkty */

#playground .content #products a.product {
		display: block;
		text-align: center;
		background-color: #7DA851;
		text-decoration: none;
		width: 150px;
		float: left;
		margin: 0px 0px 10px 10px;
		min-height: 133px; height:auto !important; height: 133px;
}

.content { float: left; }

#playground .content #products img {
		display: block;
		margin: 0 auto;
		margin-bottom: 10px;
		margin-top: 5px;
		border: 2px solid #fff;
}

#playground .content #products a.product span {
		font-weight: normal;
		color: #0f0f0f;
		font-size: 8pt;
		margin: 0 0 10px 0;
		padding: 0px;
		display: block;
}

#playground .content #products a.product:hover { background-color: #669900; }
#playground .content #products .product_detail { padding-bottom: 10px; background-color: #fff; font-size: 8pt; }
#playground .content #products .product_detail p.price span { font-size: 8pt; color: #669900; font-weight: bold; }
#playground .content #products span.GB-alt-none { display: none; }

#playground .content #products .product_detail img {
	border: 10px solid #7DA851; background-color: #fff; display: block;
	margin-left: auto; margin-right: auto; padding: 2px; margin-top: 20px; margin-bottom: 20px;
}

#playground .content #products .product_detail img:hover { border: 10px solid #669900;	}
div.images a { display: block; width: 108px; border: 8px solid #7DA851; margin: 0 5px 10px 0; float: left;}
div.images a.image_inside { border: 8px solid #7DA851; width: 112px; }
div.images a:hover { border: 8px solid #669900; }
div.images a img { margin: 0 auto; border: 0; }
div.images a span {display: none;}

/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/* datagrid - stránkování */
div.fps_info {
		background-color: #fff;
		color: #4E4E4E;
		text-align: right;
		font-size: 8pt;
		border-bottom: 1px solid #C1D29C;
		margin-left: 200px;
		margin-bottom: 5px;
		padding: 5px;
}

/*--------------------------------------------------------------------------*/
/* nezarazene */
div.clear, span.clear {
		display: block;
		clear: both;
		font-size: 0pt;
		height: 0px;
		line-height: 0px;
}
.nodisplay { display: none; }

/*--------------------------------------------------------------------------*/

/*
*   styly obsažené po tyto řádky jsou mé
*   Toto je kontrola, jelikož ostatní CSS nejsou z mé strany vyzkoušené :) a budou s projektem vyjmuty ev. předělány
*/
#cart_info {
		position: absolute;
		top: 80px;
		left: 0px;
		width: 155px;
		background: url('img/cart_info.gif') no-repeat #62A7A7;
		height: 148px;
		padding: 0 30px 0 30px;
}
#cart_info table {
		margin: 50px 0 0 20px;
		color: #fff;
		text-align: left;
}
#cart_info a.show {
		width: 134px;
		height: 27px;
		display: block;
		background: url('img/show_cart.gif');
		margin: 10px 0 0 13px;
}
#cart_info a.show span {
		display: none;
}
.button_back {
		display: block;
		margin: 20px 25px;
		width: 136px;
}

#user_info {
		position: absolute;
		top: 25px;
		left: 35px;
}
#user_info .profil {
		position: absolute;
		top: -8px;
		left: 300px;
}
#user_info .logout {
		position: absolute;
		top: -8px;
		left: 400px;
}

#categories_title {
		width: 178px;
		height: 24px;
		color: #0F0F0F;
		background: url('img/categories_top.gif') no-repeat top #F7F7F7;
		font-size: 10pt;
		padding: 18px 0 0 20px;
		font-weight: bold;
		margin-bottom: 10px;
}
#catalog_item_type {
		list-style: none;
		width: 198px;
		float: left;
		background: url('img/categories_bottom.gif') no-repeat bottom;
		padding-bottom: 21px;
}
#catalog_item_type li a {
		display: block;
		text-decoration: none;
		padding-left: 20px;
		border-bottom: 1px solid #7DA851;
}
#catalog_item_type li a:hover {
		color: #1DB7C5;
		background: url('img/cat_but.gif') no-repeat -6px 6px;
}
#catalog_item_type li a span {
		line-height: 24px;
		color: #727272 !important;
		font-size: 9pt;
		font-weight: bold;
}
#catalog_item_type li a:hover span {
		color: #1DB7C5 !important;
}
#catalog_item_type li a span {
		color: #fff;
}
#catalog_item_type li ul {
		list-style: none;
}
#catalog_item_type li li a {
		margin-left: 30px;
		margin-top: 2px;
		padding-left: 10px;
}
#catalog_item_type li li a:hover {
		background: none;
}
#catalog_item_type li li a span {
		font-weight: normal;
		font-size: 9pt;
}
#catalog_item_type li li a:hover span {
		color: #0f0f0f !important;
}

/* PLAYGROUND */

#playground .content #products a.product strong {
		display: block;
		font-weight: bold;
}

/* FPS */

div.fps_paging {
		text-align: right; padding: 5px;
}
div.fps_paging a, div.fps_paging strong {
		color: #7DA851;;
		margin: 3px;
		text-decoration: none;
}
div.fps_paging a:hover {
		background-color: #fff;
		text-decoration: underline;
}

h1    {color: #3F3F3F} 
a:link    {color: #669900}
a:visited    {color: #669900}
a:active    {color: #669900}