@import "layout.css";

/* ----------------------------------------------pro cely web */
body {
font-family:  "Lucida Grande CE", "Verdana CE", "Arial CE", Arial, lucida, sans-serif;
font-size: 83%;
line-height: 120%;
/*line-height: 1.5em;*/
margin: 0em;
padding: 10px 0 0 0;
color: #000000;
background: white url(../img/pictogramy/back.jpg) top left repeat-x;
text-align:center;
}

table, td {font-size: 100%;}

a {text-decoration: underline; color: #1B4377}
a:visited {text-decoration: underline; color: #1B4377;}
a:hover {text-decoration: none; color: #1B4377;}

a.nounder {text-decoration: none; color: #000000;}
a.nounder:visited {text-decoration: none; color: #000000;}
a.nounder:hover {text-decoration: none; color: #000000;}

a.wh-under {text-decoration: underline; color: #FFFFFF;}
a.wh-under:visited {text-decoration: underline; color: #FFFFFF;}
a.wh-under:hover {text-decoration: none; color: #FFFFFF;}


form {margin: 0; padding: 0;}
.input-sign {width: 95px; font-size:13px}


ul {margin: 0 0 0 20px; padding: 0 1em 1em 1em; font-size: 100%; list-style-image: url(../img/picto/sipka-ul.gif);}
.ul-sub {margin: 0 0 0 20px; padding: 0 1em 1em 1em; font-size: 100%; list-style-image: url(../img/picto/sipka-ul-sub.gif);}

h1 {font-size: 120%;color: #307AC3; margin:0; padding:0;}
h2 {font-size: 110%;color: #4F6E96; margin:0; padding:0;}

hr {height: 1px; width: 100; color: #C3AE00; background-color: #C3AE00; border: 0px solid #C3AE00}

p {margin-top:5%; margin-bottom:5%;}

#hlavni-pod p {margin: 0 0 15px 0}
#hlavni-pod hr {margin-bottom: 15px}
#hlavni-pod h2 {font-size: 150%; color: #4F6E96; margin:0 0 15px 0; padding:0;}
#hlavni-pod h3 {font-size: 120%; color: #B2A312; margin:0 0 15px 0; padding:0; display:block}

#hlavni-pod h3.pad5 {font-size: 120%; color: #B2A312; margin:0 0 5px 0; padding:0; display:block}
#hlavni-pod h4 {font-size: 110%; color: #B2A312; margin:0 0 15px 0; padding:0; display:block}

#coop-links {display:none;}
/* ----------------------------------------------pro cely web */

	
/* ----------------------------------------------menu */
#menu {
	text-align: left;
	margin: 0px; 
	padding: 0px; 
	font-size: 12px;
	letter-spacing:1px;
	color: white;
}	

a.wh:link {color: white; text-decoration: underline;}
a.wh:visited {color: white; text-decoration: underline;}
a.wh:hover {text-decoration: none;}	

#menu a:link {color: white; text-decoration: none;}
#menu a:visited {color: white; text-decoration: none;}
#menu a:hover {text-decoration: underline;}	
#menu .aktiv {margin:0; padding:0; display: inline; color:#F6E056}

.tab-menu {width: 730px; margin: 5px 0 0px 0}
.menu-first {height: 4px; background-color:#EEA466; /*#EB9650;*/ /*#D2DAEE*/ width: 730px;}	
.menu-second {line-height: 28px; background-color: #E67A22; /*#C76617;*/ /*#4B6CBD*/ letter-spacing:1px; color:white}	
.menu-second-mat {padding-left: 20px}
/* ----------------------------------------------menu */




/* ----------------------------------------------index */

.tab-tit {text-align: left}

/* td 01 */
.td-tit-01 {width:270px}

.box-auto-name { color: #1B4377; width: 268px;  text-align: center}
.box-auto-name a, .box-auto-name a:visited {text-decoration: underline; color: #1B4377}
.box-auto-name a:hover {text-decoration: underline; background: #E6EBEF;}

.box-auto {width: 100%;
border-left: 1px solid #EDF1F4; border-right: 1px solid #EDF1F4; border-bottom: 1px solid #EDF1F4;
background: white url(../img/pictogramy/back-auto.jpg) top left repeat-x; margin-top: 2px}
.box-auto-mat {padding: 10px 0px 10px 10px}
.box-auto a, .box-auto a:visited, .box-auto a:hover {/*color: #B2A312*/}

.box-zavolejte {width: 100%; border: 1px solid #EDF1F4; background: #4B6CBD; color: white; margin-top: 10px; line-height: 120%}
.box-zavolejte-mat {padding:10px}
.box-zavolejte a {color: white;}
.box-zavolejte a:visited {color: white;}
.box-zavolejte a:hover {color: white;}

/* td 02 */
.td-tit-02 {width:240px; padding-top: 17px}
.box-prodej {width: 100%; border: 1px solid #EDF1F4; background: white url(../img/pictogramy/back-box-prodej.jpg) top left repeat-x;}
.box-prodej-mat {padding:10px 10px 6px 10px}
.box-autobazar {width: 100%; border: 1px solid #EDF1F4; background: #7B95D2; color: white; margin-top: 10px; line-height: 110%}
.box-autobazar-mat {padding:10px}
.box-autobazar a {color: white;}
.box-autobazar a:visited {color: white;}
.box-autobazar a:hover {color: white;}

/* td 03 */
.td-tit-03 {width:196px; padding-top: 17px}
.box-servis {width: 100%; border: 1px solid #EDF1F4; background: white url(../img/pictogramy/back-box-servis.jpg) top left repeat-x;}
.box-servis-mat {padding:10px}
/*.box-aktuality {width: 100%; border: 1px solid #EDF1F4; background: white url(../img/pictogramy/back-box-aktuality.jpg) top left repeat-x; margin-top: 10px}*/
.box-aktuality {width: 100%; border: 1px solid #EDF1F4; background: white url(../img/pictogramy/back-box-aktuality-02.jpg) top left repeat-x; margin-bottom: 10px}
.box-aktuality-mat {padding:10px}

.box-f-asistance {width: 100%; text-align: center; background: #F4923C url(../img/pictogramy/FA_bg.gif) top left repeat-x; margin-bottom: 10px}
.box-f-asistance-H {margin:0px 1px 1px 1px; padding:8px 0 4px 0; text-align: center; background: #FFFFFF; border-top:1px solid #FC8E24;}
.box-f-asistance-in {padding:10px 0 12px 10px; text-align:left; }

.td-tit-mezera {width:10px}

.pismeno1 {color: #EA8700; font-weight: bold}
.pismeno2 {color: #DF067C; font-weight: bold}
.pismeno3 {color: black; font-weight: bold}
.pismeno4 {color: #05B957; font-weight: bold}
.pismeno5 {color: red; font-weight: bold}
/* ----------------------------------------------index */

/* ----------------------------------------------sidebar-right */
.box-aktuality-pod {width: 100%; border: 1px solid #EDF1F4; background: white url(../img/pictogramy/back-box-aktuality.jpg) top left repeat-x;}
/* ----------------------------------------------sidebar-right */

/* ----------------------------------------------kontatkt*/
.td-px {width:1px; background-color: #B2A312}
/*.td-opava-01 {width:180px; padding: 0; }
.td-opava-02 {width:155px; padding: 0 0 0 6px; border-left: 1px solid #D1D6E0}
.td-opava-03 {width:145px; padding: 0 0 0 6px; border-left: 1px solid #D1D6E0}*/
.td-opava-01 {width:184px; padding: 0; }
.td-opava-02 {width:151px; padding: 0 0 0 6px; border-left: 1px solid #D1D6E0}
.td-opava-03 {width:145px; padding: 0 0 0 6px; border-left: 1px solid #D1D6E0;}

.td-ostrava-01 {width:176px; padding: 0; }
.td-ostrava-02 {width:161px; padding: 0 0 0 6px; border-left: 1px solid #D1D6E0}
.td-ostrava-03 {width:157px; padding: 0 0 0 6px; border-left: 1px solid #D1D6E0;}
/* ----------------------------------------------kontatkt*/

/*------------------------------------------------- submenu kontakty */
* html #submenu-kontakt  {position:absolute; top:26px; left:518px; z-index:3; width:110px; visibility: hidden;}  /* HACK - uvidi IE */
#submenu-kontakt  {position:absolute; top:30px; left:518px; z-index:3; width:110px; visibility: hidden;} /* HACK - uvidi Mozilla, opera */

	#submenu-kontakt table  { font-size: 1.05em; background-color: #ffffff; }
		#submenu-kontakt td  {width:10px;}

		* html #submenu-kontakt td.mozilla-firts { /* HACK - uvidi IE */
			height: 4px;
			IE5.1ne;height: 6px; /* tohle zase nevidi IE 5.0 a 5.1  -> od 5.5, IE 6 to vidi */
			background: #E67A22; /*#C76617;*/ /*#4B6CBD*/ 
		} 
		#submenu-kontakt td.mozilla-firts  { height: 7px; background:#E67A22; /*#C76617;*/ /*#4B6CBD*/ } /* HACK - uvidi Mozilla, opera */
		
		#submenu-kontakt td.firts  { height: 2px; background: white; }
		#submenu-kontakt td.td-item  { margin: 0; padding: 0; border-left: 1px solid #C76617; border-right: 1px solid #C76617; }
		#submenu-kontakt td.td-item-end  { margin: 0; padding: 0; border-left: 1px solid #C76617; border-right: 1px solid #C76617; border-bottom: 1px solid #C76617;}
		 
		#submenu-kontakt a  { display: block; margin: 0px 2px 3px 2px; padding: 3px 3px 4px 3px; color: #000000; text-decoration: none; cursor: hand;}
			* html #submenu-kontakt a  { width:100%;} /* HACK - uvidi IE */
		#submenu-kontakt a:visited  {text-decoration: none; /*display: block; margin: 0px 4px 4px 4px; padding: 4px 4px 5px 4px;*/}
		#submenu-kontakt a:hover  {text-decoration: none; /*display: block; margin: 0px 4px 4px 4px; padding: 4px 4px 5px 4px;*/}

		#submenu-kontakt a.a-kontakty, a.a-kontakty:visited   { background:#E67A22; /*#C76617;*//* #708BCB;*/ width:98px;}
		#submenu-kontakt a.a-kontakty:hover  { background: #EB9650; /*#D2DAEE;*/ }

#submenu-kontakt-ie7  {position:absolute; top:25px; left:498px; z-index:3; width:110px; visibility: hidden;} /* HACK - uvidi Mozilla, opera */

	#submenu-kontakt-ie7 table  { font-size: 1.05em; background-color: #ffffff; }
		#submenu-kontakt-ie7 td  {width:10px;}

		#submenu-kontakt-ie7 td.mozilla-firts  { height: 7px; background:#E67A22; /*#C76617;*/ /*#4B6CBD*/ } /* HACK - uvidi Mozilla, opera */
		
		#submenu-kontakt-ie7 td.firts  { height: 2px; background: white; }
		#submenu-kontakt-ie7 td.td-item  { margin: 0; padding: 0; border-left: 1px solid #C76617; border-right: 1px solid #C76617; }
		#submenu-kontakt-ie7 td.td-item-end  { margin: 0; padding: 0; border-left: 1px solid #C76617; border-right: 1px solid #C76617; border-bottom: 1px solid #C76617;}
		 
		#submenu-kontakt-ie7 a  { display: block; margin: 0px 2px 3px 2px; padding: 3px 3px 4px 3px; color: #000000; text-decoration: none; cursor: hand;}
			* html #submenu-kontakt-ie7 a  { width:100%;} /* HACK - uvidi IE */
		#submenu-kontakt-ie7 a:visited  {text-decoration: none; /*display: block; margin: 0px 4px 4px 4px; padding: 4px 4px 5px 4px;*/}
		#submenu-kontakt-ie7 a:hover  {text-decoration: none; /*display: block; margin: 0px 4px 4px 4px; padding: 4px 4px 5px 4px;*/}

		#submenu-kontakt-ie7 a.a-kontakty, a.a-kontakty:visited   { background:#E67A22; /*#C76617;*//* #708BCB;*/ width:98px;}
		#submenu-kontakt-ie7 a.a-kontakty:hover  { background: #EB9650; /*#D2DAEE;*/ }
		
#web-list-akcni-tbl {
	font-size: 12px;
	margin:0; padding:0;
	background:#ECE9D8;/* #C0C0C0;*/
	color: #000;
	}
	#web-list-akcni-tbl th {padding: 1px 1px 1px 2px; background: #4B6CBD;/*#C76617;*/ color:#FFF; vertical-align: bottom; text-align: left; text-align:center;}
	#web-list-akcni-tbl td {padding: 1px 1px 1px 2px; /*background: #FFF;*/ vertical-align: bottom;}
	
	/*#web-list-akcni-tbl .th-druh {padding: 4px 4px 4px 4px; width:80px;}*/
	#web-list-akcni-tbl .th-znacka {width:270px; /*240px;*/}
		#web-list-akcni-tbl .td-znacka {width:270px; /*240px;*/ }
		
	#web-list-akcni-tbl .th-karoserie {width:90px; /*180*/}
		#web-list-akcni-tbl .td-karoserie {width:90px; /*180*/}
		
	#web-list-akcni-tbl .th-vyrobeno {width:35px;}
		#web-list-akcni-tbl .td-vyrobeno {width:35px; text-align: right;}
		
	#web-list-akcni-tbl .th-tachometr {width:65px;}	
		#web-list-akcni-tbl .td-tachometr {width:65px; text-align: right;}	
		
	#web-list-akcni-tbl .th-cena {width:182px; /*120px*/}	
		#web-list-akcni-tbl .td-cena {width:182px; /*120px*/ text-align: right;}	
		
	#web-list-akcni-tbl .th-empty {width:250px;}
	#web-list-akcni-tbl .th-palivo {width:80px;}
	#web-list-akcni-tbl .td-stk {width:100px;}
	#web-list-akcni-tbl .th-ico {}
	#web-list-akcni-tbl .td-ico {padding:0 4px 0 4px; }
	#web-list-akcni-tbl .td-druh {padding: 2px; background: #859AC2; color:#FFF; text-align: center;}

	#web-list-akcni-tbl a.akcni-detail {margin:0; padding:0; display: block; width:270px; text-decoration: none; }
	#web-list-akcni-tbl a.akcni-detail:visited {margin:0; padding:0; display: block; width:270px; text-decoration: none;}
	#web-list-akcni-tbl a.akcni-detail:hover {margin:0; padding:0; display: block; width:270px; text-decoration: underline; color: #FF0000; }

	#web-detail-akcni-tbl {
		margin:0; padding:0;
		margin-left: auto;
		margin-right: auto;
		background: #DADDE6;
		color: #000;
		width:670px;/*700px;*/
		}
		#web-detail-akcni-tbl td {background: #FFF;}
		#web-detail-akcni-tbl td.popis {padding: 1px 2px 1px 2px; width:146px;}
		#web-detail-akcni-tbl td.obsah {padding: 1px 2px 1px 2px; width:256px;/*286px;*/}
		#web-detail-akcni-tbl td.obsah2 {padding: 1px 2px 1px 2px; width:516px;/*546px;*/}
		#web-detail-akcni-tbl td.img1 {padding: 0px 0px 0px 0px; width:260px;}
		#web-detail-akcni-tbl td.images2_3 {padding: 0px 0px 0px 0px; width:516px;/*546px;*/ background: #DADDE6;}
		
		#detail-images-tbl {margin:0; padding:0; width:670px;/*700px;*/}
		#detail-images-tbl td.img2_3  { padding: 0px 0px 0px 0px; width:232px/*232px*/; text-align:center; border-right: 1px solid #DADDE6; }
		#detail-images-tbl td.img2_3end  { padding: 0px 0px 0px 0px; width:233px;/*233px;*/ text-align:center;}

	#kontakt-ojete-tbl {
		margin:0; padding:0;
		margin-left: auto;
		margin-right: auto;
		/*background: #DADDE6;*/
		color: #000;
		width:475px;
		}
		#kontakt-ojete-tbl td.td-h1 {padding: 1px 2px 1px 2px; background:#859AC2; width:471px; color: #FFF;}
		#kontakt-ojete-tbl td.popis {padding: 1px 2px 1px 2px; width:96px; text-align: right; /*vertical-align: top;*/}
		#kontakt-ojete-tbl td.obsah {padding: 1px 2px 1px 2px; width:371px; text-align: left; vertical-align: top;}

#index-box-ojete-vozy {margin:8px 0 0 0; padding: 0px; /*width:220px;*/ border: 1px solid #EEA466; }	
#index-box-ojete-vozy .ojete-box-in {margin:0; padding: 6px; background:#E67A22; color: #FFF; }	
.td-tit-ojete {/*width:500px*/}


    #transit-club-box {
	 	position:relative; 
		margin:0; padding:0; 
		width:240px; height:96px; 
		background:#000000;
		color:#FFFFFF;
	 	}
		h1#transit-club-h1  {margin:0; padding:4px 0 0 4px; color:#000000; font-size: 10px;}
    	#transit-club-logo {position:absolute; top:0; left:0; margin:0; padding:0; color:#FFFFFF; overflow:hidden; width:240px; height:76px; }

		a#tc:link {display:block; margin:0; padding:0; background:#000000; color:#FFFFFF; text-decoration:none; width:240px; text-align: center;}
		a#tc:visited {display:block; margin:0; padding:0; background:#000000; color:#FFFFFF; text-decoration:none; width:240px; text-align: center;}
		a#tc:hover {display:block; margin:0; padding:0; background:#000000; color:#FFFFFF; text-decoration:underline; width:240px; text-align: center;}	
		#tctext {position:absolute; bottom:20px; left:0; margin:0; padding:0px; display:block; background:#000000; color:#FFFFFF; width:240px;  text-align: center;}		