h1,h2,h3,h4,h5,h6 {color:#D89858;font-size:13px;}

.cleaner {clear:both;height:0px;line-height:0px;}
.ptop {padding-top:5px;}
.pleft {padding-left:5px;}
.pleft2 {padding-left:10px;}
.pright2 {padding-right:15px;}
.mleft {margin-left:15px;}
.mright {margin-right:15px;}
.pleft3 {padding-left:15px;}
.pleft4 {padding-left:20px;}
.ptop2 {padding-top:10px;}
.ptop3 {padding-top:15px;}
.pbott2 {padding-bottom:10px;}
.mbott {margin-bottom:5px;}
.mbott2 {margin-bottom:10px;}
.pbott {padding-bottom:5px;}
.pbott3 {padding-bottom:15px;}
.pbott5 {padding-bottom:25px;}
.acenter {text-align:center;}
.aleft {text-align:left !important;}
.mtop2 {margin-top:15px;}
.mtop3 {margin-top:30px;}
.block {display:block;}

.bold {font-weight:bold;}
.fleft {float:left;}
.fright {float:right !important;}
.red {color:red !important;}
.black {color:#000 !important;}
.biglines {line-height:16px;}
.textmiddle {font-size:13px;}
.textbigger {font-size:14px;}
.textsmall {font-size:11px;}
.textnormal {font-size:12px;}
.brown {color:#6E271A !important;}
.black{color:black !important;}
.grey {color:#666 !important;} 
.lgrey {color:#777 !important;} 
.underline {text-decoration:underline !important;}

/* odkazy */
a {text-decoration: underline; color: #007900;}
a:visited {text-decoration: underline; color: #007900;}
a:hover {text-decoration: none; color: #007900;}
a:active {text-decoration: none; color: #007900;}
.odkaz {text-decoration: underline; color: #007900;}

#menu a {text-decoration: none; color: #fff;}
#menu a:visited {text-decoration: none; color: #f2f2f2;}
#menu a:hover {text-decoration:none ; color: #fff;}
#menu a:active {text-decoration: none; color: #fff;}
a.blue {text-decoration: underline !important; color: #1E3C72 !important;}
a.blue:visited {text-decoration: underline !important; color: #1E3C72 !important;}
a.blue:hover {text-decoration: none !important; color: #1E3C72 !important;}
a.blue:active {text-decoration: none !important; color: #1E3C72 !important;}
a.green {text-decoration: underline !important; color: #007900 !important;}
a.green:visited {text-decoration: underline !important; color:#007900 !important;}
a.green:hover {text-decoration: none !important; color: #007900 !important;}
a.green:active {text-decoration: none !important; color: #007900 !important;}

body {
  text-align:center;
  background:#F0F5E1 url('http://www.ssgs.cz/img/bg.jpg') repeat-x top;
  font-size:12px;
  color:#353C66;
  font-family: Arial,Verdana;
  margin:0;
  padding:0;
  }
  
#kontejner {
  width:990px;
  text-align:center;
  background:#fff;
  margin:0 auto;
  }

#stranka {
  padding:0px;
  text-align:left;
}

#hlavicka {
  height:179px;
  margin:0 5px 0 0px;
  }
#hleva {
  background:#fff url('http://www.ssgs.cz/img/logo.jpg') no-repeat top center;
  width:240px;
  height:179px;
  margin:0 5px 0 0;
  float:left;
  }
#hleva .alogo {display:block;width:240px;height:179px;float:left;}
#hstred {
  background:#fff url('http://www.ssgs.cz/img/banner.jpg') no-repeat bottom center;
  width:494px;
  height:179px;
  float:left;
  }
#hstred h2 {
  color:#18376E;
  font-variant:small-caps;
  margin:10px 0 5px 15px;}
#hprava{
  margin:0 0 0 5px;
  padding:10px 0 5px 0px;
  float:left;
  }
.novinky .nnadpis {
  padding:0px;
  font-weight:bold;
  margin:8px 0 8px 0;
  font-family:Georgia;
  font-size:16px;
  color:#007900;}

.novinky .nnovinka {
  margin: 5px 0 5px 0;
  font-size:12px;
  width:240px;
  font-weight:bold;
  visibility:overflow;
  }
.novinky a {text-decoration: underline; color: #1E3C72;}
.novinky a:visited {text-decoration: underline; color: #1E3C72;}
.novinky a:hover {text-decoration: none; color: #1E3C72;}
.novinky a:active {text-decoration: underline; color: #1E3C72;}

.novinky .nnovinka span {
  font-style:italic;
  font-size:10px;
  font-weight:normal;
  width:58px;
  margin-right:3px;
  line-height:16px;
  text-align:right;
  display:block;float:left;}
.topnewsline {
  margin: 0 230px 0 0px; 
  float:right;
  width:500px;
  font-weight:bold;}
.topnewsline p {
  margin:0;
  padding:0;
  display:inline;}
.topnewsline a {  
  color:#3A78A9 !important;
  }
.podtrzitko {
  width:100%;
  line-height:1px !important;
  height:1px;
  width:235px;
  background:#BFDDBF;}

#menu {
  width:215px;
  margin:0;
  padding:0 0 0px 0;
  color:#fff;
  float:left;
  }
#loga {padding:15px 0 0 0;text-align:center;}
#loga a{margin-bottom:10px;}
#menuin {background:#3B78B1 url('http://www.ssgs.cz/img/nspodek.gif') no-repeat bottom center;padding:0 0 10px 0;}
#nav {
  margin:0;
  background:#3B78B1 url('http://www.ssgs.cz/img/mspodek.gif') no-repeat bottom center;
  padding:15px 0 35px 0px;
  }
#nav li {
  margin:0;
  padding:0 0 0 13px;
  font-size:12px;
  border-bottom:1px solid #4F86B9;
  text-align:left;
  font-weight:bold;
  display:block;
  list-style-type:none;
  background: url('http://www.ssgs.cz/img/odr.gif') no-repeat 170px center;
  }
#nav li.aktivni {border:none;background: url('http://www.ssgs.cz/img/podra.gif') repeat-x center !important;}
#nav li.aktivni a {color:#fff;font-weight:normal;background: url('http://www.ssgs.cz/img/odra.gif') no-repeat 158px center !important;}
#nav li.aktivni a:visited {text-decoration: none; color: #fff;}
#nav li.aktivni a:hover {text-decoration: none; color: #fff;}
#nav li.aktivni a:active {text-decoration: underline; color: #fff;}
#nav .posl {border:none;}            
#nav li.sub {background:none;}
#nav ul li.sub {background:none;}
#nav ul li {
  border:none;
  font-weight:normal;
  background:none;
  margin:0;
  padding:0 0 0 9px;}
#nav ul a {text-decoration: underline; color: #fff;}
#nav ul a:visited {text-decoration: underline; color: #fff;}        
#nav ul a:hover {text-decoration: none; color: #fff;}
#nav ul a:active {text-decoration: none; color: #fff;}
#nav ul {
  margin:0;
  padding:0 0 5px 0;
  }
#nav a {
    color:#fff;
    height:27px;
    text-decoration:none;
    line-height:27px;
    display:block;
}
#menu .mnadpis {
  font-family:georgia;
  font-size:18px;
  text-align:left;
  padding:0 0 0 18px;}
#navigace {
  color:#4B638E;
  padding: 0 15px 10px 30px;
  font-size:13px;}
.newsletter {
  color:#3A5585;
  padding:20px 12px 20px 15px;
  background:#D8E4EF url('http://www.ssgs.cz/img/emailnovinky.gif') no-repeat 150px 15px;}
.newsletter .n1 {
  font-family:Georgia;
  font-size:17px;
  }
.newsletter .n2 {margin:0px 0 0 0;}
.newsletter form {
  margin:0 0 0 -3px;
  padding:10px 0 0px 0px;}
.newsletter input {
  border:1px solid #BFD0E0;
  padding:2px;
  width:129px;
  float:left;
  margin:0 10px 0 0;
  height:16px}
.newsletter .newslink {
  background:url('http://www.ssgs.cz/img/tlac.gif') no-repeat  center;
  line-height:20px;
  border:none;
  margin:0;padding:0;
  color:#fff;
  width:36px;
  height:20px;}
#diskuze {
  margin: 10px 0 0 0;}
#diskuze .vlakno {
  line-height:35px;
  height:35px;
  background:#fff url('http://www.ssgs.cz/img/diskuzep.jpg') repeat-x bottom center;
  margin:0 0 5px 0;
  padding:0 5px 0 5px;}
#prispevky .obsahp {
  width:508px;
  }
  
#prispevky .obsahp {
  background:#fff url('http://www.ssgs.cz/img/prispevekbc.gif') repeat-y top center;
  margin:5px 0 0 0;
  
}
#prispevky .obsahp div 
  {
    background:url('http://www.ssgs.cz/img/prispevekpv.gif') no-repeat top center;
  padding: 20px 10px 20px 20px;
  
  font-weight:bold;
  }
#prispevky .spodek {
  background:#fff url('http://www.ssgs.cz/img/prispevekps.gif') no-repeat top center;
  height:9px;
  width:508px;
}
#prispevky .message {margin:15px 0 0 0;}
#obsah {
  background:#fff url('http://www.ssgs.cz/img/vobsah.gif') no-repeat top center;
  padding:17px 0 0 0;
  margin:0 10px 0 10px;
 }
#obsah .ostred {
  background:#fff url('http://www.ssgs.cz/img/obsahbg.jpg') repeat-y right;
  min-height:650px;
  margin:0 0px 10px 10px;
  padding: 10px 15px 20px 10px;
  float:left;
  width:510px;
  }
#obsah div.in {
  
  }
#obsah h1 {
  font-family:Georgia, Verdana;
  padding:0 0 15px 0;margin:0;
  color:#fff;
  font-size:25px;
  font-weight:normal;}
#obsah {line-height:22px;}  
.clankyobsah h1 {padding:5px 0 5px 0 !important;}
.clankyobsah h1,.clankyobsah h2,.clankyobsah h3,.clankyobsah h4,.clankyobsah h5 {
  color: #007900 !important;}
.clankyobsah h2 {font-size:14px;margin:0;padding:10px 0 5px 0;}
.clankyobsah p {margin:0;padding:5px 10px 3px 0px;}
#pravyblok {
  width:200px;
  float:right;
  margin:-5px 0 0 0;
  }
.bubls, .bublv {
  margin:0;padding:0;
  width:200px;
  _line-height:1px !important;
  height:5px;
  }
.bubls {
  background:#fff url('http://www.ssgs.cz/img/bubs.gif') no-repeat top center;
  margin:0 0 5px 0;
  }
.bublv {
  background:#fff url('http://www.ssgs.cz/img/bubv.gif') no-repeat bottom center;
  }
.bublo {
  _margin-top:-6px;
  line-height:23px;
  padding:0 5px 0 9px;
  border-left:1px solid #DFDFDF;
  border-right:1px solid #DFDFDF;}
.bublo img {float:right;}
#pravyblok .rozvrh {
  margin:10px 0 0 0;
  background:#fff url('http://www.ssgs.cz/img/rozvrh.gif') no-repeat top center;
  width:197px;
  height: 69px;
  }
#pravyblok .kontakt {
  background:#fff url('http://www.ssgs.cz/img/bgkontakt.gif') repeat-x top center;
  width:197px;
 
  }
#pravyblok .kontakt .knadpis {
  font-family:Georgia, Times;
  font-size:17px;}
#pravyblok .kontaktin {
  padding:5px 15px 20px 13px;
  }
#spodek {
  color:#1E3C72;
  height:30px;
  padding:0px; 
  font-size:12px;
  text-align:center;
  }
#spodek h2 {display:inline;color:#1E3C72;font-weight:normal;}  
#sin {line-height:30px;width:990px;margin:0 auto;text-align:center;}

.obsahkontakt {float:left;width:300px;}
.vcard {line-height:20px;}

#contactform {width:450px;margin:0;padding:0;float:left;}
#contactform legend {
	font-size:15px;
	color:#007900;
	font-weight:bold;
	padding:0em 10px 0px 10px;
	margin:0;
	}
#contactform label,
#contactform em{
	color:#999;
	margin:0;padding:0;
	font-weight:bold;
	font-size:13px;
	}

#contactform em {color:red;}
#contactform fieldset {margin:0;padding:10px 10px 10px 0px;margin-bottom:1em;_padding:0 10px 10px 0px;}
#contactform label {padding-left:1em;}
#contactform input,
#contactform select,
#contactform textarea {border:1px inset #999;margin:0.3em; background-color:#f7f7f7;}
#contactform textarea {width:300px;margin-left:15px;height:150px;}
#contactform fieldset{border:1px solid #ccc;}
#contactform dt,
#contactform dd {margin:0;padding:0;display:inline;}
#contactform dl {margin:0;padding:0;}
#contactform dt {width:150px;float:left;}
#contactform dd {width:200px;}
#contactform .button {margin-bottom:0.5em;border:1px solid #666;padding:3px;}
#contactform dl.radio dd{display:block;}
#contactform dl.radio dt{float:left;display:block;width:100px;}
#contactform p {padding: 0 10px 10px 10px;}



/*---- BUBLINY----*/
a img {border:none;}

a.orange {color: #FF9900 !important; }
a.orange:visited {color: #FF9900 !important;}


a:link.black {text-decoration: none; color: black;}
a:visited.black {text-decoration: none; color: black;}
a:hover.black {text-decoration: underline; color: #666;}
a:active.black {text-decoration: underline; color: black;}

a:link.orange {text-decoration: underline; color: #f90;}
a:visited.orange {text-decoration: underline; color:  #f90;}
a:hover.orange {text-decoration: none; color:  #f90;}
a:active.orange {text-decoration: none; color:  #f90;}


/*---galerie-----*/
.galerie {}
.galerie .dli
{
display: -moz-inline-box;
display: inline-block;
/*\*/ vertical-align: top; /**/
margin: 0 0px 15px 0px;

 text-align:center;
padding: 0;
}
.galerie .dlis {
margin: 0px 4px 15px 4px !important;
_margin: 0px 7px 15px 2px !important;

}
.galerie .dli>div
{
/*\*/ display: table; /**/
width: 162px;
}

.galerie a
{
display: block;
text-decoration: none;
color: #000;
/*background-color: #222;*/
cursor: pointer;
}

/* IE7? \*/

/**/

.galerie img
{text-align:center;
vertical-align: middle;
}

.galerie a:hover
{

}

/*\*//*/
.galerie li .wrimg
{
display: block;
font-size: 1px;
}

.galerie .wrimg span
{
display: inline-block;
vertical-align: middle;
height: 160px;
width: 1px;
}
/**/

.galerie .caption
{
display: block;
color:#000;
padding: .3em 3px;
font-size: 13px;
line-height: 19px;
text-align:center;

height:20px;
w\idth: 160px;

}
.galerie .caption div 
{ padding:2px 0px 0 5px;}
@media all and (min-width: 0px)
{
.galerie
{
border-collapse: collapse;
}
.galerie a
{
display: inline-block;
vertical-align: top;
}
.galerie
{
display: inline-block;
}
}
   

.galerie img {border:1px solid #666 !important;}