/* formátovací styl dokumentu */
body {
	background-color: #6a2220;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFAC1;
	SCROLLBAR-FACE-COLOR: #511918;
	SCROLLBAR-HIGHLIGHT-COLOR: #571B1A;
	SCROLLBAR-3DLIGHT-COLOR: #65211E;
	SCROLLBAR-SHADOW-COLOR: #2F100E;
	SCROLLBAR-DARKSHADOW-COLOR: #2D0F0F;
	SCROLLBAR-TRACK-COLOR: #4a1714;
	SCROLLBAR-ARROW-COLOR: #fff4bc;
}
p {
	margin-top: 0px;
	margin-bottom: 35px;
}
h1 {
	font-size: 11pt;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 10px;
	text-indent: 5px;
	color: #4a2218;
}
h2 {
	font-size: 11pt;
	font-weight: bold;
	font-style: italic;
	text-align: right;
	margin-right: 40px;
	margin-top: 20px;
}
a {
	text-decoration: none;
	color: #FFF8DC;
}
a:hover {
	color: Maroon;
}

ul {
	list-style-type: square;
	list-style-position: inside;
	text-indent: -30px;
	line-height: 200%;
}


/* layoutový styl dokumentu */
/* 1. úvodní stránka */
#slogan {
	background-image: url(../images/slogan.jpg);
	width: 700px;
	height: 210px;
}
#logo {
	background-image: url(../images/logo.jpg);
	width: 700px;
	height: 275px;
}
#langSelector {
	width: 700px;
	height: 115px;
	background-image: url(../images/langSelect.jpg);
}
.langSelect {
	text-align: center;
	font-size: 11pt;
	font-weight: bold;
	color: white;
	line-height: 36pt;
	margin: 12pt;
}
a:hover.langSelect {
	color: #fff4bc;	
}

/* layoutový styl dokumentu */
/* 2. obsahové stránky */
body {
	width: 100%;
	min-width: 700px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-image: url(../images/leftCol.jpg);
	background-repeat: repeat-x;
}
#body-content {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}
#middleCol {
	width: 700px;
	height: 100%;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	padding: 0px;
}
#heading {
	background-image: url(../images/header.jpg);
	width: 700px;
	height: 190px;
}
#footer {
	background-image: url(../images/footer.jpg);
	width: 700px;
	height: 95px;
}
#tail {
	display: block;
	width: 700px;
	height: 230px;
	min-height: 30px;
	background-image: url(../images/tail.jpg);
	/* border-bottom: 1px dotted white; */
	/* border-top: 1px dotted white; */
}
#envelope {
	width: 700px;
	height: 315px;
	margin: 0px;
	padding: 0px;
}
.main {
	float: right;	
	width: 527px;
	height: 315px;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
}
/* odlišné podklady hlavního obsahového pole */
#about {
	background-image: url(../images/field_6.jpg);
}
#portfolio {
	background-image: url(../images/field_4.jpg);
}
#team {
	background-image: url(../images/field_3.jpg);
}
#reference {
	background-image: url(../images/field_4.jpg);
}
#contact {
	background-image: url(../images/field_5.jpg);
}
#contact1 {
	background-image: url(../images/field_5b.jpg);
}
#inzerce {
	background-image: url(../images/field_6.jpg);
}
/* odlišné podklady hlavního obsahového pole - konec */

.main-content {
	width: 435px;
	height: 310px;
	padding-left: 32px;
	padding-right: 60px;
	overflow: auto;
	text-align: left;
}

/* layout hlavního menu */
#menuCol {
	float: left;	
	width: 173px;
	height: 315px;
}
#menu-foot {
	width: 173px;
	height: 45px;
	background-image: url(../images/menu_ft.jpg);
}
.menu {
	display: block;
	width: 156px;
	height: 22px;
	padding-left: 0px;
	padding-right: 17px;
	padding-top: 18px;
	padding-bottom: 5px;
	background-repeat: no-repeat;
	font-size: 11pt;
	font-style: italic;
	font-weight: 300;
	text-align: right;
	color: #4a2218;
}
.menu:hover {
	background-position: -173px 0;
	color: #eba46f;
}
.menu:active {
	background-position: -346px 0;
	color: #fff4bc;
}
.menuSelect {
	display: block;
	width: 156px;
	height: 22px;
	padding-left: 0px;
	padding-right: 17px;
	padding-top: 18px;
	padding-bottom: 5px;
	background-repeat: no-repeat;
	background-position: -173px 0;
	color: #eba46f;
	font-size: 11pt;
	font-style: italic;
	font-weight: 300;
	text-align: right;
}
/* odlišné podklady tlačítek */
#but_1 {
	background-image: url(../images/but_1.jpg);
}
#but_2 {
	background-image: url(../images/but_2.jpg);
}
#but_3 {
	background-image: url(../images/but_3.jpg);
}
#but_4 {
	background-image: url(../images/but_4.jpg);
}
#but_5 {
	background-image: url(../images/but_5.jpg);
}
#but_6 {
	background-image: url(../images/but_6.jpg);
}
/* odlišné podklady tlačítek - konec*/
/* 2. ukončení obecné obsahové stránky */

/* 4. stránka reference - layoutové styly */
.first_refCol {
	overflow: auto;
	display: block;
	width: 110px;
	height: 261px;
	margin: 0px;
	padding-top: 10px;
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
	float: left;
}
.refCol {
	display: block;
	height: 61px;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
}
.refCol:hover {
	background-position:	-110px 0px;
}
.refCol:active {
	background-position:	-220px 0px;
}

/* pole pro obrázek reference */ 
.imgRefField {
	display: block;
	width: 300px;
	height: 261px;
	margin-top: 10px;
	margin-left: 0px;
	padding-right: 16px;
	float: right;
	background-repeat: no-repeat;
	overflow: hidden;
}

/* popisky k obrázku reference */
.refTxt {
	position: relative;
	left: 0px;
	width: 300px;
	height: 254px;
	margin-top: 7px;
	font-size: 9pt;
	line-height: 15px;
	color: #FFE4C4;
	text-align: center;
} 

/* pozice popisek */
#rft_text {
	top: 0px;
}
/* ilustrační obrázky - klienti */
#imgRefField_01 {
	background-image: url(../images/ref_img_01.jpg);
}
#imgRefField_01b {
	background-image: url(../images/ref_img_01b.jpg);
}
#imgRefField_01c {
	background-image: url(../images/ref_img_01c.jpg);
}
#imgRefField_02 {
	background-image: url(../images/ref_img_02.jpg);
}
#imgRefField_03 {
	background-image: url(../images/ref_img_03.jpg);
}
#imgRefField_03b {
	background-image: url(../images/ref_img_03b.jpg);
}
#imgRefField_03c {
	background-image: url(../images/ref_img_03c.jpg);
}
#imgRefField_04 {
	background-image: url(../images/ref_img_04.jpg);
}
#imgRefField_04b {
	background-image: url(../images/ref_img_04b.jpg);
}

/* tlačítka výběr klienta */
#rf01_ {
	background-image: url(../images/ref_01.jpg);
}
#rf02_ {
	background-image: url(../images/ref_02.jpg);
}
#rf03_ {
	background-image: url(../images/ref_03.jpg);
}
#rf04_ {
	background-image: url(../images/ref_04.jpg);
}
/* 4. stránka reference - layoutové styly - konec */

/* 5. stránka portfolio - layoutové styly */
.ptfCol {
	display: block;
	height: 15px;
	margin: 0px;
	padding: 7px;
	font-size: 9pt;
	font-style: italic;
	font-weight: 300;
	color: #4a2218;
	background-repeat: no-repeat;
}
.ptfCol:hover {
	color: #eba46f;
	background-position:	-110px 0px;
}
.ptfCol:active {
	color: #fff4bc;
	background-position:	-220px 0px;
}

/* pozice popisek */
#ptf_text {
	top: 0px;
}

.grey {
	color: #CD5C5C;
}

/* ilustrační obr. k programu */
#imgPtfField_01 {
	background-image: url(../images/ptf_img_01.jpg);
}
#imgPtfField_02 {
	background-image: url(../images/ptf_img_02.jpg);
}
#imgPtfField_03 {
	background-image: url(../images/ptf_img_03.jpg);
}
#imgPtfField_04 {
	background-image: url(../images/ptf_img_04.jpg);
}
#imgPtfField_05 {
	background-image: url(../images/ptf_img_05.jpg);
}
#imgPtfField_06 {
	background-image: url(../images/ptf_img_06.jpg);
}

/* tlačítka výběr programu */
#ptf01_ {
	background-image: url(../images/ptf_01.jpg);
}
#ptf02_ {
	background-image: url(../images/ptf_01.jpg);
}
#ptf03_ {
	background-image: url(../images/ptf_01.jpg);
}
#ptf04_ {
	background-image: url(../images/ptf_01.jpg);
}
#ptf05_ {
	background-image: url(../images/ptf_01.jpg);
}
#ptf06_ {
	background-image: url(../images/ptf_01.jpg);
}
/* 5. stránka reference - layoutové styly - konec */


/* 6. stránka kontakty - layoutové styly */
#rollOut {
	display: block;
	width: 79px;
	height: 20px;
	margin-top: 23px;
	margin-left: 9px;
}

#spacer {
	height: 142px;
}

.adress {
	font-size: 9pt;
	line-height: 12pt;
	padding-left: 5px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
