/*
	Styling of default layout

	Copyright 2007 Ivasoft Brno.
*/
body {
	height: auto; /* IE7 height: 100%; hack */
}

div.layoutBand,
div#tail div.matrj {
	margin: 0em auto 0em auto;
	clear: both;
}

div#tail {
	background: red;
	margin: 1em 0em 1em 0em;
	width: auto;
}

div#tail table.tail {
	width: 100%;
}
div#tail table.tail td {
	vertical-align: top;
}

div#nav {
	float:right;
	width: 30%;
}
div#content {
	width: 70%;
}
div#content .matrj {
	margin: .0em 2em .5em 3em;
}
div#sideContent {
	position: fixed;
	width: 22.5em;
	margin-left: -20em;
	text-align: right;
	background: #8C8C8C url(/images/sideBg.png) repeat-y right;
/*	border: solid 1px black;*/
}
div#sideContent:hover {
	padding-left: 20em;
	text-align: left;
	background: #222 url(/images/sideBgAc.png) repeat-y 20em;
}
div#sideContent dl.menu dd {
	margin-left: 0em;
	padding: .2em .5em .2em .5em;
}
div#sideContent {
	color: #AAA;
}
div#sideContent a {
	color: white;
}

div#tail .matrj td#tailLeft,
div#tail .matrj td#tailMiddle,
div#tail .matrj td#tailRight {
	font-size: x-small;
	padding: 40px 2em .5em 0em;
	background: no-repeat -4px 5px;
}
div#tail .matrj td#tailLeft {
	background-image: url(/images/txtKontakt.png);
}
div#tail .matrj td#tailMiddle {
	background-image: url(/images/txtTisk.png);
}
div#tail .matrj td#tailRight {
	background-image: url(/images/txtPotrebuji.png);
}
div#tail .news h3 {
	color: #FFF;
	border-bottom: none;
}

@media screen {
	div.layoutBand,
	div#tail div.matrj {
		width: 75em;
	}

	div#footer {
		padding-bottom: 2em;
	}
}


/*
	Header
*/
#amLogo {
	padding: 2em 2em 2em 3em;
	vertical-align: bottom;
}

#menuBand {
	position: relative;
	border-top: solid 1px #CCC;
}
#menuBand #menuBg {
	height: 200px;
	overflow: hidden;
	position: relative;
}
#menuBand #menu {
	position: absolute;
	width: 100%;
	top: 0px;
	z-index: 2;
	border-top: solid 1px #FFF;
}
#menuBand #menu .matrj {
	padding: 0em 2em 0em 3em;
}
#menuBand #menu #modely {
	position: absolute;
	margin-left: 1em;
	background: url(/images/modely.png) no-repeat;
}
#menuBand #menu #modely span a {
	padding: 0em;
	line-height: 22px;
}
#menuBand #menu #modely #jazz a {
	width: 94px;
}
#menuBand #menu #modely #city a {
	width: 87px;
}
#menuBand #menu #modely #civic a {
	width: 110px;
}
#menuBand #menu #modely #crv a {
	width: 103px;
}
#menuBand #menu #modely #crz a {
	width: 110px;
}
#menuBand #menu #modely #insight a {
	width: 133px;
}
#menuBand #menu #modely #accord a {
	width: 140px;
}
#menuBand #menu #modely #legend a {
	width: 132px;
}
#menuBand #menu #plosiny a {
	background: #AAA;
	float:right;
}

#hondaLogo {
	padding: 3em 2em 0em 2em;
	float: right;	
}

#menuBand #menu a,
#menuBand #menu a:visited {
	text-decoration: none;
	line-height: 2em;
	display: inline-block;
	padding: 0em 1em 0em 1em;
	color: black;
}
#menuBand #menu {
	background: url(/images/white34.png);
}
#menuBand #menu a:hover,
#menuBand #menu #plosiny a:hover {
	background: url(/images/red34.png);
	color: white;
}

/*
	Main
*/
#summary .editCue {
	position: relative;
	z-index: 3;
}
#summary dl {
	margin-top: -3em;
	color: white;
	position: relative;
	z-index: 2;
}
#summary dl dt {
	font-size: 1.3em;
	font-weight: normal;
	padding: .2em .5em .2em .5em;
	margin: 0em;
}
#summary dl dd {
	margin: 0em;
	padding: 0em 2em 1em 2em;
}
#summary dl dd div.frame {
	font-size: 100%;
	width: auto;
	margin: 0em -2em 1em -2em;
	border: 0px;
	background: black;
	padding: 2em 0em 2em 0em;
}

dl#modelVariants dt,
dl#modelVariants dd {
	display: inline;
}

.pgCaption {
	/*margin: 0em -1em 0em -1em;	*/
}
.pgCaption .matrj {
	padding: 1em 0em 0.5em 2em;
}
/*.pgCaption h1 {
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
	font-weight: normal;
	line-height: 1em;
}*/
.pgCaption div.pageView {
	float: right;
	font-size: small;
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
	font-weight: normal;
	padding: 0.5em 0em 0em 1em;
	text-transform: none;
}
.pgCaption div.pageView A {
	color: #666666;
}

.navPane {
	padding: 0em .5em 1em 1em;
	overflow:hidden;
}
.navPane .menu {
	margin: 0em -.5em 0em -1.8em;
}
.navPane .menu dt {
	margin-left: 28px;
	padding: .2em 1em .2em 1em;
	background: #C9DB39;
	font-style: italic;
	font-weight: normal;
	border-top: solid 1em white;
}
.navPane .menu dd {
	margin: 0px 0px 1px 0px;
	font-weight: normal;
	padding: .2em 0em .2em 28px;
	background: #C9DB39 url(images/navGrip.gif) no-repeat;
}
.navPane .menu dd a,
.navPane .menu dd a:visited,
.navPane .menu dd .sel, {
	color: black;
	padding-left: 1em;
}
.navPane .menu dd .sel {
	font-weight: bold;
}


A.button, A.button:visited
{
	color:#FFFFFF;
	text-decoration: none;	
	border:solid 1px #E92736;
	margin:5pt;
	padding-left:5pt;
	padding-right:5pt;
	background:#E92736; /*#666666;*/
}
A.button:hover 
{
	background:#FFFFFF;
	color:#000000;
	text-decoration:none;
}

#pageName, #parentName
{
	margin-bottom:0px;
}

UL.kontaktFoto 
{
	margin-left:0px;
}
LI.kontaktFoto
{
	list-style-position:outside;
	list-style-image:url(images/point.gif);
	margin-top:20px;
	background-repeat:no-repeat;
}

/*
	Footer
*/


/*
	PANE
*/
.navPane {
	padding: 1em;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	/*padding:5pt;*/
}
.navPane A.simple, .navPane A.collapsed, 
.navPane .simpleSelected, .navPane .expanded, 
.navPane A.sub, .navPane .subSelected,
.navPane .sub2 A, .navPane .subSelected2 SPAN
{
	display:block;
	padding-left:15pt;
	padding-right:15pt;
	padding-top:2pt;
	padding-bottom:2pt;
	border-bottom:solid 1px;
}
.navPane A.simple:hover, .navPane A.collapsed:hover
{
	text-decoration:none;
}
.navPane .simpleSelected
{
}
.navPane A.sub, .navPane .subSelected,
.navPane .sub2 A, .navPane .subSelected2 SPAN
{
	padding-left:15pt;
}
.navPane A.sub:hover
{
	text-decoration:none;
}
.navPane A.collapsed 
{
	background-repeat:no-repeat;
	background-position:right center;
}
.navPane A.collapsed:hover 
{
}
.navPane .expanded 
{
	background-repeat:no-repeat;
	background-position:right center;
}
.navPane .subSelected, .navPane .subSelected2
{
/*	border-top:solid 1px;*/
/*	border-bottom:solid 0px;*/
	background-color:#E92736;
	color:white;
}
.navPane .sub2 A, .navPane .subSelected2 SPAN
{
	background-position:3px 2px;
	background-repeat:no-repeat;
	text-align:right;	
	line-height:50px;
	font-size:larger;
}
.navPane .sub2 A
{	
}
.navPane .sub2 A:hover 
{
	text-decoration:none;
}

/*
	Pop-up
*/
BODY.popup 
{
	background:URL(images/popupBg.gif) repeat-y;
}

/*
	Content panes and their cues
*/
.paneR {
	/* Pane in reveal mode */
	border: dotted 1px;
}
.paneC {
	/* Pane cue */
	font-size: 0.7em;
	color: White;	
	display:inline-block;
	float: right;
	/*clear: right;*/		
	padding: 0.2em 1em 0.2em 1em;
}
.editCnt {
	/* Edit cue */
	border: dotted 1px;
}
.editCue {
	font-family: Sans-Serif;
	font-size: 0.7em;
	display:inline-block;
	padding: 0.2em 1em 0.2em 0em
}