/* aktualni sablona v_6.0 */

@charset "utf-8";

a.gotoup {
  background: url(https://www.ssk-vitkovice.cz/uploads/images/gotop.gif) no-repeat left;
  padding:0px;
  margin: 0 0 0 480px;
}
body {
  font: 14px Arial, Helvetica, sans-serif;
  line-height: 1.4em;
  background: url(https://www.ssk-vitkovice.cz/uploads/images/v6/bg_body.jpg) repeat-x;
  margin: 0;
  padding: 0;
  color: #000;
}

ul, ol, dl { 
  padding: 0;
  margin: 0;
}
h1, h2, h3 {
  margin: 20px 0;
  padding: 0;
}
h1{
  font: normal 20px MS Sans Serif, Geneva, sans-serif;
}
h2 {
  font: normal 18px MS Sans Serif, Geneva, sans-serif;
  display: block;
}
h3 {
  font: normal 15px MS Sans Serif, Geneva, sans-serif;
}
a img {
	border: none;
}
a:link, a:visited {
  color: #2e8bcc;
  text-decoration: underline;
}
a:hover, a:active, a:focus { 
  text-decoration: underline;
  color: #ff2222;
}
h1 a:link, h2 a:link, h3 a:link, h1 a:visited, h2 a:visited, h3 a:visited {
  color: #444 !important;
  text-decoration: none !important;
}
h1 a:hover, h2 a:hover, h3 a:hover {
  text-decoration: underline !important;
}
.bigone {
  background: url(https://www.ssk-vitkovice.cz/uploads/images/v6/bg_head.jpg) center top no-repeat;
}
.container {
  width: 1100px;
  margin: 0 auto; 
}
.container1 {
  width: 1100px;
  margin: 0 auto;
  background: url(https://www.ssk-vitkovice.cz/uploads/images/v6/bg_content1.gif) repeat-y;
}
.container2 {
  width: 1100px;
  margin: 0 auto;
  border-bottom-right-radius: 30px;
  background-color: #41bbee;
  z-index:250;
}
.mezera {
  height:80px;
}
.hlava {
     width:1100px;
     height:350px;
     background: url(https://www.ssk-vitkovice.cz/uploads/images/sskhead_w.jpg) no-repeat;
     border-top-left-radius: 10px;
     border-top-right-radius: 10px;
}
.galerie {
    position: relative;
    top: 80px;
    left: 280px;	
    width: 800px;
    height: 230px;
    background: #fff;
    z-index:2;
}
.gallery { 
  margin-top: 30px;
}
.gallery h3 {
  padding: 15px 0 !important;
  margin: 0;
  font-size: 16px;
  max-width: 270px;
}
img {
  max-width: 98%;
  height_ auto !important;
}

.left-bar {
     float: left;
     width: 250px;
}
.left-bar p img, .right-bar p img {
  text-align:left;
  padding:0;
  margin:0;
}

#left-box {
   background: url(https://www.ssk-vitkovice.cz/uploads/images/v6/bg_leftbox.gif) left bottom no-repeat;
   border-top-left-radius: 6px; 
   margin-bottom: 30px 
}

.right-bar {
   float: left;
   width: 250px;
   padding:0;
}

.left-bar h1, .right-bar h1 {
   color: #fff;
   background: linear-gradient(to bottom, #004E8F, #2FA8FB);
   font-size: 16px;
   padding: 10px 0 0 10px;
   height:30px;
}

.right-bar h1 { border-radius: 0 8px 0 0; }

.left-bar h1 { border-radius: 8px 0 0 0; }

.right-bar h2 { padding: 20px 5px; }

#right-box {
   background: url(https://www.ssk-vitkovice.cz/uploads/images/v6/bg_rightbox.gif) left bottom no-repeat;
   border-top-right-radius: 6px;
   margin-bottom: 30px  
}

.content {
  padding: 0px 10px;
  margin-top: -15px;
  width: 580px;
  max-width: 580px;
  float: left;
}

.content ul, .content ol { 
	padding: 0 15px 15px 40px;
}

.content li {
      margin-left:40px;
}
.content h1 {
  color:#003265;
/*  text-transform: uppercase; */
}
.content h2 { 
  color: #444;
  padding: 0px 10px;
/*  text-transform: uppercase; */
}

.container1 h3 {
      color:#666;
      padding: 0px 15px;
}

.container h1p {
     color:#c06;
     padding: 5px 10px;
     border-bottom: dotted #555 1px;
}
.content p {
     padding: 0px 30px;
-webkit-margin-before: 0px;
-webkit-margin-after: 10px;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}

a.button, .button, .button:visited, .button:active {
  text-decoration: none;
  background:#fff;
  color:#005ea6;
  padding: 7px 10px;
  border-radius: 0px;
  border: 1px solid #005ea6; 
  text-align: center;
}

a.button-actual, .button-actual, .button-actual:visited, .button-actual:active {
  text-decoration: none;
  background:#d1edff;
  color:#005ea6;
  padding: 7px 10px;
  border-radius: 0px;
  border: 3px solid #005ea6; 
  text-align: center;
  font-weight: bold;
}

#right-box .button, #left-box .button, #right-box .button-actual, #left-box .button-actual {
  display:block;
  padding: 10px 7px;
  margin: 0;
  border-radius: 10px;
}
a.button.red {
  color: #fff;
  border: 1px solid #C21121;
  background: linear-gradient(to bottom, #C21121, #f00);
}
a.button.blue {
  color: #fff;
  border: 1px solid #005ea6;
  background: linear-gradient(to bottom, #03a9f4, #005ea6);
}
a.button.green {
  color: #fff;
  border: 1px solid #287f2b;
  background: linear-gradient(to bottom, #8BC34A, #287f2b);
}
.button:hover, .button.red:hover, a.button.blue:hover, a.button.green:hover {
  background: #005ea6;
  color: #fff;
}

.button-actual:hover {
  background: #005ea6;
  color: #fff;
}

.right-bar p, .left-bar p {
  padding: 0 10px;
}

.foot1 {
  background-color: #2294db;
}
.footer {
  padding: 10px 0 0 0;
  position:relative;
  clear:both;
  color:#005ea6;
  background-color:#2294db;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.footer p {
padding: 0px 20px;
}
.footer a {
       color:#005ea6;
       text-decoration:none;
}
.footer a:hover {
       color:#fff;
}
/* site mapper - start -- */
.clearfix {
	float:left;
        border:0px;
        margin-left:5px;
        color:#707070;
        font-size:12px;
        line-height: 20px;
}
.clearfix, .clearfix a, .clearfix li {
       color:#707070;
}
.clearfix a {
       text-decoration: none;
}
.clearfix a:hover {
      color:#aaaaaa;
}
.clearfix li {
       margin-left: 5px;
       list-style:none;
}
.clearfix ul {
       margin-left: 5px;
       list-style:none;
}
/* site mapper - end -- */
.floatright { 
	float: right;
	margin-left: 8px;
}
.floatleft {
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/* DEFINITIONS NEEDED ONLY WHEN ID OR CLASS IS USED IN YOUR SITE */
#search {
	float: right;
	width: 240px;
	text-align: right;
	padding: 0px 0px 10px 0px;
	margin: 0 1px;

}
input.search-button {
   border: 1px #000;
   height: 24px;
   width: 25px;
   margin-left: 5px;
   padding: 2px;
   cursor: pointer;
   background: #555;
   color: #fff;
}
#breadcrumbs {
	padding: 1em 0em 1em 1em;
	font-size: 90%;
	margin: 0px;
}
#breadcrumbs span.lastitem {
	font-weight: bold;
}
#relational-links {
}
/* --------------- M E N U - start ----------------------- */
#menu_hor {
  margin: 0 auto;
  padding: 0;
  font: 13px Arial, sans-serif;
}
.clearb {
  clear: both;
}
#menu_hor #menuwrapper {
  background:#003265;
/* url(https://www.ssk-vitkovice.cz/uploads/images/v6/bg_menu.jpg) repeat-x; */
  height: 50px;   
  width: auto;
  margin: 0;
  padding: 0 0 0 20px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
#menu_hor ul#primary-nav, #menu_hor ul#primary-nav ul {
  list-style-type: none;
  margin: 0;
  padding-left: 10px;
}
#menu_hor ul#primary-nav {
  padding-top: 0px;
/*	padding-left: 10px; */
}
#menu_hor ul#primary-nav ul {
  position: absolute;
  top: auto;
  display: none;
  background:#fff;
}
#menu_hor ul#primary-nav ul ul {
  margin-top: 1px;
/*	margin-left: 0px; */
  left: 100%;
  top: 0px;
}
#menu_hor ul#primary-nav li {
  float: left;
  margin: 10px 0 0 0;
  padding: 0px;
}
#menu_hor #primary-nav li li {
  width: 280px;
  margin-left: 0px;
  margin-top: -1px;
  float: none;
  position: relative;
  background:#aaa;
}

/* menu 1 uroven - lista */

.sectionheader {
/*     padding-left:15px; */
}
#menu_hor ul#primary-nav li a {
  color: #fff;
  padding: 7px 11px;
  margin-left: -1px;
  display: block;
  text-decoration: none;
  border-right: 1px solid #005ea6;
  border-left: 1px solid #005ea6;
}
#menu_hor ul#primary-nav li a:hover {
	background:#005ea6;
        color: #fff;
}
#menu_hor ul#primary-nav li li a:hover {
  background:#005ea6;
/*	background:#f90; */
        color: #004b99;
}

/* aktivní odkaz */
#menu_hor ul#primary-nav li a.menuactive {
	background:#004b99;
        color: #fff;
}
#menu_hor ul#primary-nav li a.menuactive:hover {
        color: #ccc;
}
#menu_hor #primary-nav li li a.menuparent span {
	display: block;
}

/* menu 2 uroven */
#menu_hor ul#primary-nav li ul a {
  text-align: left;
  margin: 0px;
  position: relative;
  padding: 10px 3px 10px 20px;
  font-weight: normal;
  background:#005ea6;
  color: #fff;
}
#menu_hor ul#primary-nav li ul a:hover {
	background:#004b99;
        color: #fff;

}
#menu_hor ul#primary-nav li ul {
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: auto;
	height: auto;
	display: none;
	position: absolute;
	z-index: 999;
}
#menu_hor ul#primary-nav li ul ul {
}
#menu_hor #primary-nav li:hover,
#menu_hor #primary-nav li.menuh,
#menu_hor #primary-nav li.menuparenth,
#menu_hor #primary-nav li.menuactiveh {
	background-color:#004b99;
	color: #fff;
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited, for fourth level add */
#menu_hor #primary-nav li:hover ul ul ul,
#menu_hor #primary-nav li.menuparenth ul ul ul,

#menu_hor #primary-nav ul,
#menu_hor #primary-nav li:hover ul,
#menu_hor #primary-nav li:hover ul ul,
#menu_hor #primary-nav li.menuparenth ul,
#menu_hor #primary-nav li.menuparenth ul ul {
	display: none;
}
/* for fourth level add */
#menu_hor #primary-nav ul ul ul li:hover ul,
#menu_hor #primary-nav ul ul ul li.menuparenth ul,

#menu_hor #primary-nav li:hover ul,
#menu_hor #primary-nav ul li:hover ul,
#menu_hor #primary-nav ul ul li:hover ul,
#menu_hor #primary-nav li.menuparenth ul,
#menu_hor #primary-nav ul li.menuparenth ul,
#menu_hor #primary-nav ul ul li.menuparenth ul {
	display: block;
}
/* ---------------------- M E N U - end ------------------------------- */

span.accesskey {
	text-decoration: none;
}

.accessibility {
	position: absolute;
	top: -999em;
	left: -999em;
}

dfn {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0;
	height: 0;
	overflow: hidden;
	display: inline;
}

a.external span {
	position: absolute;
	left: -5000px;
	width: 4000px;
}
a.external {

	padding: 0 12px 0 0;
}
/* colors for external links */
a.external:link {
	color: #18507C;
	background: url(https://www.ssk-vitkovice.cz/uploads/HolyGrail/external.gif) no-repeat 100% -100px;
}
a.external:visited {
	color: #18507C;
	background: url(https://www.ssk-vitkovice.cz/uploads/HolyGrail/external.gif) no-repeat 100% -100px;
}
a.external:hover {
	color: #18507C;
	background: url(https://www.ssk-vitkovice.cz/uploads/HolyGrail/external.gif) no-repeat 100% 0;
	background-color: inherit;
}
/* end wiki style external links */
/* clearing */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear {
	height: 0;
	clear: both;
	width: 90%;
	visibility: hidden;
}
#main .clear {
	height: 0;
	clear: right;
	width: 90%;
	visibility: hidden;
}
* html>body .clearfix {
	display: inline-block;
	width: 100%;
}
* html .clear {
/* Hides from IE-mac \*/
	height: 1%;
	clear: right;
	width: 90%;
/* End hide from IE-mac */
}
/* end clearing */

.content td {
    align: center;
    valign: top;
}

.content td p {
   padding:5px 0 0 0;
   margin: 0;
}
/*
#newsmore {
width: 70px;
height: 20px;
display: block;
background: url(https://www.ssk-vitkovice.cz/uploads/images/v6/more.gif) no-repeat ;
}
*/

.NewsSummaryContent p, .NewsSummaryContent {
  padding: 5px;
  text-align: justify;
}
.NewsSum {
  max-height: 150px;
  overflow: hidden;
/*  margin-top: 15px; */
}
.NewsSum img, .NewsDet img {
  margin: 0px 15px 5px 0px !important;
  min-width: 240px;
  max-width: 240px;
  height: auto;
}
.NewsSum p {
  padding: 0;
  margin: 10px 0;
}

.content table tr:nth-child(2n+1) {
    background: #f3f3f3;
}
/* Stylesheet: css_v6 Modified On 2025-09-25 18:20:55 */
