/*CSS Reset*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
      margin: 0;
      padding: 0;
      border: 0;
      outline: 0;
      font-weight: inherit;
      font-style: inherit;
      font-size: 100%;
      font-family: inherit;
      vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
      outline: 0;
}
body {
      line-height: 1;
      color: black;
      background: white;
}
ol, ul {
      list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
      border-collapse: separate;
      border-spacing: 0;
}
caption, th, td {
      text-align: left;
      font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
      content: "";
}
blockquote, q {
      quotes: "" "";
} 

strong {font-weight:bold; color: #f1f1f1;}
h2 strong { color: #ff0000; }


/****************************************/

* {
padding: 0;
margin: 0;
}

body {height: 100%;
width:100%;
margin:0px;
padding:0px;
text-align:center;
background:#000 url("../img/background.jpg") center top no-repeat;
color:#fff;
font-size:1.0em;
line-height:1.1em;
text-align:center;
letter-spacing:0px;
font-family:"Trebuchet MS",Helvetica,Jamrul,sans-serif;}

#fb {width:40px;
  height:40px;
  position:absolute;
  right:0px;
  top:60px;
  z-index:3}

#fb a{display:block;
  width:100%;
  height:40px;
  text-decoration:none;
  background:transparent url("../img/fb.png") left top no-repeat;}

.cleaner {display:block;
clear:both;
height:1px;
line-height:0px;
margin:0px;
padding:0px}

.noback {background:none}

.pr {position:relative}

#video{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 300px;
  text-align:center;
  overflow: hidden;
  background:#000;
  z-index:1
}


#textura{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background:transparent url("../img/textura2.png") repeat-x center -88px;
  z-index:2
}

#curtain{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background:#000;
  z-index:998;
  filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}

#landing{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background:transparent url("../img/landing.png") center 72px no-repeat;
  z-index:999;
}

#landing2 {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index:999;
}

a.clous {
  position: absolute;
  width: 31px;
  height: 90px;
  text-decoration: none;
  background-image: url("../img/zavrit2.png");
  background-position: center top;
  background-repeat: no-repeat;
  margin: 0 0 0 894px;
}

a.clous:hover {
  background-image: url("../img/zavrit1.png");
}

#content {
width:978px;
margin:0px auto;                       
position: relative;
background:transparent none;
z-index:20;
}

#spravna_reseni{width:439px;
height:58px;
position:absolute;
right:0px;
top:170px;
background:transparent url("../img/spravna_reseni.png");
}

#spravna_reseni span{display:none}

#drobky {text-align:left;
height:22px;
line-height:22px;
padding:0px 36px 0px 56px;
font-size:0.8em;
color:#7c7c7c;
background: transparent url("../img/drobky_home.png") 36px center no-repeat
}

#drobky span {color:#ff0000}

#drobky a {text-decoration:none;
color:#ff0000}

#drobky a:hover {text-decoration:underline}

#content_inner {width:978px;
padding:477px 0px 0px 0px;
margin:0px;
position: relative;
background:transparent url("../img/dots_line.gif") 0px 499px repeat-x;
z-index:21}
 
h1{display:none}

#menu{
  position: absolute;
  z-index:990;
  width: 978px;
  height: 56px;
  top: 60px;
  left: 0px;
  background: transparent url("../img/menubg.png") center top no-repeat
}

#menu a.estetica_home {display:block;
width:160px;
height:56px;
position:absolute;
left:0px;
top:0px;
text-decoration:none}

#menu ul{list-style-type:none;
float:right;
margin:0px 0px 0px 0px;
padding:0px 24px 0px 0px;}

#menu ul li{display:block;
float:left;
height:56px;
position:relative;
margin:0px 0px 0px 11px;
}

#menu ul li a{display:block;
float:left;
height:56px;
padding:0px 0px 0px 24px;
line-height:56px;
text-decoration:none;
z-index:998;
color:#fff;
font-size:0.9em;
cursor:hand;
}          

#menu ul li a.shad span{display:block;
float:left;
height:56px;
line-height:56px;
text-shadow: 0.1em 0.1em #F8442E;
filter: Shadow(Color=#83130d,Strength=1)}

#menu ul li a.slash{background:transparent url("../img/menu_slash.png") left center no-repeat}

#menu ul li a:hover, #menu ul li a.akt {color:#000;
}


.podmenu{display:none;
  z-index:999;
  position:absolute;
  top: 49px;
  left: 0px;
  width: 237px; 
  height: auto;
}

#menu ul li .podmenu ul{
  list-style-type: none;
  margin:11px 0px 0px 0px;
  padding: 4px 0px;
  background:#f2f2f2;
  height: auto;
}

#menu ul li .podmenu ul li{  
  float: none;
  display:block;
  text-align: left;
  padding: 0px;
  margin: 0px;
  height: 30px;
  width:237px
}

#menu ul li .podmenu ul li a{
  display:block;
  height: 30px;
  font-size: 70%;
  display: block; 
  color: #474747;
  padding: 0px;
  margin: 0px 5%;
  line-height: 30px;
  border-bottom: 1px dotted #929292;
  width:90%;
}

#menu ul li .podmenu ul li a span{
display:inline;
}

#menu ul li .podmenu ul li a.rozbalovaci {
 background:transparent url("../img/sipcicka.gif") 200px center no-repeat;

}

#menu ul li .podmenu ul li a:hover, #menu ul li .podmenu ul li a.akt{
  color: #ff291b;
  position:relative;
}
#menu ul li .podmenu ul li a.rozbalovaci:hover {
 background: transparent url("../img/sipcicka_akt.gif") 200px center no-repeat;
}


.sipka{
  position: absolute;
  top: 0px;
  left: 31px;
  height: 11px;
  width: 21px;
  background: transparent url("../img/podmenusipka3.png") 0 0 no-repeat;
}

#menu ul li .podmenu ul li.bezramu a, #menu ul li .podmenu2 ul li.bezramu{
  border-style: none;
}

.podmenu2{
  z-index:999;
  display:none;
  position:absolute;
  left: 237px;
  top: -4px;
  overflow:hidden;
  width: 240px;
}

.sipka2{
  position: absolute;  
  left: 0px;
  top: 0px;
  height: 200px;
  width: 19px;
  background:transparent url("../img/podmenu2_sipka.png") 0 -8px no-repeat;
}

#menu ul li .podmenu2 ul{  
  list-style-type: none;
  padding: 4px 16px 4px 4px;
  margin: 0 0 0 12px;  
  background:#f2f2f2;
}

#menu ul li .podmenu2 ul li{
  border-bottom:1px dotted #929292;
  width:210px;
}

#menu ul li .podmenu2 ul li a{
border:none;
  color: #474747;                                                                     
}

#menu ul li .podmenu2 ul li a:hover{
  color: #ff291b;
}

#menu ul li .podmenu2ul li a:hover .menit{
  text-decoration: underline;
}

.horni{
  font-size: 70%;
  height: 22px;
  padding: 10px 46px 0px 46px;
  margin: 0 0 0 11px;
  position: absolute;
  top:0;
  right: -18px;
  color: #fff;
  background-image: url(../img/lista.png);
  background-position: center top;
  background-repeat: no-repeat;
  word-spacing: 3px;
}

.horni a{
  color: #fff;
  word-spacing: 0;
  text-decoration: none;
  
}

.horni a:hover, .horni a.akt{
  color: #ed220d;
  
}

.horni .lf{
  width: 11px;
  height: 22px;
  background: transparent url("../img/horni_left.png") 0 0 no-repeat;
  position: absolute;
  left: -11px;

}
.horni .rg{
  width: 11px;
  height: 22px;
  background: transparent url("../img/horni_right.png") 0 0 no-repeat;
  position: absolute;
  right: -11px;  
  top: 0px;
}

#boxiky {display:block;
position:absolute;
top:280px;
left:0px;
width:980px;
height:196px;
overflow:hidden;
background:transparent url("../img/boxiky.png") 0px 0px no-repeat
}

#slider1 {overflow:hidden}

.box{display:block;
width:330px;
float:left;
}

.spacer{width:16px;
float:left
}

.box h2{
height:43px;
margin:22px 30px 2px 40px;
text-align:left}

.box h2 a{
display:block;
color: #ff0000;
height:37px;
text-decoration:none}

.box p{
text-align:left;
font-size:0.8em;
height:74px;
overflow:hidden;
margin:0px 50px 0px 50px;
text-align:left}

.box h2 span{visibility:hidden}

.box h2.box_uni span{visibility:visible; color: #ff0000; font-size: 17pt; font-weight: bold; font-family: 'Trebuchet MS', sans-serif; display: block; padding: 14px 0 0 38px; }

.box h2.box_projekty{background:transparent url("../img/box_projekty.png") 0px 0px no-repeat;}
.box h2.box_uni{background:transparent url("../img/box_uni.png") 0px 0px no-repeat;}
.box h2.box_shopy{background:transparent url("../img/box_shopy.png") 0px 0px no-repeat;}
.box h2.box_marketing{background:transparent url("../img/box_marketing.png") 0px 0px no-repeat;}

#partneri {background:#4a4a4a url("../img/partneri_back.gif") 0px 0px repeat-x;
border-top:1px solid #292929;
z-index:3;
text-align:center;
position:relative}

#partneri_inner {
width:978px;
margin:0px auto;
padding:10px;
position:relative}

#partneri_inner .ucho{background:transparent url("../img/partneri_ucho.gif") 0px 0px no-repeat;
width:74px;
height:34px;
color:#fff;
font-size:0.9em;
line-height:24px;
position:absolute;
left:0px;
top:0px}

#grey {
background:#343333 url("../img/grey_top.gif") 0px 0px repeat-x;
text-align:center;
padding:30px 0px;
z-index:3;
margin: 14px 0 0 0;
position:relative}

#grey table{margin:0px auto;
border-collapse:separate}

#grey table tr td{padding:0px 54px}

#grey table tr.headline td h2{color:#ff0000;
font-weight:bold;
font-size:1.1em;
width:230px;
padding:0px 0px 16px 0px;
background:transparent url("../img/underline.gif") left bottom repeat-x}

#grey table tr td ul li{color:#f9f9f9;
padding:4px 0px;
width:230px;
font-size:0.9em;
background:transparent url("../img/underline.gif") left bottom repeat-x}

#grey table tr td ul li a{color:#f9f9f9;
text-decoration:none;
background: transparent url("../img/seznam_sipka.gif") no-repeat left center;
padding-left: 20px;
}

#grey table tr td ul li a:hover{color:#e62114;
text-decoration:none}

#footer {z-index:3;
position:relative;
padding:14px 0px;
background:#000 url("../img/footer_back.gif") left top repeat-x}

#footer_inner {
width:978px;
margin:0px auto;
padding:16px 0px;
color:#6e6e6e;
text-align:right;
font-size:0.8em}

#footer_inner a{color:#b51a10; text-decoration:none}

#footer_inner a:hover{text-decoration:underline}

#footer_partner {float:left}

#footer_inner #footer_partner a {color:#6e6e6e}

#obsah {margin:0px;
padding:0px 0px 0px 0px;
float:left;
width:688px;
text-align:left;}
      
.bigbox{width:688px;
margin:0px 0px 0px 0px;
padding:0px 0px 20px 0px;
background:transparent url("../img/box_big_back.png") left top no-repeat;
}

.bigboxin {
  padding-left: 20px;
  padding-top: 14px;
}

.prevnext{position:absolute;
right:0px;
top:0px;
color:#656262;
padding:20px 42px;
font-size:0.8em}

.prevnext a{color:#656262}
.prevnext a:hover{text-decoration:none}

.prevnext a.prev{padding-left:16px;
background:transparent url("../img/sipcicka_akt2_reverse.gif") left center no-repeat;}
.prevnext a.next{padding-right:16px;
background:transparent url("../img/sipcicka_akt2.gif") right center no-repeat;}

.bigbox h2, .smallbox h2{color:#ff0000;
font-size:1.1em;
padding:20px;
font-weight:bold;
}

.bigbox h2 span, .smallbox h2 span{color:#eb6b0c;
font-weight:bold}

.bigbox h4{
color:#ff0000;
font-size:1.0em;
padding:0px 20px 20px 20px;
}

.bigbox h3{
color:#d0cece;
font-size:0.8em;
padding:10px 20px 20px 20px;
}

.bigbox h3 span{color:#fff;
color:#ff0000;
font-size:1.2em;
font-weight:bold;
}

.bigbox p{color:#9b9b9b;
font-size:0.8em;
padding:0px 20px 20px 20px}

.bigbox p a{color:#f00}

.bigbox p a:hover{text-decoration:none}

.thumbs {padding:20px 20px 40px 20px}

.thumbs a{float:left;
margin:0px 12px 12px 0px}

.thumbs a img{border:none}

.bigbox p.noticka, .bigbox div.noticka p, .bigbox div.noticka {font-weight:bold;
color:#f1f1f1; 
margin-bottom: 14px; }

.bigbox div.noticka {
  background-image: url(../img/inspace.gif); 
  background-position: center bottom;
  background-repeat: repeat-x;
}

div.texty ul {
  margin: 14px 20px;
  padding: 14px 0;
  list-style-type: none;
  background-color: #343333;
}

div.texty ul li {
  line-height: 1.8em;
  color: #f1f1f1;
  font-size: 9pt;
  background-image: url(../img/li.gif);
  background-position: 14px 6px;
  background-repeat: no-repeat;
  padding: 0 0 0 30px;
  font-style: italic;
}

div.texty p {
  padding-top: 4px;
  padding-bottom: 4px;
}

div.texty table {
  width: 620px;
  margin: 14px 0 14px 20px;
}

div.texty table th {
  color: #ffffff;
  font-weight: bold;
  font-size: 11pt;
  padding: 5px 10px 5px 10px; 
  background-color: #cc170f;
  border-right: 3px solid #000000;
  border-bottom: 3px solid #000000;
}

div.texty table td {
  border-right: 3px solid #000000;
  border-bottom: 3px solid #000000;
  color: #aeadad;  
  padding: 5px 10px 5px 10px;
  font-size: 9pt;
  background-color: #1a1a1a;
}

.ulko2 a:hover {
  color: white;
}

.bigbox p.ilustr img{}

.divider_left {float:left;
width:315px;
margin:0px;
color: #aeadad;
padding:0px}

.divider_left2 {float:left;
width:154px;
color: #aeadad;
margin:0px;
padding:0px}

p.vsekci {
  position: absolute;
  margin: -36px 0 0 380px;
  color: white;
  background-image: url(../img/prejit.gif);
  background-position: right 0;
  background-repeat: no-repeat;
}

.divider_left p, .divider_left2 p, .divider_left3 p {
  font-size: 9pt;
}

.divider_left h3, .divider_left2 h3, .divider_left3 h3 {
  color: #ff0000;
  font-size: 11pt;
}

.divider_left h3 strong, .divider_left2 h3 strong, .divider_left3 h3 strong {
  color: #f1f1f1;
  font-weight: bold;
}

.divider_left strong, .divider_left2 strong, .divider_left3 strong {
  color: #f1f1f1;
  font-weight: bold;
}

p.vsekci a {
  color: white;
  text-decoration: none;
}

.divider_left3 {float:left;
width:166px;
margin:0px;
color: #aeadad;
padding:0px}

.divider_right {float:right;
width:360px;
margin:0px;
padding:0px}

ul.ulko {list-style-image:url("../img/sipcicka_akt2.gif");
margin:0px 20px 26px 30px;
padding:0px 0px 0px 20px;
color:#c6c6c6;
font-size:0.75em}

ul.ulko2 {list-style-image:url("../img/sipcicka_akt2.gif");
margin:0px 20px 0px 30px;
padding:0px 0px 0px 20px;
color:#c6c6c6;
}

ul.ulko2 li {
  font-size:13px;
  line-height: 1.6em;
}


ul.ulko li a, ul.ulko2 li a{color:#656262;}
ul.ulko li a:hover, ul.ulko2 li a:hover{text-decoration:none}

.bigbox .divider_right p {color:#c6c6c6;
font-size:0.75em;
padding:0px 20px 26px 30px}

.bigbox .divider_right p.p2 {color:#c6c6c6;
font-size:0.75em;
padding:0px 20px 26px 20px}

table.lide {border-collapse:collapse;
margin:0px 20px;
padding:0px;
width:600px}

table.lide tr td{vertical-align:top;
padding:10px 20px;
}

table.lide tr td.underdots{
background:transparent url("../img/dots_line.gif") 0px bottom repeat-x}

table.lide tr td.info {color:#9b9b9b;
width:400px;
font-size:0.9em;
}

table.lide tr td.info strong{color:#fff;
}

table.lide tr td.info a{color:#f00;
}

table.lide tr td.info a:hover{text-decoration:none;
}

a.otevrit {display:block;
margin:10px 0px 0px 0px;
float:right;
width:146px;
height:19px;
line-height:19px;
color:#fff;
font-size:0.75em;
text-decoration:none;
text-align:left;
overflow:hidden;
background:transparent url("../img/prejit.gif") left top no-repeat;
}

a.otevrit span {display:block;
height:19px;
line-height:19px;
text-align:left;
padding:0px 16px;}

.bigbox a.more, a.more {display:block;
float:right;
padding:0px 20px 0px 0px;
width:66px;
height:19px;
line-height:19px;
margin:0px;
text-align:center;
color:#fff;
text-decoration:none;
font-size:12px;
background:transparent url("../img/more.png") left top no-repeat}

.box a.more {
  padding-right: 60px;
}

a.more:hover {text-decoration:none;}

.ref_inner {width:298px;
margin:0px 0px 34px 0px;
padding:0px 10px 0px 10px;
float:left}

.nom {margin:0px;
padding:0px}

a.a_ref {display:block;
margin:0px;
padding:0px 0px 0px 12px;
text-align:left;
float:left;
text-decoration:none;
border:none;
position:relative;
background:transparent url("../img/ref_back.gif") right bottom no-repeat;}



a.a_ref span{display:block;
height:34px;
line-height:38px;
color:#fff;
padding:0px 0px 0px 22px;
font-size:0.8em;
text-decoration:none;
text-align:left}

a.a_ref span.ref_type{display:inline;
color:#ff0000;
padding:0px;
background:none;
font-size:0.8em;
position:absolute;
right:10px;
bottom:2px}

a.a_ref:hover span{text-decoration:none;}

.pic_left{float:left;
width:324px;
margin:0px 0px 0px 0;
padding:0px}

.pic_left p{
padding:0px;
font-size:0.8em;
line-height:1.4em;
margin:0px 40px 0px 20px;
}

.pic_left p a, .smallbox p a{
text-decoration:none;
padding:0px 0px 0 0px}

.pic_left p a strong, .smallbox p a strong{color:#fff;
font-weight:bold;
font-size:1em;
text-decoration:none;}

.pic_left p span, .smallbox p span{
color:#df0202;
}
.pic_left p img{float:left;
margin:0px 14px 4px 0px;
}

.underline2 {padding-bottom: 14px; background:transparent url("../img/dots_line.gif") left bottom repeat-x; }

div.popt {
  width: 368px;
  height: 39px;
  background-image: url(../img/popt.png);
  background-position: center top;
  background-repeat: no-repeat;
  float: right;
  margin: 20px 20px 0 0;
}

div.popt2 {
  background-image: url(../img/popt2.png);
}

div.popt a.a1 {
  text-decoration: none;
  width: 180px;
  display: block;
  height: 39px;
  float: left;
}

div.popt a.a2 {
  text-decoration: none;
  display: block;
  height: 39px;
  width: 160px;
  float: right;
}

#right {margin:0px;
padding:0px 0px 0px 0px;
float:right;
width:290px;
text-align:left;
background:transparent url("../img/box_small_back.png") left top no-repeat;}

#right2 {margin:0px;
padding:0px 0px 0px 0px;
float:right;
width:290px;
text-align:left;
background:#000}

.smallbox{width:260px;
float:right;
margin:0px 0px 0px 0px;
padding:0px 0px 20px 0px;
}

.tabsbox {height:75px;
float:right;
background: #000000;}

.tabsbox a {display:block;
width:144px;
height:75px;
float:right;
line-height:75px;
text-decoration:none;
font-size:1.2em;
color:#585858;
background:transparent url("../img/tabs_back.gif") center 0px no-repeat}

.tabsbox a span {
  display: block;
  padding: 0 0 0 28px;
}

.tabsbox a:hover, .tabsbox a.akt {color:#ff0000;
background:transparent url("../img/tabs_back.gif") center -75px no-repeat}

.link_right{float:right;
width:270px;
}

.link_right a {
display:block;
height:31px;
line-height:30px;
text-decoration:none;
color:#e1e1e1;
font-size:0.8em;
background:transparent url("../img/dots_line.gif") left bottom repeat-x;}

.link_right a span {display:block;padding:0px 18px;}

.link_right a:hover, .link_right a.akt {
color:#f21b0c;
background:transparent url("../img/dots_line2.gif") left bottom repeat-x;}

.link_right a:hover span, .link_right a.akt span {background:transparent url("../img/sipcicka_akt2.gif") 6px center no-repeat;}

.link_right a.more {display:block;
float:right;
padding:0;
width:66px;
height:19px;
line-height:19px;
margin:14px 0 0 0;
text-align:center;
color:#fff;
text-decoration:none;
font-size:12px;
background:transparent url("../img/more.png") left top no-repeat}

.link_right a.more:hover {text-decoration:none;}

.pic_left a.more {
  margin-top: 8px;
}

.smallbox p{color:#9b9b9b;
font-size:0.8em;
padding:0px 20px 0px 20px}

div.space {margin:0px 0px 20px 0px}

a#facebook {display:block;
float:left;
width:39px;
height:51px;
text-decoration:none;
margin-right:10px;
background:transparent url("../img/facebook.png") 0px 0px no-repeat
}

a#facebook2 {display:block;
float:left;
width:125px;
height:51px;
text-decoration:none;
background:transparent url("../img/fan.png") 0px center no-repeat
}

a#rss {display:block;
float:left;
width:39px;
height:51px;
text-decoration:none;
margin-right:10px;
background:transparent url("../img/rss.png") 0px 0px no-repeat
}

div.space2 {padding:16px}

form.kontform {padding:8px 0 14px 14px; margin-top: 0; background: #343333; }

form.kontform label {color:#aeadad;
font-size:0.8em;
}

form.kontform table tr td{padding:4px 20px 4px 0px;
vertical-align:top; line-height: 1.4em;}

form.kontform table tr td input{width:260px; border-style: none; background: #ececec; color: black; padding: 3px 4px;}

form.kontform table tr td textarea{width:260px; padding: 3px 4px; background: #ececec;
height:100px}

div.inspace {
  background-image: url(../img/inspace.gif);
  background-position: center center;
  background-repeat: repeat-x;
  height: 14px;
  line-height: 0;
  font-size: 0;
}

form.kontform table tr td input.button{
width:146px;
padding: 0;
height:19px;
line-height:19px;
color:#fff;
font-size:0.75em;
text-align:left;
border:none;
background:transparent url("../img/prejit.gif") left top no-repeat;}

form.kontform table tr td input.button2{
background:transparent url("../img/prejit2.gif") left top no-repeat;}

div.texty h3 {
  font-weight: bold;
  margin-bottom: 0;
  padding-bottom: 6px;
  padding-top: 20px;
}