/* tagy */
* {margin: 0; padding: 0;}
body { background-attachment: fixed;font: 13px "Trebuchet MS",Arial, Helvetica, sans-serif; color: #7F7772; width: 100%; min-width: 1280px; margin: 0 auto;
background-color: #0097be; /* Fallback */
  background-image: -webkit-gradient(linear, top, bottom, from(#0097be), to(#fff)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(-90deg, #0097be, #fff); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image:    -moz-linear-gradient(-90deg, #0097be, #fff); /* FF3.6+ */
  background-image:      -o-linear-gradient(-90deg, #0097be, #fff); /* Opera 11.10+ */
  background-image:         linear-gradient(-90deg, #0097be, #fff); /* W3C */}

a {color: #fff;}
a:hover {text-decoration: none; color: #FFFFFF;}

blockquote, pre, .pre { overflow: none; text-overflow: ellipsis; width: 550px ; padding: 10px; line-height: 140%;}
p, pre, blockquote, table {margin: 5px 0 15px 0;}
p, pre, blockquote, table td, ul li, ol li {line-height: 170%;}
ul, ol {margin: 5px 0 15px 25px;}
h2, h3, h4 {margin: 15px 0 5px 0; color: #000; font-weight: large;}
h1 {font-size: 26px; margin: 0 0 10px 0; color: #000; font-weight: normal; text-decoration: underline; text-align: center; display: none;}
h2 {font-size: 19px;}
h3 {font-size: 15px;}
h4 {font-size: 13px;}


input, textarea, select {background-color: #0097be; color: #ffffff; border: 0px solid #333333; border-radius: 5px;}

/* Header */
#wrapper {background: ;}
#header {width: 800px;
          height: 193px;
          background: ;
          margin: 0 auto;
          }
#text {widht: 800px; height: 18px; background: white; display: block; opacity: 0.5; margin-top: 0px; color: black; text-decoration: none; border-top-left-radius: 5px; border-top-right-radius: 5px;}
#logo { width: 800px;
        height: 193px;
        background:  url("http://skslovan98.6f.sk/upload/stranka/logo.png") no-repeat;
        float: left;
        margin-top: 0px;}
#logo p {margin: 0 0 0 -80px; padding: 55px 0 0 0; line-height: normal; letter-spacing: -1px; font-size: 1.2em; font-weight: bold;}
#logo a {text-decoration: none; color: #AAFF00; font-weight: bold;}
#news { width: 200px;
        height: 35px;
        overflow: hidden;
        background: white;
        opacity: 0.3;
        -webkit-transition: opacity,height,margin,border;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 300ms;
        -moz-transition: opacity,height,margin,border;
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 300ms;
        transition: opacity,height,margin,border;
	transition-timing-function: ease-out;
	transition-duration: 300ms;
        float: right;
        margin-top: 158px;
        border-top-left-radius: 0px;
        border-top-right-radius: 15px;
        color: #000;  }
#news:hover { opacity: 0.9;
              height: 145px;
              margin-top: 48px;
              border-top-left-radius: 15px;
              -webkit-transition: opacity,height,margin,border;
	      -webkit-transition-timing-function: ease-out;
	     -webkit-transition-duration: 300ms;
             -moz-transition: opacity,height,margin,border;
	     -moz-transition-timing-function: ease-out;
	     -moz-transition-duration: 300ms;
             transition: opacity,height,margin,border;
	     transition-timing-function: ease-out;
	     transition-duration: 300ms; }
#news h2 { margin: 0; background: none; color: #000; height: 35px; padding-top: 5px; text-align: center; }
#news:hover h2 { height: 25px; padding-top: 0px; border-bottom: 1px solid #000;}
#link { width: 182px;
         height: 30px;
         background: ;
         margin: 0 0px -48px auto;
         padding: 9px;
         display: none;}
#links { width: 182px;
         height: 32px;
         background: ;
         
         }
#links a { width: 32px;
           height: 32px;
           background: ;
           opacity: 0.3;
           -webkit-transition: opacity;
	   -webkit-transition-timing-function: ease-out;
	   -webkit-transition-duration: 500ms;
           -moz-transition: opacity;
	   -moz-transition-timing-function: ease-out;
	   -moz-transition-duration: 500ms;
           transition: opacity;
	   transition-timing-function: ease-out;
	   transition-duration: 500ms;
           display: ;
           float: left;
           margin: 0 0 0 11px;
           }
#links a:hover { opacity: 0.9;
        -webkit-transition: opacity;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 500ms;
        -moz-transition: opacity;
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 500ms;
        transition: opacity;
	transition-timing-function: ease-out;
	transition-duration: 500ms;}        
#menu { width: 587px;
        height: 35px;
        border-top-left-radius: 15px;
        float: left;
        overflow: hidden;
        margin: 158px auto 0 13px;
        background: rgba(100%, 100%, 100%, .3);
        -webkit-transition: background;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 200ms;
        -moz-transition: background;
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 200ms;
        transition: background;
	transition-timing-function: ease-out;
	transition-duration: 200ms; }
#menu:hover { background: rgba(100%, 100%, 100%, .8);
              -webkit-transition: background;
	      -webkit-transition-timing-function: ease-out;
	      -webkit-transition-duration: 200ms;
              -moz-transition: background;
	      -moz-transition-timing-function: ease-out;
	      -moz-transition-duration: 200ms;
              transition: background;
	      transition-timing-function: ease-out;
	      transition-duration: 200ms;}

/* RSS */
#rss {padding: 30px 39px 20px 0; text-align: right;}
#rss a {padding: 0 0 3px 24px; background: transparent url("../images/icons/rss.gif") no-repeat scroll left center; text-decoration: none; font-weight: bold;}
#rss a:hover {text-decoration: underline;}

/* Search */
#search {float: right; width: 200px; height: 28px; background: #FFFFFF url("../images/img02.gif") no-repeat;}
#search #x {display: none;}
#search #s {padding: 6px 5px 5px 35px; width: 160px; height: auto; background: none; border: none; font: normal 1em Arial, Helvetica, sans-serif; color: #ffffff;}
#search br {display: none;}

/* Menu */


#menu ul {margin: 0 7px 0 7px; padding: 0; list-style: none; font-weight: bold;}
#menu li {display: block; float: left; width: 89.5px; height: 25px; background: #003987; margin: 11px 3px 0 3px; border-top-left-radius: 15px; -webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;}
#menu li:hover {margin-top: 5px; background: #0097be; text-decoration: none; height: 30px; -webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;}
#menu li.act {margin-top: 5px; background: #0097be; text-decoration: none; height: 30px;}
#menu li a {margin-top: 0px;padding: 3px 0;display: block; width: 88px; height: 25px; float: left; background: url("") no-repeat right 100%; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; text-align: center;}
#menu li a:hover {color: ;}
#menu li:hover ul {display: block; background: ; width: 120px; height: 52px; margin: 28px 0 ; padding-top: 3px; z-index: 100000; position: absolute; overflow: hidden; -webkit-transition: height; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 200ms; -moz-transition: height; -moz-transition-timing-function: ease-out; -moz-transition-duration: 200ms; transition: height; transition-timing-function: ease-out; transition-duration: 200ms; }
#menu li ul li {display: none; background: ; position: relative; width: 120px; height: 0px; border-radius: 3px; overflow: hidden; margin: 25px 0; }
#menu li:hover ul li {display: block; background: #003987; z-index: 10000; width: 120px; height: 25px;margin: 0; border-top: 1px solid #fff;}
#menu li:hover ul li:hover { background: ;}
#menu li:hover ul li a {  width: 120px; background: #003987; text-align: left; padding-left: 2px;  -webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;}
#menu li:hover ul li a:hover { width: 120px; background: #0097be; text-align: left; padding-left: 5px; -webkit-transition: background, padding ; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 200ms;  -moz-transition: background, padding ; -moz-transition-timing-function: ease-out; -moz-transition-duration: 200ms; transition: background, padding ; transition-timing-function: ease-out; transition-duration: 200ms; }

/* Page */
#page {width: 800px; 
           min-height: 1000px;
           heigth: auto;
           position: ;
           overflow: hidden;
           overflow:  ;
           color: #000;
           border-top: 1px solid #000;
           border-top-left-radius: 15px;
           border-bottom-left-radius: 15px;
           border-bottom-right-radius: 15px;
           margin: 0px auto 100px auto;
           background: #fff;  
            -webkit-box-shadow: 0px 5px 5px 5px rgba(0, 0, 0, .5); /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
            -moz-box-shadow: 0px 5px 5px 5px rgba(0, 0, 0, .5); /* FF3.5 - 3.6 */
            box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, .5); /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */}

#zapas1 { background: #fff url("http://www.skslovan98.6f.sk/upload/zapasy/sedlaci.png") no-repeat; 
         width: 70px; 
         height: 130px; 
         position: absolute; 
         display: block;
         margin-top: 30px;
         margin-bottom: 0px; 
         margin-left: -70px; 
         z-index: 0; 
         text-align: center; 
         opacity: 0.3;
         border-top-left-radius: 15px;
         border-bottom-left-radius: 15px;
         -webkit-transition: width,margin,opacity;
		     -webkit-transition-timing-function: ease-out;
	       -webkit-transition-duration: 200ms;
                -moz-transition: width,margin,opacity;
		           -moz-transition-timing-function: ease-out;
	             -moz-transition-duration: 200ms; }
#zapas1:hover { background: ;
               width: 150px;
               margin-left: -150px;
               opacity: 0.9;
               -webkit-transition: width,margin,opacity;
		           -webkit-transition-timing-function: ease-out;
	             -webkit-transition-duration: 200ms;
                -moz-transition: width,margin,opacity;
		           -moz-transition-timing-function: ease-out;
	             -moz-transition-duration: 200ms;}
#zapas1 h2 { text-align: left; font-size: 20px; margin: 0 auto 0 10px; border-right: 0px #000 solid;}
#zapas1:hover h2 {display: none; text-align: left; font-size: 20px; margin: 0 auto 0 10px; border-right: 1px #000 solid; width: 20px;}

#zapas2 { background: #fff url("http://www.skslovan98.6f.sk/upload/zapasy/dunajska.png") no-repeat; 
         width: 70px; 
         height: 130px; 
         position: absolute; 
         display: block;
         margin-top: 170px;
         margin-bottom: 0px; 
         margin-left: -70px; 
         z-index: 0; 
         text-align: center; 
         opacity: 0.3;
         color: #fff;
         border-top-left-radius: 15px;
         border-bottom-left-radius: 15px;
         -webkit-transition: width,margin,opacity;
		     -webkit-transition-timing-function: ease-out;
	       -webkit-transition-duration: 200ms;
                -moz-transition: width,margin,opacity;
		           -moz-transition-timing-function: ease-out;
	             -moz-transition-duration: 200ms; }
#zapas2:hover { background: ;
               width: 150px;
               margin-left: -150px;
               opacity: 0.9;
               -webkit-transition: width,margin,opacity;
		           -webkit-transition-timing-function: ease-out;
	             -webkit-transition-duration: 200ms;
                -moz-transition: width,margin,opacity;
		           -moz-transition-timing-function: ease-out;
	             -moz-transition-duration: 200ms;}
#zapas2 h2 { color: #fff;text-align: left; font-size: 20px; margin: 0 auto 0 10px; border-right: 0px #000 solid;}
#zapas2:hover h2 {display: none; text-align: left; font-size: 20px; margin: 0 auto 0 10px; border-right: 1px #000 solid; width: 20px;}

/* Content */
#content { width: 598px;
        height: auto;
        min-height: 720px;
        overflow: hidden;
        float: left;
        border-radius: 0px;
        background: #fff url("http://www.skslovan98.6f.sk/upload/stranka/logocontent.png") center no-repeat; }
        
#content-pad {margin-bottom: 50px; padding: 10px; color: #000;}
#content-pad a {color: #333;}
#content-pad h1 {display: none;}
#content-pad img { }
#rozdelovac { min-height: 1000px;
              width: 1px; background : ;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(50%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 50%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 50%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 50%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 50%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
              float: left;
              margin: 0;}



/* Galeria */
.gall {text-align: center; }
.gall td {text-align: center; border: 2px #fff solid; border-radius: 5px; width: 160px; height: 130px; background: rgba(0,151,190, .3);}
.gall td:hover { background: rgba(0,151,190, .6); } 
.gall img { width: 143px; height: 110px; margin: 0px auto; }
.gall div { margin: 0px auto 10px auto; }
.gallery {margin: 5px auto;}



/* Sidebar */
#sidebar {width: 200px;
           
           float: right; 
           min-height: 720px;
           height: 100%;
           background: ;
           border-radius: 0px;
           color: #000;
}
#tabulka { width: 200px; height: 350px; background: ; position: ; overflow: hidden; margin: -15px 0 -15px 0; overflow: hidden;}
#sidebar ul {margin: 0; padding: 0; list-style: none;}
#sidebar li {margin-bottom: 20px; color: #000;}
#sidebar a {color: #000;}
#sidebar li ul {padding: 15px 20px; line-height: 200%;}
#sidebar li li {margin: 0; padding-left: 15px; background: url("../images/img07.gif") no-repeat 0 11px;}
#sidebar h2 { text-align: center;
     margin: 10px auto 5px auto;
     width: 200px;
     height: 26px;
     color: #fff;
     background: -moz-linear-gradient(left,  rgba(0,151,190,0) 0%, rgba(0,151,190,1) 50%, rgba(0,151,190,0) 100%); /* FF3.6+ */
     background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,151,190,0)), color-stop(50%,rgba(0,151,190,1)), color-stop(100%,rgba(0,151,190,0))); /* Chrome,Safari4+ */
     background: -webkit-linear-gradient(left,  rgba(0,151,190,0) 0%,rgba(0,151,190,1) 50%,rgba(0,151,190,0) 100%); /* Chrome10+,Safari5.1+ */
     background: -o-linear-gradient(left,  rgba(0,151,190,0) 0%,rgba(0,151,190,1) 50%,rgba(0,151,190,0) 100%); /* Opera 11.10+ */
     background: -ms-linear-gradient(left,  rgba(0,151,190,0) 0%,rgba(0,151,190,1) 50%,rgba(0,151,190,0) 100%); /* IE10+ */
     background: linear-gradient(to right,  rgba(0,151,190,0) 0%,rgba(0,151,190,1) 50%,rgba(0,151,190,0) 100%); /* W3C */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000097be', endColorstr='#000097be',GradientType=1 ); /* IE6-9 */ 
     




/* Tabulka2 loga klubov */
.astrencin                { background: url("http://skslovan98.6f.sk/upload/kluby/astrencin.png") no-repeat; }
.fcdac1904dunajskastreda  { background: url("http://skslovan98.6f.sk/upload/kluby/fcdac1904dunajskastreda.png") no-repeat; }
.fcnitra                  { background: url("http://skslovan98.6f.sk/upload/kluby/fcnitra.png") no-repeat; }
.fcpetrzalka1898          { background: url("http://skslovan98.6f.sk/upload/kluby/fcpetrzalka1898.png") no-repeat; }
.fcspartaktrnava          { background: url("http://skslovan98.6f.sk/upload/kluby/fcspartaktrnava.png") no-repeat; }
.fkinterbratislava        { background: url("http://skslovan98.6f.sk/upload/kluby/fkinterbratislava.png") no-repeat; }
.fkmkarlovaves            { background: url("http://skslovan98.6f.sk/upload/kluby/fkmkarlovaves.png") no-repeat; }
.fkpuchov                 { background: url("http://skslovan98.6f.sk/upload/kluby/fkpuchov.png") no-repeat; }
.fksenica                 { background: url("http://skslovan98.6f.sk/upload/kluby/fksenica.png") no-repeat; }
.fkslovanduslosala        { background: url("http://skslovan98.6f.sk/upload/kluby/fkslovanduslosala.png") no-repeat; }
.fkslovanlevice           { background: url("http://skslovan98.6f.sk/upload/kluby/fkslovanlevice.png") no-repeat; }
.mfkdubnicanadvahom       { background: url("http://skslovan98.6f.sk/upload/kluby/mfkdubnicanadvahom.png") no-repeat;}
.mfktopvartopolcany       { background: url("http://skslovan98.6f.sk/upload/kluby/mfktopvartopolcany.png") no-repeat; }
.sksfmsenec               { background: url("http://skslovan98.6f.sk/upload/kluby/sksfmsenec.png") no-repeat; }
.skslovanbratislava       { background: url("http://skslovan98.6f.sk/upload/kluby/skslovanbratislava.png") no-repeat; }
.tjspartakmyjava          { background: url("http://skslovan98.6f.sk/upload/kluby/tjspartakmyjava.png") no-repeat; }

/* Footer */
#footer {clear: both; width: 950px; margin: 0 auto; padding: 30px 0; background: url("") no-repeat; text-align: center;}
#footer p {margin: 0; margin: 0 0 3px 0;text-align: center; line-height: small; font-size: .9em; text-decoration: none;}
#footer a {text-decoration: none;}

/* Ostatne */
#line {background: ; width: 100%; height: 15px; position: fixed; display: block;}
span .dres { width: 38px; height: 29px; display: block; float: left; background: url("http://www.skslovan98.6f.sk/upload/stranka/dres.png") no-repeat; color: black; margin: 0px 2px 0; text-align: center; padding: -5px 0 0 0;}
#trava { width: 800px; 
         height: 100px;
         display: none; 
         background: url("file:///C:/Users/Exo/Desktop/trava.png") no-repeat; 
         margin: -199px auto 100px auto;
         border-bottom-left-radius: 15px;
         border-bottom-right-radius: 15px;}

.kalendar {width: 500px; height: 200px; background: none; color: #000;}

.nadpis {background: #003987; color: #fff; width: 150px; border-top-left-radius: 3px; border-top-right-radius: 3px; margin: 0px 0 -10px 0; border-bottom: 1px #fff solid;}
#bublina1 {text-align: center; }