@media screen {

/* --- screen --- */
	/* ----- #box-o-nas */
		 #box-o-nas {
			background-color: #000;
      			color: #fff;
			padding: 15px 20px 15px 20px;
			width: 920px;
                        position: relative;
                        left: 10px;
                }

		#box-o-nas table {
			width: 100%;
		}

		#box-o-nas h2 {
			font-size: 28px;
		}
                
		#box-o-nas td#left-column {
			vertical-align: top;
		}

		#box-o-nas td#middle-right-column {
                        width: 220px;
                        height: 45px;
			font-size: 10px;
			font-weight: bold;
			line-height: 12px;
			text-align:right;
			vertical-align: top;
		}

                #box-o-nas td#right-column {
                        width: 185px;
                        height: 45px;
			font-size: 10px;
			font-weight: bold;
			line-height: 12px;
			text-align:right;
			vertical-align: top;
		}

		#box-o-nas a {
			color: #b5b67c;
			text-decoration: none;
                        font-weight: bold;

		}

		#box-o-nas td#middle-right-column a, td#right-column a {
			color: #fff;
			text-decoration: none;
                        font-weight: bold;
		}

		#box-o-nas ul {
			margin: 0 0 0 0; 
			padding: 0;
			list-style-type: none;
		}

		#box-o-nas ul li {
			font-size: 13px;
			font-style: italic;
        		line-height: 20px;
			background: url(/files/img/images/puntik5.png) 0 7px no-repeat;
			padding: 0 0 0 15px;
			margin: 4px 0;
			color: #B5B67C;
		        }

		#box-o-nas ul li p {
                        font-weight: bold;
                        margin: 0;
                        padding: 0;
                        text-align: justify;
                        }
		
	/* end #box-o-nas */


	
	/* ----- hpBoxs */

		.hpBoxs {
			background: url(/files/img/images/boxs-top3a.gif) 0 0 no-repeat;
			margin: 13px 0 20px 35px;
		}

		.hpBoxs .hpBoxsMain {
			background: url(/files/img/images/boxs-bottom3.gif) 0 100% no-repeat;
		}

		.hpBoxs .box {
			font-style: italic;
			color: #5C5C5C;
			width: 200px;
			margin: 0 15px;
			float: left;
			position: relative;
			display: inline;
		}

		.hpBoxs .box h3 {
		  	font-style: normal;
			font-size: 120%;
			margin: 15px 0 20px 0; padding: 0;
			color: #fff;
		}

		.hpBoxs .box a {
			color: #777374;
			text-decoration: none;
		}

                .hpBoxs .box a.adresa {
                         text-decoration: none;
                         font-weight: normal;
                         color: #777374;
                }

		.hpBoxs .box .odkaz {
			color: #830808;
			font-weight: bold;
			text-decoration: none;
		}

		.hpBoxs .box a.pobocky {
			text-decoration: none;
		}

		.hpBoxs .box p.moreInfo a {
			background: url(/files/img/images/moreinfo-left.gif) 0 0 no-repeat;
			color: #fff;
			display: inline-block;
			float: right;
			margin: 0 0 10px 0;
			text-decoration: none;
		}

		.hpBoxs .box p.moreInfo a span {
			background: url(/files/img/images/moreinfo-right.gif) 100% 0 no-repeat;
			padding: 3px 5px;
			display: block;
		}

    		/* end. hpBoxs */

		/* ---- uppperTextBox*/

		.upperTextBox {
      			height: 155px;
     		}
		
		.upperTextBox table {
                        width: 100%;	
                }	
           
                .nadpis {
			font-style: normal;
			font-weight:bold;
			color: #136C66;
		}
			
		.dot {
			background: url(/files/img/images/puntik7.jpg) 0 12px no-repeat;
			padding-right: 5px;
			color: #830808;
			font-size: 20px;
		}

    		.hpBoxs span.brown {
    			color: #830808;
    			font-size: 11px;
    			font-style: normal;
    			font-weight: bold;
    			line-height: 16px;
    		}
    
    		.hpBoxs .box span.blue-green {
    			color: #136C66;
    			font-size: 11px;
    			line-height: 16px;
    			font-weight: bold;
    		}
    

    		.hpBoxs .box span.date {
    			color: #136C66;
    			font-size: 11px;
    			line-height: 16px;
    			font-weight: bold;
    			font-style: normal;
    		}
    
    		.hpBoxs .box span.source {
    			color: #830808;
    			font-size: 11px;
    			line-height: 16px;
    			font-weight: bold;
    			font-style: normal;
    		}
    
    		.hpBoxs .box span.contact {
    			line-height: 16px;
    			color: #5A6C04;
    			font-weight: bold;
    		}

		.hpBoxs .box img {
			border: 1px solid #5C5C5C;
		}

		.hpBoxs .box p a {
			color: #136C66;
			font-weight: normal;
		}
		
		.hpBoxs .box p a.pobocky {
			font-weight: bold;
		}

		.hpBoxs .box td.items {
			margin-left: 10px;
			width: 190px;
			height: 213px;
			vertical-align: top;
		}
		
		.article {
			width:  125px;
			height: 75px;
			
		}

		.hpBoxs .box td.items a {
			font-style: italic;
			font-size: 12px;
			font-weight: normal;
			line-height: 18px;
		}

				
		ul.ui {
		 	 margin: 0; padding: 0;
			list-style-type: none;
		}

		ul.ui li {
			background: url(/files/img/images/list-ui.gif) 0 7px no-repeat;
			padding: 0 0 0 10px;
		}
		
		dl.ui {
			margin: 0; padding: 0;
		}

		dl.ui dt {
			 padding: 0;
			float: left;
			width: 130px;
			clear: both;
		}

		dl.ui dd {
			width: 51px;
			float: right;
			margin: 0 0 10px 0; padding: 0;
		}

		dl.ui dd a {
			border: 1px solid #acafa8;
			padding: 2px;
			display: block;
		}
    
		ul.ui li span{
			color: #830808;
			font-size: 11px;
			font-style: normal;
			font-weight: bold;
			/*line-height: 16px;*/
		}

		ul.ui li a{
			font-style: normal;
			font-size: 10px;
			line-height: 18px;
		}

  	
		#homepage_aktivity {
			height: 40px;
			width: 32%;
		}
		
		
		table.homepageBottom {
			width: 100%;
		}

		.homepageBottom td.columnLeft {
			vertical-align: top;
			width: 50%;
		}	

		#homepage_sponzoring {
	                position: relative;
                        left: 15px;
		}	

		#homepage_sponzoring a {
                        color: #000000;
                        text-decoration: none;
                        font-size: 20px;
                }

		#white-line {
			width: 100%;
			border-top: 2px solid #fff;
			clear: none;
			padding: 0;
		}
		
		#sponzorovane-aktivity {
			width: 100%;
			vertical-align: top;
                        position: relative;
                        left: 35px;
		}	

		#sponzorovane-aktivity td#levy-sloupec {
                        width: 485px;
                }
		
		#sponzorovane-aktivity h3 {
			font-weight: normal;
			font-size: 150%;
			color: #AE4607;
			padding: 12px 0 5px 0;
			margin: 0 0 0 0;
		}

		#sponzorovane-aktivity a.odkazNaAktivity {
			color:#136C66;
			font-weight: bold;
			text-decoration: none;
		}


		#katalogSkudcu {
			width: 218px;
			height: 155px;
			background: url(/files/img/images/katalog-skudcu-odkaz2.jpg) left bottom no-repeat;
			
			font-size: 20px;
			display: block;
			color: #4D5C0D;
		}
		
		#katalogSkudcu span {
			position: relative;
			top: 20px ;
			left: 35px ;
				
		}	
	
/* --- end screen --- */
	
}