/* CSS pro webovou prezentaci Spontex */
/* author: Jan Volejnik - Broli © Web Works 2008 -- http://www.web-works.cz -- */
/* ALL RIGHTS RESERVED */


body {
	font-size: 76%; 
	color: #fff; 
	text-align: right; 
	line-height: 1.5em; 
	background: #248AE3 url('./images/bg-page-top.jpg') left top repeat-x; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	padding: 0 0 30px 0;
}



/* LAYOUT */

div#body-homepage {
	background: url('./images/bg-content-map.gif') right top no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 980px;
	text-align: left;
}

div#logo {
	padding-left: 0px;
	padding-top: 20px; 
}

#subtitle {
	position: relative;
	height: 110px
}
h3#text-select-lang {padding: 0; margin: 20px 0 0 50px; line-height: 1.5em; text-align: center;}
h3#text-select-lang,h3#text-select-lang span {width:270px; height:70px; font-size:120%; position:absolute; overflow:hidden; left:0; top:0; z-index:0; }
h3#text-select-lang span {display:block; background: url('./images/text-select-your-website.png') no-repeat; z-index:1;}

h5#text-slogan {padding: 0; margin: 150px 0 0 50px; line-height: 1.5em; text-align: center;}
h5#text-slogan,h5#text-slogan span {width:660px; height:70px; font-size:120%; position:absolute; overflow:hidden; left:0; top:0; z-index:0; }
h5#text-slogan span {display:block; background: url('./images/text-slogan.png') no-repeat; z-index:1;}


ul#LangArray {list-style: none; width: 250px;}
ul#LangArray li {list-style-type: none;color: #fff;padding: 0; font-size: 150%; margin: 0 0 15px 0;}
ul#LangArray li a {color: #fff;text-decoration: none;padding: 5px 0 5px 20px; background: url('./images/li-white.gif') left center no-repeat;}
ul#LangArray li a:hover,
ul#LangArray li a:focus,
ul#LangArray li a:active {color: #EC3D5D;text-decoration: none;background: url('./images/li-red.gif') left center no-repeat;}

#map {
	top: 0px;
	right: 0px;
	width: 650px;
	height: 600px; 
	position: absolute; 
	
}

#lang-cs {
	width: 83px;
	height: 46px;
	background: url('./images/lang-cs.gif') 0 0 no-repeat;
	position: absolute;
	right: 277px;
	top: 412px;
	color: #fff;
	font-weight: bold;
	line-height: 46px; 
	text-align: center;
	font-size: 150%;
	
	display: none;
}

#lang-sk {
	width: 72px;
	height: 36px;
	background: url('./images/lang-sk.gif') 0 0 no-repeat;
	position: absolute;
	right: 232px;
	top: 442px;
	color: #fff;
	font-weight: bold;
	line-height: 30px; 
	text-align: left;
	font-size: 150%;
	
	display: none;
}

#lang-sk span {
	padding-left: 15px;
	
}


#lang-pl {
	width: 118px;
	height: 115px;
	background: url('./images/lang-pl.gif') 0 0 no-repeat;
	position: absolute;
	right: 216px;
	top: 339px;
	color: #fff;
	font-weight: bold;
	line-height: 115px; 
	text-align: center;
	font-size: 150%;
	
	display: none;
}

#lang-hu {
	width: 84px;
	height: 53px;
	background: url('./images/lang-hu.gif') 0 0 no-repeat;
	position: absolute;
	right: 228px;
	top: 459px;
	color: #fff;
	font-weight: bold;
	line-height: 53px; 
	text-align: center;
	font-size: 150%;
	
	display: none;
}

/*#lang-de {
	width: 112px;
	height: 145px;
	background: url('./images/lang-de.gif') 0 0 no-repeat;
	position: absolute;
	right: 325px;
	top: 330px;
	color: #fff;
	font-weight: bold;
	line-height: 145px; 
	text-align: center;
	font-size: 150%;
	
	display: none;
}*/

#lang-de {
	width: 99px;
	height: 43px;
	background: url('./images/lang-at.gif') 0 0 no-repeat;
	position: absolute;
	right: 302px;
	top: 453px;
	color: #fff;
	font-weight: bold;
	line-height: 43px; 
	text-align: right;
	font-size: 150%;
	
	display: none;
}

#lang-de span {
	padding-right: 20px;
}


#lang-sl {
	width: 40px;
	height: 21px;
	background: url('./images/lang-sl.gif') 0 0 no-repeat;
	position: absolute;
	right: 309px;
	top: 494px;
	color: #fff;
	font-weight: bold;
	line-height: 21px; 
	text-align: center;
	font-size: 150%;
	
	display: none;
}

#lang-ru {
	width: 210px;
	height: 507px;
	background: url('./images/lang-ru.gif') 0 0 no-repeat;
	position: absolute;
	right: 0px;
	top: 0px;
	color: #fff;
	font-weight: bold;
	line-height: 507px; 
	text-align: center;
	font-size: 150%;
	
	display: none;
}

#lang-en {
	width: 98px;
	height: 164px;
	background: url('./images/lang-en.gif') 0 0 no-repeat;
	position: absolute;
	right: 484px;
	top: 226px;
	color: #fff;
	font-weight: bold;
	line-height: 250px; 
	text-align: center;
	font-size: 150%;
	
	display: none;
}

#slogan {
	position: relative;
	height: 250px;
}

.hidden {
	display: none;
}