/*
    GIEBEL.CZ
    cascading style sheets
    css 2.0 compliant
    http://www.w3.org/tr/css21/
	author: WEBDESIGN Tomáš Hlaváček 2006
	www.tomashlavacek.cz

default tag styling */

* { margin:0; padding:0;}
html, body { font-family:Arial, Helvetica, sans-serif; }
.cleaner{width:90%;clear:both;visibility:hidden;height:1px;padding:0;margin:0;}

/* background setting*/
	body { 
		background: #a9e1f2 url("../images/background.gif") 0 0 repeat-x ;
		font-size: 0.8em;
		color:#737373;
		}

/* main container */
	#web { 
		position:relative;
		margin-right:auto;
		margin-left:auto;
		margin-top:0;
		width:770px;
		background-color: #fff;
		overflow:hidden;
	}
	
/* heading */	
	h1{
			position:relative;
			margin:0;
			padding:0;
			width:100%;
			height:162px;
		}
	h1 span{
		position:absolute;
		top:0;
		left:0;
		margin:0;
		padding:0;
		height:100%;
		width:100%;
		background:url("../images/heading.gif") no-repeat;
	}

/* menu */
	#menu{ font-size:10px; font-weight:normal; position: absolute; top: 65px; left: 281px;}	
	#menu a { display:inline; cursor:pointer;}
	/* buttons */
	.home, .cenik, .operace,.dr-giebel, .konzultace,.kontakt 
		{display:block; float:left; position:relative; margin:0; padding:0; height:23px; }
	.home		{ width: 49px;} 
	.cenik		{ width: 62px;}
	.operace	{ width: 83px;}
	.dr-giebel	{ width: 93px;}
	.konzultace { width: 104px;}
	.kontakt 	{ width: 68px;}
	.home span, .cenik span, .operace span,.dr-giebel span, .konzultace span,.kontakt span
		{ position:absolute; top:0; left:0; margin:0; padding:0; height:100%;	width:100%;	}
	.home span 		{background:url("../images/butt-domu.gif") no-repeat;}
	.cenik span 	{background:url("../images/butt-cenik.gif") no-repeat;}
	.operace span 	{background:url("../images/butt-operace.gif") no-repeat;}
	.dr-giebel span {background:url("../images/butt-dr-giebel.gif") no-repeat;}
	.konzultace span{background:url("../images/butt-konzultace.gif") no-repeat;}
	.kontakt  span	{background:url("../images/butt-kontakt.gif") no-repeat;}
	
	
/* content */

	#content { 
		margin:10px 0 0 0;
		padding:0;
		width: 770px; 
	}
	
	/* GREY WELCOME BLOCK */
	#welcome-container{
		background-color: #eee;
		width: 750px;
		height: 220px;
		padding: 10px;
		text-align:justify;
	}
		/* content of WELCOME-CONTAINER */
		
		/* welcome text */
		#welcome{
			width: 246px;
			height: 200px;
			padding: 10px 20px 10px 0px;
			border-right:1px solid #d8d8d8;
			float:left;
		}
		#welcome p { margin: 5px 0;}
		
		/* services */
		#services{
			width: 194px;
			height: 200px;
			padding: 10px 10px 10px 20px;
			float:left;
		}
		#services a { display:block; background:url("../images/bullet.gif") 0 5px no-repeat; padding-left: 10px; color:#508bab;}
		#services a:hover { font-weight:bold;}
		
		/* illustration photo of Dr. Giebel */
		#photo{
			width: 258px;
			height: 221px;
			padding: 0;
			float:left;
			background:url("../images/dr-giebel.jpg") no-repeat;
		}
		
		/* graphical headings styling */
		.heading-welcome, .heading-services , .heading-news{
			position:relative;
			margin:0;
			padding:0;
			width:100%;
			height:30px;;
		}
		.heading-welcome span, .heading-services span, .heading-news span
		{position:absolute; top:0; left:0; margin:0; padding:0; height:100%; width:100%;	}
		.heading-welcome 	span {background:url("../images/heading-welcome.gif") no-repeat;}
		.heading-services 	span {background:url("../images/heading-services.gif") no-repeat;}
		.heading-news 		span {background:url("../images/heading-news.gif") no-repeat;}
/* INDEX -> MAIN CONTENT BLOCK */
#main-container { padding: 10px;}
	.news {
		padding: 10px;
		border-right:1px solid #d8d8d8;
		float:left;
		width: 180px;
	}
	/* INDEX -> NEWS and Other Pages -> LEFT COLUMN  */
	.date { padding: 10px 0 0 0 !important; display:block;} 
	.title { display:block; font-size: 1em; color:#508bab; font-weight:bold; text-decoration:underline; margin:0; padding:0 !important;}
	.item img { float:left; margin: 0 10px 10px 0; border: none;}
	.news span , .item span{ padding: 0 0 20px 10px; display:block;}
	.news a , .item a{ color:#737373; text-decoration:none!important;}
	
	.items { 
		padding: 10px;
		border-right:1px solid #d8d8d8;
		float:left;
		width: 250px;}
		
	.item { display:block;
			height: 100px;}
		
/* HEADINGS settings */

h1, h2 		{ font-size: 0.2em; color:#eee}
h3			{ font-size: 1em; color:#508bab; font-weight:bold; text-decoration:underline; margin:0; padding:0 !important;}
h4 			{ font-size: 1em; color:#508bab; font-weight:bold; margin:15px 0 5px 0;}


/* OTHER SITES */
#left-block {
		padding: 10px;
		border-right:1px solid #d8d8d8;
		float:left;
		width: 245px;
		margin-top: 5px;
	}
#left-block  h2{
			position:relative;
			margin:0;
			padding:0;
			width:100%;
			height:183px;
		}
	#left-block  h2 span {position:absolute; top:0; left:0; margin:0; padding:0; height:100%; width:100%;	}
	
	/* ORDERING FORM*/
	form { font-size: 13px; }
	.form-span 			{ float:none !important;	display:block; height:25px;}
	h2.order, h2.online	{ height: 30px !important; margin-top: 30px !important;}
	span.order-heading	{ background:url("../images/order.gif") 5px 0 no-repeat;}
	span.online-heading	{ background:url("../images/online-konzultace.gif") 5px 0 no-repeat;}
	.dark 				{ color: #393939; font-weight:bold;}
	select 				{ border: 1px solid #00CC00; font-size: 13px;}
	#left-block select, #left-block textarea,  input { 
		margin-left: 10px;
		border: 1px solid #d8d8d8;
		background-color:#f3f3f3;
	}
	
	/* SELECT */
	select.operation-type { width: 230px;}
	select.day 	{width: 40px;}
	select.month{width: 85px;}
	select.year {width: 55px;}
	
	/* TEXTAREA */
	textarea { width: 205px; height: 120px; font-size: 13px;}
	
	/* INPUT */
	input { font-size: 13px;}
	.submit { margin: 5px 0; float:right;}
	
	/* Table of recapitulation */
	.td-info { white-space:nowrap; font-weight:bold; width: 100px;}
	
	/* H2 HEADINGS IMAGES*/
	span.usni-boltce{ background:url("../images/big-boltce.jpg") 5px 0  no-repeat;}
	span.foreheadlifting{ background:url("../images/big-foreheadlifting.jpg") 5px 0  no-repeat;}
	span.facelifting{ background:url("../images/big-facelifting.jpg") 5px 0  no-repeat;}
	span.ocni-vicka{ background:url("../images/big-vicka.jpg") 5px 0  no-repeat;}
	span.liposukce{ background:url("../images/big-liposukce.jpg") 5px 0  no-repeat;}
	span.zvetseni-prsu{ background:url("../images/big-zvetseni-prsou.jpg") 5px 0  no-repeat;}
	span.zmenseni-prsu{ background:url("../images/big-zmenseni-prsou.jpg") 5px 0  no-repeat;}
	span.abdominoplastika{ background:url("../images/big-abdominoplastika.jpg") 5px 0  no-repeat;}
	span.nos{ background:url("../images/big-nos.jpg") 5px 0  no-repeat;}
	span.konzultace{ background:url("../images/mudr-giebel-konzultace.jpg") 5px 0  no-repeat;}
	span.praxe{ background:url("../images/mudr-giebel-praxe.jpg") 5px 0  no-repeat;} 
	span.redukce-valu-stehen{ background:url("../images/big-redukce-stehen.jpg") 5px 0  no-repeat;} 
	span.redukce-valu-pazi{ background:url("../images/big-redukce-pazi.jpg") 5px 0  no-repeat;} 
	span.rozsireni-cervene-rtu{ background:url("../images/big-rozsireni-rtu.jpg") 5px 0  no-repeat;} 
	
	/* TEST styling */
	#left-block p{ padding: 5px 0 0 5px;}
	#left-block p span{ display:block; float:left; width: 135px;font-size: 1em; color:#508bab; font-weight:bold; margin:0; padding:0 !important;}
/* MAIN CONTENT BLOCKS */
#main-block{
			width: 472px;
			padding: 10px 10px 10px 20px;
			float:left;
		}
#main-block h2 { color:#393939; font-size: 1em; margin: 15px 0 5px 0;}
#main-block p  { text-align:justify;}

/* FOOTER */

#footer{
		margin:0; 
		padding:8px 0 0 10px ;
		width:100%;
		height:22px;
		background: url("../images/footer.jpg") 0 0 no-repeat;
		text-align:left;
	}
	#footer span { color:#737373; font-size:1em; }
	#footer span a { color:#737373; margin: 0 10px}
	#footer span a:visited {color: #737373; text-decoration:none;}
	#footer span a:hover {color: #413923; text-decoration:underline;}
	#footer span a:active {color: #737373; text-decoration:none;}
	
	#last-update { width: 240px; display:block;  float:left;}
	#stats { float:left; padding-right: 100px;}

/* img styling*/
.img-obrys { border: 1px solid #000; float:left; margin: 15px 10px 0 0;}

/* links styling */
a:link 		{ color: #333; text-decoration:underline;}
a:visited 	{ color: #333; text-decoration:underline;}
a:hover 	{ color: #508bab; text-decoration:none;}
a:active 	{ color: #508bab; text-decoration:none;}

/* table */
table 		{ font-size: 0.9em; width: 100%;}
td { padding: 5px 0;}
.row-head 	{ background-color:#cfcfcf; text-align:center;}
.row-even td{ border-bottom:1px solid #efefef;/*background-color:#efefef;*/}
.row-odd  td{ border-bottom:1px solid #efefef;}