@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
 8. Cont
 9. Foot
10. Dalsi

==[ Barvy ]==
#ca1411 - cervena - pozadi
#b20e09 - cervena tm. - h1, a
f3f3f3 - seda - pozadi #left #right
---------------------------------------------------------------*/

/*-- [ 1. Body (tělo) ] -----------------------------------------------*/
* {margin:0; padding:0;}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	background:#ca1411 url(../images/body-back.jpg) top left repeat-x;
	margin:20px 0 30px;	
}
/*-- [ 2. Nadpisy a všeobecné prvky (h1, input, ...) ] -----------------------------------------------*/
/*odkaz*/
a {color:#b20e09;}
a:hover {color:#000;}
p {margin:10px 0px; line-height:140%;}
/*nadpisy*/
h1, h2, h3 {font-style:italic; color:#b20e09;}
h1 {font-size:160%;}
h2 {font-size:130%;}
h3 {font-size:110%;}
/*formuláře*/
.text_field, .text_area, .text_field:hover, .text_area:hover, .text_field:focus, .text_area:focus {
border:solid 1px #ccc; 
padding:3px;
background: #fff url(../images/bg-input.gif) left top no-repeat;}
.text_field:hover, .text_area:hover, .text_field:focus, .text_area:focus{
border:solid 1px #b20e09; 
}
.text_select, .text_select:hover, .text_select:focus {
border:solid 1px #ccc; 
padding:3px;
background: url(../images/bg-input.gif) left top no-repeat;}
.text_select:hover, .text_select:focus {
border:solid 1px #b20e09; 
}
.button{
display:block;
position:relative;
color:#fff;	
border:solid 1px #b20e09;
cursor:pointer;
padding:2px 5px;
font-weight:bold;
margin:10px 0px;
background: #d00504 url("../images/button.png") left top repeat-x;}
/*čára*/
hr {display:block; height:1px; overflow:hidden;  border:dotted; border-width:1px 0 0 0; margin:5px 0px; padding:0; color:#333333;}
/*tabulky*/
table, tr, td, th {vertical-align:middle; text-align:left;}
td, th {padding:1px;}
th {text-align:right;}
/*obrázky*/
img, img:hover {border:none;}
/*hvězda*/
.bold-red {color:#b20e09; font-weight:bold;}
/*-- [ 3. Pro vše platící (clear, ...) ] -----------------------------------------------*/
/*float*/
.float-r {float:right; text-align:right;}
.float-l {float:left;}

/*-- [ 4. Container (rozvržení celé stránky) ] -----------------------------------------------*/
#main {width:998px; margin:auto; background:#fff url(../images/cont-back.jpg) top left repeat-y;}
#main .column {float: left;} 
#content {margin:0 0 0 245px; padding:20px; width:468px; display:inline;}
#left {width:245px; margin:0 0 20px -998px;}
#right {width:245px;}

/*-- [ 5. Top ] -------------------------------------------------*/
/*top1*/
#main #top1 {height:120px; background:#ddd url(../images/top1.jpg) top left no-repeat; position:relative; }
#main #top1 .gohome {display:block; height:106px; width:120px; position:absolute; top:10px; left:19px;}
#main #top1 .gohome span {display:none}
/*top1-hledej*/
#main #top1 #hledej {position:absolute; right:22px; top:28px; width:260px; height:25px;}
#main #top1 #hledej .txt {width:180px;}
#main #top1 #hledej .btn{
	color:#FFF;
	font-size:12px;
	cursor:pointer;
	width:60px; height:20px; 
	background:#ef0604 url(../images/top1-hledej.png) top left; 
	border:none;
}
/*top1-menu*/
#main #top1 #menu { 
	position:absolute; left:187px; top:73px; 
	font-size:110%; 
	font-weight:bold; 
}
#main #top1 #menu a {color:#7f7f7f; text-decoration:none;}
#main #top1 #menu a:hover {color:#b20e09; text-decoration:underline;}
#main #top1 #menu ul, #main #top1 #menu li {list-style-type:none;}
#main #top1 #menu li {float:left; padding:10px 24px 8px; background:url(../images/top1-menu-oddelovac.gif) top right no-repeat;}
#main #top1 #menu li.noline {background:none;}
/*top2*/
#main #top2 {height:132px; position:relative; background-color:#ddd;}
#main #top2 p.senti {font-size:120%; margin:0px;}
#main #top2 p {padding:5px 0 0 20px; color:#333333;} 
#main #top2 span{
	display:block; 
	height:132px; width:998px; 
	position:absolute; top:0px; left:0px;
	background:url(../images/top2.jpg) top left no-repeat;
}
/*-- [ 6. Left ] ------------------------------------------------*/
#left #produkty {margin:10px 0 0 15px;}
#left #produkty h2 {width:230px; height:37px; position:relative;}
#left #produkty h2 span {
	width:230px; height:37px;
	position:absolute; top:0px; left:0px;
	background:url(../images/menu-produkty-top.png) top left no-repeat;
}
#left #produkty .kategorie {
	width:230px; height:33px;
	font-weight:bold;
	background:url(../images/menu-produkty-kategorie.jpg) top left no-repeat;
}
#left #produkty .kategorie a, #left #produkty .kategorie strong {padding:8px 5px 0px 30px; display:block;}
#left #produkty a {color:#555; text-decoration:none;}
#left #produkty a:hover {color:#000; text-decoration:underline;}
#left #produkty ul, #left #produkty li {list-style:none; background-color:#f3f3f3;}
#left #produkty ul li a {color:#666; display:block; padding:4px 10px 6px 40px;}
#left #produkty ul li a:hover {background-color:#e7e7e7;}
/*-- [ 7. Right ] -----------------------------------------------*/
/*aktuality*/
#right #aktuality {margin:10px 15px 25px 0; padding-bottom:1.5em; background-color:#f3f3f3;}
#right #aktuality h2 {width:230px; height:37px; position:relative;}
#right #aktuality h2 span {
	width:230px; height:37px;
	position:absolute; top:0px; left:0px;
	background:url(../images/menu-aktuality-top.png) top left no-repeat;
}
#right #aktuality h3 {font-size:100%; color:#000; font-style:normal; margin:0.7em 10px 0.2em 15px;}
#right #aktuality div.akt {padding:0 3px 0.6em; border-bottom:1px dotted #999; color:#333; margin:10px;} /* uprava - misto p je div.akt */
#right #aktuality h3 a {color:#000; text-decoration:none;}
#right #aktuality h3 a:hover {text-decoration:underline;}
#right #aktuality h3 span {font-size:85%; color:#777; display:block; font-weight:normal;}
#right #aktuality a.archiv-novinek {
	margin-left:20px; 
	padding-left:20px; 
	background:url(../images/aktuality-odrazka.jpg) center left no-repeat;
}
/*kontakt*/
#right #kontakt { 
	font-size:90%;
	color:#555;
	margin-right:15px;
	margin-left:5px;
}
#right #kontakt h2 {margin:8px 0 5px 5px;}
#right #kontakt p {margin:0 0 0.6em 8px;}
/*-- [ 8. Cont ] ------------------------------------------------*/
#content h1{border-bottom:1px solid #b20e09; margin-bottom:0.5em;}
#content p{text-align:justify;}
#content .img-holder {
	width:220px; height:175px;
	position:relative;
	font-size:90%;
	float:left;
	margin:2px 7px;
	background:url(../images/cont-img-back.jpg) top left repeat-x;
}
#content .img-holder span.edge {
	position:absolute; top:0px; left:0px; 
	width:10px; height:9px; 
	background:url(../images/cont-img-roh.gif) top left no-repeat;
}
#content .img-holder img {position:absolute; left:10px; bottom:85px;}
#content .img-holder h2 {margin:97px 0 0; padding:0 8px; font-style:normal; color:#333;}
#content .img-holder:hover h2 {color:#b20e09;}
#content .img-holder p { padding:0 9px; margin:0;}
/*-- [ 9. Foot ] ------------------------------------------------*/
#main #foot {
	padding:0 40px;
	font-size:90%;
	color:#333;
  height:52px;
	margin:15px 21px 8px;
	background:#ececec url(../images/bottom-foot-back.gif) top left no-repeat;
}
#main #foot #foot-menu {text-align:center; position:relative; top:18px;}
#main #foot #foot-menu a {color:#444; margin:0 3px;}
#main #foot #foot-menu .float-r a, #main #foot #foot-menu .float-l a {text-decoration:none;}
#main #foot #foot-menu a:hover {color:#000; text-decoration:underline;}
#main #bottom {height:15px; background:url(../images/cont-bottom.jpg) top left no-repeat;}
/*-- [ 10. dalsi ] -----------------------------------------------*/
/*error*/
#error h2 {margin-bottom:0.5em;}
#error .uri {border:1px dashed #ccc; padding:5px 10px 7px; margin-bottom:1em;}
/*fotogalerie*/
.fotogalerie {
display:block;
margin:0px auto;
}
.fotogalerie a, .fotogalerie a:hover, .fotogalerie1 a, .fotogalerie1 a:hover, .fotogalerie2 a, .fotogalerie2 a:hover, .fotogalerie .obr, .fotogalerie1 .obr, .fotogalerie2 .obr{
	float:left; width:117px; height:150px; margin-bottom:30px; text-align:center; 
}
.fotogalerie1 a, .fotogalerie1 a:hover{
	width:200px; margin:12px; border:solid 2px #ccc;
}
.fotogalerie2 a, .fotogalerie2 a:hover, .fotogalerie2 .obr{
	width:156px;  margin-bottom:10px; 
}
.fotogalerie1 a:hover{
	border:solid 2px #666;
}
.odrazka{
	display:block;
	margin-top:20px;
	padding-left:60px; 
	background:url(../images/aktuality-odrazka.jpg) center left no-repeat;
}
/*odrážky*/
#mapa-stranek ul {margin-left:10px; font-weight:bold; font-size:13px; line-height:25px;}
#mapa-stranek ul ul{margin-left:20px; font-weight:normal; font-size:12px;}
#obchodni-podminky ul {margin-left:40px; line-height:25px;}
/*konec obtékání*/
.clear{
	clear:both;
	height:1px;
	font-size:1px;
	line-height:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
}