body	{ 
		background: url(../images/body-background.jpg) #499fcb repeat-x; 
		font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; 
		margin: 0;
		color: #333;
		font-size: 12px;
		}
p, ul, li, img, h1, h2, h3, h4	{ margin: 0; padding: 0; }

p		{ line-height: 170%; text-align: justify; margin-bottom: 20px; }

ul, li	{ list-style: none; }
ul		{ margin-bottom: 20px; }
li		{ background: url(../images/list-bullet.gif) no-repeat 4px 8px; padding-left: 25px; line-height: 25px; } 

a			{ color: #39C; text-decoration: none; }
a:visited	{ color: #39C; text-decoration: none; }
a:hover		{ color: #39C; text-decoration: underline; }

/* NADPISY */

h1 				{ font-size: 35px; letter-spacing: -1px; color: #FFF; padding-top: 33px; margin-left: 30px; }
h1 a			{ color: #FFF; }
h1 a:visited	{ color: #FFF; }
h1 a:hover		{ color: #FFF; text-decoration: none; }
h2				{ margin: 0; font-size: 24px; letter-spacing: -1px; color: #036; background: url(../images/h2-bottom.jpg) no-repeat bottom; padding-bottom: 20px; }
h3	{
	margin-bottom: 10px;
	font-size: 15px;
	letter-spacing: -1px;
	color: 036;
	text-transform: uppercase;
	font-weight: bold;
}
h4	{ margin-bottom: 10px; font-size: 15px; text-transform: uppercase; }

/* hlavni navigace */

ul#navigace				{ background: url(../images/navi-bck.jpg) #39C repeat-x; height: 38px; line-height: 38px; width: 890px; margin-bottom: 0; border: #c9d2db solid 5px; border-bottom: 0; border-top: 0; }
ul#navigace li			{ display: inline; background: none; padding: 0; line-height: 38px;  }
ul#navigace	li a 		{ display: block; float: left; padding: 0 15px; color: #333; font-size: 14px; font-weight: bold; }
ul#navigace	li a:hover 	{ background: url(../images/navi-over.jpg) #AEE2FB repeat-x; text-decoration: none; color: #036; }

/* hlavni layout */

#page	{ width: 900px; margin: 0 auto; }

#top	{ background: url(../images/top.jpg) no-repeat; height: 36px; line-height: 36px; }
		
#header 		{ height: 107px; background:  url(../images/header.jpg) #069 no-repeat; }

#StepNavi		{ height: 30px; line-height: 30px; padding: 0 15px; margin-bottom: 0; border: #c9d2db solid 5px; border-bottom: 0; border-top: 0; background: #f4f7f8; }
#StepNavi a		{ padding: 0 10px; }

#content			{ background: #f4f7f8; padding: 0 10px; border: #c9d2db solid 5px; border-top: 0; }

#LeftCol			{ float: left; width: 240px; }

#RightCol			{ float: right; width: 610px; }

.nabidka	{ background: url(../images/p-bottom.jpg) bottom no-repeat; padding-bottom: 18px; }	
.ADSL		{ display: block; background: url(../images/ikona-ADSL.jpg) no-repeat 15px 0; padding-left: 100px; font-size: 13px; margin-bottom: 0; padding-right: 20px; }
.imobil		{ display: block; background: url(../images/ikona-mobil.jpg) no-repeat 15px 0; padding-left: 100px; font-size: 13px; margin-bottom: 0; padding-right: 20px; }
.pevna		{ display: block; background: url(../images/ikona-pevna.jpg) no-repeat 15px 0; padding-left: 100px; font-size: 13px; margin-bottom: 0; padding-right: 20px; }
.TV		{ display: block; background: url(../images/ikona-TV.jpg) no-repeat 15px 0; padding-left: 100px; font-size: 13px; margin-bottom: 0; padding-right: 20px; }



#RychlyKontakt		{ background:url(../images/quick-kontakt.jpg) no-repeat; height: 260px; overflow: hidden; padding: 15px; }
#RychlyKontakt p	{ line-height: 170%; margin-bottom: 8px; }
#RychlyKontakt h2	{ font-size: 22px; color: #036; margin-top: 10px; margin-bottom: 12px; background: none; padding: 0; }
#RychlyKontakt h3	{ font-size: 15px; color: #036; font-weight: bold; }

#bottom		{ text-align: center; font-size: 11px; color: #FFF; padding-top: 15px;}

#bottom a 	{ color: #FFF; }

.nabidka-box 		{ width: 285px; float: left; padding: 10px; background: url(../images/shadow.jpg) bottom right no-repeat; margin-bottom: 5px; _height: 170px; min-height: 160px; }
.nabidka-box span	{ display: block; float: left; width: 130px; font-weight: bold; color: #036; }
.nabidka-box p		{ line-height: 130%; margin: 5px 0; font-size: 11px; }

img.oramovani	{ border: 1px solid #EAEAEA; padding: 3px; }

.FLeft	{ float: left; margin: 0 10px 10px 0; }
.FRight	{ float: right; margin: 0 0 10px 20px; }

label	{ display: block; float: left; width: 90px; }
.label2	{ display: block; float: left; width: 190px; }
form p	{ line-height: 13px; margin-bottom: 2px; _margin-bottom: 0; clear: both; }

.nemam	{ float: left; width: 135px; _line-height: 20px; margin-left: 15px;  }
.tcislo	{ display: block; float: left; width: 100px; } 
/* pomocne styly */

.clear		{ clear: both; }
.bold		{ font-weight: bold; }

.ikona			{ padding: 0 15px 0 3px; float: left; }

#KontaktyLevy	{ display: block; float: left; width: 300px; margin-right: 10px; }
#KontaktyPravy	{ display: block; float: left; width: 200px; }

#objednavka		{ background: url(../images/objednavka.jpg) no-repeat; padding: 15px; height: 249px; overflow: hidden; font-size: 11px; font-weight: normal; }
#objednavka h2 	{ font-size: 18px; font-weight: normal; background: none; margin-bottom: 10px; padding: 0; }
#objednavka p	{ line-height: 18px; _line-height: 14px; }	
.input110		{ height: 12px; width: 110px; font-size: 11px; }
.select2		{ height: 15px; width: 117px; font-size: 11px; }
.check			{ display: block; float: left; width: 15px; margin: 0; padding: 0; }



/* formular */

.form1 { font-size: 11px; margin-bottom: 15px; }
.form1 fieldset { border: none; }
.form1 label { font-weight: bold; }
.form1 input { width: 200px; margin-bottom: 10px; margin-top: 3px; display: block; background: url(../images/input-background.jpg) no-repeat; height: 17px; border: none; padding: 2px; }
.form1 textarea { padding: 2px; width: 300px; height: 100px; border: none; background: url(../images/textarea-background.jpg) no-repeat; }

.SubmitButton		{ background: url(../images/button.jpg) #069; display: block; color: #FFF; padding: 5px 10px; font-weight: bold; border: 3px solid #FFF; text-transform: uppercase; font-size: 12px; margin-top: 5px; width: 200px; text-align: center; }
.SubmitButton:hover { border: 3px solid #003366; text-transform: uppercase; font-size: 12px; margin-top: 5px; width: 200px; text-align: center; text-decoration: none; }	

#SubmitButton		{ background: url(../images/button.jpg) #069; display: block; color: #FFF; padding: 5px 10px; font-weight: bold; border: 3px solid #FFF; text-transform: uppercase; font-size: 12px; margin-top: 5px; width: 200px; text-align: center; height: 40px; }
#SubmitButton:hover { border: 3px solid #003366; text-transform: uppercase; font-size: 12px; margin-top: 5px; width: 200px; text-align: center; text-decoration: none; }

.info			{ background: #f5f8fa; padding: 10px; border: 1px solid #c5e5fa; margin-bottom: 5px; }