@charset "utf-8";
/*---------------------------------------------------------------
Popis:			Kaskádové styly pro profiweby.cz
Autor:			Profiweby, www.profiweby.cz, e-mail: info(@)profiweby.cz
Aktualizace:	28. 8. 2007

==[ Kapitoly ]==
 1. Body (tělo)
 2. Nadpisy a všeobecné prvky (h1, input, ...)
 3. Pro vše platící (clear, ...)
 4. Container (rozvržení celé stránky)
 5. Top 
 6. Left
 7. Right - Content
 8. Footer
 9. Doplňky

==[ Barvy ]==
#3b2309 - hneda_tmava (text)
#5c4e03 - hneda (a, h1, h3) 
#841109 - cervena (a:hover, h1 strong, h2, .red)
---------------------------------------------------------------*/
*{margin:0; padding:0;}
/*-- [ 1. Body (tělo) ] -----------------------------------------------*/
html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	margin:0; padding:0;
	color:#000;
	background:#a97e49 url(../images/body-back.jpg) top left repeat;
}
/*-- [ 2. Nadpisy a všeobecné prvky (h1, input, ...) ] -----------------------------------------------*/
a {color:#5c4e03;}

a:hover {color:#841109;}
img, img:hover {border:none;}
/*-- [ 3. Pro vše platící (clear, ...) ] -----------------------------------------------*/
/*konec obtékání*/
.clear{
	clear:both;
	height:1px;
	font-size:1px;
	line-height:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
}
.red {color:#841109;}
#main #right #cont .align-center { text-align:center;}
/*-- [ 4. Rozvržení celé stránky ] -----------------------------------------------*/
#main {
	position:relative; top:20px;
	width:970px;
	margin:0 auto 0;
	background:url(../images/cont-back.png) top right repeat-y; 
}
#main #left {
	position:relative; top:12px;
	width:229px;
	margin-bottom:50px;
	float:left;
}
#main #right {
	width:740px; 
	margin-left:229px;
}
/*-- [ 5. Top [right] ] -----------------------------------------------*/
#main #right #top1 {
	position:relative; 
	width:740px; height:115px; 
	color:#4B2310; 
	text-align:center;
	overflow:hidden;
}
#main #right #top1 span {
	position:absolute; top:0px; left:0px;
	width:740px; height:118px; 
	background:url(../images/top1.jpg) top left no-repeat;
}
#main #right #top2 {
	width:740px; height:161px;
	background:url(../images/top2.jpg) top left  no-repeat;
}

/*-- [ 6. Left ] -----------------------------------------------*/
/*logotyp*/
#main #left a#logotype {
	display:block;
	position:relative; 
	width:224px; height:62px;	
	overflow:hidden; 
	background:url(../images/logotyp.png) top left no-repeat;
	margin-bottom:15px;
}
#main #left a#logotype span {display:none;}
/*menu*/
#main #left #menu {display:block;}
#main #left #menu a {text-decoration:none; display:block;}
#main #left #menu a:hover {text-decoration:underline;}
/*tmava h-1*/
#main #left #menu a.tmava { 
	margin:0 0 5px 30px;
	padding:4px 5px 6px 13px;
	color:#FFF;
	font-weight:bold;
	background-image:url(../images/menu-back-tmavy.png); 	
}
#main #left #menu a.tmava:hover { background-color:#3b2309; }
/*svetla h-2*/
#main #left #menu a.svetla-kat {
	font-size:100%;
	font-weight:bold;	
	color:#3e280d;
	padding:3px 3px 4px 8px;
	margin:0 0 4px 40px; 
	border-left:5px solid #63401d; 
	background-image:url(../images/menu-back-svetly.png); 	
}
#main #left #menu a.svetla-kat:hover { background-color:#dcc6ad; }
#main #left #menu span {display:none;}
/*svetla h-3*/
#main #left #menu a.svetla, #main #left #menu a.svetla-last {
	font-size:90%;
	color:#3e280d;
	padding:3px 3px 4px 8px;
	margin:0 0 4px 50px;
	background-image:url(../images/menu-back-svetly.png); 	
}
#main #left #menu a.svetla:hover, #main #left #menu a.svetla-last:hover { background-color:#dcc6ad; }
#main #left #menu a.svetla-last {margin-bottom:5px;}
#main #left #menu span {display:none;}
/*kontakt*/
#main #left #kontakt {
	font-size:90%; 
	margin:25px 0 5px 30px;
	padding:5px 5px 14px 13px;
	color:#FFF;
	background-image:url(../images/menu-back-tmavy.png); 	
}
#main #left #kontakt strong{font-size:1.2em; line-height:1.8em;}
#main #left #kontakt a{color:#fff;}
#main #left #kontakt a:hover{color:#ccc;}
/*-- [ 7. Right ] -----------------------------------------------*/
/*obsah*/
#main #right #cont {
	margin:0 35px 0 25px; 
	color:#3b2309;
}
#main #right #cont p {margin:0.4em 0; text-align:justify; line-height:130%;}
#main #right #cont h1 {font-size:160%; margin-bottom:0.4em; font-style:italic; color:#5c4e03;}
#main #right #cont h1 strong {color:#841109;}
#main #right #cont h2 {font-size:130%; margin:0.8em 0 0.2em; font-style:italic; color:#841109;}
#main #right #cont h2.small, #main #right #cont h3.small {font-size:100%;}
#main #right #cont h3 {font-size:120%; margin:0.8em 0 0.2em; font-style:italic; color:#5c4e03;}
/*obdelnik s ukazkou*/
#main #right #cont .rect {float:left; width:305px; margin:20px 14px 0; border:3px solid #736102; min-height:120px;}
#main #right #cont .rect:hover { background-color:#f9f6e6;}
#main #right #cont .rect h2 {margin:5px 5px 5px 10px; font-size:1.5em;}
#main #right #cont .rect h2 a{text-decoration:none; color:#841109;}
#main #right #cont .rect p {margin:0px 15px 0 10px; text-align:left; }

#main #right #cont ul.list, #main #right #cont ol.list { margin-left:25px;}
#main #right #cont ul.list2 {margin-left:25px; font-size:110%;}
#main #right #cont ul.list2 li{margin-bottom:10px;}
/*-- [ 8. Footer ] -----------------------------------------------*/
#foot {
	background:#573a1b url(../images/bottom-back.jpg) top left repeat-x;
	min-height:206px;
}
#foot #foot-cont{
	position:relative; top:19px;
	background:url(../images/bottom.png) top right no-repeat;
	width:964px; height:129px;
	margin:0 auto;
}
#foot #foot-cont #foot-menu { position:absolute; top:65px; left:235px; color:#FFF;}
#foot #foot-cont #foot-menu a {color:#FFF; margin:0 8px;}
#foot #foot-cont #foot-menu a:hover {color:#ccc;}
#foot #foot-cont #copy { position:absolute; top:95px; left:248px; color:#ccc; width:485px;}
#foot #foot-cont #copy a {color:#ccc; text-decoration:none;}
#foot #foot-cont #copy a:hover {color:#fff; text-decoration:underline;}
#foot #foot-cont #copy #profiweby{ float:right; width: 320px;}
/*-- [ 9. Doplňky ] -----------------------------------------------*/
/*SKUDCI*/
#cont #skudci p {text-indent:2em; margin:0px;}
#cont #skudci p.podminky {text-indent:0px; margin:1em 0 0.4em; font-weight:bold;}
#cont #skudci table {border-left:1px solid #888; border-top:1px solid #888; margin-bottom:0.6em;}
#cont #skudci table td, #cont #skudci table th {
	padding:2px 8px 3px 10px; 
	text-align:left; 
	border-right:1px solid #888; 
	border-bottom:1px solid #888;
	background-color:#f2f2f2;
}
#cont #skudci img {float:right; margin:8px;}
#cont #skudci img.no-float {float:none;}
/*PRODUKTY*/
#cont table.produkty {
	border-top:1px solid #999;
	border-right:1px solid #999;		
	font-size:90%;
	margin-bottom:30px;
}
#cont table.produkty td, #cont table.produkty th{
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	padding:2px 5px 3px 5px;	
	text-align:center;
}
#cont table.produkty th{background-color: #F4EEEA; color:#624733;}
#cont table.produkty td.align-left{text-align:left;}
.float-r {float:right; margin:15px}
.float-l {float:left; margin:15px}
.float-r-postrik {float:right; margin-right:330px; margin-top:5px;}
.float-r-postrik2 {float:right; margin-right:230px; margin-top:5px;}
.float-r-postrik3 {float:right; margin-right:200px; margin-top:5px;}
/*form*/
#formular th { text-align: right;}
/*mapa stranek*/
#mapa-stranek ul { margin:0px 25px 4px;}
#mapa-stranek ul li{ line-height:150%;}