@charset "utf-8";
/*----------------------------------------------------------------------------
	Description: Kaskádové styly pro profiweby.cz
	Author:			 Profiweby, www.profiweby.cz, e-mail: info(@)profiweby.cz
	Modified:	   20. 11. 2007

	==[ TOC ]==
  1. Body       (tělo)
  2. Tags       (všeobecné prvky - h1, input, ...)
  3. Classes    (třídy pro vše platící - .clear, .float-x ..)
  4. Container  (rozvržení celé stránky)
  5. Header     (Hlavička)
  6. Sidebar    (postraní sloupec)
  7. Content    (obsah)
  8. Footer     (patička)
  9. Other      (ostatní)

	==[ Colors ]==
	1. #95c6ee  - bg(sv.modra)
	2. #ccc  - sv. seda
	3. #08466a  - a (tm.modra), h2
	4. #d82713 - cervena
----------------------------------------------------------------------------*/

/*-- [ 1. Body ] -----------------------------------------------*/
* {margin: 0; padding: 0;}
body  {
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	background: #95c6ee;
	color: #000000;
	text-align: center;
	margin:0 0 5px; 	
}
/*-- [ 2. Tags ] -----------------------------------------------*/
h1 {font-size: 150%;}
h2 {font-size: 125%;}
h3 {font-size: 100%;}
ul {margin:0 0 5px 20px;}
ul li{margin:0 0 3px 0;}
img {border:none; text-decoration:none;}
/*formuláře*/
.txt-input, .txt-area, .objednavka-pole, textarea {
	padding:2px;
	margin:2px 0px;
	color:#8a8672;		
	background: #fff url("../images/bg/bg-input.gif") left top no-repeat;
	border:1px solid #ccc;
	}
.txt-select, select {
	padding:2px;
	margin:2px 0px;
	color:#8a8672;		
	background: #fff url("../images/bg/bg-input.gif") left top no-repeat;
	border:1px solid #ccc;
	}
.txt-input:hover, .txt-area:hover, .objednavka-pole:hover {border:1px solid #333;}
.txt-input:focus, .txt-area:focus, .objednavka-pole:focus {border:1px solid #79B5D6; color:#555;}
.button{
color:#fff;	
border:solid 1px #b91806;
cursor:pointer;
padding:0px 5px;
margin:2px 0px;
background: url("../images/bt/button.jpg") left center repeat-x;}
fieldset{display:block; position:relative; border:solid 1px #9fc3d7; padding:20px 15px 20px 15px; margin:10px 0px 20px 0px; 
   background:url(../images/bg/bg-table.jpg) 0px 1px repeat-x;}
legend{position:absolute; left:5px; top:5px; color:#08466a; font-size:110%; padding:0px 10px; font-weight:bold;}
/*-- [ 3. Classes ] -----------------------------------------------*/
.float-r {float: right;}
.float-l {float: left;}
.clearfloat { 
	clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0px;
	overflow: hidden;
}
.font-size-90 { font-size:90%;}
.font-size-85 { font-size:85%;}
.align-center { text-align:center;}
ul.list-style-none { list-style:none; line-height:140%;}
.obrazek {text-decoration:none; border:solid 3px #dcefff; margin:6px 5px;}
.obrazek:hover {border:solid 3px #a0ccef;}
/*-- [ 4. Container ] -----------------------------------------------*/
#mainContainer { 
	width: 1011px;  
	background: #fff url(../images/main-back.jpg) top left repeat-y;
	margin: 14px auto; 
	text-align: left;
	position: relative; 
} 
/*-- [ 5. Header ] -----------------------------------------------*/
#header {
	position: relative;
	background: #8cbae0;
}
#header #logotype { position:absolute; top:40px; left:20px; width:240px; height:125px;}
#header #logotype span { display:none;} 
#header a#login { 
	position:absolute; top:6px; right:26px; 
	width:138px; height:1.2em; 
	text-align:center; 
	font-size:85%; color:#16588e; 
	text-decoration:none;
}
#header a#login:hover { color:#fff; text-decoration:underline;}
#header form#form {	
	position:absolute; top:53px; right:35px;
	width:250px; height:20px;
	overflow:hidden;
}
#header form#form .input-text {width:160px; padding:1px 10px 0; height:20px; color:#555; background:none; border:none;	font-size:x-small; }
#header form#form .input-button { background:none; border:none; color:#FFF; margin-left:3px; padding:1px 0 5px; width:58px;	font-size:x-small; cursor:pointer; }
#header #top1 { height:198px;}
#header #top1 p { color:#124a78; padding:1em;}
#header #top1 span { 
	position:absolute; top:0px; left:0px; 
	background:url(../images/top1.jpg) top left no-repeat;
	height:198px; width:100%;
}
#header #top-menu { height:37px; background:#25679d url(../images/top-menu.png) top left no-repeat; margin-bottom:10px; overflow:hidden; position:relative;} 
#header #top-menu ul {list-style:none; margin:0 auto; font-size:110%; width:925px; position:relative;}
#header #top-menu ul li { float:left; height:39px; line-height:39px; vertical-align:middle; padding:2px 12px 0; margin:0 13px;}
#header #top-menu ul li a {color:#FFF; text-decoration:none;}
#header #top-menu ul li a:hover { text-decoration:underline;}
#header #top-menu ul li.selected {position:relative; background:#fff url(../images/top-menu-hover-back.png) top left repeat-x; padding-top:4px}
#header #top-menu ul li.selected a {color:#08466a;}
#header #top-menu ul li.selected a:hover { text-decoration:none;}
#header #top-menu ul li.selected .img-l { background:url(../images/top-menu-hover-left.png) top left no-repeat; width:8px; height:39px; position:absolute; top:0px; left:0px;}
#header #top-menu ul li.selected .img-r { background:url(../images/top-menu-hover-right.png) top left no-repeat; width:8px; height:39px; position:absolute; top:0px; right:0px;}
/*-- [ 6. Sidebar ] -----------------------------------------------*/
#col-holder {
	margin:0 0 0 250px;
}
.col {
	float:left; 
	width:253px; /*IE6 fixed*/
	margin:5px 10px 0 0;
	position: relative;
	overflow: hidden;
}
.col .box { width:205px; height: 420px; margin-bottom:10px; padding:12px 15px; color:#08466a;}
.col .box.i1 {background:url(../images/uvod/uvod-1.jpg) top left no-repeat;}
.col .box.i2 {background:url(../images/uvod/uvod-2.jpg) top left no-repeat;}
.col .box.i3 {background:url(../images/uvod/uvod-3.jpg) top left no-repeat;}
.col .box.i4 {background:url(../images/uvod/uvod-4.jpg) top left no-repeat;}
.col .box.i5 {background:url(../images/uvod/uvod-5.jpg) top left no-repeat;}
.col .box.i6 {background:url(../images/uvod/uvod-6.jpg) top left no-repeat;}
.col .box h2 { margin:0; padding-bottom:5px;}
.col .box ul { list-style-image: url(../images/uvod/uvod-bullet.png);}
.col .box ul li{list-style-image: url(../images/uvod/uvod-bullet.png); line-height:1.25em;}
.col .box ul a { color:#08466a; text-decoration:none;}
.col .box ul a:hover { text-decoration:underline;}
.col .box strong {font-size:110%;}
.col .box p {line-height:150%;  font-size:90%;}
.col .box img {margin-right:5px;}

/*news*/
#col4 {	margin:0px; float: none;}
/* heading, anchor and paragraph margins*/
#col4 h2 {
	font-size:150%;
	margin:0 0 0.6em; 
	height:48px;
	padding-left:20px;
	color:#333;
	line-height:48px; 
	vertical-align:middle;
	background:#ccc url(../images/uvod/uvod-h1-back.png) top left no-repeat;
} 
#col4 .news { margin:0 10px 8px; padding-bottom:15px; /*background:url(../images/uvod/uvod-news-oddelovac.png) bottom center no-repeat;*/ margin-bottom:20px; /*uprava*/}
#col4 .news h3 { margin:0; font-size:110%;}
#col4 .news h3 a { text-decoration:none; color:#111; }
#col4 .news h3 a:hover { text-decoration:underline; }
#col4 .news span { font-size:85%; color:#666; display:block;}
#col4 .news p { text-align:justify;}
#col4 .archiv { text-align:right; font-weight:bold; margin-right:10px;position:relative; top:-15px;}
#col4 .archiv a{ font-weight:normal; color:#d82713; font-size:90%;}
#col4 .archiv a:hover { color:#000;}

.col h2, .col h3 {margin: 0.8em 0 0.3em;} 
.col h2 {color:#08466a;}
.col p {margin-bottom: 0.5em;} 
.col a {color:#333;}
/*-- [ 7. Content ] -----------------------------------------------*/
#mainContent { 
	margin:0 280px 0 0px;
	padding:10px 20px 20px; 
	position: relative;
	min-height:100px;
} 

/*-- [ 8. Footer ] -----------------------------------------------*/
#footer {
	position:relative;
	padding:15px; 
	background:#95c6ee url(../images/bottom.jpg) top left no-repeat;
	min-height:20px; 
}
#footer .bagr { background:url(../images/bottom-img-left.jpg); width:243px; height:203px; position:absolute; left:3px; top:-133px;}
#footer .foot-l { float:left;}
#footer .foot-r { float:right;}
#footer .foot-l a, #footer .foot-r a,#footer .foot-center .adresa a { color:#16588e; text-decoration:none;}
#footer .foot-l a:hover, #footer .foot-r a:hover { color:#111; text-decoration:underline;}
#footer .foot-menu { text-align:center;}
#footer a {	color:#04344f; margin:0 5px;}
#footer a:hover { color:#111;}
#footer .foot-center {
	position:absolute; top:25px; left:185px;
	width:720px; height:50px;
	color:#04344f;
}
#footer .foot-center .adresa { font-size:90%; color:#16588e; margin-top:10px;}
/*-- [ 9. Other ] -----------------------------------------------*/
/*error*/
#error h1{font-size:medium; line-height:1.2em; padding-top:5px;}
#error h2{margin-bottom:0.6em; margin-left:0.2em;}
#error h3{font-size:150%;margin-bottom:0.3em; font-style:italic;}
#error p{margin-bottom:0.4px; color:#555;}
#error p.hint {font-weight:bold; color:#000;}
#error div.uri {padding:4px 10px 5px; margin-bottom:1em; border:1px dashed #ccc; color:#666;}
/*napiste nam, doporucit stranku*/
#mail-form {width:95%;}
#mail-form .text_area {width:99%;}
#mail-form th {width:105px; padding-right:5px;}
/* styly tykajici se vyskakovaciho pole s formularem */
#popup-form{
position:absolute;
right:27px;
top:26px;
width:115px;
height:0px;
z-index:49;
padding:10px;
display:none;
font-weight:bold;
text-align:right;
color:#08466a; border:solid 1px #7eafd8; background:url(../images/prihlaseni.png) top left repeat-x;
}
#popup-form .txt-input{
width:150px
}


#sidebar {
float:right;
margin-bottom:150px;
overflow:hidden;
position:relative;
width:270px;
}

ol
{
    padding-left: 35px;
}

/*kontakt*/
#kontakt-side {margin:25px 0 0 0px; width:253px; height:230px; background:url(../images/kontakt-back.png) top left repeat-x; position:relative;}
#kontakt-side .top { height:4px; background:url(../images/kontakt-back-top.png) top left no-repeat; margin-bottom:30px;}
#kontakt-side .bottom {height:4px; width:260px; background:url(../images/kontakt-back-bottom.png) top left no-repeat;position:absolute; bottom:0px; left:0px}
#kontakt-side p { font-size:90%; margin:0 30px; color:#08466a; line-height:150%;}
#kontakt-side p strong { font-size:110%; display:block; margin-bottom:0.5ex;}
#kontakt-side p a {color:#d82713;}
#kontakt-side p img {margin-right:5px;}