/* www.salesconcepts.net/css/default.css */

body { text-align: center; background: #F0EFE8; }
#page { position: relative; z-index: 0; width: 902px; margin: 0 auto; color: #464646; background: white url("../images/content-back.gif") repeat-y; text-align: left; }
a { color: #464646; background-color: inherit; background-image: none; }
a:visited { color: #464646; background-color: inherit; background-image: none; }
a:visited:hover { color: #464646; background-color: inherit; background-image: none; }
a:hover, a:focus, a:active { color: #464646; background-color: inherit; background-image: none; }
a.e-mail:hover, a.e-mail:focus, a.e-mail:active { color: #464646; background: inherit; } /* odkaz na e-mail */
a img { border: none; }
span.hidden { display: none; }
hr.hidden { display: none; }
div.cleaner { width: 100%; height: 1px; clear: both; }
p { line-height: 1.3em; }

/* accessibility */
#accessibility { display: none; }

/* header */
#header { position: relative; width: 902px; height: 593px; margin: 0; padding: 0;}
.picture- , .picture-site-map, .picture-imprint { background: #F0EFE8 url("../images/header-1.jpg") 0px 91px no-repeat; }
.picture-offer { background: #F0EFE8 url("../images/header-2.jpg") 0px 91px no-repeat; }
.picture-areas-of-activities { background: #F0EFE8 url("../images/header-3.jpg") 0px 91px no-repeat; }
.picture-network { background: #F0EFE8 url("../images/header-4.jpg") 0px 91px no-repeat; }
.picture-experience { background: #F0EFE8 url("../images/header-5.jpg") 0px 91px no-repeat; }
.picture-philosophy { background: #F0EFE8 url("../images/header-6.jpg") 0px 91px no-repeat; }
.picture-history { background: #F0EFE8 url("../images/header-7.jpg") 0px 91px no-repeat; }
.picture-helpful-links { background: #F0EFE8 url("../images/header-8.jpg") 0px 91px no-repeat; }
.picture-contact { background: #F0EFE8 url("../images/header-9.jpg") 0px 91px no-repeat; }

.picture- #heading p { color: #fff;}
.picture- #heading p span.upper{text-transform: uppercase;}

#header #flash-header{ position: absolute; top: 120px; left: 2px; z-index: 1;  }

#header h1 { position: absolute; top: 0; left: 0; z-index: 1; margin: 0; padding: 0; font-size: 32px; }
#header h1 a { display: block; position: relative; width: 290px; height: 91px; padding: 0; color: #104070; background: #F0EFE8; overflow: hidden; }
#header h1 a span { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; margin: 0; padding: 0; background: url("../cz/images/logo.gif") no-repeat; cursor: pointer; }
#header h2.motto { position: absolute; width:284px; height: 91px; top: 0; left: 600px; z-index: 1; margin: 0; padding: 0; background: url("../images/motto.gif") no-repeat;  }
#header h2.motto span { display: none;}
#heading p { display: none;}

#language { position: absolute; top: 96px; right: 12px; z-index: 2; margin: 0; padding: 0; color: #6F6F6F; font-size: 0.9em; }
#language select { position:absolute; top:-2px; right: 0; border: 1px solid #aaa; }
#language h4 { display: none; }
#language a { color: #6F6F6F;  display: block; position: relative; width: 24px; height: 15px; padding: 0; overflow: hidden; float: left; margin-right:10px;  }
#language a span { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; margin: 0; padding: 0;  cursor: pointer; }
#language .de span {background: #fff url("../images/flag-de.gif") no-repeat }
#language .cz span {background: #fff url("../images/flag-cz.gif") no-repeat } 
#language .en span {background: #fff url("../images/flag-en.gif") no-repeat }
#language .sk span {background: #fff url("../images/flag-sk.gif") no-repeat }
#language .pl span {background: #fff url("../images/flag-pl.gif") no-repeat }
#language .hide { visibility:hidden; display:none;}

#description { position: absolute; top: 295px; right: 12px; z-index: 2; width: 275px; line-height: 1.3em; margin: 0; padding: 0; color: white; font-style: italic; }
#icons { position: absolute; top: 95px; left: 656px; z-index: 2; margin: 0; padding: 0; }
#icons a { display: block; position: absolute; top: 0; z-index: 2; width: 44px; height: 15px; color: #fff; overflow: hidden; }
#icons a span { position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; margin: 0; padding: 0; background-position: center; background-repeat: no-repeat; cursor: pointer; }
#icons a div{ visibility: hidden;}
#home { left: 0; border-right: 1px dotted black; }
#home span { background-image: url("../images/icon-home.gif"); }
#sitemap { left: 46px; border-right: 1px dotted black; }
#sitemap span { background-image: url("../images/icon-sitemap.gif"); }
#contact { left: 96px; }
#contact span { background-image: url("../images/icon-contact.gif"); }

	/* sub header */
	#heading	{ position: absolute; width: 902px; top: 398px; left: 0;  height: 70px; background: #0e3966 url("http://www.salesconcepts.net/cz-redesign/images/heading.gif") left top no-repeat;}
	#heading h2 { color: #115a90; padding: 12px 0 0 30px; font-size: 1.8em; font-weight:normal;}
	#heading p  { color: #fff; padding: 2px 0 0 30px; font-size: 1em; font-style:italic;}
    #perex  { position: absolute; top: 450px; width: 902px; left: 0;  height: 144px; background: #e8431e url("../images/perex.gif") 0 -6px no-repeat; color: #fff; font-size: 0.9em;}
	p.perex-left { width: 484px; float: left; padding: 30px 0 20px 30px; line-height: 1.4em;  }
    ul.perex-right{ width: 332px; float:right; padding: 19px 0 20px 40px; margin:0; list-style:none;}
	ul.perex-right li { line-height:1.85em; font-weight: normal;}
	.perex-right{ width: 262px; float:right; padding: 20px 42px 20px 20px; margin:0;}
	
/* content */
#content { position: relative; width: 898px; margin: 0 2px; padding: 20px 30px 12px 30px; background: url("../images/content-top-back.gif") repeat-x; min-height: 100px; } #page>#content { width: 838px; }
#content h2 { margin: 0 0 0.5em 0; color: #464646; font-size: 1.5em; }
#content h3 { margin: 0 0 1em 0; color: #464646; font-size: 1.5em; }
#content strong { color: #1A81D5; }
.black-bold { color: #464646; font-weight: bold;}
#content strong a { color: #1A81D5; }
#content ul { margin: 0; padding: 0 0 0 9px; list-style-type: none; }
#content ul li { position: relative; /* kvůli zobrazení pozadí v IE6 */ line-height: 2em; padding: 0 0 0 25px; background: url("../images/list-item.gif") left 10px no-repeat; }
img.mapa {border: 0px solid black;}

/* menu */
.index #menu { display: none;}
#menu { position: absolute; top: 117px; left: 40px; z-index: 1; width: 220px; height: 266px; margin: 0; padding: 0; font-weight: normal; }
#menu h4 { display: none; }
#menu ul { margin: 14px 0 0 0; padding: 0; list-style-type: none; }
#menu li { width: 183px; padding: 0; }
#menu a { font-size: 1em; display: block; height: 28px; padding: 6px 0 0 46px; color: #dbeaf5; background: #008dde url("../images/menu-item.gif") 0 0 no-repeat; text-decoration: none; cursor: pointer; } #menu li>a { height: 22px; }
#menu li.first a{ background: url("../images/menu-item-first.gif") 0 0 no-repeat; height: 22px; } #menu li>a.first { height: 17px; } 
#menu a.last { height: 27px; } #menu li>a.last { height: 20px; }
#menu li.active a, #menu li a:hover, #menu li a:focus, #menu li a:active { padding-left: 46px; background-position: 0 -28px; color: #0bf5f8; } #menu li.active>a, #menu li>a:hover, #menu li>a:focus, #menu li>a:active {  }

/* footer */
#footer { position: relative; width: 902px; height: 117px; margin: 0; padding: 0; color: #464646; background: #F0EFE8 url("../images/footer.gif") no-repeat; clear: both; font-size: 0.9em; } #page>#footer { margin-top: 0em; }
#footer hr { display: none; }
#footer p { margin: 0; }
#footer a { color: #464646; }
#copyright { position: absolute; top: 19px; left: 33px; line-height: 19px; }
#top_etc { position: absolute; width: 298px; top: 21px; left: 310px; text-align: center; }
#flags { position: absolute; top: 42px; left: 382px; z-index: 2; margin: 0; padding: 0; color: #6F6F6F; font-size: 0.9em; }
#flags select { position:absolute; top:-2px; right: 0; border: 1px solid #aaa; }#flags h4 { display: none; }
#flags a { color: #6F6F6F;  display: block; position: relative; width: 24px; height: 15px; padding: 0; overflow: hidden; float: left; margin-right:10px;  }
#flags a span { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; margin: 0; padding: 0;  cursor: pointer; }
#flags .de span {background: #fff url("../images/flag-de.gif") no-repeat }
#flags .cz span {background: #fff url("../images/flag-cz.gif") no-repeat } 
#flags .en span {background: #fff url("../images/flag-en.gif") no-repeat }
#flags .sk span {background: #fff url("../images/flag-sk.gif") no-repeat }
#flags .pl span {background: #fff url("../images/flag-pl.gif") no-repeat }
#flags .hide { visibility:hidden; display:none;}
#last_update { position: absolute; top: 24px; right: 33px; }
#webdesign { position: absolute; top: 99px; right: 12px; color: #8C8B8B; }
#webdesign a { color: #8C8B8B; text-decoration: none; }

/* other */
/* index */
.index #content {  } #page.index>#content {  }
.index #content #top_left { width: 50%; padding: 0 10% 0 0; float: left; } .index #content>#top_left { width: 45%; height: auto; min-height: 32em; padding-right: 5%; }

.index #content #wholePage 		{ position:relative; padding: 0; margin: -20px 0 0 -30px; height: 70px; margin-bottom: 20px; background: #000 url("../../images/FMET-en.gif") no-repeat; border-bottom: #fff solid 1px; border-top: #fff solid 1px; width: 898px; height: 81px; }
.index #content #wholePage p 	{ position:absolute; top: 23px; left: 180px; font-size: 0.9em; text-align:justify; display: block; width:580px;}

.index #content #top_left a:hover{ font-weight: normal; color: #1A81D5; }
.index #content #top_right { width: 50%;  margin-right: -2%; float: left; }
.index #content #image-hoke { float: left; margin: 0 2em 1em 0; }
.index #content #image-sign { float: right; margin: 3em 4em 1em 4em; }
.index #content #bottom_left { width: 50%; float: left; padding: 0 10% 0 0; clear: left; } .index #content>#bottom_left { width: 45%; height: auto; min-height: 32em; padding-right: 5%; }
.index #content #bottom_right { width: 50%; margin-right: -2%; float: left; }
.index #content #bottom_right ul { margin-bottom: 3em; }

/* nase-nabidka */
.nase-nabidka #content h3 { margin-top: 2em; }
.nase-nabidka #content ul { margin-bottom: 3em; }
.nase-nabidka #content a:hover { color:#1A81D5; font-weight: normal; }
.nase-nabidka #content a:active { color:#666; font-weight: bold; }
.nase-nabidka #content a:visited { color:#999; font-weight: normal; }
.nase-nabidka #content #diary { float: left; margin: 1em 3em 3em 0; }

/* default-page*/
.default-page #content h3 { margin-top: 2em; }
.default-page #content ul { margin-bottom: 1.5em; }
.default-page #content a:hover { color:#1A81D5; font-weight: bold; }
.default-page #content a:active { color:#666; font-weight: bold; }
.default-page #content a:visited { color:#999; font-weight: normal; }
.default-page #content #diary { float: left; margin: 1em 3em 3em 0; }

/* nase-zkusenosti */
#page.nase-nabidka div.cleaner { display: block; }
.client 		{ background: #f9f9f9; margin-bottom: 10px;}
.client h2 		{ font-size: 1em !important;}
.client-img 	{ float: left; width: 150px; margin: 0;  }
.client-text 	{ float: right; width: 650px;  border-left: 10px solid #fff; padding: 10px 10px 0 10px;}

/* oblast pusobeni  */
.oblast-pusobeni #content ul { margin-bottom: 1em; }

/* nase filosofie */
#image-hoke-filosofie { float: left; margin: 0 2em 6em 0; }
.podpis { display: block; float: left; position: absolute; top: 215px; left: 22px; font-weight:bold;}

/* kontakt */
#emailForm label { display:block; margin:0; padding-top: 5px;}
#emailForm  input #contact_email_copy {float: left;}

/* prohlaseni_o_pristupnosti */
#accesskeys { margin-bottom: 2em; }
#accesskeys p { margin-bottom: 0.5em; }
#accesskeys ul { margin-bottom: 1em; }

/* obecné */
.illustration { float: right; margin: 10px;}
.logo { display:block; float: left; margin: 10px 30px 10px 10px;}