@CHARSET "UTF-8";

/********* HTML ENTITIES *********/
BODY {
	text-align: center;
}

P {
	margin: 0.3em 0 1.2em 0;
	font-size: 1em;
	line-height: 1.5em;
}

/********* INTRO *********/
#intro {
	width: 760px;
	height: 512px;
	background: #8b5930 url("../images/vrLogoVelke.png") no-repeat center 67px;
	margin: auto;
}

#intro #text {
	padding-top: 355px;
	font-size: 4em;
	font-family: sans-serif;
}

#intro #sipky {
	padding: 0 195px 0 195px;
}

#intro #sipky a {
	display: block;
	width: 28px;
	height: 28px;
}

#intro #sipky #prava-sipka a {
	background: #8b5930 url("../images/uvodPraveSipky.png") no-repeat center
		;
}

#intro #sipky #prava-sipka a:hover {
	background-image: url("../images/uvodPraveSipkyHover.png");
}

#intro #sipky #leva-sipka {
	background: #8b5930 url("../images/uvodLeveSipky.png") no-repeat center;
}

#intro #sipky #leva-sipka a:hover {
	background-image: url("../images/uvodLeveSipkyHover.png");
}

#intro #sipky img {
	border: none;
}

#intro #sipky SPAN {
	display: none;
}

/********* OUTER CONTAINER WHICH DEFINES WIDTH *********/
#container {
	width: 760px;
	margin: 0 auto;
	text-align: left;
	border: solid 1px black;
}

.work {
	background-color: black;
	color: white;
}

/********* 
	/********* 
		/********* 

			GLOBAL

		 *********
	 *********
 *********/
.x {
	
}

/********* HEADER *********/
#header {
	height: 90px;
}

#header span {
	display: none;
}

/********* NAVIGATION ********* 
		   breadcrumb 
*********/
#navigation {
	padding-top: 0.5em;
	height: 1.7em;
	font-size: 0.7em;
	font-family: arial;
}

#navigation #breadcrumb {
	float: left;
}

#navigation #breadcrumb a {
	text-decoration: none;
}

#navigation #breadcrumb a:hover {
	text-decoration: underline;
}

#navigation #breadcrumb .matrjoska {
	margin-left: 45px;
}

/********* NAVIGATION ********* 
			  area
*********/
#navigation #area {
	float: right;
}

#navigation #area .matrjoska {
	margin-right: 15px;
}

#navigation #area a {
	padding-right: 20px;
	text-decoration: none;
}

/********* MENU *********/
#menu {
	margin-top: 35px;
	overflow: hidden;
	margin-bottom: 25px;
}

#menu div a.active-menu-item:hover {
	background-image: url("../images/koleckoAktivni.gif");
	background-position: left;
}

#menu div a.active-menu-item {
	background-image: url("../images/koleckoAktivni.gif");
	color: #f57900;
}

/********* CONTENT *********/
#content {
	margin-top: 25px;
	display: inline;
	margin-bottom: 25px;
}

#content H1 {
	display: none;
}

#content span#first-letter {
	font-family: sans-serif;
	font-size: 1.8em;
	color: #f57900;
	font-weight: bold;
}

/********* 
	/********* 
		/********* 

			AUTHOR

		 *********
	 *********
 *********/
.x {
	
}

/********* HEADER *********/
.author #header {
	background: url("../images/header.png") no-repeat center;
}

/********* NAVIGATION ********* 
		   breadcrumb 
*********/
.author #navigation a {
	color: #A6A7A4;
}

.author #navigation #breadcrumb span a {
	color: black;
}

/********* NAVIGATION ********* 
			  area
*********/
.author #navigation #area a {
	background: url("../images/areaTrojuhlenikCernyDoprava.png") no-repeat
		center right;
}

.author #navigation #area a:hover {
	background-image: url("../images/areaTrojuhlenikCernyDopravaVetsi.png");
}

/********* MENU 
		  author
*********/
.author #menu,.goods-list #menu {
	float: left;
	display: inline;
	width: 200px;
}

.author #menu .matrjoska,.goods-list #menu .matrjoska {
	margin-left: 42px;
}

.author #menu {
	font-family: sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	line-height: 2em;
}

.author #menu div a {
	background: url("../images/kolecko.png") no-repeat 1px center;
	padding-left: 1em;
	text-decoration: none;
	color: black;
}

.author #menu div a:hover {
	background-image: url("../images/koleckoVetsi.png");
	background-position: left;
}

.author #menu div a.active-menu-item:hover {
	background-image: url("../images/koleckoAktivni.gif");
	background-position: left;
}

.author #menu div a.active-menu-item {
	background-image: url("../images/koleckoAktivni.gif");
	color: #f57900;
}

/********* CONTENT *********/
.author #content {
	text-indent: 1em;
	float: left;
	width: 425px;
	display: inline;
}

/********* 
	/********* 
		/********* 

			WORK

		 *********
	 *********
 *********/
.x {
	
}

/********* HEADER *********/
.work #header {
	background: url("../images/headerBlack.png") no-repeat center;
}

/********* NAVIGATION ********* 
* ******** breadcrumb 
*********/
.work #navigation {
	background-color: #101010;
}

.work #navigation,.work #navigation a {
	color: #729fcf;
}

.work #navigation #breadcrumb span a {
	color: #0000FF;
}

/********* NAVIGATION ********* 
			  area
*********/
.work #navigation #area a {
	background: url("../images/areaTrojuhlenikSedyDoprava.png") no-repeat
		center right;
	text-align: right;
}

.work #navigation #area {
	text-align: right;
}

.work #navigation #area a:hover {
	background-image: url("../images/areaTrojuhlenikSedyDopravaVetsi.png");
}

/********* goods selection *********/
.x {
	
}  /* prvni stranka Prace*/
.goods-categories #menu {
	font-size: 0.6em;
	font-family: verdana, sans-serif;
	/********* 
	line-height: 1.5em;
	 *********/
	font-weight: bold;
	margin-bottom: 20px;
}

.goods-categories #menu .matrjoska {
	padding: 15px;
}

.goods-categories #menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.goods-categories #menu H1,.goods-categories #menu H2 {
	margin: 0;
	padding: 0;
	/********* 
	upravit oranzovy ramecek
	line-height: 1.3em;
	 *********/
}

.goods-categories #menu H1 {
	font-size: 1.1em;
	font-weight: normal;
}

.goods-categories #menu H2 {
	font-size: 0.7em;
	font-weight: normal;
	padding-left: 10px;
}

.goods-categories #menu div a, .goods-categories #menu a:visited {
	font-size: 2em;
	display: block;
	padding: 3px;
	/********* 
	_height: 1.2em;
	line-height: 1.3em;
	min-height: 75px;
	_height: 75px;
	padding: 12px 0 0 12px;
	_height: 1.2em;
	min-height: 1.2em;
	width: 300px;
	float: right;
	text-align: right;
	overflow: hidden;
	 *********/
	background-position: 1px;
	text-decoration: none;
	color: #eeeeec;
}

.goods-categories #menu div a:hover { /********* 
		background: White url("../images/koleckoSede.png") no-repeat right
	 *********/
	display: block;
	background: #f57900;
	color: Black;
	font-weight: bold;
	/********* 
	border-right: solid 5px Gray;
	 *********/
}


.goods-categories #menu a span.count {
	display: none;
}
/*
.goods-categories #menu .text {
	width: 670px;
	float: left;
}

.goods-categories #menu .text .matrjoska {
	padding: 0 15px 0 15px;
}

.goods-categories #menu .img {
	width: 61px;
	float: left;
}
*/

/********* CONTENT *********/
.goods-categories #content {
	display: none;
}

/********* goods list 
			menu 
*********/
.goods-list #menu {
	
}

.goods-list #menu H1 {
	padding-left: 15px;
	font-size: 1.1em;
	font-weight: bold;
	font-family: Verdana, sans-serif;
	color: #f57900;
	background: url("../images/koleckoAktivni.gif") no-repeat left center;
}

/********* goods list 
			CONTENT 
*********/
.goods-list #content {
	float: left;
	width: 550px;
	margin-left: 5px;
}

.goods-list #content .matrjoska {
	margin-left: 40px;
}

.goods-list #content img {
	border: none;
	width: 120px;
}

/********* goods detail 
			menu 
*********/
.goods-detail #menu {
	display: none;
}

/********* goods detail 
			content 
*********/
.goods-detail #content img {
	border: none;
}

.goods-detail #content {
	text-align: center;
}

.goods-detail #content p,.goods-detail #content h2,.goods-detail #content #product-detail-thumbnails,.goods-detail #content product-detail-collections
	{
	width: 540px;
	text-align: left;
	margin: 0 auto;
}

.goods-detail #content p {
	margin-top: 15px;
	margin-bottom: 15px;
}

.goods-detail #content #back-to-list,.goods-detail #content #product-detail-image,.goods-detail #content #buy-it
{
	float: left;
}

/*
.goods-detail #content #buy-it,.goods-detail #content #back-to-list {
*/
.goods-detail #content #buy-it,.goods-detail #content #back-to-list {
	width: 105px;
	min-height: 405px;
	_height: 405px;
}

.goods-detail #content #product-detail-image {
	width: 540px;
}

.goods-detail #content #buy-it {
}

.goods-detail #content #back-to-list a .matrjoska, .goods-detail #content #buy-it a .matrjoska{
	padding-top: 190px;
}

.goods-detail #content #back-to-list a, .goods-detail #content #buy-it a{
	display: block;
	min-height: 405px;
	_height: 405px;
}
.goods-detail #content #back-to-list a SPAN, .goods-detail #content #buy-it a SPAN{
	display: none;
}
.goods-detail #content #back-to-list a:hover, .goods-detail #content #buy-it a:hover{
	display: block;
	min-height: 405px;
	_height: 405px;
	background-color: #f57900;
}

/********* FLAGS *********/
#flags {
	margin-bottom: 15px;
}

#flags span {
	display: none;
}

#flags #cze {
	float: left;
}

#flags #cze .matrjoska {
	margin-left: 40px;
}

#flags #cze a {
	background: url("../images/flagCze.png") no-repeat center;
	display: block;
	width: 30px;
	height: 25px;
}

#flags #eng {
	float: right;
}

#flags #eng .matrjoska {
	margin-right: 40px;
}

#flags #eng a {
	background: url("../images/flagEng.png") no-repeat center;
	display: block;
	width: 30px;
	height: 24px;
}

/********* 
GOODS LIST & GOODS DETAIL
*********/
#page-listing-navigation {
	width: 190px;
	margin: 0 auto;
	margin-top: 10px;
}

#page-listing-navigation img {
	display: none;
}

#page-listing-navigation a {
	display: block;
	width: 14px;
	height: 14px;
	background: no-repeat center;
}

#page-listing-navigation div {
	float: left;
	width: 16px;
}

#page-listing-navigation #navigation-pages {
	width: 120px;
	text-align: center;
}

#page-listing-navigation #navigation-pages a,#page-listing-navigation #navigation-pages span.dots
	{
	color: #729fcf;
	text-decoration: none;
	display: inline;
}

#page-listing-navigation #navigation-pages a:hover {
	color: #204a87;
	font-weight: bold;
}

#page-listing-navigation #navigation-pages span.actual-page {
	font-weight: bold;
	color: #204a87;
}

#page-listing-navigation a span {
	display: none;
}

#page-listing-navigation table {
	width: 100%;
}

#page-listing-navigation #navigation-first,#page-listing-navigation #navigation-previous,#page-listing-navigation #navigation-next,#page-listing-navigation #navigation-last
{
	width: 14px;
	height: 14px;
	position: relative;
	margin: 0 1px 0 1px;
	top: 0.2em;
}

#page-listing-navigation #navigation-first a {
	background-image: url("../images/navigace-prvni.png");
}

#page-listing-navigation #navigation-first a:hover {
	background-image: url("../images/navigace-prvni-hover.png");
}

#page-listing-navigation #navigation-previous a {
	background-image: url("../images/navigace-predchozi.png");
}

#page-listing-navigation #navigation-previous a:hover {
	background-image: url("../images/navigace-predchozi-hover.png");
}

#page-listing-navigation #navigation-next a {
	background-image: url("../images/navigace-dalsi.png");
}

#page-listing-navigation #navigation-next a:hover {
	background-image: url("../images/navigace-dalsi-hover.png");
}

#page-listing-navigation #navigation-last a {
	background-image: url("../images/navigace-posledni.png");
}

#page-listing-navigation #navigation-last a:hover {
	background-image: url("../images/navigace-posledni-hover.png");
}

/********* popwindow *********/
#popcontent {
	background-color: black;
	color: white;
}

#popcontent a {
	background-color: white;
	color: black;
	margin-top: 15px;
	display: block;
}