/*
BARVY: 

nejtmavsi seda: 	#333333; 
svetlejsi seda:		#3f3f3f;
font tmavsi seda:	#666666; svetlejsi #303030;
font svetlejsi seda:	#999999; svetlejsi #9f9f9f;
  
---------------
  background:                   #000000;
  opacity: 			.9;  // for all other browsers
  filter: 			alpha(opacity=90);  // for IE5-7
  -ms-filter:			"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";  // for IE8
---------------
*/


body {
  background:			#ffffff;
/*
  background-image: 		url("media_index/bg.jpg");
  background-repeat: 		no-repeat;
  background-attachment: 	fixed;
*/
  color:			#909090;
  font-family:                  Helvetica, Sans-Serif;
  height: 			100%;
  margin:                       0px 0px;
  padding:                      0px 0px;
  text-align:                   center;
}

#container {
  text-align: 			center;
  position: 			relative;
  width: 			100%;
  padding: 			0px;
  margin-top: 			0px;
  margin-bottom: 		0px;
  margin-left: 			auto;
  margin-right: 		auto;
}

html>body #container {
  width: 			100%; 
}

#header {
  background: 			#000000;
  opacity: 			.9;
  filter:  			alpha(opacity=90);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  padding-top: 			17px;
  padding-left:			27px;
  padding-bottom:		0px;
  margin: 			0px;
  text-align: 			left;
  font-size:                    19px;
  font-weight:                  bold;
  border:			0px;
  border-bottom:		1px solid #909090;
}

#header h1 {
  font-size:                    19px;
  font-weight:                  bold;
  padding-right:		27px;
}

h2 {
  font-size:                    17px;
  font-weight:                  bold;
}

h3 {
  font-size:                    15px;
  font-weight:                  bold;
}

/*start of menu */
#menu div {
  margin: 			0px;
  text-align: 			center;
}

#menu_ul {
  border:			0px;
  text-align: 			center;
  display: 			inline;
  list-style: 			none;
  margin: 			0px 0px;
  padding:			0px 0px;
}

#menu_ul ul {
  border:			0px;
  text-align: 			center;
  display: 			inline;
  list-style: 			none;
  margin: 			0px 0px;
  padding:			0px 0px;
}

#menu_ul li {
  border:			0px;
  text-align: 			center;
  display: 			inline;
  list-style: 			none;
  margin: 			0px 0px;
  padding:			0px 0px;
}

#menu_ul a {
  background: 			#000000;
  opacity: 			.9;
  filter:  			alpha(opacity=90);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  color: 		        #909090;	
  width: 			177px;
  text-align: 			center;
  font-size: 			12px;
  font-weight: 			bold;
  letter-spacing:               0px;
  text-decoration: 		none;
  float:                        right;
  border:                       0px;
 border-top:			1px solid #909090;
  border-left:			1px solid #909090;
  border-bottom:		1px solid #909090;
  margin: 			0px;
  padding-left:			10px;
  padding-right:		10px;
  padding-top: 			5px;
  padding-bottom: 		5px;
}

#menu_ul a:hover {
  background-color: 		#303030;
  color: 			#9f9f9f;
}

#menu_ul a#this_site:link {
  background-color: 		#303030;
  color: 			#909090;
}

#menu_ul a#this_site:visited {
  background-color: 		#303030;
  color: 			#909090;
}

/*end of menu */

#content {
  background:                   transparent;
  color:			#909090;
  font-size:                    smaller;
  font-weight:                  normal;
  text-align:                   center;
  padding:                      0px;
  padding-top:                  42px;
  padding-bottom:               99px;
  border:	                0px;
}

#collum {
  background:                   transparent;
  width:			auto;
  margin-top: 			0px;
  margin-bottom: 		0px;
  margin-left: 			0px;
  border:                       0px;
  margin-right: 		0px;
  text-align:                   center;
}

#collum a {
  background:                   transparent;
  color:                        #909090;
  text-decoration:              none;
  font-size: 			12px;
  border:                       0px;
}

#collum a:visited {
  background:                   transparent;
  color:                        #909090;
  text-decoration:              none;
  font-size: 			12px;
  border:                       0px;
}

#collum a:hover {
  background:                   transparent;
  color:                        #9f9f9f;
  text-decoration:              none;
}

#collum select {
  background:			#999999;
  width:                        auto;
  color:			#000000;
  font-size: 			12px;
}

#collum input {
  background:			#999999;
  width:                        91%;
  border:			0px;
  color:			#000000;
  padding-top:			3px;
  padding-bottom:		2px;
}

#main_text {
  text-align:                   center;
  width:			67%;
}

#img_main  {
  text-align:                   center;
}

#resources {
  text-align:                   left;
  padding: 			0 27px;
  margin:			42px auto;
}

#textlink a {
  background:                   transparent;
  color:                        #909090;
  text-decoration:              none;
  border:                       0px;
  margin:                       0px 0px;
  padding:                      0px 0px;
}

#textlink a:visited {
  background:                   transparent;
  color:                        #909090;
  text-decoration:              none;
  border:                       0px;
  margin:                       0px 0px;
  padding:                      0px 0px;
}

#textlink a:hover {
  background:                   transparent;
  color:                        #9f9f9f;
  text-decoration:              none;
  border:                       0px;
  margin:                       0px 0px;
  padding:                      0px 0px;
}

#textlink {
  text-align:                   center;
}

#maindisplay {
  background:                   transparent;
  float: 			left;
  width:			55%;
  font-size: 			12px;
  font-weight:                  normal;
  text-align:                   left;
  padding-left:                	27px;
  text-align:                   center;
  margin-top: 			0px;
  margin-bottom: 		0px;
  margin-left: 			0px;
  margin-right: 		22px;
}

#maindisplay a {
  background:                   transparent;
  color:                        #909090;
  text-decoration:              none;
  font-size: 			12px;
  border:                       0px;
}

#maindisplay a:visited {
  background:                   transparent;
  color:                        #909090;
  text-decoration:              none;
  font-size: 			12px;
  border:                       0px;
}

#maindisplay a:hover {
  background:                   transparent;
  color:                        #9f9f9f;
  text-decoration:              none;
}

#maindisplay select {
  background:			#999999;
  width:                        auto;
  color:			#000000;
  font-size: 			12px;
}

#maindisplay input {
  background:			#999999;
  width:                        155px;
  border:			0px;
  color:			#000000;
  font-size: 			12px;
}

#left {
  background:                   transparent;
  color:                        #909090;
  float: 			left;
  width:			27%;
  text-align:                   left;
  margin-top: 			0px;
  margin-bottom: 		0px;
  margin-left: 			22px;
  margin-right: 		0px;
  padding-right:		0px;
}

#left a {
  background:                   transparent;
  color:                        #909090;
  text-decoration:              none;
  font-size: 			12px;
  border:                       0px;
}

#left a:visited {
  background:                   transparent;
  color:                        #909090;
  text-decoration:              none;
  font-size: 			12px;
  border:                       0px;
}

#left a:hover {
  background:                   transparent;
  color:                        #9f9f9f;
  text-decoration:              none;
}

#left select {
  background:			#999999;
  width:                        auto;
  color:			#000000;
  font-size: 			12px;
}

#left input {
  background:			#999999;
  width:                        91%;
  border:			0px;
  color:			#000000;
}

#bottom {
  background:                   transparent;
  clear:                        both;
  border:                       0px;
  margin-right: 		0px;
}

#Upload {
  width: 			25em;
  margin: 			1em auto;
  padding:0 			2em 2em 2em;
  font: 			0.9em;
}
			
#Upload h1{
  font: 			1.4em;
  margin: 			0px;
  padding:			1em 0px;
  text-align:			center;
}

#Upload label{
  float: 			left;
  width: 			7em;
}
		
#Upload p {
  clear: 			both;
}		

.red{
  color:			red;
}

#table {
  background-color:             #000000;
  border:			1px solid #909090;
  opacity: 			.9;
  filter:  			alpha(opacity=90);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  padding:			17px;
}

#navigation_index {
  background: 			#000000;
  opacity: 			.9;
  filter:  			alpha(opacity=90);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  margin:			0px auto;
  padding-top: 			22px;
  padding-left:			22px;
  padding-right:		22px;
  padding-bottom:		22px;
  border: 			1px solid #909090;
  text-align:			left;
}
#navigation_index a {
  text-decoration: 		none;
  color:  			#ffffff;
}
#navigation_index a:hover {
  text-decoration: 		none;
  color:  			#909090;
}
#navigation_index a:visited {
  text-decoration: 		none;
  color:  			#909090;
}

/* start of phpslideshow */

.wrapper {
  background: 			transparent;
  margin:			0px auto;
  padding-top: 			27px;
  padding-left: 		99px;
  padding-right:		99px;
  padding-bottom:		62px;
  width:			700px;
  border: 			0px solid #909090;
  text-align:			center;
}
img {
  border-width: 		0;
}
.image {
  margin-bottom:		5px;
  font-size: 			19px;
  font-weight: 			bold;
}
.image img {
  padding:			6px;
  margin-top: 			10px;
}
.thumbnail_row {
  margin-top: 			1px;
}
.thumbnail_row img {
  margin-top:			10px;
}
.thumbnail_center {
  padding:			1px;
  border:			0px solid #fff !important;
}
.small, .small a {
  margin-top: 			20px;
  text-decoration:		none;
}
.navigation {
  background:                   #000000;
  opacity: 			.9;  // for all other browsers
  filter: 			alpha(opacity=90);  // for IE5-7
  -ms-filter:			"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";  // for IE8
  margin:			0px auto;
  padding-top: 			4px;
  padding-left: 		9px;
  padding-right:		9px;
  padding-bottom:		6px;
  width:			auto;
  border: 			1px solid #909090;
  text-align:			center;
}
.navigation, .navigation a {
  text-decoration: 		none;
  color:  			#909090;
}
.navigation, .navigation a:hover {
  text-decoration: 		none;
  color:  			#909090;
}
.navigation, .navigation a:visited {
  text-decoration: 		none;
  color:  			#909090;
}

/* end of phpslideshow */

#img_screenshot img{
  background:                   transparent;
  text-align:                   center;
  max-width:                    960px;
  width: expression(this.width > 960 ? 960: true);
  width:                        100%;
}