/*
TZ red: 	#9d0917
darkgray: 	#808080
gray:		#c7c8ca
lightgray:	#dcdddf
orange: 	#f7931d
********************/


/*------------------------------------- BROWSER STYLE -------------------------------------*/
#uvod { width: 90%; 
/*background-color: lightblue*/}
	
uvod.table {
	text-align: center;
	margin-left: 15px;
}

img { float:none; width:250px size: 150%}

legend { padding: 10px; font-size: 250%}

fieldset {
	border-radius: 15px;
	border: outset #f2f2f2;
	border-width: 7px;
}

td {padding-bottom:5px; cursor:pointer;}

.menu-item {
	height: 100px;
	font-weight: bold;
	font-size: 250%;
	padding: 10px;
}

p {	font-size: 100%;}

a {	
	text-decoration: none;
	color: #262626;
	display:block;
}

td a:hover {
	text-decoration: none;
	background-color:  white;
	color: #f7931d;
}

td:hover {
	background-color:  white;
	color: #f7931d;
}

td {
	vertical-align: middle;
	padding: 2px;
	/*border-bottom: 1px solid #ddd;	
	border-style: solid;
	border: medium;
	border-radius:2px;*/
}

.box{ 
	height: 100px;	
	background-color: #dcdddf;}

.shadow{
	position:relative;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;
}

/* dashed border */
.shadow:before, .shadow:after{
  position:absolute;
  content:"";
  top:14px;bottom:14px;left:0;right:0;
  box-shadow:0 0 30px 3px #808080;
  border-radius:100px/10px;
  z-index:-1;
}

.menu-text {
	text-align: center;
	font-weight: bold;
	font-size:250%;
	padding: 5px;
	margin: 0px 20px 0px 20px ;
	border:dashed #9d0917;
	border-width: 0px 6px 0px 6px;
}

.menu-text-child {
	text-align: center;
	font-weight: normal;
	font-size: 150%;
	padding: 5px;
	margin: 0px 20px 0px 20px ;
	border-width: 0px;
}

.menu-text-child img {
		padding-right:10px;
	}

/*------------------------------------- MOBILE STYLE --------------------------------------------*/

@media (min-width:1000px) {
	#uvod { max-width: 500px; width:expression(document.body.clientWidth > 500? "500px": "auto" );
	/*background-color: pink */}	
			
	uvod.table {
		text-align: center;
		margin-left: 15px;
		background-color:yellow;
	}
	
	img { float:none;}
	
	legend { padding: 10px; font-size: 16px}
	
	fieldset {
		border-radius:4px;
		border: outset #f2f2f2;
		border-width: 2px;
	}
	
	td {padding-bottom:5px; cursor:pointer;}
	
	.menu-item {
		height: 35px;
		font-weight: bold;
		font-size: 16px;
		padding: 10px;
	}
	
	p {	font-size: 12px;}
	
	a {	
		text-decoration: none;
		color: #262626;
		display:block;
	}
	
	td a:hover {
		text-decoration: none;
		background-color:  white;
		color: #f7931d;
	}
	
	td:hover {
		background-color:  white;
		color: #f7931d;
	}
	
	td {
		vertical-align: middle;
		padding: 2px;
		/*border-bottom: 1px solid #ddd;	
		border-style: solid;
		border: medium;
		border-radius:2px;*/
	}
	
	.box{ 
		height: 45px;	
		background-color: #dcdddf;}
	
	.shadow{
		position:relative;
	    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;
	}
	
	/* dashed border */
	.shadow:before, .shadow:after{
	  position:absolute;
	  content:"";
	  top:14px;bottom:14px;left:0;right:0;
	  box-shadow:0 0 30px 3px #808080;
	  border-radius:100px/10px;
	  z-index:-1;
	}
	
	.menu-text {
		text-align: center;
		font-weight: bold;
		font-size: 18px;
		padding: 5px;
		margin: 0px 20px 0px 20px ;
		border:dashed #9d0917;
		border-width: 0px 2px 0px 2px;
	}
	
	.menu-text-child {
		text-align: center;
		font-weight: normal;
		font-size: 14px;
		padding: 5px;
		margin: 0px 20px 0px 20px ;
		border:dashed #dcdddf;
		border-width: 0px;
	}
	
	.menu-text-child img {
		padding-right:10px;
	}
	
}


/*------------------------------------- max width for IE ----------------------------------*/
#uvod {
	width: expression( document.body.clientWidth > 776 ? "500px" : "auto" );
}

/******************************************************************************************/

.toggle-open {
	background-color:  white;
	color: #f7931d;
}

#table_apps{
	float:left;
	margin-left: 15%;
}

.x-hide {display:none;}

tr td { 
    border-width: 0px !important;
}

fieldset {height:auto !important;}