/* CSS Document */

/*----------------------------------------------------------------------------
	Description: Kaskádové styly pro Interconnect
	Author:	     e-invent s.r.o., www.e-invent.eu, e-mail: nachod(@)e-invent.eu
	Modified:    07.04.2010

	==[ TOC ]==
  1. Základní tagy  (tělo)
      1.1 Tags      (všeobecné prvky - h1, input, ...)
      1.2 Classes   (všobecné třídy - .clear, .float-x ..)
  2. Layout         (rozvržení celé stránky)
  3. Header         (Hlavička)
      3.1 Navigace
  4. Content        (obsah)
      4.1 Všeobecné prvky (h1, a, img)
      4.2 Hlavní stránka
      4.3 Podstránky
  5. Sidebar
      5.1 Sidebar Left
      5.2 Sidebar Right
  6. Footer         (patička)
  7. Other         (ostatní)

----------------------------------------------------------------------------*/

/* 1. Body -----------------------------------------------------------------*/
* {
	padding: 0px;
	margin: 0px;
	border: none;
}

:focus {
	outline: none;
}

body {
	background: white url('../images/body.gif') repeat-x;
	text-align: center;
	color: black;
	font-size: 75%;
	font-family: sans-serif;
}

body#home {
	background: white url('../images/bodyHome.gif') repeat-x;
}

/* 1.1 Tags -----------------------------------------------------------------*/
a {
	color: #f58221;
	text-decoration: underline;
}

a:hover {
	color: #f58221;
	text-decoration: none;
}

a.img {
	text-decoration: none;
}

a.img img {
	border: 3px solid #0000ff;
}

a.img:hover img {
	border: 3px solid #ff0000;
}

option {
	cursor: pointer;
}

strong {
	font-weight: bold;
}

img {
	border: none;
}

img.left {
	float: left;
	margin: 0px 10px 10px 0px;
}

img.right {
	float: right;
	margin: 0px 0px 10px 10px;
}

table {
	width: 100%;
	font-size: 100%;
	background: #efefef;
}

table td {
	background: #efefef;
}

table tr.licha td {
	background: #e4e4e4;
}

table th {
	background: #dadada;
}

table th, table td {
	padding: 7px 19px 7px 19px;
	text-align: left;
}

/* 1.2 Classes -------------------------------------------------------------*/
.clear, .clearfloat {
	font-size: 1%;
	line-height: 1px;
	height: 1px;
	margin: -1px 0px 0px 0px;
	overflow: hidden;
	clear: both;
}

.clear-l {
	clear: left;
}

.clear-r {
	clear: right;
}

.clear-b {
	clear: both;
}

.float-l {
	float: left;
}

.float-r {
	float: right;
}

.indent {
	padding-bottom: 10px;
}

/* 2. Layout --------------------------------------------------------------*/
#background {
	position: relative;
	background: url('../images/background.gif') center top no-repeat;
}

#home #background
{
	background-image: url('../images/backgroundHome.gif');
}

#body {
	position: relative;
	width: 984px;
	text-align: left;
	margin: auto;
}

/* 3. Header   -------------------------------------------------------------*/
#home #header {
	height: 354px;
}

#header {
	position: relative;
	width: 984px;
	height: 260px;
}

#header a.logo {
	position: absolute;
	width: 565px;
	height: 80px;
	top: 9px;
	left: 21px;
	text-decoration: none;
	display: block;
	float: left;
	color: black;
	overflow: hidden;
	cursor: pointer;
	z-index: 2;
    background: url('../images/logo.gif') no-repeat;
}

#reference {
	position: absolute;
	top: 144px;
	width: 979px;
	height: 59px;
	left: 2px;
}

#reference a {
	display: block;
	float: left;
	width: 979px;
	height: 59px;
	line-height: 59px;
	background: #f58221;
	color: white;
	text-align: center;
	font-size: 150%;
}

#reference a span {
	position: absolute;
	cursor: pointer;
	top: 0px;
	left: 0px;
	display: block;
	float: left;
	width: 979px;
	height: 59px;
	background: url('../images/reference.jpg') no-repeat;
}

#home #reference {
	width: 730px;
	height: 149px;
	left: 251px;
}

#home #reference a {
	width: 730px;
	height: 149px;
	line-height: 149px;
}

#home #reference a span {
	width: 730px;
	height: 149px;
	background: url('../images/referenceBig.jpg') no-repeat;
}

#contact {
	position: absolute;
	top: 5px;
	right: 23px;
	line-height: 25px;
	height: 59px;
	text-align: right;
	background: url('../images/tel.gif') 237px 0px no-repeat;
}

#contact strong {
	font-size: 150%;
	padding: 0px 63px 0px 0px;
}

#contact a.mail {
	background: url('../images/mail.gif') left center no-repeat;
	padding: 0px 0px 0px 18px;
	color: black;
	text-decoration: none;
}

#contact a.mail:hover {
	color: black;
	text-decoration: underline;
}

#news {
	position: absolute;
	font-size: 90%;
	background: white url('../images/news.gif') 2px 2px no-repeat;
	top: 144px;
	left: 1px;
	width: 230px;
}

#news h2 {
	height: 34px;
	margin: 2px 2px 0px 2px;
	line-height: 34px;
	padding: 0px 0px 0px 14px;
	font-weight: normal;
	color: white;
	font-size: 140%;
	background: url('../images/newsArrow.gif') 78px center no-repeat;
}

#news h3 {
	font-weight: normal;
	font-size: 100%;
}

#news .news {
	font-weight: normal;
	font-size: 100%;
	padding: 6px 12px 8px 12px;
	border-bottom: 1px solid #dadada;
}

#archive {
	position: absolute;
	line-height: 34px;
	top: 2px;
	right: 9px;
	color: black;
}

#archive:hover {
	color: black;
	text-decoration: none;
}

/* 3.1 Navigace ------------------------------------------------------------*/
ul#navigation {
	position: absolute;
	left: 1px;
	top: 97px;
}

ul#navigation li {
	display: inline;
}

ul#navigation li a {
	display: block;
	float: left;
	background: #f58221 url('../images/navigation.gif') no-repeat;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	color: #444444;
	height: 34px;
	line-height: 34px;
	margin: 0px 0px 0px 17px;
}

ul#navigation li a span {
	display: block;
	cursor: pointer;
	float: left;
	background: url('../images/navigationRight.gif') right top no-repeat;
	height: 34px;
	text-align: center;
	width: 232px;
}

ul#navigation li a.check {
	background: #f58221 url('../images/navigationHover.gif') no-repeat;
	color: #ffffff;
}

ul#navigation li a.check span {
	background: url('../images/navigationRightHover.gif') right top no-repeat;
}

ul#navigation li a:hover, ul#navigation li a:hover span {
	color: white;
	text-decoration: underline;
}

ul#navigation li.first a {
	margin: 0px;
}

#header ul#submenu {
	position: absolute;
	left: 1px;
	top: 212px;
}

#home ul#submenu {
	position: relative;
	height: 37px;
	margin: 1px 0px 11px 0px;
	top: 305px;
}

/*
#home ul#submenu li a {
	background: #efefef url('../images/submenuHome.gif') no-repeat;
	color: #5a5a5a;
}
*/

ul#submenu li {
	display: inline;
}

ul#submenu li a {
	display: block;
	float: left;
	background: #efefef url('../images/submenu.gif') no-repeat;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	color: #5a5a5a;
	height: 37px;
	width: 234px;
	line-height: 37px;
	margin: 0px 0px 0px 15px;
}

ul#submenu li a.check
{
	background: #f58221 url('../images/submenuActive.gif') no-repeat;
	color: #ffffff;
}

ul#submenu li a span {
	display: block;
	cursor: pointer;
	float: left;
	background: url('../images/submenuArrow.gif') right center no-repeat;
	padding: 0px 20px 0px 14px;
	height: 37px;
}

ul#submenu li a.check span
{
	background-image: url('../images/submenuArrowActive.gif');
}

ul#submenu li a:hover, ul#submenu li a:hover span {
	color: #5a5a5a;
	text-decoration: underline;
}

ul#submenu li.first a {
	margin: 0px;
}

ul#submenu li a:hover.check
{
	color: #ffffff;
}

/* 4. Content    (obsah) ---------------------------------------------------*/
/* 4.1 Všobecné prvky ------------------------------------------------------*/
#breadcrumbs {
	position: relative;
	height: 34px;
	line-height: 34px;
	color: #8b8b8b;
	font-size: 105%;
	padding: 0px 5px 0px 5px;
}

#breadcrumbs a {
	color: black;
	text-decoration: underline;
}

#breadcrumbs a:hover {
	color: black;
	text-decoration: none;
}

/* 4.2 Hlavní stránka ------------------------------------------------------*/
#contentHome {
	position: relative;
	width: 984px;
	line-height: 1.5;
	padding: 9px 0px 20px 0px;
}

#boxes {
	position: relative;
	height: 305px;
	padding: 0px 0px 10px 0px;
}

#boxes .box {
	position: relative;
	width: 234px;
	float: left;
	padding: 136px 0px 0px 0px;
	margin: 0px 0px 0px 15px;
}

#boxes .box h2 {
	position: relative;
	height: 49px;
	line-height: 49px;
	background: #e47a20;
	color: white;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	padding: 0px 0px 0px 16px;
}

#boxes .box h2 span {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 49px;
	width: 234px;
	display: block;
	float: left;
}

#household h2 span {
	background: url('../images/householdH2.gif') no-repeat;
}

#smallComp h2 span {
	background: url('../images/smallCompH2.gif') no-repeat;
}

#bigComp h2 span {
	background: url('../images/bigCompH2.gif') no-repeat;
}

#publicServ h2 span {
	background: url('../images/publicServH2.gif') no-repeat;
}

#household {
	background: #ffb06d url('../images/household.jpg') no-repeat;
	margin: 0px !important;
}

#smallComp {
	background: #ffb06d url('../images/smallComp.jpg') no-repeat;
}

#bigComp {
	background: #ffb06d url('../images/bigComp.jpg') no-repeat;
}

#publicServ {
	background: #ffb06d url('../images/publicServ.jpg') no-repeat;
}

#boxes .box ul {
	background: url('../images/boxUl.gif') repeat-y;
	list-style-type: none;
	padding: 6px 10px 7px 26px;
}

#boxes .box ul li {
	background: url('../images/boxArrow.gif') left center no-repeat;
	padding: 0px 0px 0px 13px;
	position: relative;
}

#boxes .box ul a {
	color: black;
}

#boxes .box ul a:hover {
	color: white;
	text-decoration: underline;
}

#boxes .box .more {
	background: url('../images/boxMore.gif') no-repeat;
	display: block;
	padding: 0px 35px 0px 0px;
	height: 35px;
	line-height: 32px;
	text-align: right;
	color: black;
	text-decoration: underline;
}

#boxes .box .more:hover {
	text-decoration: none;
}

#leftHome {
	position: relative;
	width: 344px;
	float: left;
}

#coverage {
	position: relative;
	height: 75px;
	padding: 12px 0px 0px 21px;
	margin: 0px 0px 10px 0px;
	background: #f58221 url('../images/coverage.gif') no-repeat;
}

#coverage h2 {
	text-transform: uppercase;
	color: black;
	font-size: 140%;
}

#coverage a {
	color: white;
	background: url('../images/coverageArrow.gif') right 5px no-repeat;
	padding: 0px 15px 0px 0px;
}

#coverage a:hover {
	color: white;
	text-decoration: none;
}

#newsletter {
	position: relative;
	background: #dbdbdb url('../images/newsletterTop.gif') no-repeat;
	padding: 11px 0px 15px 16px
}

#newsletter h2 {
	text-transform: uppercase;
	color: #727272;
	font-size: 140%;
	margin: 0px 0px 9px 0px;
}

#newsletter .bottom {
	position: absolute;
	bottom: 0px;
	left: 0px;
	font-size: 1%;
	height: 5px;
	width: 344px;
	overflow: hidden;
	background: url('../images/newsletterBottom.gif') no-repeat;
}

#newsletter input {
	border: 1px solid #8f8f8f;
	color: #565656;
	border-right: 1px solid #dfdfdf;
	border-bottom: 1px solid #dbdbdb;
	padding: 0px 10px 0px 10px;
	width: 227px;
	height: 25px;
	line-height: 25px;
}

#newsletter button {
	position: absolute;
	top: 45px;
	border: none;
	width: 26px;
	height: 26px;
	cursor: pointer;
}

#newsletter button#add {
	left: 271px;
	background: #f58221 url('../images/add.gif') no-repeat;
}

#newsletter button#delete {
	left: 304px;
	background: #5a5a5a url('../images/delete.gif') no-repeat;
}

#mailForm {
	position: relative;
	width: 350px;
	left: 20px;
	float: left;
	padding: 10px 0px 40px 17px;
	background: #dbdbdb url('../images/mailFormTop.gif') no-repeat;
}

#mailForm h2 {
	text-transform: uppercase;
	color: #727272;
	font-size: 140%;
	margin: 0px 0px 7px 0px;
}

#mailForm .bottom {
	position: absolute;
	bottom: 0px;
	left: 0px;
	font-size: 1%;
	height: 5px;
	width: 367px;
	overflow: hidden;
	background: url('../images/mailFormBottom.gif') no-repeat;
}

#mailForm input.text {
	border: 1px solid #8f8f8f;
	margin: 0px 0px 12px 0px;
	border-right: 1px solid #dfdfdf;
	color: #565656;
	border-bottom: 1px solid #dbdbdb;
	padding: 0px 10px 0px 10px;
	width: 310px;
	height: 25px;
	line-height: 25px;
}

#mailForm textarea {
	border: 1px solid #8f8f8f;
	border-right: 1px solid #dfdfdf;
	color: #565656;
	border-bottom: 1px solid #dbdbdb;
	padding: 0px 10px 0px 10px;
	width: 310px;
	height: 59px;
	line-height: 25px;
}

#mailForm input.submit {
	position: absolute;
	top: 150px;
	right: 19px;
	background: #f58221 url('../images/mailFormButton.gif') no-repeat;
	font-size: 90%;
	border: none;
	width: 61px;
	height: 25px;
	color: white;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

#rightHome {
	position: relative;
	width: 232px;
	float: right;
	right: 1px;
	text-align: center;
}

#rightHome img {
	margin: 17px 0px 0px 0px;
}

#rightHome a {
	color: #5a5a5a;
}

#rightHome a:hover {
	color: #5a5a5a;
	text-decoration: none;
}

/* 4.3 Podstránky ----------------------------------------------------------*/
#content {
	position: relative;
	width: 710px;
	float: right;
	right: 20px;
	padding: 17px 0px 50px 0px;
	line-height: 1.5;
}

#content h1 {
	color: #8b8b8b;
	margin: 0px 0px 15px 0px;
	font-size: 240%;
	font-weight: bold;
}

#content h2 {
	color: black;
	margin: 15px 0px 10px 0px;
	font-size: 180%;
	font-weight: normal;
}

#content h3 {
	color: black;
	margin: 10px 0px 5px 0px;
	font-size: 140%;
	font-weight: bold;
}

#content p {
	margin: 10px 0px 10px 0px;
	color: #454545;
}

#content ul, #content ol {
	margin: 15px 0px 25px 20px;
}

#content ul {
	list-style-type: circle;
}

#content p strong {
	color: #f58221;
}

#content .buttonAction {
	display: block;
	position: absolute;
	padding: 0px 0px 0px 14px;
	background: #f58221 url('../images/button.gif') no-repeat;
	top: 17px;
	right: 0px;
	width: 234px;
	height: 41px;
	line-height: 39px;
	color: white;
	font-weight: bold;
	text-decoration: none;
}

#content .buttonAction:hover {
	color: white;
	text-decoration: underline;
}

/* Kontaktní formulář */
#content .contactForm .radek
{
	padding: 5px 0px; 
}

#content .contactForm span.popis
{
	display: block;
	float: left;
	width: 100px;
	padding: 2px 0px 0px 0px;
}
#content .contactForm .submit
{
	padding: 2px 0px 0px 100px;
}
#contactFormButton {
	position:relative;
	background: #f58221 url('../images/mailFormButton.gif') no-repeat;
	font-size: 85% !important;
	margin:7px 0px 0px 0px;
	border: none;
	width: 61px;
	height: 25px;
	line-height: 25px;
	color: white;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

#content .contactForm input.text
{
	float: left;
	width: 200px;
	padding: 0px 3px 0px 3px;
	border: 1px solid #999999;
	height:22px;
	line-height:24px;
}

#content .contactForm input.text.nadpis
{
	width: 400px;
}

#content .contactForm textarea
{
	width: 400px;
	height: 100px;
	padding: 3px;
	border: 1px solid #999999;
}

/* 5. Sidebar --------------------------------------------------------------*/
/* 5.1 Sidebar left --------------------------------------------------------*/
#leftBar {
	position: relative;
	width: 230px;
	float: left;
	left: 1px;
	padding: 13px 0px 50px 0px;
}

ul#menu {
	position: realtive;
	list-style-type: none;
}

ul#menu li a {
	display: block;
	background: #ec8229 url('../images/menu.gif');
	border-top: 1px solid #fea051;
	border-bottom: 1px solid #cb6e1f;
	text-decoration: none;
	color: white;
	width: 230px;
}

ul#menu li a span {
	display: block;
	background: url('../images/menuArrow.gif') 12px 12px no-repeat;
	padding: 8px 10px 8px 26px;
}

ul#menu ul {
	list-style-type: none;
}

ul#menu ul a {
	background: #db7d2c url('../images/menu2.gif');
	border-top: 1px solid #fea051;
	border-bottom: 1px solid #cb6e1f;
}

ul#menu ul li a span {
	background: url('../images/menuArrow.gif') 21px 12px no-repeat;
	padding: 8px 10px 8px 35px;
}

ul#menu li a.check {
	background: #fea051;
	border-bottom: 1px solid #fea051;
	font-weight: bold;
}

ul#menu li a:hover {
	color: black;
	text-decoration: underline;
}

ul#menu li.first a {
	margin: 0px;
	border-top: none;
}

ul#menu ul li ul li a span {
	background: url('../images/menuArrow.gif') 35px 12px no-repeat;
	padding: 8px 10px 8px 49px;
}

#menuTop {
	position: relative;
	width: 230px;
	height: 4px;
	font-size: 1%;
	overflow: hidden;
	background: #ec8229 url('../images/menuTop.gif') no-repeat;
}

#menuBottom {
	position: relative;
	width: 230px;
	height: 4px;
	font-size: 1%;
	overflow: hidden;
	background: #db7d2c url('../images/menuBottom.gif') no-repeat;
}

#leftBarImages {
	position: relative;
	text-align: center;
	margin: 20px 0px 0px 0px;
}

#leftBarImages img {
	margin: 20px 0px 0px 0px;
}

#leftBarImages a {
	color: #5a5a5a;
	text-decoration: underline;
}

#leftBarImages a:hover {
	color: #5a5a5a;
	text-decoration: none;
}

/* 5.2 Sidebar right -------------------------------------------------------*/
/* 6. Footer ---------------------------------------------------------------*/
#footer {
	position: relative;
	background: white url('../images/footer.gif') repeat-x;
	text-align: center;
	line-height: 1.5;
	padding: 15px 0px 20px 0px;
	color: #465153;
}

#footerIn {
	position: relative;
	width: 984px;
	text-align: left;
	margin: auto;
}

#footerRight {
	float: right;
	padding: 0px 17px 0px 0px;
	text-align: right;
}

#footerRight a {
	color: #5a5a5a;
	text-decoration: underline;
}

#footerRight a:hover {
	color: #5a5a5a;
	text-decoration: none;
}

#footerRight .orange {
	color: #f58221;
}

#footerRight .orange a {
	color: #f58221;
	text-decoration: underline;
}

#footerRight .orange a:hover {
	color: #f58221;
	text-decoration: none;
}

#footer p {
	margin: 0px 0px 8px 21px;
}

#footer a.map {
	position: relative;
	left: -21px;
	background: url('../images/map.gif') left center no-repeat;
	padding: 0px 0px 0px 21px;
}