@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 ]==
#fff - body>bgcolor
#bb0000 - cervena tm. - h1, a, #foot a:hover
#070707 - skoro cerna - foot>bgcolor
#777    - seda - h2.box>color, .grey
#e2e2e2 - sv.seda - h2.box, div.hodlder
---------------------------------------------------------------*/

/*-- [ 1. Body (tělo) ] -----------------------------------------------*/
* {margin:0; padding:0;}
body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: small;
	background:#fff url(../images/body-back.jpg) top left repeat-x;
	margin-bottom:20px;	
}
/*-- [ 2. Nadpisy a všeobecné prvky (h1, input, ...) ] -----------------------------------------------*/
/*odkaz*/
a {color:#bb0000;}
a:hover {color:#000;}
/*nadpisy*/
h1, h2, h3 {color:#bb0000;}
h1 {font-size:160%;}
h2 {font-size:140%;}
h2.box, h2.box-img {
	padding:0.8ex 10px 1ex;
	margin-bottom:0.6em; 
	border:5px solid #e2e2e2;
	background-color:#FFF;
	color:#777;
	font-size:140%;	
}
h3 {font-size:120%;}
/*formuláře*/
input[type=text]:focus, input[type=file]:focus, select:focus, textarea:focus {border:1px solid #ca1411; padding:1px;}
/*čá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:top;}
/*obrázky*/
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;
}
/*float*/
.float-r {float:right;}
.float-l {float:left;}
/* pozicoavny obrazek pozadi*/
.bgimage {display:block; position:absolute;}
/* zarovnani na stred*/
.align-center {text-align:center;}
/*font-size*/
.font-size110{ font-size:110%;}
.font-size90{ font-size:90%;}
/*font-bold-red*/
.bold-red { font-weight:bold; color:#bb0000;}
.grey { color:#333;}
.font-bold { font-weight:bold;}
/*-- [ 4. Container (rozvržení celé stránky) ] -----------------------------------------------*/
#main {width:1016px; margin:auto; background:#fffffe url(../images/cont-back.jpg) top left repeat-y;}
#main #center {background:url(../images/cont-back-gradient.png) top left no-repeat;}
#main .column {float:left;} 
#content {margin:0 0 0 270px; padding:0 10px 25px; width:446px; display:inline; }
#left {width:270px; margin:0 0 20px -1016px; padding-bottom:252px;}
#right {width:280px;}

/*-- [ 5. Top ] -------------------------------------------------*/
/*top1*/
#main #top1 {height:81px; width:1016px; background:#ddd url(../images/main-top1.jpg) top left no-repeat; position:relative; }
#main #top1 .gohome {display:block; height:50px; width:270px; position:absolute; top:10px; left:30px;}
#main #top1 .gohome span, #main #top1 #flags span {display:none}
/*--flags*/
#main #top1 #flags {position:absolute; top:7px; right:170px; cursor:default;}
#main #top1 #flags a {margin:0 3px;}
#main #top1 #flags a img {border:1px solid #fb5356;}
#main #top1 #flags:hover a img {border-color:#fe8184;}
#main #top1 #flags a:hover img {border-color:#ffdddd;}
/*--quickmenu*/
#main #top1 #quickmenu {position:absolute; top:8px; right:48px; cursor:default;}
#main #top1 #quickmenu a {margin:0 12px;}
/*top2*/
#main #top2 {height:114px; position:relative; background-color:#ddd;}
#main #top2 p {font-size:120%; padding-left:20px; color:#666;}
#main #top2 span.bgimage {
	height:114px; width:1016px;
  top:0px; left:0px; 
	background:url(../images/main-top2.jpg) top left no-repeat;
}
#main #top2 div#logo-text {position:absolute; width:315px; height:44px; left:0px; top:-17px; background-position:top left; background-repeat:no-repeat; overflow:hidden;}
#main #top2 div.cs {background-image:url(../images/text-logo/textcs.jpg);}
#main #top2 div.en {background-image:url(../images/text-logo/texten.jpg);}
#main #top2 div.de {background-image:url(../images/text-logo/textde.jpg);}
#main #top2 div.fr {background-image:url(../images/text-logo/textfr.jpg);}
#main #top2 div.nl {background-image:url(../images/text-logo/textnl.jpg);}
#main #top3 {
	height:72px; width:1016px; 
	background:url(../images/main-top3.jpg) top left no-repeat;
}
/*-- [ 6. Left ] ------------------------------------------------*/
#left #menu {margin:0 4px 0 16px;  top:-10px; font-size:110%; }
#left #menu a {color:#fff; text-decoration:none;}
#left #menu a:hover {color:#000; text-decoration:underline;}
#left ul#menu, #left ul#menu li {list-style:none;}
#left ul#menu li ul {margin-left:13px; font-size: small; line-height:1em;}

/*odkaz*/
#left ul#menu li a {display:block; padding:3px 10px 4px 30px; background:url(../images/menu-odrazka.gif) left center no-repeat;}
#left ul#menu li a.odrazka {background-image:url(../images/menu-odrazka.gif); color:#fff;}
#left ul#menu li a.odrazka-open {background-image:url(../images/menu-odrazka-open.gif);}
#left ul#menu li ul li a {background-image:url(../images/menu-odrazka-sub.gif); color:#ffcccc;}

#left ul#menu li a:hover {color:#FFF;}
#left ul#menu li div.oddelovac {background:url(../images/menu-oddelovac.png) top left no-repeat; height:2px; width:250px; margin:3px 0 6px 0px;}
/*-- [ 7. Right ] -----------------------------------------------*/
/*kontakt*/
#right #kontakt { 
	font-size:90%;
	color:#222;
	margin:0 21px 125px 9px;
	padding-top:10px;
}
#right #kontakt p {margin:0 0 0.6em 8px;}
#right #kontakt img {width:232px; margin:5px 0 2px 17px;}
#right #kontakt .img { width:181px; margin-left:34px; margin-top:20px; border:none;}
/*-- [ 8. Cont ] ------------------------------------------------*/

#content h1{margin-bottom:0.1em;}
#content h2{margin:1em 0 0.3em;}
#content h2.box-img{margin-bottom:0;}
#content h3{margin:0.8em 0 0.2em;}
#content div.holder{padding:10px 10px 15px; background-color:#f5f5f5;}
#content div.holder:hover {background-color:#eee;}
#content div.holder img{margin:5px 6px; border:5px solid #e2e2e2;}
#content div.holder img:hover{margin:5px 6px; border:5px solid #bbb;}
#content p{margin:0.4em 0.6em 0.4em 0.4em; text-align:justify; line-height:130%;}
#content .img-holder {
	width:220px; height:175px;

	font-size:90%;
	float:left;
	margin:2px 7px 0;
	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;
	position:relative;
	font-size:90%;
	color:#eee;
  height:80px;
	margin:0 21px 0 16px;
	border-top:10px solid #fff;
	background:#070707 url(../images/foot-regal_odlesk.jpg) top right no-repeat;
}
#main #foot span.bgimage {top:-114px; right:0px; background-image:url(../images/foot-regal.jpg); height:114px; width:127px;}
#main #foot #foot-menu {text-align:center; position:relative; top:30px; margin-right:60px;}
#main #foot #foot-menu a {color:#eee; margin:0 3px;}
#main #foot #foot-menu .float-r a, #main #foot #foot-menu .float-l a {text-decoration:none; color:#bb0000;}
#main #foot #foot-menu a:hover {color:#dd0000; text-decoration:underline;}
/*-- [ 10. dalsi ] -----------------------------------------------*/
/*error*/
#error h2 {margin-bottom:0.5em;}
#error .uri {border:1px dashed #ccc; padding:5px 10px 7px; margin-bottom:1em; overflow:auto;}
#error.uri {border:1px dashed #ccc; padding:5px 10px 7px; margin:0.7em 0 1em; width:50%; font-size:110%;}
#error.uri span {color:#bb0000;}
/*sitemap*/
#sitemap ul { margin:1px 0 5px 20px;}
/*legenda*/
.legenda {float:right; width:220px; margin-right:10px;}
.legenda ol li { border-bottom:1px solid #ccc; list-style-position:inside; padding:3px 5px 4px; color:#333;}
/*download password*/
#download {margin-top:1em;}
#download h2{ padding:7px 0 5px; margin:0; color:#000; font-size:small; font-weight:normal;}
#download p{ padding:0; margin:0;}
#download div.item { line-height:1.2em; min-height:117px;}
#download div.item a.img {margin-right:15px; float:left; width:125px; height:100px; border:1px solid #ccc;}
#download div.item a:hover.img {border:1px solid #777;}
#download .download-password { font-size:90%; color:#555; margin:7px 0 0 6px; padding:3px 10px 10px;}
#download .download-password form{ margin-top:2px;}
/*zadost o heslo*/
#zadost-o-heslo td {padding:1px 0px 2px 4px; margin:1px; text-align:right;}
#zadost-o-heslo td.align-left {text-align:left;}
#zadost-o-heslo td.align-center{text-align:center; padding-top:18px;}
#zadost-o-heslo optgroup {background-color:#eee; line-height:1.2em; height:1.2em; vertical-align:middle;}
#zadost-o-heslo .reset { color:#444;}
#zadost-o-heslo .zadost-katalog {font-size:90%; color:#333; text-align:left;}
/*fotogalerie*/
#fotogalerie a { float:left; width:120px; height:90px; margin:0 15px 12px 0; border:1px solid #999;}
#fotogalerie a:hover { border:1px solid #bb0000;}
ul.fotogalerie  { list-style-image: url(../images/menu-odrazka-red.gif); list-style-position:inside; margin-left:10px; margin-top:15px;}
ul.fotogalerie  li{ margin-bottom:3px;}
#fotogalerie h1 {margin-bottom:0.6em;}
#fotogalerie h2 {margin:0 0 0.6em;}