/* CSS Document */
@media screen
	{
		*
			{
				margin: 0 0 0 0;
				border: none;
				padding: 0 0 0 0;
				font-size: 100%;
			}
		body
			{
				color: #000;
				background: #E6E6E6 url('https://web.archive.org/web/20120605133122id_/http://ubrouskova-technika.info/images/body_bg.png') top left repeat;
				font-family: Verdana,"Arial CE",sans-serif;
				text-align: center;
			}
		#plocha
			{
				position: absolute;
				top: 0em;
				left: 0.5em;
			    	width: 50em;
				height: 37.5em;
				color: #000;
				background: #fff url('/images/tulip.jpg') top left no-repeat;
				margin: 0.5em auto 0 auto;
        			border-left: .25em solid #ccc;
				border-right: .25em solid #ccc;
				border-bottom: .25em solid #ccc;
				border-top: .25em solid #ccc;
				text-align: center;
			}
/*-------------------obecne tridy-------------------*/
		
		.border-05em	{margin: .75em 1em 0em 1.25em;}
	 	.border-1em		{margin: 1em 3em 3em 3em;}
	  	hr.clear  {display: block; visibility: hidden; clear: both; width: 100%; height: 0px; margin: 0;}
	  	div.chyba	{color: #fff; background-color: #cc0000; margin: 1em 0 1em 0; padding: .8em; border: 1px solid #990000;}


/*------------------adsense----------*/
 	#adsense
		{
			position: absolute;
		        top: 0.5em;
        		left: 51.5em;
	        	float: left;
	        	width: 11em;
			padding: 0em 0em 0em 0em;
		}

/*------------------invia----------*/
 	#invia
		{
			position: absolute;
		        top: 39.5em;
        		left: 2.5em;
	        	float: left;
			padding: 0em 0em 0em 0em;
		}
/*------------------------stredni cast----------------------------------*/
					
    #middle
			{
				float: left;
				width: 50em;
				background-image: url('https://web.archive.org/web/20120605133117id_/http://ubrouskova-technika.info/img/layout/obsah_bg.png');
				background-position: top right;
				background-repeat: repeat-y;
				margin-top:0em;
				padding: 0em 0em 0em 0em;
				text-align: left;
    	}
		
		a, a:visited, a:link 
			{
				text-decoration: none;
				color: #000000;
			}

		a:hover 
			{
				text-decoration: underline;
			}

/*------------------navigace----------*/
 	#navigace
		{
			position: absolute;
		        top: 7.5em;
        		left: 3em;
	        	float: left;
	        	width: 43.8em;
		        color: #000;
        		background-color: #CC0000;
		        background-image: url('https://web.archive.org/web/20120605133117id_/http://ubrouskova-technika.info/img/layout/menu_bg.png');
			background-position: left bottom;
			background-repeat:	repeat-x;
			padding: 0em 0em 0em 0em;
		}
	#navigace ul
		{
        		margin: 0em 0em 0em 1em;
	     		list-style-type: none;
		}	
	#navigace ul li 
		{
			display: block;
			float: left;
		}
	#navigace ul li a
		{
			display: block;
			float: left;
			color: #fff;
			background-color: transparent;
			padding: .5em 1.5em .5em 1em;
			font-size: .8em;
			font-weight: bold;
			text-decoration: none;
	      	}
     	#navigace ul li a:hover
		{
			text-decoration: underline;
	      	} 

/*------------------vypis-objektu----------*/
		
		#middle .objekty
			{
				clear: left;
				float: left;
				overflow: auto;
				width: 43.8em;
				color: #000;
				background-color: white; filter: alpha( opacity=85, style=0); -moz-opacity: 0.85;
				background-position: top right;
				background-repeat: no-repeat;
				margin: 0em 0em 1em 0em;
				border-top: 1px solid #F1F1F1;
				border-left: 1px solid #F1F1F1;
				border-bottom: 1px solid #ddd;
				border-right: 1px solid #ddd; 
				padding: 0 0 0.5em 0;
			}

		#middle .objekty h3 
			{
				clear: both;
				color: #ff6600;
				background-color: transparent;
				margin: 1em 1em .4em 0em;
				font-size: .75em;					
			}
		#middle .objekty h1 
			{
				clear: both;
				color: #ff6600;
				background-color: transparent;
				margin: 1em 1em .4em 0em;
				font-size: .75em;					
			}
		#middle .objekty textarea 
			{
				background-color: #FFCC99;
				border: .1em solid #ccc;
				color:black;
				font-size: 1.1em;
			}			
			
		#middle .objekty input 
			{
				background-color: #FFCC99;
				border: .1em solid #ccc;	
				color:black;
			}			

		 	.zobrazZpravy 
			{
				overflow:auto;
				font-size: .75em;
			}
		 	.hlavickaZpravy 
			{
				text-align:left;
				font-size: .75em;

			}
			.teloZpravy 
			{
				overflow:hidden;
				text-align:left;
				font-size: .75em;
				padding-bottom:10px;
			}

			.red {color:red;}
			.red a {color:red;}
			.tt {font-size: .75em;}
			.ttt {font-size: .75em; margin: 0em 0em .2em 0em;}
		#middle .objekty p
			{
				margin: 0em 0em .5em 0em;
				font-size: .75em;
			}
		#middle .objekty li
			{
				margin: 0em 0em .5em 0em;
				font-size: .75em;
			}
/*----------------obrazky----------*/
		.image
			{

				background-color: black; filter: alpha( opacity=100, style=0); -moz-opacity: 1;
				padding: .25em;
				height: 75px;
			}

	#middle div.im
		{
			float: left;
			color: #666;
			background-color: #E7E6EA;
			margin: .25em .5em .15em 0em;
			border: 1px solid #D6D5D6;
			padding: .25em;
		}
	#middle .objekty div.im img	
		{
			height: 100px;
			border: 1px solid #fff;
		}

	#middle div.im2
		{
			float: left;
			color: #666;
			background-color: #E7E6EA;
			margin: .25em .5em .15em 0em;
			border: 1px solid #D6D5D6;
			padding: .25em;
		}
	#middle .objekty div.im2 img	
		{
			height: 60px;
			border: 1px solid #fff;
			}
/*------------------pata----------*/
    #bottom
    	{
      				clear: both;
      				width: 50em;
				height: 1.5em;
				color: #fff;
				position: absolute;
			        top: 36em;
        			left: 0em;
				margin: 0em 0em 0em 0em;
				border-top: 1px solid #ccc;
				border-bottom: 1px solid #ccc;
  	  }		
		#bottom p
			{
				color: #fff;
				background-color: transparent;
				margin: .5em 3em .5em 3em;
				font-size: .6em;
			}	

/*------------------head----------*/
    #head
    	{
      clear: both;
      width: 48.5em;
	  height: 9em;
      color: #ccc;
      margin: 0em 0em 0em 0em;
  	  }		
		#head p
			{
				background-color: transparent;
				margin: .5em 3em .5em 3em;
				font-size: .6em;
			}	
	}