/* CSS Document */
*{
	padding:0;
	margin:0;
}

body{
	background-image: url(../images/design/background/bodybackground.jpg);
/*	background-image: url(../images/design/background/bodybackground_autumn.jpg);*/
/*	background-image: url(../images/design/background/bodybackground_winter.jpg); zimu menit i v divlogo*/
	background-repeat: no-repeat;
	background-position:center;
	background-position:top;
	background-color: #133366;	
	font-family: Tahoma, Verdana, Arial, serif;
/*	font-family:Georgia, "Times New Roman", Times, serif;*/
	text-align:center; /*kvuli exploreru nutno centrovat a pak zase davat doleva*/
	font-size:62.5%; /*Richard Rutter trick 62.5 % z 16px je 10, pak 100 % = 1em */
}

strong {font-weight:bold;}

a {color: #2268a3; font-weight:bold;}

a.out{
	padding-right: 1em;
	background: url(../images/design/other/alink.gif) no-repeat center right;
	font-weight:bold;
	text-decoration:none;
}

a:hover {
	color:#133366; 
	text-decoration:underline;
}


a.nw{
	padding-right: 15px;
	background: url(./images/design/nwlink.png) no-repeat center right;
}


a[href^='mailto:'] {
	padding:0;
	background:none;
}

a.pic, a.tab, a.np
{
	padding:0px;
	text-decoration:none;
	border: 0px;
	background:none;	
}

a.piclinkdesc{
	font-size:.8em;
	color:#999999;
	font-weight:normal;
}

a[href$=".pdf"] {
	background: url(../images/design/other/pdf-icon.gif) no-repeat right top;
	padding-right:1.3em;
}

a[href$=".pdf"].nbg {
	background:none;
}


/*
a[href^="http:"]{
	background:url(../images/design/other/alink.gif) no-repeat right top;
	padding-right: .8em;
}

a[href^="http://www.gjszlin.cz"], img a{
	background-image:none;
}
*/

form{
	border: 1px #CCCCCC solid;
	padding: 8px;
	background-color:#eee;
	margin-bottom: 1em;
}

input{
	margin-bottom:2px;
	}

input:hover{
	background-color:#FFFFCC;
	border: 2px #aaa solid;
}

input.btn{
	border: 2px solid #912522;
	background-color: #c6362d;
	color:#FFFFFF;
	font-weight:bold;
	padding-left: 5px;
	padding-right: 5px;
	cursor:pointer;
/*	cursor:hand;*/
}

input.btn:hover{
	background-color:#c6362d;
}


h1, h2, h3, h4{
/*	font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, serif;*/
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-bottom: .5em;
	font-weight: bold;
	color:#333333;
	border-bottom: 1px solid #333333;
	font-size:1.8em;

}

h2{
	font-size:1.5em;
	padding-top: .5em;
	color: #2268a3;

}

h3{
	font-size:1.2em;
	padding-top: .5em;
	color: #133366;
}

h4{
	font-size:1em;
	color: #133366;
}


img{
	border: 2px solid #ddd;
}

img.np{
	border: 0px;
}

img.picright{
	float:right;
	margin-left: 5px;
}

img.picrightnp{
	float:right;
	margin-left: 5px;
	border: 0px;
}


img.picleft{
	float:left;
	margin-right: 5px;
}

p{
	text-align:justify;
	margin: .5em 0; 
/*	text-indent: 1em;*/
	line-height: 1.3;
	text-align:justify;
}

p.helptext{
	font-size:10px;
	color:#aaa;
}

p.alert{
	color:#CC0000;
	font-weight:bold;
}




ul{
	margin-left: 2em;
	list-style-type:square;
	line-height: 1.6em;
}



/***
web containers
**/

div#box{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
	width:900px;
	text-align:left;
	font-size:1.2em;
	background-color:#ffffff;
}

div#logo{
	width: 900px;
	height: 100px;
	background-image:url(../images/design/background/toplogoslice.jpg);
/*	background-image:url(../images/design/background/toplogoslice_winter.jpg);*/
}

div#banner{
	width: 900px;
	height: 128px;
/*	background-image:url(../images/design/banner/1.jpg);*/

}

#bannerphotodesc{
	width:890px;
	font-size:10px;
	text-align:right;
	color:#fff;
	display:block;
	padding-right:5px;
	padding-left:5px;
	padding-top:115px;
}

div#sectionmenu{
	width: 900px;
	height: 36px;
	background-image:url(../images/design/sectionmenu.gif);
	background-repeat:no-repeat;
}

div#sectionmenu span{
	width:890px;
	font-size:10px;
	text-align:left;
	color:#888;
	padding-right:5px;
	padding-left:255px;
	line-height: 3.8em;
}

div#sectionmenu a{
	font-weight:normal;
}


div#container{
	float:left;
	width: 720px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
	
}


div#mainpagebox{
	width:470px;
	float:left;
	padding:5px;
	padding-right:20px;
	border-right:1px #eee solid;	
}


div#mainpagesidebox{
	width:210px;
	float:right;	
}

div#indiv{
	width: 700px;
	margin:auto;
}


/*

novinky

*/


div.event, div.impevent, div.eventful{
	clear:left;
	float:left;
/*	background:url(../images/design/sectiontabs/tabbg.gif) repeat-x #ffffff;	*/
	border-bottom:#aaa dotted 1px;
	padding-top: 10px;
	padding-bottom: 5px;
	width:434px;
	padding-left:18px;	
}

div.event img, div.impevent img{
	float:right;
	margin-left:5px;
}

div.event h2, div.impevent h2{
	border-bottom: 0px;
/*	font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:1.3em;
	color:#2268a3;
	
}

div.impevent h2{
	color:#CC0033;
}

div.eventful{
	width:700px;
}


/*

sloupec odkazu

*/

div.sectionpiclink{
	text-align:center;
	padding-top:5px;
	padding-bottom: 6px;
	width:206px;
	margin: auto;
}

div.sectionpiclink img{
	border:3px #ddd solid;
}

div#sectiontabuchazeci, div#sectiontabodkazy, div#sectiontabfotogalerie, div#sectiontabpraveted, div#sectiontabprojekty{
	padding-top:38px;
	padding-bottom: 10px;
}

div#sectiontabuchazeci{
	background-image:url(../images/design/sectiontabs/uchazeci.gif);
	background-repeat:no-repeat;
}

div#sectiontabodkazy{
	background-image:url(../images/design/sectiontabs/odkazy.gif);
	background-repeat:no-repeat;
}

div#sectiontabfotogalerie{
	background-image:url(../images/design/sectiontabs/fotogalerieakt.gif);
	background-repeat:no-repeat;
}

div#sectiontabpraveted{
	background-image:url(../images/design/sectiontabs/praveted.gif);
	background-repeat:no-repeat;
}

div#sectiontabprojekty{
	background-image:url(../images/design/sectiontabs/projekty.gif);
	background-repeat:no-repeat;
}




#mainfooter{
	clear:both;
	background-image:url(../images/design/background/footerbg.gif);
	background-repeat:repeat-x;
	height:31px;
	font-size:0.8em;
	color:#888;
	text-align:center;
	line-height: 3;
}

div#bottomfooter{
	color:#999999;
	margin-bottom:10px;
}

div#bottomfooter a {
	color:#999999;
	text-decoration:none;
}

div#bottomfooter a:hover {
	text-decoration:underline;
}


.moddate{
	font-size:.8em;
	text-align: right;
	color:#999999;
}



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

zamestnanci

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

div.stuffhead{
	width:740px;
	float:left;
	padding-bottom:10px;
}

div.medstuffphoto{
	width: 160px;
	float:left;
}

div.stuffdescr{
	float:left;
	width:540px;
}

div.stufflist{
	width:700px;
}

img.zav, img.tec{
	border:0px;
}


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

galerie

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

div.gallist{
	width:700px;
	float:left;
	padding-bottom:10px;
}

div.gal{
	width:700px;
	padding-bottom: 3em;
	padding-top: 1em;	
	clear:both;
}

div.gallistmainphoto{
	width: 180px;
	float:left;
}

div.gallistphoto{
	width: 200px;
	float:left;
	text-align:center;
	padding:10px;
}

div.gallistdescr{
	float:left;
	width:500px;
}

div.galpiclist{
	width:500px;
}

div.galpicdetail{
	width:700px;
	text-align:center;
}

div.galpicnav{
	width:700px;
	text-align:center;
	clear:both;
	padding-bottom:1em;
}

img.zav, img.tec{
	border:0px;
}

p.pd{
	text-align:center;
}

div.gal h2{
	font-size:1.4em;
}

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

tabulky

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

table{
	border: 1px #CCCCCC solid;
	padding: 2px;
	line-height: 1.5;
}

table.nv{
	border: 0;
}

thead{
	color:#ffffff;
	background-color:#133366;
	font-weight:bold;
}

th{
	padding: 3px;
}

tr.even{
	background-color:#eeeeee;
}

tr.even:hover, tr.odd:hover{
	background-color:#CCCCCC;
}

p.tableremark{
	font-size: 0.8em;
	padding-left: 2em;

}

div.tab{
	padding-left:2em;
	padding-right:2em;
}



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

menu tabs

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


/*- menu Tabs G--------------------------- */

    .tabsG {
      float:left;
      width:590px;
      font-size:10px;
	  line-height:normal;
	  border-bottom:1px solid #000000;
	  }
	  
    .tabsG ul {
        margin:0;
        padding:0px 1px 0 0px;
        list-style:none;
      }
	  
    .tabsG li {
      display:inline;
      margin:0;
      padding:0;
	  color:#000000;	  
      }
	  
    .tabsG a {
      float:left;
      background:url("../images/design/menutabs/tableftG.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;  
      }
    .tabsG a span {
      float:left;
      display:block;
      background:url("../images/design/menutabs/tabrightG.gif") no-repeat right top;
      padding:3px 5px 3px 3px;
      color:#fff;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    .tabsG a span {float:none;}
    /* End IE5-Mac hack */
    .tabsG a:hover span {
      color:#000;
      }
    .tabsG a:hover {
      background-position:0% -42px;
      }
    .tabsG a:hover span {
      background-position:100% -42px;
      }

        .tabsG #currenttab a {
                background-position:0% -42px;
			    color:#000;
        }
        .tabsG #currenttab a span {
                background-position:100% -42px;
			    color:#000;
        }
		
/*- menu Tabs 10--------------------------- */

    .tabs10 {
      float:left;
      width:590px;
      font-size:10px;
      FONT-WEIGHT: bold;
	  border-bottom:1px solid #2763A5;
      line-height:normal;
      }
    .tabs10 ul {
          margin:0;
          padding:0px 0px 0 0px;
          list-style:none;
      }
    .tabs10 li {
      display:inline;
      margin:0;
      padding:0;
      }
    .tabs10 a {
      float:left;
      background:url("../images/design/menutabs/tableft10.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    .tabs10 a span {
      float:left;
      display:block;
      background:url("../images/design/menutabs/tabright10.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    .tabs10 a span {float:none;}
    /* End IE5-Mac hack */
    .tabs9 a:hover span {
      color:#FFF;
      }
    .tabs10 a:hover {
      background-position:0% -42px;
      }
    .tabs10 a:hover span {
      background-position:100% -42px;
      }

      .tabs10 #currenttab a {
			background-position:0% -42px;
		    color:#000;
      }
      .tabs10 #currenttab a span {
			background-position:100% -42px;
			color:#000;
      }		
	  
/*- menu Tabs B--------------------------- */

    .tabsB {
      float:left;
      width:100%;
      font-size:10px;
	  border-bottom:1px solid #2763A5;
	  line-height:normal;
      }
    .tabsB ul {
        margin:0;
        padding:1px 0px 0 0px;
        list-style:none;
      }
    .tabsB li {
      display:inline;
      margin:0;
      padding:0;
	  }
    .tabsB a {
      float:left;
      background:url("../images/design/menutabs/tableftB.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 2px;
      text-decoration:none;
      }
    .tabsB a span {
      float:left;
      display:block;
      background:url("../images/design/menutabs/tabrightB.gif") no-repeat right top;
      padding:3px 5px 3px 3px;
      color:#fff;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    .tabsB a span {float:none;}
    /* End IE5-Mac hack */
    .tabsB a:hover span {
      color:#fff;
      }
    .tabsB a:hover {
      background-position:0% -42px;
      }
    .tabsB a:hover span {
      background-position:100% -42px;
      }

        .tabsB #currenttab a {
                background-position:0% -42px;
		        color:#000;
        }
        .tabsB #currenttab a span {
                background-position:100% -42px;
			    color:#000;
        }	  

div.tabsG, div.tabs10, div.tabsB{
	width: 700px;
	margin-bottom: 5px;
    border-bottom:2px solid #ddd;
}



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

musi byt na konci

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