@charset "utf-8";
/*----------------------------------------------------------------------------

+ ************************************************************************************* +
*																						*
*	Description: Kaskádové styly pro aitom.cz										*
*	Author:		Profiweby, www.profiweby.cz, e-mail: info(@)profiweby.cz				*
*	Modified:	24. 4. 2008																*
*																						*
+ ************************************************************************************* +

	==[ 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;
	background:#fff url(../images/back.png) top left repeat-x;
	color: #000000;
	text-align: center;
	line-height:130%; 	
}
body.bg {background-image:url(../images/back2.png);}
/*-- [ 2. Tags ] -----------------------------------------------*/
h1, h2, h3{font-weight:normal;}
h1 {font-size: 220%; color:#fe7e01;}
h2 {font-size: 170%; margin-top:20px;}
h3 {font-size: 140%; color:#4e565f; margin-top:10px;}
ul {margin:0 0 5px 20px;}
ul li{margin:0 0 3px 0;}
a {color:#333;}
img {border:none; text-decoration:none;}
/*clear*/
	.clear{
	clear:both;
	height:1px;
	font-size:1px;
	line-height:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
		}
/*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;}
/*tabulka*/
.tabule, .tabule tr, .tabule td, .tabule th{
	border-collapse:collapse;
	border:solid 1px #cccccc;
	}
.tabule th{
	background:#f6f8f9; text-align:center;
	}
.tabule th, .tabule td{
	padding:5px;
	}
/**/
.button {
	border:none; 
	color:#fff; 
	width:90px; 
	height:27px;
	font-size:115%; 
	line-height:10px;
	vertical-align:middle;
	cursor:pointer;
	font-weight:bold;
	background:url(../images/button.png) bottom left no-repeat; overflow:hidden;
}
.obrazek img{
	margin:10px 20px;
	padding:2px;
	border: solid 3px #e4f2fe;
}
.obrazek img:hover{
	border-color:#adcfed;
}
.no{
	display:none;
}
/*-- [ 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%;}
/*-- [ 4. Container ] -----------------------------------------------*/
#mainContainer { 
	width: 990px;  
	margin: 0 auto; 
	text-align: left;
} 
/*-- [ 5. Header ] -----------------------------------------------*/
/*TOP1*/
#header #top1 { height:111px; position:relative;}
#header #top1 p{ color:#1e83ba; font-weight:bold; position:absolute; top:10px; left:10px;}
#header #top1 span { height:108px; width:309px; position:absolute; top:0; left:0; background:url(../images/top-logo.png) top left no-repeat;}
/*odkaz - uvodni strana*/
#header #top1 #logotype { position:absolute; top:19px; left:40px; width:215px; height:50px;}
#header #top1 #logotype span { display:none;} 
/*hledej*/
#header #top1 #search {
	position:absolute; top:12px; right:20px; 
	width:274px; height:28px;
	background:url(../images/top-hledej-back.png) no-repeat; overflow:hidden;
	padding-top:6px;
}
#header #top1 #search .searchText {border:1px solid #c0dff9; padding:2px; font-size:11px; background:#fff url(../images/top-input-back.png) repeat-x; width:180px; margin:0 3px 0 15px;}
#header #top1 #search .searchBtn {cursor:pointer; border:2px solid #9f0202; padding:0 3px; font-size:11px; color:#fff; background:#b70303 url(../images/top-button-back.png) repeat-x;}
/*menu*/
#header #top1 #main-menu {
	position:absolute; right:0; bottom:0;
	height:41px; line-height:41px;	
}
#header #top1 #main-menu ul {list-style:none;}
#header #top1 #main-menu ul li {
	float:left; 
	position:relative; 
	margin-left:10px; 
	white-space:nowrap; 
	overflow:hidden;
}
#header #top1 #main-menu ul li a {
	text-decoration:none;	
	font-size:110%;
	float:left;
	color:#2084bb; 
	font-weight:bold;
	padding:0 15px;	height:41px;
}
#header #top1 #main-menu ul li a:hover, #header #top1 #main-menu ul li:hover a, #header #top1 #main-menu ul li.selected a  {
	text-decoration:underline;
	color:#ffdddd;
	background:#bd2828 url(../images/menu-back.png) repeat-x;
}
#header #top1 #main-menu ul li.selected a {color:#fff; text-decoration:none;}
#header #top1 #main-menu ul li .roh-l {position:absolute; top:0px; left:0px; height:41px; width:10px; z-index:20; background-image:url(../images/menu-left.png); display:none;}
#header #top1 #main-menu ul li .roh-r {position:absolute; top:0px; right:0px; height:41px; width:10px; z-index:20; background-image:url(../images/menu-right.png);display:none;}
#header #top1 #main-menu ul li:hover {background:url(../images/menu-back.png) repeat-x;}
#header #top1 #main-menu ul li:hover .roh-l, #header #top1 #main-menu ul li:hover .roh-r {display:block;}
#header #top1 #main-menu ul li.selected .roh-l, #header #top1 #main-menu ul li.selected .roh-r {display:block;}
/*TOP2*/
#header #top2 { height:223px; position:relative; background:url(../images/top2-head.jpg) top left no-repeat; overflow:hidden;} 
#header #top2 .holder-left, #header #top2 .holder-right {
	width:230px;	height:220px;
	position:absolute; top:0;
}
#header #top2 .holder-left {left:280px;}
#header #top2 .holder-right {right:0;}
#header #top2 .holder-left p, #header #top2 .holder-right p {
	padding:15px 0px;
	color:#f3b2b2;
	font-size:105%;
	line-height:130%;
}
#header #top2 .holder-left p strong, #header #top2 .holder-right p strong {
	display:block;
	font-size:130%;
	margin-bottom:0.3em;
	color:#ffbbbb;
}
#header #top2 .holder-left p a, #header #top2 .holder-right p a {
	font-size:110%;
	color:#fff;
	display:block;
	margin-bottom:5px;
	height:33px;
	padding-left:30px;
	background:url(../images/top-head-odrazka.png) top left no-repeat;	
}
#header #top2 .holder-left p a:hover, #header #top2 .holder-right p a:hover {
	color:#ffa5a5;
}
/*top2 uzke*/
#header #top2-short {
	padding-left:20px;	
	height:30px; line-height:29px;
	vertical-align:middle;
	font-size:90%;
	color:#FFF;
}
#header #top2-short span {color:#000; padding:0 5px;}
#header #top2-short a {color:#fff;}
#header #top2-short a:hover {color:#ffa5a5;}
/*-- [ 6. Sidebar ] -----------------------------------------------*/
#sidebar {
	float: right; 
	width: 290px; /*IE6 fixed*/
	overflow: hidden;
	margin:0px;
  margin-bottom:20px;	 
}
#sidebar h2 {margin-bottom:10px; font-size:155%; color:#b42828;}
/*aktuality*/
#sidebar .aktuality {padding:22px 0px 10px 5px; margin-bottom:15px;}
#sidebar .aktuality h3 {display:inline; font-size:120%; font-weight:bold;}
#sidebar .aktuality h3 a {color:#555;}
#sidebar .aktuality span {font-size:85%; color:#333; margin-left:4px;}
#sidebar .aktuality p {margin:0.3em 0 1em; font-size:90%; line-height:160%; }
#sidebar .aktuality a.old {
	color:#b42828;
	display:block;
	padding:0 0 3px 23px;
	margin-left:5px;
	background:url(../images/bull-orange-plus.png) no-repeat center left;
}
#sidebar .aktuality a.old:hover {color:#333;}
#sidebar .aktuality a:hover {color:#b42828;}

/*---s pozadim---*/
#sidebar .bg, #sidebar .bg1  {background:url(../images/side-back-middle.png) top left repeat-y; padding:10px 25px 5px 25px; }
#sidebar .bg h3, #sidebar .bg1 h3 {display:inline;}
#sidebar .bg span, #sidebar .bg1 span {font-size:85%; color:#333; margin-left:5px;}
#sidebar .bg p, #sidebar .bg1 p {margin:0.3em 0 1em; line-height:180%;}
#sidebar .bg a:hover, #sidebar .bg1 a:hover {color:#333;}
#sidebar .bg-top {height:47px; background:url(../images/side-back-top.png) top left no-repeat;}
#sidebar .bg-top h2 {font-size:140%; padding:5px 0px 0px 20px;}
#sidebar .bg-bottom {margin-bottom:15px; height:15px; background:url(../images/side-back-bottom.png) top left no-repeat;}
#sidebar .bg-menu {display:block; padding: 10px 25px 30px 25px; margin:0px; background:url(../images/side-back.png) top left no-repeat;}

#sidebar .bg1  {background:url(../images/side-back-middle1.png) top left repeat-y; }
#sidebar .bg1-top {height:47px; background:url(../images/side-back-top1.png) top left no-repeat;}
#sidebar .bg1-top h2{font-size:140%; padding:5px 0px 0px 20px;}
#sidebar .bg1-bottom {height:15px; background:url(../images/side-back-bottom1.png) top left no-repeat;}
#sidebar .bg1-menu {display:block; padding: 10px 25px 30px 25px; margin:0px; background:url(../images/side-back1.png) top left no-repeat;}
#sidebar .bg1 a, #sidebar .bg a {color:#1771bb;}
#sidebar .bg1 a:hover, #sidebar .bg a:hover {color:#b42828;}
/*menu*/
#sidebar .bg-menu ul.menu {list-style:none; margin:0; padding:0;}
#sidebar .bg-menu ul.menu li {border-bottom:1px solid #ccc; padding:0; margin:0; font-size:95%;}
#sidebar .bg-menu ul.menu li a {
	display:block;
	border-top:1px solid #fff;
	text-decoration:none;
	color:#4e565f;
	padding:9px 5px 12px 30px;
	margin:0 0 0 5px;
	background:url(../images/odrazka-sipka-cervena-mala.png) 0px 9px no-repeat;
}
#sidebar .bg-menu ul.menu li a:hover {text-decoration:underline; color:#b42828;}
#sidebar .bg-menu ul.menu li.selected {font-weight:bold; text-decoration:none; color:#4e565f; background:url(../images/side-menu-selected-back.png) top right repeat-y;}
/*klient*/
#sidebar .bg p.klient {line-height:150%;}
#sidebar .bg p.klient img.align {vertical-align: text-top;}
/*--  Sidebar1 --*/
#sidebar1 {
	float: right; 
	width: 321px; /*IE6 fixed*/
	overflow: hidden;
	padding:15px 0 20px;	 
}
#sidebar1 h2 {margin-bottom:10px; font-size:155%; color:#01233f;}

#sidebar1 .bgblue p.klient {line-height:150%;}
#sidebar1 .bgblue p.klient img.align {vertical-align: text-top;}
/*s modrym pozadi*/
#sidebar1 .bgblue {background-color:#e4f2fe; padding:0 20px 5px;}
#sidebar1 .bgblue h2 {margin:0px; margin-bottom:10px;}
#sidebar1 .bgblue h3 {display:inline; font-size:110%; font-weight:bold;}
#sidebar1 .bgblue h3 a {color:#1771bb;}
#sidebar1 .bgblue span {font-size:85%; color:#333; margin-left:5px;}
#sidebar1 .bgblue p {margin:0.3em 0 1em;}
#sidebar1 .bgblue a.old {
	color:#b92a2a;
	display:block;
	padding-bottom:5px;
	padding-left:25px;
	height:21px;
	background:url(../images/odrazka-sipka-cervena-mala.png) no-repeat left top;
}
#sidebar1 .bgblue a:hover {color:#333;}
#sidebar1 .bgblue-top {height:20px; background:url(../images/side-back-top2.png) top left no-repeat;}
#sidebar1 .bgblue-bottom {height:20px; background:url(../images/side-back-bottom2.png) top left no-repeat;}
/*kontakt*/
#sidebar1 .kontakt {padding:15px 10px 5px; color:#444;}
#sidebar1 .kontakt strong {display:block;}
#sidebar1 .kontakt h3 {color:#4e565f; font-size:110%;  font-weight:bold; padding:0 0 5px 23px; background:url(../images/odrazka-sipka-cervena-mala.png) top left no-repeat;}
#sidebar1 .kontakt p {margin-bottom:1.2em; margin-left:25px; font-size:90%; line-height:140%; position:relative; top:-4px;}
#sidebar1 .kontakt a {color:#1771bb;}
#sidebar1 .kontakt a:hover {color:#b42828;}
#sidebar1 .kontakt .mapa {margin:12px 0 28px 5px;}
/*-- [ 7. Content ] -----------------------------------------------*/
#mainContent {
	float:left;
	width:640px;
	padding-bottom:2em;
	padding-top:22px;
} 
/* heading, anchor and paragraph margins*/
#mainContent h1 {margin: 10px 0px; padding-bottom:10px; border-bottom:solid 1px #aeb1b5; color:#01233f; font-weight:normal;} 
#mainContent h2 {margin: 25px 0px 15px 0px; padding-bottom:5px;  color:#01233f; border-bottom:dotted 1px #01233f;}  
#mainContent h3 {margin:20px 0px 5px 0px; padding:0px; color:#1771bb;} 
#mainContent p {line-height:155%; margin:5px 0px 15px 0px;} 
#mainContent a {color:#1771bb;}
#mainContent a:hover {color:#b42828;}

#mainContent ul,li{
margin: 0px; padding: 0px;
list-style:none;
display:block;
}
#mainContent ul{margin: 5px 0px 5px 5px;  line-height:180%; vertical-align:middle;}
#mainContent li{
padding-left:20px;
background: url(../images/li1.gif) 5px 7px  no-repeat;
}
/*proc my*/
#mainContent #proc-my {
	margin-top:30px;
	padding:0 20px 5px;
}
#mainContent #proc-my p { 
	padding-left:32px;
	margin-bottom:0.6em;
	background:url(../images/odrazka-sipka-cervena-velka.png) center left no-repeat;
	min-height:3em;
}
#mainContent #proc-my p strong {color:#1771bb; display:block;}
/*holder*/
#mainContent .holder { font-size:90%; overflow:hidden; margin-top:10px;}
#mainContent .holder div {
	float:left;
	padding:15px 10px 15px 15px;
	margin:10px 10px 5px 5px;
	width:280px; height:130px; 
	background:url(../images/holder-back.png) top left no-repeat;
}
#mainContent .holder div p {margin:0px 0px 0px 90px;}
#mainContent .holder div p a {display:block; color:#1771bb; margin-top:6px; padding-left:22px; background:url(../images/bull-orange-plus.png) center left no-repeat;}
#mainContent .holder div p a:hover {color:#b42828;}
#mainContent .holder div img {float:left; width:75px;margin:0px;}
#mainContent .holder div h2{ padding-bottom:5px;  color:#01233f; text-decoration:none; margin:0px 0px 10px 0px; font-weight:bold; font-size:150%; border:none;}
#mainContent .holder div h2 a{ padding-bottom:5px;  color:#01233f; text-decoration:none; margin:0px 0px 10px 0px; font-weight:bold; font-size:100%; border:none;}
/*reference*/
.reference {margin-top:1.3em; font-size:90%;}
.reference div {
	width:190px; height:180px; 
	float:left; 
	overflow:hidden; 
	margin:10px 10px; position:relative;
}
.reference1 div {
	width:190px; height:160px; 
	float:left; 
	overflow:hidden; 
	margin:10px 10px; position:relative;
}
.reference3 div {
	width:190px; height:160px; 
	display:block;
	overflow:hidden; 
	margin:10px 25px; position:relative;
}
.reference4 div {
	width:190px; height:180px; 
	display:block;
	overflow:hidden; 
	margin:10px 25px; position:relative;
}
.reference-tabulka{
	width:420px;
	float:left; 
	line-height:220%;
	overflow:hidden; 
	margin:0px; position:relative;
}
.reference-odkaz{
	display:block;
	width:350px; height:50px; line-height:50px; vertical-align:middle; font-size:130%;
	background:url(../images/reference-odkaz.png) top left no-repeat;
	padding-left:70px;
	font-weight:bold;
	margin:15px 0px 5px 0px;
}
/*zobraz-odkaz*/
#mainContent  .zobraz-odkaz{
	display:block;
	width:280px; height:40px; line-height:40px; vertical-align:middle; font-size:100%;
	background:url(../images/zobraz-odkaz.png) top left no-repeat;
	padding-left:70px;
	font-weight:bold;
	margin:0px 0px 10px 290px;
}
#mainContent  .zobraz-odkaz a{
	color:#1771bb;
	font-weight:bold;
}
#mainContent  .zobraz-odkaz a:hover{
	color:#b42828;
}

/*vyjádření klienta*/
#mainContent .bg-top-klient {display:block; margin:0px; padding:0px; height:44px; background:url(../images/klient-top.png) top left no-repeat;}
#mainContent .bg-top-klient h3{font-size:150%; padding:5px 0px 0px 100px; color:#01233f;}
#mainContent .bg-klient {display:block; margin:0px; padding:5px 25px; margin:0px; background:url(../images/klient.png) top left repeat-y;}
#mainContent .bg-bottom-klient {display:block; margin:0px; padding:0px; height:9px; background:url(../images/klient-bottom.png) top left no-repeat;}
/*
#mainContent .reference div span {
	position:absolute; top:0; left:0;
	width:200px; height:200px;
	background:url(../images/reference-holder-over.png) top left no-repeat;
}*/
.reference div.left {margin-right:8px;}
.reference a, .reference3 a, .reference4 a  {
	display:block;
	padding:0px 10px 2px 20px;
	margin:0px 0 0 15px;
	background: url(../images/bull-orange-plus.png) no-repeat 0px 3px;
}
.reference .images, .reference .images:hover, .reference1 .images, .reference1 .images:hover, .reference3 .images, .reference3 .images:hover, .reference4 .images, .reference4 .images:hover{
	width:190px; height:130px;
	display:block;
	padding:11px 0px 0px 14px;
	margin:0px;
	background: url(../images/podkladreference.gif) no-repeat 0px 0px;
}
.reference .images:hover, .reference1 .images:hover, .reference3 .images:hover, .reference4 .images:hover{
	background: url(../images/podkladreference.gif) no-repeat 0px -152px;
}
.reference a:hover, .zobrazit-reference a:hover {color:#333;}
.reference a, .reference3 a, .reference4 a {color:#b42828;}
/*strankovani*/
#mainContent .pages {
	width:641px;
	margin:0 0 0 8px; 
	background:#e6f3fe url(../images/pages-back.png) top left no-repeat; 
	clear:left;
	font-size:90%;
	overflow:hidden;
	text-align:center;
	height:27px;
}
#mainContent .pages .arr-l {float:left; margin:4px 10px 0;}
#mainContent .pages .arr-r {float:right; margin:4px 10px 0;}
#mainContent .pages .page-no {padding-top:5px;}
#mainContent .pages .page-no a {padding:0 3px; color:#4e565f; text-decoration:none; vertical-align:middle;}
#mainContent .pages .page-no a:hover {color:#000; text-decoration:underline;}
#mainContent .pages .page-no a.selected {padding:1px 6px; color:#fff; background:url(../images/pages-selected.png) center center no-repeat; text-decoration:none;}
/*formuláře*/
#mainContent .formular {background:url(../images/formular-back-middle.png) top left repeat-y; padding:20px 40px 20px 40px; }
#mainContent .formular .txt-input{width:250px;}
#mainContent .formular th{padding-top:10px;}
#mainContent .formular em{display:block; color:#666; padding-bottom:20px; font-size:90%;}
#mainContent .formular-top {display:block; position:relative; margin-top:10px; height:11px; background:url(../images/formular-back-top.png) top left no-repeat;}
#mainContent .formular-bottom {height:11px; background:url(../images/formular-back-bottom.png) top left no-repeat;}
#mainContent .formular-obr {position:absolute; top:-29px; right:20px; width:114px; height:95px; background:url(../images/formular-back-obr.png) top left no-repeat;}
/*vypis produktu a sluzeb*/
#mainContent .produkt-back{
	display:block;
	position:relative;
	width:460px; 
	height:150px;
	background:url(../images/produkt-back.png) top left no-repeat;
	padding: 0px 15px 0px 165px;
	font-weight:bold;
	margin:20px 0px;
}
#mainContent .produkt-back .ikona{
	position:absolute;
	top:12px;
	left:24px;
}
#mainContent .produkt-back p{
	font-size:100%;
	padding:20px 0px;
}
#mainContent .produkt-back strong{
	line-height:220%;
	vertical-align:middle;
}
/*kontakt*/
#mainContent .kancelar1, #mainContent .kancelar2{
	float:left;
	padding:0px;
	margin:0px;
	
}
#mainContent .kancelar1{
	width:300px;
	padding-right:10px;
}
#mainContent .kancelar2{
	width:280px;
	padding-left:50px;
	background:url(../images/back-cara.png) center left no-repeat;
}
#mainContent .kontakt h2, #mainContent .kontakt h2{
	padding-left:15px;
	background:url(../images/li1.gif) 0px 5px no-repeat;
}
#mainContent .kontakt h3, #mainContent .kontakt h3{

	font-size:110%;
}
/*hvězda*/
#mainContent .hvezda{
color:red;
}
/*.odkazy*/
#mainContent  .odkazy ul {list-style:none; margin:0; padding:0; padding-left:15px;}
#mainContent  .odkazy ul li {padding:0; margin:0; font-size:85%; background:none;}
#mainContent  .odkazy ul li a {
	display:block;
	font-size:110%;
	line-height:200%;
	vertical-align:middle;
	padding-left:25px;
	background:url(../images/side-odkazy.png) center left no-repeat;
}
/*-- [ 8. Footer ] -----------------------------------------------*/
#footer {
	height:82px;
	background:url(../images/bottom-back.png) left top repeat-x; 
	padding:10px;
	text-align:center; 
}
#footer .center { width:960px; margin:auto; color:#126ea0; line-height:1.8em; margin-top:20px;}
#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:#1c82ba;}
#footer .foot-l a:hover, #footer .foot-r a:hover { color:#000;}

#footer .foot-menu a { color:#000; margin:0 5px;}
#footer .foot-menu a:hover { color:#555;}
/*-- [ 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;}

a {color:red;}
a:hover {color:#333;}