@charset "utf-8";
/*----------------------------------------------------------------------------
	Description: Kaskádové styly pro profiweby.cz
	Author:			 Profiweby, www.profiweby.cz, e-mail: info(@)profiweby.cz
	Modified:	   28. 8. 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. #  - h1
	2. #  - h2	
	3. #  - a
----------------------------------------------------------------------------*/

/*-- [ 1. Body ] -----------------------------------------------*/
* {margin: 0; padding: 0; }
body  {
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
	margin:0px; 
	background:#fff url(../images/bg.png) top left repeat-x;
	}
/*-- [ 2. Tags ] -----------------------------------------------*/
h1 {font-size: 170%;}
h2 {font-size: 135%;}
h3 {font-size: 100%;}
ul {margin:0 0 5px 20px;}
ul li{margin:0 0 3px 0;}
a {color:#174485;}
a:hover {color:#ee3637;}
img {border:none; text-decoration:none;}
/*-- [ 3. Classes ] -----------------------------------------------*/
.float-r {float: right;}
.float-l {float: left;}
.clearfloat { 
	clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0px;
	overflow: hidden;
}
.clear-left {clear:left;}
.font-size-90 { font-size:90%;}
.font-size-85 { font-size:85%;}
/*formuláře*/
.txt-input, .txt-area, .objednavka-pole, textarea {
	padding:2px;
	margin:2px 0px;
	color:#8a8672;		
	background: #fff url("../images/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-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 #fe7e01; color:#555;}
/*button*/
.button {
	border:none; 
	color:#fff; 
	width:77px; 
	height:24px;
	font-size:120%; 
	line-height:25px;
	vertical-align:middle;
	cursor:pointer;
	background:#ee3637 url(../images/button.png) bottom left repeat-x; overflow:hidden;
}
/*-- [ 4. Container ] -----------------------------------------------*/
#main {margin: 0; padding: 0; background:url(../images/bg1.png) top center no-repeat;} 	
#mainContainer { 
	width: 988px;  
	margin: 0 auto; 
	padding:0px 5px 0px 5px;
	margin-top:0px;
	text-align: left;
	background:#fff;
} 
/*-- [ 5. Header ] -----------------------------------------------*/
#header {	position: relative;}
#header #logotype { position:absolute; top:15px; left:40px; width:300px; height:70px;}
#header #top {
display:block;
padding-top:5px;
background:url(../images/bg-top.png) top center repeat-x;
}
/*menu*/
#header #top ul#main-menu {
	
	height:65px; line-height:65px; vertical-align:middle; 
	list-style:none; 
	margin:0; padding:0; padding-left:300px;
	margin-top:15px; margin-bottom:15px; padding-left
	float:left;
}
#header #top ul#main-menu li {
	margin:0; 
	padding:0px 26px; 
	float:left;
	background:url(../images/carka.png) left top no-repeat;
}
#header #top ul#main-menu li a {font-size:120%; text-decoration:none;}
#header #top ul#main-menu li a:hover {text-decoration:underline;}

/*-- [ 6a. Sidebar Left ] -----------------------------------------------*/
#side-left {
	float: left; 
	margin:0 0 0 -988px;	
	width: 300px; /*IE6 fixed*/
	overflow: hidden;
	background:url(../images/bg-seda.png) 0px 266px repeat-x; 	 
}
#o-spolecnosti{
	padding:22px 22px 0px 22px;
	height:244px;
	background:#072552 url(../images/bg-modra.png) 0px 0px repeat-x; 
}
#o-spolecnosti a{
	color:#fff;
	text-decoration:none;
}
#o-spolecnosti .nadpis{
	font-weight:bold;
	font-size:135%;
}
#o-spolecnosti p{
	line-height:180%;
	margin:10px 0px;
	font-size:90%;
}
#o-spolecnosti .button1{
display:block;ho
margin:0px auto;
	height:34px;
	width:256px;
	text-align:center;
	text-transform:uppercase;
	line-height:34px;
	background:url(../images/bt.png) 0px 0px no-repeat; 
	text-decoration:none;
font-size:85%;
}

/*-- [ 6b. Sidebar Left ] -----------------------------------------------*/
#side-right {
	float: left; 
	width: 210px; /*IE6 fixed*/
	overflow: hidden;	 
}
/*h2 - side l+r*/
.sidebar h2 {
	font-size:150%;
	padding:0 12px;
	color:#174485;
	height:38px; line-height:38px; vertical-align:middle;
	background:url(../images/h2-back.png) top left no-repeat;
}
/*menu - side l+r*/
.sidebar ul.menu-side {list-style:none; margin:0 10px 25px 5px; padding:0;}
.sidebar ul.menu-side li {
	list-style:none; 
	margin:0; padding:0;
}
.sidebar ul.menu-side li a {
	display:block;
	padding:6px 0 6px 23px; 
	text-decoration:none;	
	background:url(../images/bull-grey-plus.png) center left no-repeat;
	border-bottom:1px solid #e0e0e0;
	color:#185a90;
}
.sidebar ul.menu-side li a:hover { background-color:#f0f0f0; text-decoration:underline;}
.sidebar ul.menu-side li.open a {background-image:url(../images/bull-grey-minus.png); font-weight:bold;}
.sidebar ul.menu-side li.open ul {margin:0; padding:0;}
.sidebar ul.menu-side li.open li {list-style:none; margin:0; padding:0; background-image:none;}
.sidebar ul.menu-side li.open ul a {background-image:none; padding-left:28px; color:#444; font-weight:normal;}
/*odkaz s odrazkou*/
.sidebar a.link {margin-top:10px; margin-left:50px; font-size:11px; color:#174485; padding-left:18px; background:url(../images/bg-aktuality.png) top left no-repeat;} 
.sidebar a.link:hover {color:#333;} 
/*aktuality*/
.sidebar h2 {padding:10px 20px;}
.sidebar .aktuality {padding:10px 20px;}
.sidebar .aktuality .date {
	float: left; 
	width: 48px; /*IE6 fixed*/
	overflow: hidden;
	background:url(../images/bg-calendar.png) 0px 0px no-repeat;
	}
.sidebar .aktuality .calendar {
	display:block;
	width:36px;
	height:30px;
	font-size:80%;
	text-align:center;
	padding-top:8px;
	background:url(../images/bg-calendar.png) 0px 0px no-repeat;
	}
.sidebar .aktuality .calendar strong{
	font-weight:bold;
	font-size:105%;
	
	}
.sidebar .aktuality  h3 {margin-left:55px;  font-size:110%;}
.sidebar .aktuality  h3 a {color:#174485;}
.sidebar .aktuality  h3 a:hover {color:#ee3637;}
.sidebar .aktuality  p {margin-left:55px; line-height:170%; margin-bottom:15px;} 

/*doporucujeme*/
.sidebar .doporucujeme {margin:3px 12px 25px 7px; padding-top:0.6ex;}
.sidebar .doporucujeme div {min-height:70px; padding:5px 0 3px; margin-bottom:0.4em; border-bottom:1px dotted #999;}
.sidebar .doporucujeme div a.img {float:left; width:66px; height:66px; border:1px solid #e4e4e4;}
.sidebar .doporucujeme div a.img:hover {border-color:#1c82ba;}
.sidebar .doporucujeme div p {margin-left:75px; font-size:85%;}
.sidebar .doporucujeme div strong {display:block; font-size:110%;}
.sidebar .doporucujeme div strong a:hover {color:#1c82ba;}
/*-- [ 7. Content ] -----------------------------------------------*/
#mainContent {
	float:left;
	display:inline;
	width:688px;
	margin-left:300px;
} 
#obrazek { 
display:block;
position:relative;
height:266px;
width:688px;
background:url(../images/bg-obrazek.jpg) top left no-repeat;
} 
.napiste { 
position:absolute;
right:15px;
top:170px;
} 
.mapa{ 
position:absolute;
right:50px;
top:170px;
} 
#content { 
padding:0px 15px 15px 15px; 
} 
/* heading, anchor and paragraph margins*/
#mainContent h1 {margin:0.5em 0 0.1em;	color:#174485;} 
#mainContent h2 {margin: 0.8em 0 0.1em;	color:#174485; margin-top:10px;} 
#mainContent h3 {margin:0 0 0.1em;	color:#174485;}
#mainContent p {margin-bottom: 15px; line-height:180%;} 
#mainContent a {color:#333;}
/*product holder*/
#mainContent .holder {margin-top:0.3em;}
#mainContent .holder div {float:left; width:319px; background: #bcbaba url(../images/bg-nomad.jpg) top left no-repeat; margin-bottom:20px; }
#mainContent .holder div h2{padding-top:80px; line-height:34px; padding-left:10px; font-weight:normal;}
#mainContent .holder div p{float:left; padding:10px; width:299px; background: #bcbaba url(../images/bg-holder.png)left top repeat-x; }
#mainContent .holder div a { color:#fff;}
#mainContent .holder div a:hover {color:#ee3637;}
#mainContent .holder div.holder2 {background: #bcbaba url(../images/bg-to.jpg) top left no-repeat; margin-left:20px;}
#mainContent .holder div.holder3 {background: #bcbaba url(../images/bg-sluzby.jpg) top left no-repeat;}
#mainContent .holder div.holder4 {background: #bcbaba url(../images/bg-reference.jpg) top left no-repeat; margin-left:20px;}
#mainContent .holder div.holder5 {background: #bcbaba url(../images/bg-cile.jpg) top left no-repeat;}
#mainContent .holder div.holder6 {background: #bcbaba url(../images/bg-cile.jpg) top left no-repeat; margin-left:20px;}

/*-- [ 8. Footer ] -----------------------------------------------*/
#footer { 
	display:block;
	position:relative;
	width:988px;
	margin:0px auto;
	padding:25px;
	line-height:180%;
	background:#95c6ee url(../images/bg-footer.png) top left repeat-x;
	color:#fff;
	font-size:90%; 
}
#footer .foot-l { float:left; text-align:left;}
#footer .foot-r { float:right; text-align:right;}
#footer .foot-l a, #footer .foot-r a { color:#fff;}
#footer .foot-l a:hover, #footer .foot-r a:hover {color:#ee3637;}

 
/*-- [ 9. Other ] -----------------------------------------------*/
/*error*/
#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;}
#mail-form input[type=reset] {color:#444;}