body {
	margin: 0px;
	padding: 0px auto;
	text-align: center;
	font-family:  Verdana, tahoma, Arial, serif;
	font-size: 80%;
    background: white url('../images/bgr.jpg') top center repeat-x;
    color: #3D3F45;
}
#bgr {
    background:  url('../images/bgr-kresba.jpg') top center no-repeat;
    width: 100%;
    height: 530px;
    top: 0px;
    left: 0px;
	margin: 0 auto;
   position: absolute;
  
}

#obsah {
	width: 980px;
	margin: 16px auto;
	text-align: left;
    background: url('../Images/top-bgr.jpg') 11px 0px repeat-x;
   position: relative;
}


.panel { 
  background: white url('../images/panel-bgr.gif') top left repeat-y;
  margin:0; padding:0;
/*  position: relative;  Resi "nekonecnou" stranku v IE7 */ 
  z-index: 15;
} 
/*** Stejna vyska sloupcu      
.panel { 
  overflow: hidden; 
} 
                 ***/
                      
#hlavicka { 
  height: 410px;
  position: relative;
  z-index: 10;
  background: url('../Images/top-linka.gif') 0px 0px no-repeat;
} 

#levyPanel     { 
	float:left;
    width: 585px; 
	margin: 0; padding:0;
	 
} 
#levyPanel-obsah {
	margin: 0px 30px 40px 45px;
    position: relative;
}

#pravyPanel    { 
	float:right;
    width: 390px; 
	margin:0; padding:0;
} 
#pravyPanel-obsah {
	margin: 10px ;
}
.paticka    { 
    position: relative;
    text-align: center;
    font-size: 0.8em;
    padding-top: 50px;
    } 
    



IMG {
	border: 0px;
}
IMG.border {
    border: solid 1px black ;
}
A {
	color: #B5007C;
}
A:HOVER {
	color: black;
}
UL, OL {
	margin-left: 20px;
	padding: 0px;
}
UL LI {
	list-style-image: url('../images/sipka02.gif');
	margin-bottom: 2px;
}
TH {
	text-align: left;
	padding: 5px 3px;
	 background-color: #3D3F45;
	 color: White;
	
}
hr.cleaner {
	clear: both;
	display: none;
}
div.cleaner {
	clear: both;
	height: 0px;
	font-size: 1px;
	border: none;
	margin: 0px;
	padding: 0px;
}


.f, .f2, .f3 {
	display: block;
	float: left;
	width: 180px;
	font-weight: bold;
	text-align: left;
	}
	
.f2 {
	width: 80px;
	}
.f3 {
	text-align: right;
	}

/* ------------------ HLAVICKA ---------------------- */


#hlavicka A:HOVER {
    color: #3D3F45;
}

div#logoPoliklinika {
	background: transparent url('../Images/poliklinika-decin-logo.gif') 0 0 no-repeat;
	width: 207px;
	height: 72px;
	position: absolute;
	left: 96px;
	top: 18px;
	z-index: 30;
}
div#logoPoliklinika A {
	width: 207px;
	height: 72px;
	position: relative;
	left: 0px;
	top: 0px;
	display: block;
}

div#logoWFHospital {
	background: transparent url('../Images/WF-Hospital-logo.gif') 0 0 no-repeat;
	width: 183px;
	height: 72px;
	position: absolute;
	left: 660px;
	top: 18px;
	z-index: 30;
}
div#logoWFHospital A {
	width: 183px;
	height: 73px;
	position: relative;
	left: 0px;
	top: 0px;
	display: block;
}

div#button {
	background: transparent url('../Images/tl-gray.gif') 0 0 no-repeat;
	width: 190px;
	height: 64px;
	position: absolute;
	left: 398px;
	top: 28px;
	z-index: 3;
}
div#button A {
	width: 186px;
	position: relative;
	left: 0px;
	top: 0px;
	display: block;
	font-size: 12.5pt;
	padding: 18px 0px 20px 0px;
	color: white;
	text-decoration: none;
	text-align: center;
}

div#b1, div#b2, div#b3, div#b4, div#b5 {
	width: 185px;
	height: 230px;
	position: absolute;
	top: 90px;
	background: 0 0 no-repeat;
	z-index: 30;
}

div#b1 {left: 28px;  background-image: url('../Images/b1.jpg'); }
div#b2 {left: 213px; background-image: url('../Images/b2.jpg'); }
div#b3 {left: 398px; background-image: url('../Images/b3.jpg'); }
div#b4 {left: 583px; background-image: url('../Images/b4.jpg'); }
div#b5 {left: 768px; background-image: url('../Images/b5.jpg'); }

#nav {
	width: 930px;
	height: 62px;
	position: absolute;
	left: 27px;
	top: 320px;
	z-index: 15;
}
#nav ul li {
	display: inline;
}
#nav ul {
	margin: 0;
	padding: 0;
	color: white;
	font-size: 12.5pt;
	font-weight: normal;
}
#nav ul li a {
	width: 185px;
	padding: 20px 0px 24px 0px;
	background: url('../Images/tl-zelena.jpg') 0 0 no-repeat;
	color: white;
	text-decoration: none;
	text-align: center;
	float: left;
}

#nav ul li.AspNet-TreeView-Selected A {
	background: url('../Images/tl-fialova.jpg') 0 0 no-repeat;
}

#nav ul li a:hover {
	color: white;
	background: url('../Images/tl-fialova.jpg') 0 0 no-repeat;
}

/* --------------- PATICKA ----------------- */
.paticka #paticka-left {
	width: 585px; 
	float: left;
}
.paticka #paticka-right {
	width: 390px;
	float: left;
}

.paticka P {
	padding-bottom: 10px;
}
.paticka ADDRESS {
	padding-bottom: 10px;
	font-style: normal;
}
.paticka A {
    color: #3D3F45;
}
.paticka .AspNet-TreeView ul li {
	display: inline;
}
.paticka .AspNet-TreeView ul {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	font-weight: bold;
}
.paticka .AspNet-TreeView ul li a {
	padding: 0px 8px;
	text-decoration: none;
	border-right: 1px solid #3D3F45;
}

.paticka .AspNet-TreeView ul li.AspNet-TreeView-Selected A {
	color: #B5007C;
}

.paticka .AspNet-TreeView ul li a:hover {
	color: #B5007C;
}


/* --------------- panel ----------------- */
.panel H1 {
	font-weight: normal;
	font-size: 2.1em;
	margin-top: 0px;
	margin-bottom: 20px;
	color: #B5007C;
}

.panel H2 {
	font-weight: normal;
	color: #B5007C;
	font-size: 1.5em;
	margin: 20px 0px 3px 0px;
	padding-left: 35px;
	background: url('../Images/h2.gif') 0 2px no-repeat;
}

.panel H3 {
	font-weight: bold;
	font-size: 1.2em;
	margin: 15px 0px 3px 0px;
	padding-left: 35px;
	background: url('../Images/h3.gif') 0 0 no-repeat;
    color: #494B53;
}
.panel P {
	margin-bottom: 14px;
    line-height: 150%;
}
.panel P.no {
	margin-bottom: 2px;
}
.panel UL {
    line-height: 150%;
    margin-bottom: 7px;
    margin-left: 40px;
}


.panel IMG {
	margin: 1px;
}

.panel .odkaz {
	font-weight: bold;
	font-size: 1.1em;
	margin: 15px -23px -5px -12px;
	padding: 5px 60px;
	background: silver url('../Images/h3.gif') 500px 5px no-repeat;
	text-align: right;
	display: block;
}

/* --------------- right ----------------- */
#pravyPanel UL.sluzby,
#pravyPanel UL.sluzby LI IMG {
	margin: 0px;
	padding: 0px;
}

#pravyPanel UL.sluzby LI {
    list-style-type: none;
    list-style-image: none;
}

UL.sluzby LI a {display:block; width:330px; height:97px; overflow:hidden;}
UL.sluzby LI a:hover,
UL.sluzby LI a.selected {text-indent:-330px;}



/* --------------- FOTO ----------------- */


IMG.img {
	border: solid 1px #FDD278 !important;
}

.WF     {
	 background-color: #DDDDDD;
	 margin: 15px -23px 0px -12px;
	 padding: 1px 23px 5px 12px;
}

/* --------------- table ----------------- */

table1, td1     {border: 1px solid gray !important}
.t1, .t2, .t3, .t4, .t5   { vertical-align: top;}
.t1     {width: 30px;}
.t2     {width: 220px;}
.t3     {width: 40px;}
.t4     {width: 90px;}
.t5     {width: 150px;}



/*AutoComplete flyout */
.autocomplete_list
{  
    visibility:hidden;
    margin:0px!important;
    padding:0px;
    background-color:inherit;
    color:windowtext;
    border:buttonshadow;
    border-width:1px;
    border-style:solid;
    cursor:default;
    text-align:left; 
    list-style-type:none;
    overflow:auto;
    font-weight:normal;
    font-family:tahoma;
    font-size:12px;            
}

/* AutoComplete highlighted item */
.autocomplete_highlighted_listitem
{
    background-color:Highlight;
    color:HighlightText;
    padding:3px;
    margin:0px!important;
}

/* AutoComplete item */
.autocomplete_listItem 
{
    background-color:window;
    color:windowtext;
    padding:3px;
    margin:0px!important;
}  
/* --------------- obecne ----------------- */

.cena {
   	margin: 0; padding: 0;

   	font-weight: bold;
   	font-size: 1.3em;
   	text-align: right;
   	color: #B7BE23
}

Table.tab TD {
	padding: 2px 12px;
}

ADDRESS {
	font-style: normal;
	margin-bottom: 10px;
    line-height: 150%;
}
.floatL {
   	float: left;
   	width: 180px;
}
.zvyraznit {
   	font-weight: bold;
   	font-size: 1.2em;
}
.small {
   	font-size: 0.8em;
}
.small INPUT {
   	font-size: 1em;
}
.error {
   	color: red;
   	font-weight: bold;
}
.cRed  {
	color: #EF2D23 !important;
}
.cGray  {
	color: #C8C8C8 !important;
}
.cGray2  {
	color: #717074 !important;
}

.normal  {
	font-weight: normal;
} 
.bold  {
	font-weight: bold;
}  
.big  {
	font-size: larger;
} 
.biger  {
	font-size: large;
} 
.aRight {
	text-align: right !important;
}  
.aLeft {
	text-align: left !important;
} 
.aCenter {
	text-align: center !important;
} 
.mBottom {
   	margin-bottom: 10px !important;
}
.odsazTop {
	padding-top: 80px !important;
}
.odsazLpodpis {
   	margin-left: 330px !important;
}
.odsazL {
   	margin-left: 120px !important;
}
.odsazR {
   	margin-right: 20px !important;
}
.odsazT {
   	padding-top: 12px !important;
}
.odsazT2 {
   	padding-top: 0px !important;
   	margin-top: 0px !important;
}
.odsazT3 {
   	padding-top: 40px !important;
}
.odsazT1 {
   	margin-top: 25px !important;
}
.no   {
   	text-decoration: none !important;
}

.lBottom TD  {
   	border-bottom: 2px solid #3D3F45 !important;
}