*{

  font-family: Tahoma, Georgia, Times New Roman;

  font-weight: normal;



}

body{

  color: #2e2e2e; 

  font-size: 0.8em;   

  margin:0px;

  padding:0px;

  background: #57b8ff; /*url(../Data/Img/bg.png);*/

  overflow-x: hidden;  

}



strong,b,th,.b{font-weight: bold;}



/*

*table{margin: 10px 0;border-left:1px dotted silver;border-bottom:1px dotted silver}

*table th,table td{border-right:1px dotted silver;border-top:1px dotted silver;padding:2px 10px}

*table tr:hover{background:#fffc82;}

*/



h1{

  background: #044389; /*url(../Data/Img/h1_pruh.png) no-repeat bottom;*/
  background: linear-gradient(to right, #044389, #007dcd);

  margin-left:10px;
  font-weight: bold;

}


h1,span.context-header{
  color:#ffffff;
  text-shadow: 1px 1px #000000;

  font-size: 1.8em;

  padding:2px 0 2px 10px;

  margin:0px 0px 0px 0px;

}



h1, h2, span.context-header{

  font-weight: normal;

  position:relative;    

}





h2, h3{

  font-size: 1.2em;

  margin:20px 0 0px 0;  

  font-weight: normal;

  color:#0d2562;

  border-left:3px solid #8ec6ea;

  padding:0 0 0 11px; 

}



h3{

  font-size: 1.3em;

  padding-left: 25px;

}



span.context-header{

  display: block;

  font-size: 1.3em;

  padding-top:2px;

  margin-top:7px;  

  background: #117BF2; /*url(../Data/Img/h_pruh.png) no-repeat bottom left;*/
  background: linear-gradient(to right, rgba(17,123,242,1), rgba(17,123,242,0));

}



p{margin:0px 0px 12px 0px;}



a{color: #fff100; text-decoration: none;}

a:hover{color: #fffd00; text-decoration: underline;}

a img{border:0px;}



td,th{vertical-align: top;}

th{text-align: right;padding-top:4px;}



/*caste*/

.clr{font-size: 0px;height:0px;clear: both;}



/*telo*/

#page{

  background:#007dcd;

  width:1000px;

  margin: 10px auto 5px;

  position:relative;      

  overflow: visible;

  

}



#pageHeader{

  height:300px;

  background: url(../Data/Img/top_bg_1000.png) no-repeat;  

}


#page hr{
  display: block;
  height: 2px;
  border: 0;
  border-top: 2px solid #094074;
  padding: 0;
}


div.obrMenu{
  clear: both;
  position: relative;
  top:20px;
}


div.obrMenu a.sluzby{

  background: url(../Data/Img/sluzby_kranio_new.png) no-repeat; 

  text-align: center;

  display: block;

  float: left;

  padding-top: 179px;

  height: 17px;

  width: 257px;

  margin-left: 1px;

  color:#1d1d1d;

}



div.obrMenu a.sluzby_konstelace{background: url(../Data/Img/sluzby_konstelace_new.png) no-repeat;}

div.obrMenu a.sluzby_poradenstvi{background: url(../Data/Img/sluzby_poradenstvi_new.png) no-repeat;}

div.obrMenu a.sluzby_malba{width:224px;background: url(../Data/Img/sluzby_cenik_new.png) no-repeat;}



div.obrMenu a:hover,div.obrMenu a.active{text-decoration: underline;}



span.top_right_bg{display:block;position:absolute;width:100%;right:-844px;height:242px;top:-102px;background: url(../Data/Img/top_pravy_bg.png) repeat-x ;}



#logo{

  position:absolute;

  left:10px;

  top:14px;

  width:285px;

  height:70px;  

}



#top-menu{

  text-align: right;

  float: right;

  margin:61px 50px 0 0;    

}



#top-menu li a.active,#top-menu li a:hover{
  color: #bfd7ea;
  text-decoration: none;
  background: #094074;
  border-radius: 4px;
}



#top-menu li{

  float:left;

  margin:0px 3px;  

  padding:0px;

  list-style-type: none;    

}



#top-menu li.first{border:0px}



#top-menu li a{

  color:#1d1d1d;
  font-weight: bold;

  text-transform: uppercase;  

  text-decoration: none;

  padding:5px 8px;

  font-size: 1.1em;

}



ul{

  margin:10px 0 0 40px;

  padding:0px;

}



ul ul{

  margin:0px 0 5px 10px;

  padding:0 0 0 15px; 

}





#pageContent{

  padding:20px 0px 20px 0px;  

}


#pageContentImage{

  margin:0px 0 0 -5px;

  border:4px solid #f9f9f9;

}

#pageContentLeft{
  font-size: 1.1em;

  background: #007dcd; /*url(../Data/Img/obsah_bg.png) repeat-y;*/
  background: linear-gradient(to right, #0271b8, #007dcd);

  float:left;

  width:740px;

  padding-bottom:20px;

}



#pageContentRight{

  background: #044389; /*url(../Data/Img/pravy_bg.png) repeat-y;*/

  background: linear-gradient(to right, #044389, #1c77c3);
  float:right;

  width:250px;

  padding: 0px 10px 15px 0px;

  position:relative;
  left: 40px;
  border-radius: 4px;
}



#pageContentRight div.p{

  font-size: 0.9em;  

}



#pageFooter{

  position:absolute;

  width:980px;

  background: #094074; /*url(../Data/Img/footer_bg.png) no-repeat;*/
  background: linear-gradient(to right, #094074, #044389);

  clear: both;  

  padding:10px 10px 10px 10px;

  color: #bfd7ea;

  font-size: 0.8em;

  text-transform: uppercase;
}



#pageFooter span{

  display: block;

  float: left;  

}



#pageFooter span.right{float:left;margin-left:600px;}

#pageFooter a{color: white; text-decoration: none;}





div.p{  

  padding:15px 0 0 25px;

  margin:0px;

}



div.p{text-align: left; color: #fffbfa;}



div.p h2,div.p h3{margin-left:-15px;}

div.p img{

  margin:5px 10px 5px 10px;

  border:2px solid #dcdede;

}


div.p table img{margin:0px;}

#context-menu{margin-top:0px;}

#pageContentRight div.p{}



#pageContentRight ul{

  margin-left:5px;

}


#pageContentRight ul li{  

  color:white;      

  margin:0px 15px 0px 0px;

}



#pageContentRight ul li a{    

  color:#0a253f;

  background: url(../Data/Img/li_bg.jpg) no-repeat bottom left;

  display: block;

  padding:3px 0px 2px 1px;

  text-transform: uppercase;

  text-decoration: none;  

}



#pageContentRight ul li.b a{font-weight: bold;}



#pageContentRight ul li:hover{

  color:#2E2E2E;

}


#pageContentRight ul li a:hover,#pageContentRight ul li a.active{   

  color: #2E2E2E;

}



#pageContentRight ul li{list-style-type: square;padding-left:0px;}

#pageContentRight ul li.noList{background:none}



div.userPage{padding:10px 40px 0 20px;}



form input{

  width:250px;

}



form textarea{

  width: 435px;

  height: 200px; 

}



.button{

  width:auto;

  background: none;

  border: 1px solid silver;

}



li.noList{list-style-type: none;position: relative;}

img.ico{position:absolute;left:-10px;bottom:-4px;}

div.p img.ico{border: 0px;}

div.photos{margin-left:7px;}

div.photos img{margin: 0 0 1px 1px;}

img.icoHeader{

  position: absolute;

  top:13px;

  right:212px;

  cursor:pointer;

}


div.icoFooter{  

  position: absolute;

  top:-8px;

  right:295px;

  background:#fdfdff;

  padding:0 10px 0 0px;

}


div.icoFooter img{margin-left:10px; cursor:pointer}

a.fb_show{margin-left:-30px;}

.aLeft{float:left;}

.aRight{float:right;}