/*css http://www.midasweb.eu */
*{margin:0;padding:0;}
body {background:#04131E url(../img/top.jpg) top repeat-x ; color:#7DA4C5; font-size:80%;margin:0 auto; width:100%; height:100%; letter-spacing:1.0px; text-align:center;font-family: Tahoma,georgia,"trebuchet ms",verdana,arial,lucida,sans-serif !important;line-height:1.4;}
img {border:0;}
ul li {list-style-type:none;}
#top {background:url(../img/bg.jpg) top left no-repeat; position:absolute; left:0px; z-index:0;  width:100%; height:605px;}

#top-napis a	{background: url(../img/reflex-nutrition.png) top no-repeat; position: absolute; top: 10px; left: 20px; z-index:1001; display: block; width: 523px; height: 34px;}
#top-napis a:hover	{background: url(../img/reflex-nutrition.png) bottom no-repeat; position: absolute; top: 10px; left: 20px; z-index:1001; display: block; width: 523px; height: 34px;}

a {color:#FB6510; font-weight:bold}
a:hover {color:#fff}

/*head*/
#head { width:960px; height:605px; margin:0 auto; text-align:center; position:relative; }
#head-in  {background:url("../img/logo.png") no-repeat; width:300px; height:350px; display:block; z-index:1000; position:relative; float:left}
#logoclick {position:relative; top:65px; left:0px; z-index:5; display:inline; width:300px; height:300px; float:left; clear:both; z-index:10}
#ramecek {position:absolute; top:0; right:0; z-index:10}

/*text-pod-logem*/
#text {float:left; height:255px; width:270px; color:#fff; position:absolute; left:0; top:350px; padding:10px 15px; letter-spacing:0px; overflow:hidden }
#text h2 {font-size:14px; text-align:center; color:#FB6510}
#text p {text-align:justify; font-size:85%; color:#7DA4C5; margin:10px auto 0; }
#text span {border-bottom:#7DA4C5 1px dotted; height:1px; line-height:1px; width:100%; display:block; margin-top:10px}
#text strong {text-align:center!important; color:#7DA4C5; line-height:20px}

/*slide*/
#slider1{width:610px;height:453px;position:absolute; top:70px; right:0px;overflow:hidden;}
#slider1content{width:595px;position:absolute;top:0; right:0px;margin-left:0;}
.slider1Image{float:left;    position:relative;display:none;}
.slider1Image span{position:absolute;font:10px/15px Arial,Helvetica,sans-serif; padding:30px 13px 0; width:595px; background-color:#001E40; filter:alpha(opacity=70);    -moz-opacity:0.7;-khtml-opacity:0.7;    opacity:0.7;    color:#fff;    display:none;}
.pt {margin:10px 0;}
.clear{clear:both;}
.slider1Image span strong{font-size:14px;}
.left{top:0;    left:0;width:110px !important;height:433px; }
.right{right:0;bottom:0;width:120px !important;height:433px;}

/*obsahova-cast*/
#main {width:960px; text-align:center; margin:0 auto ; padding-bottom:30px; min-height:80px}
#main-in {text-align:left}
#main h1 {color:#8DB3D3; font-family:"Times New Roman"; font-weight:normal;  font-size:230%; text-align:center }
#main h1 span {color:#194A6F!important}
#main h1 b { font-size:65%!important; font-weight:normal}
#main h2 {color:#FB6510; font-size:160%; font-family:"Arial"; text-align:left}
#main h3 {color:#84B3D7; font-size:150%}
#main strong {color:#194A6F}

/*kontakt*/
#kontakt {float:left; width:400px}
#kontakt strong {color:#FB6510}
#kontakt ul{margin:10px 0}
#kontakt li{margin-left:25px; list-style-type: square}
#kontakt-img img{float:left; margin:0 6px 10px 0}
#kontakt-img a img {border:#1D527D 3px double}
#kontakt-img a:hover img {border:#fff 3px solid}
/*menu*/
#menu {width:100%; background:#092133; border-top:#062843 1px solid; border-bottom:#010D19 1px solid}
#menu-in {width:960px; text-align:center; height:70px; margin:0px auto; padding-top:5px}
#menu li {display:inline;}
#menu li a { float:left; height:64px; width:240px; display:block;}

.uvod a{background:url(../img/uvod.gif) bottom center no-repeat}
.uvod a:hover, #aktiv-uvod {background:url(../img/uvod.gif) top center no-repeat}

.reflex a{background:url(../img/reflex.gif) bottom center no-repeat}
.reflex a:hover, #aktiv-reflex {background:url(../img/reflex.gif) top center no-repeat}

.akce a{background:url(../img/akce.gif) bottom center no-repeat}
.akce a:hover, #aktiv-akce {background:url(../img/akce.gif) top center no-repeat}

.kontakt a{background:url(../img/kontakt.gif) bottom center no-repeat}
.kontakt a:hover, #aktiv-kontakt {background:url(../img/kontakt.gif) top center no-repeat}

#aktiv-uvod, #aktiv-reflex, #aktiv-akce, #aktiv-kontakt { float:left; height:64px; width:240px; display:block;}

/*ruzne*/
#bg-akce {background:url(../img/bg-akce.jpg) top center no-repeat}
.linka {border-bottom:#183A5C 1px dotted; height:1px; line-height:1px; width:100%; display:block; margin:20px auto; clear:both}
.cena {font-size:110%; color:#FB6510; font-weight:bold; margin-top:15px}
.puvodni {color:#185E94}

/*obrazky-v-akci*/
.frame-tn-obal{ width:250px;height:190px; float:right; margin:0 0 10px 15px;}
.frame-tn{width:250px;height:190px;position:relative; left:0; top:0; z-index:10 }
.frame-tn-img {position:absolute; z-index:0; padding-top:6px; padding-left:25px}


/*paticka*/
#foot {background:#1D527D url(../img/foot.gif) top center repeat-x; width:100%; height:75px;  float:left; margin:0 auto;}
#foot-in {background: url(../img/foot-in.gif) no-repeat; color:#9CC3E7; font-size:85%;  width:980px;  height:75px;  margin:0 auto; position:relative; text-align:center; letter-spacing:0px}
#foot-in p {width:960px; position:relative;  top:15px; left:0px;  text-align:left; margin:0 auto; line-height:20px }
#foot-in a {color:#9CC3E7}
#foot-in a:hover {color:#fff}