/* CSS soubor s definicí stylů */
/* ----------------------------*/

body	{
	background-color: #FFFFFF;
	background-image: url("../obrazky/pozadi-cele.jpg"); background-position: top left; background-repeat: repeat-x;
	margin-top: 42px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #7D7D7D;
}

body a	{color: #7D7D7D; font-weight: bold; text-decoration: none;}
body a:hover {color: #7D7D7D; font-weight: bold; text-decoration: underline;}

h1 {
	font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 11pt; font-weight: bold; color: #FFFFFF; text-align: right;
	margin-top: 0px; margin-right: 25px; margin-bottom: 0px; padding-bottom: 0px; line-height: 21px;
}

h2 {font-size: 10pt; font-weight: bold; color: #000000; text-decoration: none; margin-top: 0px; margin-bottom: 10px;}

p {margin-top: 5px; margin-bottom: 15px;}

.tbold {font-weight: bold; padding-bottom: 0px;}




/* ----------- zarovnani obsahu stranky ----------- */
/* ----------- pomoci body je vse zarovnano na stred a vnitrni div ma nastavenou sirku a relativni pozici ----------- */
#stredstranky-telo	{
	position: relative; top: 0px;
	width: 980px; 
	text-align: left; 
	margin: auto;
	border: 0px;
}

#stredstranky-pata	{
	position: relative; top: 0px; z-index: 4;
	width: 980px; 
	text-align: left; 
	margin: auto;
	border: 0px;
}
/* ------------------------------------------------------------------------------------------------------------------ */



/* ----------- definice stranky ----------- */
#pozadi-nadpis {position: absolute; top: 0px; left: 762px; width: 131px; height: 23px; z-index: 8; background-image: url("../obrazky/pozadi-nadpis.gif");}
#pozadi-mraky {position: absolute; top: 151px; left: 0px; width: 980px; height: 360px; z-index: 3; background-image: url("../obrazky/pozadi-mraky.jpg");}

#logo-sipka {position: absolute; top: 23px; left: 0px; width: 123px; height: 56px; z-index: 7; background-image: url("../obrazky/logo-sipka.gif");}
#logo-sollertia {position: absolute; top: 23px; left: 135px; width: 210px; height: 56px; z-index: 7; background-image: url("../obrazky/logo-sollertia.gif");}

#cara-svisla {position: absolute; top: 25px; left: 355px; width: 1px; height: 403px; z-index: 7; background-image: url("../obrazky/cara-svisla.gif");}

#pozadi-rychly-kontakt {position: absolute; top: 315px; left: 135px; width: 202px; height: 103px; z-index: 7; background-image: url("../obrazky/pozadi-rychly-kontakt.gif");}
#rychly-kontakt {
	position: absolute; top: 0px; left: 0px; width: 175px; height: 22px; z-index: 8;
	font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 11pt; font-weight: bold; color: #FFFFFF; text-align: right; line-height: 21px;
}
#rychly-kontakt-text {position: absolute; top: 30px; left: 20px; width: 175px; height: 70px; z-index: 8; color: #898989;}

#pozadi-telo-prave {position: relative; top: 19px; left: 370px; width: 540px; z-index: 7; background-image: url("../obrazky/pozadi-telo-prave.gif"); background-repeat: no-repeat;}

#telo-prave {position: relative; top: 35px; left: 35px; width: 460px; z-index: 7;
	text-align: left; margin-right: 20px;
	padding-top: 0px; padding-right: 20px; padding-bottom: 20px; padding-left: 0px;
}

#telo-prave a {font-weight: bold; color: #7D7D7D; text-decoration: none;}
#telo-prave a:hover {font-weight: bold; color: #7D7D7D; text-decoration: underline;}

#telo-text-rolovaci {
	width: 470px; height: 390px; z-index: 7; text-align: left;
	margin-top: 10px; margin-bottom: 15px; padding-top: 10px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px;
	overflow: auto;
}

.reference-projekty {width: 440px; height: 100px; z-index: 7; text-align: center; margin-top: 15px; padding-bottom: 5px; border-bottom: 1px solid #E5E5E5;}
.reference-obrazek {border:1px solid #7D7D7D; margin-bottom: 5px; margin-left: 5px; margin-right: 5px;}
/* --------------------------------------- */



/* ----------- definice horniho menu ----------- */
#menu {
	position: absolute; top: 105px; left: 135px; width: 200px; height: 149px; z-index: 10;
	border-top: 1px; border-left: 0px; border-bottom: 0px; border-right: 0px; border-style: solid; border-color: #E2E2E2;
}

#menu a {font-size: 11pt; font-weight: bold; color: #898989; text-decoration: none;}
#menu a:hover {font-size: 11pt; font-weight: bold; color: #898989; text-decoration: underline;}

#tl1 {position: absolute; top: 0px; left: 0px; width: 200px; height: 29px; z-index: 10;	border-top: 0px; border-left: 0px; border-bottom: 1px; border-right: 0px; border-style: solid; border-color: #E2E2E2; line-height: 28px;}
#tl2 {position: absolute; top: 30px; left: 0px; width: 200px; height: 29px; z-index: 10; border-top: 0px; border-left: 0px; border-bottom: 1px; border-right: 0px; border-style: solid; border-color: #E2E2E2; line-height: 28px;}
#tl3 {position: absolute; top: 60px; left: 0px; width: 200px; height: 29px; z-index: 10; border-top: 0px; border-left: 0px; border-bottom: 1px; border-right: 0px; border-style: solid; border-color: #E2E2E2; line-height: 28px;}
#tl4 {position: absolute; top: 90px; left: 0px; width: 200px; height: 29px; z-index: 10; border-top: 0px; border-left: 0px; border-bottom: 1px; border-right: 0px; border-style: solid; border-color: #E2E2E2; line-height: 28px;}
#tl5 {position: absolute; top: 120px; left: 0px; width: 200px; height: 29px; z-index: 10; border-top: 0px; border-left: 0px; border-bottom: 1px; border-right: 0px; border-style: solid; border-color: #E2E2E2; line-height: 28px;}

.sipky {font-size: 11pt; font-weight: bold; color: #EA5A00; margin-left: 15px; margin-right: 10px;}
/* -------------------------------------------- */




/* ----------- definice paticky ----------- */
#dum {position: relative; top: 110px; left: 510px; width: 470px; height: 230px; z-index: 6; background-image: url("../obrazky/dum.gif");}

#pozadi-pata-cele {position: relative; top: 0px; left: 0px; width: 100%; height: 85px; z-index: 3; background-image: url("../obrazky/pozadi-pata.gif"); background-position: top left; background-repeat: repeat-x;}
#pozadi-pata-spodek {
	position: relative; top: 0px; left: 0px; width: 100%; height: 150px; z-index: 3; background-color: #ED1D24;
	text-align: center;
}

#copyright {
	position: relative; top: 130px; width: 100%; height: 20px; z-index: 8;
	font-size: 8pt; color: #F26522; text-align: center;
}

#copyright a {font-weight: normal; color: #F26522; text-decoration: none;}
#copyright a:hover {font-weight: normal; color: #F26522; text-decoration: underline;}
/* ---------------------------------------- */




/* ----------- definice seznamu  ----------- */
.list1 {list-style-type: square; margin-top: 5px; margin-left: 15px; margin-right: 5px; padding-left: 0px;}

.list2 {list-style-type: 3;}
/* ----------------------------------------- */




/* ----------- definice okna galerie s velkym obrazkem ----------- */
#stredstranky-galerie {position: relative; width: 650px; margin: auto;}
#galerie-velky-obrazek {position: relative; top: 20px; left: 0px; z-index: 1; width: 650px; height: 550px; text-align: center;}
#velky-obrazek {border:3px solid #7D7D7D;}
/* --------------------------------------------------------------- */




#cvicne-oramovani {border-top: 1px; border-left: 1px; border-bottom: 1px; border-right: 1px; border-style: dashed; border-color: white;}
#cvicne-oramovani2 {border-top: 1px; border-left: 1px; border-bottom: 1px; border-right: 1px; border-style: dashed; border-color: green;}
#cvicne-oramovani3 {
	border-top: 1px; border-left: 1px; border-bottom: 1px; border-right: 1px; border-style: dashed; border-color: blue;
	 width: 880px; height: 380px;
}

/* ----------- Kajikuv vymysl ----------- */