/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -


* Filename: index.css
* Version: 1.0.0 (2008-12-15)
* Website: testovacia vec
* Author: Martin Koleják, Mystic 7 design studio, K-sten Námestovo, www.k-sten.sk, www.mystic7.sk
* Description: Css mystic 7 test page

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* -------------------------------- vseobecne nastavenia */
body {
  background: #000;
  font-family: sans-serif;
	font-size: 1em;
	color: #000;
	text-align: justify;
}

.clearfix:after {
	content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

*{
  margin: 0;
  padding: 0;
}
a img { border: none; }
a { outline: 0 none; }
.left { float:left; }
.right { float: right; }
.clear { clear: both; }
.center { text-align: center; }


/* -------------------------------- nastavenia INDEX div */

#container_main {
  width: 1000px;
  height:774px;
  margin: 0 auto;
  background: url(../images/everyelse_enter.jpg) no-repeat center top;
  position: relative;
}

.top { height: 181px; width:1000px; }

#vstup { width:443px; height:327px; float:left; display:block; position: absolute;}
#vstup:hover { background: url(../images/enter_o.jpg) no-repeat center top; }

.container_pravy { width:557px; height:327px; }
.containter_stred { width:1000px; height:189px; }

#mystic7 { width:1000px; height:76px; display:block; position: absolute; }
#mystic7:hover { background: url(../images/mystic7.jpg) no-repeat center top; }

.container_browsers {
  width:1000px;
  height:28px;
  margin: 0 auto;
  vertical-align:top;
  text-align:left;
  background: url(../images/browser_stop.jpg) no-repeat left top;
}
.brows { width:830px; height:28px; margin: 0 auto; display:block; }
.prehliadace { width:117px; height:28px; margin: 0 auto; display:block; }

#bsafari { width:22px; height:28px; display:block; float:left; }	
#bsafari:hover { background: url(../images/browsersa.jpg) no-repeat top; background-position:left top; }

#bfirefox { width:24px; height:28px; display:block; float:left;}
#bfirefox:hover { background: url(../images/browsersa.jpg) no-repeat top; background-position:-22px; top;}

#bopera { width:22px; height:28px; display:block; float:left;}
#bopera:hover { background: url(../images/browsersa.jpg) no-repeat top;  background-position:-46px; top;}

#bchrome { width:22px; height:28px; display:block; float:left;}
#bchrome:hover { background: url(../images/browsersa.jpg) no-repeat top; background-position:-68px; top; }

#bie { width:26px; height:28px; display:block; float:left;}
#bie:hover { background: url(../images/browsersa.jpg) no-repeat top; background-position:-90px; top; }