/******************* SmartGIS website CSS style verze 0.1 *******************/
/*div {border: 1px solid red;}*/

html, body	{font-family: "Trebuchet MS", Arial, sans-serif, Helvetica;
			font-size: 90%;
	        text-align: center;
			background: rgb(210,210,210);
	    	margin: 0;
	        padding: 0;
			height: 100%;
		    }

#celastranka	{width: 100%;    					     /*jenom matrjoska*/
				text-align: center;    					/*kvuli IE vystredeni na strance*/
				margin: 0 auto;
				padding: 0;
				background: white;
				}

.oranzovacara	{                                   	/*oranzova cara pod hlavnim menu pres celou obrazovku*/
                height: 5px;
				width: 100%;
				background: orange;
				}

hr.cleaner	{display: block;                             /*skryty zalamovac*/
			clear: both;
			margin: -1px 0 0 0;
			padding: 0;
			height: 1px;
			border: none;
			visibility: hidden;
			overflow: hidden;
			}

hr  {display: none;                                      /*cara pro non-CSS pro lepsi vizualni oddeleni hlavnich casti*/
    }

h3	{color: black;
    font-size: 120%;
    margin: 0;
    padding: 0;
	}

h3.orange	{color: orange;
			padding: 1em 1em 1em 0;
			font-size: 110%;
			text-transform: uppercase;
			}

.orange	p {
	margin: 0;
	padding: 0;
}
h4          {color: orange;
			padding: 0;
			margin: 0 0 10px 0;
			font-size: 110%;
			}

p	{font-family: Arial, Helvetica, sans-serif;
    margin: 10px 0;
    padding: 5px 0;
	}

a /*a:visited */ {font-weight: bold;
              color: black;
              text-decoration: underline;
              }

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

ul.odrazkovanyseznam	{padding-left: 30px;
						list-style-image: url("../smart/img/osipka.gif");
						list-style-position: outside;
						
						}

#zahlavi	{text-align: left;
			padding-left: 10px;
			margin: 0 auto;
			height: 110px;
			width: 950px;
			}
#zahlavi img {
	margin: 0;
	padding: 0;
	border: 0;
}
#zahlavibutton	{height: 100%;
				width: 100%;   	
				float: none;
												/*pokud se tlacitka nevejdou, zkus zvetsit hodnotu*/
				}

#zahlavibutton li	{float: left;                          		 	/*tohle predstavuje jednotliva tlacitka menu*/
					width: 110px;
					height: 110px;
					_height: 100px;
					margin: 0 0;
					background: rgb(200,200,200) url("../smart/img/3statebutton.gif") no-repeat 0 0;
					}

#zahlavibutton li a, #zahlavibutton li a:visited	{display: block;
											height: 110px;
											_height: 100px;
				                            font-weight: bold;
											color: white;
					                        padding: 10px 0 0 15px;
					                        text-decoration: none;
				                            }
#zahlavibutton li a:hover, #zahlavibutton li a.active	{background: url("../smart/img/3statebutton.gif") no-repeat -220px 0;
												}

#zahlavibutton div	{
	float: left;
	color: orange;
	font-family: "Trebuchet MS", Arial, sans-serif, Helvetica;
	font-size: 105%;
	width: 40%;
	
}

#zahlavibutton div a, #zahlavibutton div a:visited{
	background: 0;
	border: 0;
	margin: 0;
	color: orange;
	display: inline;
	height: 14px;
	font: normal normal normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0;
	text-decoration: none;

}
#zahlavibutton div a:hover, #zahlavibutton div a.active	{background: 0; text-decoration: underline;
												}


#logo	{margin: 0;
		padding: 0;
		float: right;
		border: 0;
	  	}

#hlavni	{

	text-align: left;
	margin: 0 auto 0; /* div ktery obsahuje vse mezi zahlavim a zapatim*/
	padding: 0;
	width: 950px;
	background: url(../smart/img/tecka.jpg) repeat-y left;
}

#levemenu		{float: left;
				width: 170px;
				height: 100%;
				/*white-space: nowrap;*/
				}
				
#levemenu a,#levemenu a:visited	{font-family: Arial, Helvetica, sans-serif;
 								text-decoration: none;
								font-size: 95%;
								font-weight: normal;
								line-height: 1.5;
								
								
		                        }
#levemenu a:hover, #levemenu a.active	{border-bottom: 3px orange solid;
										}
.mal {
	margin: 0;
	padding: 0;
	line-height: 5px;
	/*_line-height: 5px; */
	/*_line-height: 1.5;*/
}
#levemenu ul	{
padding: 10px 0 10px 10px;
				}
#levemenu ul ul {
	margin-left: 10px;
	padding: 1px 0 1px 20px;
}
#levemenu ul ul ul{
	margin-left: 10px;
	padding: 0 0 0 20px;
	
}




#obsah	{
	width: 760px;
	float: right;
	padding-left: 10px;
	padding-bottom: 0; /*border-left: dotted 2px rgb(255,150,0);*/
	_margin: 0 0 0 0; /*IE hack*/
}

#obsah li           {
font-family: Arial, Helvetica, sans-serif;
margin-left: 30px;
list-style-position: outside;


 					}

.nadpiskategorie	{font-family: "Trebuchet MS", Arial, sans-serif, Helvetica;       /*nadpisy na strankach kategorii*/
                    font-weight: bold;
 					}

#levyhorni	{float: left;                                           /*divy pro stranky kategorii,*/
			width: 49%;											    /*levy a pravy horni obsahuji vzdy obrazek*/
			margin-top: 10px;                                       /*a hlavni nadpis, jsou pouzite i na strankach clanku*/
			}
#obsah .schema
{
	margin-top:10px;
	width:860px;
	list-style: url(../smart/img/odrazka.gif);
	list-style-image: url(../smart/img/osipka.gif); 
	list-style-position: inside;
					padding: 15px 15px 10px 5px;
					/*border-top: dotted 2px rgb(200,200,200);
					border-right: dotted 2px rgb(255,150,0);*/
					border: 0;
					margin: 0 5px 10px 0px;

}
#obsah .schema h3
{
	padding: 8px 25px;
	background-color:#666;
	color:white;
	font-size:14px;
	text-align:center;
}
#obsah .schema_sloupec
{
	width:400px;
}
#obsah .schema_sloupec1{
	width:450px;
}
#obsah .schema_sloupec2{
	width:400px;
}
#obsah .schema_sloupec3
{
	width:450px;
}
#obsah .schema_gray
{
	background-color:#eee;
}
#obsah .schema_desc
{
	padding: 10px 25px;
	margin-bottom:5px;
	background-color:#cdcdcd;
}
#obsah .schema_desc_footer
{
	background-color:#666;
	color:white;
	margin-top:5px;
	padding: 8px 25px;
	text-align:center;
}
#obsah .t
{
	border-collapse: collapse;
}
#obsah .t td{
	padding:0;
}
#obsah .t .schema_right_block
{
	background-color:#e2e2e2;
	padding: 20px;
	width:250px;
	overflow:auto;
}
#obsah .t .schema_white{
	padding:0px;
	background-color:white;
}
#obsah .schema_footer{
	padding:10px 0px 5px 0;
	text-align:right;
	font-size:10px;
}
#obsah #accordion .ui-accordion-content
{
}
#obsah #accordion p
{
	margin:0px;
}
#obsah .ui-icon
{
	display:none;
}
#obsah #accordion h3{
	padding:5px 25px;
	font-size:14px;
	text-align:left;
	background-color:#eee;
}
#obsah #accordion .ui-state-active{
	margin-bottom:0px;
	background-color:#ffb000;
}
#obsah #accordion .ui-state-active a {
	color:black;
}
#obsah #accordion a
{
	margin:0px;
}
#levyhorni.proclanek	{padding-left: 10px;
						width: 48%;
						_width: 50%;
						}

#pravyhorni	{float: right;
			width: 49%;
			padding-left: 0;
			}
#pravyhorni.proclanek	{
                        float: left;
						width: 49%;
						_width: 49%;
						}

#levydolni	{
			font-family: Arial, Helvetica, sans-serif;
			float: left;
			width: 49%;
			margin-top: 0px;
		
			/*border-top: dotted 2px rgb(200,200,200);*/
			}

#pravydolni	{
font-family: Arial, Helvetica, sans-serif;
float: right;
               width: 48%;
			_width: 49%;    										/*IE hack*/
			
			padding-left: 10px;
			
            border-right: dotted 2px rgb(255,150,0);
            border-left: dotted 2px rgb(255,150,0);
			}

#zalozky	{                                                       /* prazdny UL div, diky kteremu mohou zalozky presahovat do zapati*/
			position: absolute;
	       text-align: center;
			
			padding-left: 190px;                 			 		/*IE hack*/
			_margin: 0 0 -40px 0;
			list-style-type: none;
			z-index: 1;
			padding-top: 0;
			margin-top: 0;
			}

#zalozky li	{float: left;
			width: 200px;
		    height: 26px;
			white-space: nowrap;
            }
#zalozky li a	{display: block;
				padding: 2px 0 2px 0;
				font-family: Arial, Helvetica, sans-serif;
				font-weight: bold;
				text-decoration: none;
				color: white;
				background: url("../smart/img/zalozka2.png") no-repeat 0 -26px;
				text-transform: uppercase;
				}
#zalozky li a:hover, #zalozky li a.active	{background: url("../smart/img/zalozka2.png") no-repeat 0 0;
											padding-top: 5px;
											}

#zapati {height: 60px;
        position: absolute;
        left: 0;
		right: 0;
		margin: 0;
		_width: 100%;                                                   /*IE hack*/
		padding-top: 30px;
		background-color: rgb(210,210,210);
        text-align: center;
        color: rgb(102,102,102);
		font-size: 75%;
		/*z-index: -1;       */                      						/*aby byly videt zalozky*/
        }
#zapati	a	{color: rgb(102,102,102);
			}

/*		*********** styly clanku **********        */

.obalclanku     {
				/*width: 100%;  */                                        /*div ktery nahrazuje divy pravy a levy dolni*/
				height: 100%;
				padding: 0;
				font-family: Arial, Helvetica, sans-serif;
				width: 600px;
				
				
				
				margin-bottom: 0;
				}
				

.obalclanku p		{

					/*float: left;
					width: 46%;
               _width: 49%;*/
					padding: 15px 15px 10px 5px;
					/*border-top: dotted 2px rgb(200,200,200);
					border-right: dotted 2px rgb(255,150,0);*/
					margin: 0 5px 10px 0px;
					}
.obalclanku ul, #pravydolni ul, #levydolni ul{
	list-style: url(../smart/img/odrazka.gif);
	list-style-image: url(../smart/img/osipka.gif); 
	list-style-position: inside;
					padding: 15px 15px 10px 5px;
					/*border-top: dotted 2px rgb(200,200,200);
					border-right: dotted 2px rgb(255,150,0);*/
					border: 0;
					margin: 0 5px 10px 0px;
					
}
.obalclanku ul {
	/*width: 594px;*/
	margin: 0;
	border: 0;
	padding: 10px;
	background: #F2F2F2;
	
	
}

#prilohy	{
clear: both;
			padding-left: 20px;
			/*height: 100%;*/
			border-top: dotted 2px rgb(200,200,200);
			margin: 10px 0;
            _margin-bottom: 0;
			text-align: left;
			
}

.priloha	{
/*
float: left;
			width: 102px;
			margin: 10px 30px 0 0;
			overflow: hidden;
			line-height: 1em;
			font-size: 80%;*/
			font-family: Arial, Helvetica, sans-serif;
			margin: 10px 30px 0 0;
			width: 102px;
			line-height: 100%;
			text-align: center;
			}
.priloha a {
	font-size: xx-small;
}
	
.prilohaMala	{
	float: left;
	margin: 1px 10px -2px 0;
	_margin-top: -14px;
	_margin-bottom: 15px;
	overflow: hidden;
	line-height: 1em; /*font-size: 80%;*/
	font-family: Arial, Helvetica, sans-serif;
	width: 250px;
}
.prilohaMala a	{
	padding: 0;
	margin: 0;
	}	

	
.prilohaMala img	{
	width: 25px;
	border: 0;
	margin: 0;
	margin-bottom: 6px;
	_margin: 0;
	margin-right: 3px;
	padding: 0;
}
.obsah		{border: solid 1px lightgrey;
			}

			
			
			
			
/*		***************** styly novinek ******************        */

#sedacara	{width: 49%;                                           /*seda cara pod levy horni*/
			border-top: dotted 2px rgb(200,200,200);
            margin-bottom: 10px;
            _margin-bottom: 0;
			clear: both;
			}
.sedacara2	{width: 98%;                                           /*seda cara pres cele*/
			border-top: dotted 2px rgb(200,200,200);
            margin-bottom: 10px;
            _margin-bottom: 0;
			clear: both;
			}
.mesic	{width: 98%;
		margin: 5px 0 10px 0;
		padding-bottom: 5px 0;
		border-bottom: dotted 2px rgb(210,210,210);
 		clear: both;
		font-family: Arial, Helvetica, sans-serif;
		}

	#obalnovinek{
font-family: Arial, Helvetica, sans-serif;
border-right: dotted 2px rgb(255,150,0);
                width: 100%;
				}
#obalnovinek p	{
	padding: 0;
	margin: 0;
}	
.datum	{float: left;

   		}

.novinka 	{
	margin: 0 15px -13px 130px;
	padding: 0;
	_margin-bottom: -25px;
}

.mesic, .novinka a	{font-weight: normal;
					}

.novinka strong {
	_margin-left: -3px;
}
.novinka ul li a{
	margin-left: -2px;
	font-weight: normal;
	
	
}
/*		***************** styly formulare ******************        

#obalformulare	{border-right: dotted 2px rgb(255,150,0);
                width: 100%;
				}
form	{width: 90%;
		font-family: Arial, Helvetica, sans-serif;
		}
fieldset	{border: none;
			}
label	{width: 180px;
		float: left;
		display: block;
		}
fieldset br {display: none;
		}
input, textarea	{margin: 0 0 10px 0;
				font-family: Arial, Helvetica, sans-serif;
				}*/
/*styl formul mi*/

.formular {
	padding: 10px;
	margin-left: 200px;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
		
}

.formular label {
	display: block; float: left; margin-bottom: 10px;
}
input {
	display: block; float: left; margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
.formular label {
	padding-right: 30px; width: 75px; text-align: right;
}
.formular fieldset {
	border-right: #cccccc 1px solid;
	padding-right: 10px;
	border-top: #cccccc 1px solid;
	padding-left: 10px; padding-bottom: 10px;
	margin: 10px; 
	border-left: #cccccc 1px solid; border-bottom: #cccccc 1px solid;
	width: 300px;
	
}
.formular textarea {
	border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 5px; padding-bottom: 5px; font: x-small verdana, geneva, arial, helvetica, sans-serif; border-left: #cccccc 1px solid; width: 270px; padding-top: 5px; border-bottom: #cccccc 1px solid; height: 100px;
font-family: Arial, Helvetica, sans-serif;
}
.formular input {
	border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 5px; font: x-small; arial, helvetica, verdana, geneva,  sans-serif; border-left: #cccccc 1px solid; border-bottom: #cccccc 1px solid; height: 21px;

}
.formular br {
	clear: left;
}
.tlacitko {
	border-right: #333333 1px solid; border-top: #333333 1px solid; font-size: x-small; background-image: url(img/bg_tlacitko.gif); margin: 5px; border-left: #333333 1px solid; width: 120px; border-bottom: #333333 1px solid; background-repeat: repeat-x; font-family: arial, helvetica, sans-serif; height: 27px;
}

#obsah .t1
{
	padding:0;
	margin:0;
	border-collapse:collapse;
	background-color:#e2e2e2;
}
#obsah .t1 td{
	padding:0;
	margin:0;
}
#obsah .t3{
	margin:0;
	padding:0;
	border-collapse:collapse;
	position:relative;
	top:-1px;
}

/* round corners */
#csc {
  background : #669900 url(img/round/tl.png) no-repeat;
    width : 20em;
	background-position: -1px -2px ;
	  height : auto;
	    position : relative;
	  padding : 30px 20px;
}
#csc2 {
	 height : auto;
	 position : relative;
 padding : 5px 25px;
}
#csc3 {
	  height : auto;
	    position : relative;
}

.tr, .bl, .br,.tr1, .bl1 {
	  position : absolute;
	    width : 20px;
		  height : 20px;  /* corner images are 40x40 */
		    display : block;
			  margin-bottom : -1px;  /* this is for IE */
}
.tr {
	  background : transparent url(img/round/tr.png) no-repeat;
	    top : -1px;
		  right : 0;
}
.tr1 {
	  background : transparent url(img/round/tr.png) no-repeat;
	    top : 0;
		  right : 0;
}
.bl {
	  background : transparent url(img/round/bl.png) no-repeat;
	    bottom : 1px;
		  left : -1px;
}
.bl1 {
	  background : transparent url(img/round/bl.png) no-repeat;
	    bottom : 1px;
		  left : 0;
}
.br {
	  background : transparent url(img/round/br.png) no-repeat;
	    right : 0;
		  bottom : 1px;
}