﻿body {
	font-family: "Helvetica CE", Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-align: center;
	color: rgb(51,51,51);
	padding: 10px 0 0;
	margin: 0;
}




/* znegovani editacni tuzky */
div.contentpaneopen_edit {
	display: none;
}





/* zakladni stylovani */
h1 {
	font-size: 10pt;
	color: rgb(219,0,47);
	border-left: 5px solid rgb(219,0,47);
	padding: 5px 0 5px 15px;
	text-transform: uppercase;
	margin: 0 0 15px -20px;
}

h1 a {
	color: rgb(219,0,47);
	text-decoration: none;
}

h1 a:hover {
	text-decoration: underline;
}




br.clear {
	clear: both;
}




/* zahlavi webu */
div#zahlavi {
	width: 960px;
	padding: 0;
	margin: 0 auto;
	text-align: left;
	height: 150px;
}

p#logo-citroen {
	position: absolute;
	z-index: 1;
	top: 15px;
	margin: 0 0 0 20px;
	text-align: center;
}

p#logo-citroen img {
	border: 0;
	display: block;
	margin: 0 0 5px;
}

p#logo-citroen a {
	text-decoration: none;
}

p#autosalon {
	position: absolute;
	top: 25px;
	z-index: 4;
	margin: 0 0 0 185px;
}




/* hlavni menu */
div.moduletable-hlavni-menu {
	position: absolute;
	width: 960px;
	top: 140px;
	z-index: 3;
	background: rgb(80,85,95) url('../images/bck-menu-hlavni.png') top right no-repeat;
	height: 30px;
}

div.moduletable-hlavni-menu ul {
	list-style: none;
	margin: 0 0 0 5px;
	padding: 0;
	text-transform: uppercase;
}

div.moduletable-hlavni-menu ul li {
	display: block;
	margin: 0;
	padding: 8px 0 10px 15px;
	float: left;
	height: 12px;
}

div.moduletable-hlavni-menu ul li a {
	color: white;
	text-decoration: none;
	display: block;
}

div.moduletable-hlavni-menu ul li a:hover {
	color: rgb(237,127,151);
}

div.moduletable-hlavni-menu ul li ul {
	display: none;
	margin: 7px 0 0 -20px;
	border-left: 5px solid rgb(80,85,95);
}

div.moduletable-hlavni-menu ul li:hover ul {
	position: absolute;
	z-index: 5;
	display: block;
	background: rgb(239,239,239);
}

div.moduletable-hlavni-menu ul li ul li {
	border-bottom: 1px solid rgb(80,85,95);
	float: none;
	padding: 0;
	height: auto;
}

div.moduletable-hlavni-menu ul li ul li a {
	color: rgb(51,51,51);
	padding: 5px 20px 5px 15px;
	background: rgb(239,239,239);
}

div.moduletable-hlavni-menu ul li ul li a:hover {
	background: rgb(228,99,116);
	color: white;
}

/* zakazani zobrazeni 3. urovne menu */
div.moduletable-hlavni-menu ul li ul li ul {
	display: none;
}




/* postranni horni menu */
div.moduletable-menu-postranni {
	width: 320px;
	height: 130px;
	background: url('../images/bck-menu-postranni.png') bottom right no-repeat;
	text-align: right;
	position: absolute;
	z-index: 2;
	top: 15px;
	margin: 0 0 0 640px;
}

div.moduletable-menu-postranni ul {
	margin: 0 20px 0 0;
	padding: 0;
	list-style: none;
}

/* zakazani zobrazeni odkazu na homepage - zobrazena jinde pomoci index.php */
div.moduletable-menu-postranni ul li.item1 {
	display: none;
}

div.moduletable-menu-postranni ul li a {
	color: rgb(80,85,95);
	text-decoration: none;
}

div.moduletable-menu-postranni ul li a:hover {
	color: rgb(219,0,47);
}

/* zakazani zobrazeni druhe urovne menu */
div.moduletable-menu-postranni ul li ul {
	display: none;
}




div#kontejner {
	width: 940px;
	padding: 0;
	margin: 165px auto 0;
	text-align: left;
}




/* hlavni obsahove okno */
div#obsah {
	padding: 0 0 40px 20px;
	width: 600px;
	min-height: 1400px;
}




/* zobrazení seznamu podstránek v detailu nového vozu */
ul.novy-vuz-sekce {
	margin: 0 0 0 -20px;
	padding: 0 0 0 20px;
	list-style: none;
}

ul.novy-vuz-sekce li {
	margin: 0 5px 5px 0;
	padding: 0 0 0 5px;
	border-left: 3px solid white;
	float: left;
}

ul.novy-vuz-sekce li.aktualni {
	border-left: 3px solid rgb(179,179,179);
	color: rgb(219,0,47);
}




/* detail vozu k odberu */
div.cena-auta {
	background: rgb(239,239,239);
	padding: 5px 10px;
	width: 280px;
}

div.cena-auta p.cena-auta {
	font-size: 10pt;
	font-weight: bold;
	margin: 10px 0;
}

div.cena-auta p.popis-ceny-auta {
	margin: -5px 0 10px;
}

p.odstavec-doprava img.dalsi-foto {
	width: 80px;
	margin: 5px 0 10px 10px;
}




/* obrazky na blog vypisu katagorie a na strance AKCNI NABIDKA */
div.article-content-intro p.odstavec-doprava img,
div.akcni-nabidka p.odstavec-doprava img {
	max-width: 140px;
	height: auto;
	margin: 0 0 5px;
}




/* zapati / paticka */
div#zapati {
	background: rgb(230,230,230);
	border-bottom: 5px solid rgb(219,0,47);
}

div#zapati-vnitrni {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

div#zapati p {
	margin: 0;
	padding: 10px 0;
}

div#zapati p#realizace {
	float: right;
	text-align: right;
}




/* zobrazeni seznamu NOVYCH VOZU */
div.auto-v-seznamu {
	float: left;
	width: 186px;
	height: 140px;
	margin: 0 10px 10px 0;
	border: 1px solid rgb(205,205,205);
	padding: 0;
}

div.auto-v-seznamu h2 {
	color: rgb(51,51,51);
	font-size: 10pt;
	margin: 0;
	background: rgb(239,239,239) url('../images/bck-h2-pravy-sloupec.gif') -2px 0 repeat-y;
	padding: 5px 0 5px 10px;
	border: 0;
	border-bottom: 2px solid white;
	position: absolute;
	width: 176px;
}

div.auto-v-seznamu h2 a {
	color: rgb(51,51,51);
}

div.auto-v-seznamu h2 a:hover {
	color: rgb(219,0,47);
}

div.auto-v-seznamu img {
	width: 185px;
}

hr.oddelovaci-cara {
	display: none;
}

hr.konec {
	border: 0;	
}




/* zobrazeni seznamu VOZU K PRODEJI */
div.vuz-k-odberu {
	margin: 0 10px 10px 0;
	background: rgb(239,239,239);
	padding: 10px;
}

div.vuz-k-odberu img {
	width: 140px;
	border: 1px solid rgb(51,51,51);
}

div.vuz-k-odberu p.foto {
	width: 142px;
	float: left;
	margin: 0;
}

div.vuz-k-odberu p.nazev {
	display: none;
}

div.vuz-k-odberu div {
	margin: 0 0 0 160px;
}

div.vuz-k-odberu h2 {
	color: rgb(51,51,51);
	font-size: 9pt;
	margin: 0 0 5px;
	background: none;
	padding: 0;
	border: 0;
	clear: none;
}




/* vypis kategorii mod_categories, napr. videogalerie */
ul.vypis-mod-kategorie {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.vypis-mod-kategorie li {
	float: left;
	display: block;
	margin: 0 10px 10px 0;
	width: 185px;
	color: rgb(51,51,51);
	font-size: 10pt;
	padding: 0;
	border: 1px solid rgb(205,205,205);
}

ul.vypis-mod-kategorie a {
	color: rgb(51,51,51);
}

ul.vypis-mod-kategorie a:hover {
	color: rgb(219,0,47);
}

ul.vypis-mod-kategorie img {
	width: 185px;
	border-top: 2px solid white;
}

ul.vypis-mod-kategorie span {
	display: block;
	padding: 5px 0 5px 10px;
	font-weight: bold;
	text-transform: uppercase;
	background: rgb(239,239,239) url('../images/bck-h2-pravy-sloupec.gif') -2px 0 repeat-y;
}




/* reklama v pravem sloupci */
div.ad-texts {
	background: rgb(219,0,47);
	padding: 10px;
	height: 130px;
	color: white;
	text-align: center;
}

p.ad-title {
	font-size: 16pt;
	font-weight: bold;
}

p.ad-description {
	font-size: 12pt;
	font-weight: bold;
}

img.ad-image {
	width: 298px;
	height: 248px;
	border: 1px solid rgb(167,170,175);
	border-bottom: 0;
}

img.ad-coverimage {
	position: absolute;
	width: 300px;
	height: 400px;
	
}




/* formular */
table.formular {
	margin: 10px 0;
	padding: 10px;
	background: rgb(239,239,239);
	border-collapse: collapse;
	border: 5px solid rgb(239,239,239);
}

table.formular th,
table.formular td {
	vertical-align: top;
	font-weight: normal;
	padding: 5px 10px 5px 0;
}

table.formular th {
	text-align: right;
}

table.formular td.formError {
	color: rgb(219,0,47);
	font-size: 8pt;
}

table.formular input,
table.formular textarea {
	width: 240px;
	border: 1px solid rgb(167,170,175);
}

table.formular textarea {
	height: 120px;
}

table.formular input.check {
	width: auto;
	margin: 0 10px 0 0;
}

table.formular input.submit {
	margin: 5px 0 0;
	background: rgb(219,0,47);
	color: white;
	padding: 5px 0;
}

p.formRed {
	color: rgb(219,0,47);
	font-size: 12pt;
	font-weight: bold;	
}



/* JDump! styl pro popup okno (aby nebylo centrovane) */
fieldset.dumpContainer
{
	text-align: left;
}




/* pravy sloupec */
div#sloupec-pravy {
	width: 300px;
	position: absolute;
	top: 201px;
	margin: 0 0 0 640px;
}

div#sloupec-pravy h2,
div#sloupec-pravy h3 {
	color: white;
	border: 0;
	border-bottom: 2px solid white;
	padding: 5px 0 5px 15px;
	text-transform: uppercase;
	margin: 0 -10px;
	background: rgb(80,85,95) url('../images/bck-h2-pravy-sloupec.gif') repeat-y;
}

div#sloupec-pravy a {
	color: white;
	text-decoration: underline;
}

div#sloupec-pravy a:hover {
	color: rgb(219,0,47);
}

div#sloupec-pravy ul {
	color: white;
}




/* zobrazeni nadpisu nad vizitkami v pravem sloupci */
div#sloupec-pravy div.moduletable-kontaktujte-nas {
	margin: 15px 0 0;
	padding: 0 10px;
}




/* infomagazin, video, dokumentace, newsletter, psafinance a vuz k odberu v pravém sloupci */
div.moduletable-infomagazin,
div.moduletable-video,
div.moduletable-dokumentace,
div.moduletable-vuz-k-odberu,
div.moduletable-newsletter,
div.moduletable-psafinance {
	padding: 0 10px 15px 10px;
	margin: 15px 0 0;
	background: rgb(167,170,175) url('../images/bck-div-pravy-sloupec.gif') bottom right no-repeat;
}

div.moduletable-dokumentace {
	min-height: 160;
	padding-bottom: 5px;
	background: white url('../images/bck-dokumentace.gif') bottom left no-repeat;
}

div#sloupec-pravy div.moduletable-dokumentace a {
	color: rgb(51,51,51);
	font-weight: bold;
	text-decoration: none;
}

div#sloupec-pravy div.moduletable-dokumentace a:hover {
	color: rgb(219,0,47);
	text-decoration: underline;
}

div.moduletable-newsletter {
	padding-bottom: 5px;
	background: white url('../images/bck-newsletter.gif') bottom left no-repeat;
}

div.moduletable-newsletter table.acymailing_form {
	margin: 5px 0 0;
}

div.moduletable-newsletter input,
div.moduletable-newsletter button {
	width: 180px;
	border: 1px solid rgb(167,170,175);
	padding: 5px 0;
	text-align: center;
}

div.moduletable-newsletter .button {
	background: rgb(219,0,47);
	background: rgb(239,239,239);
}

div.moduletable-psafinance {
	background: white url('../images/bck-psafinance.gif') bottom left no-repeat;
}

div.moduletable-vuz-k-odberu {
	background: rgb(239,239,239) url('../images/bck-div-pravy-sloupec-svetly.gif') bottom right no-repeat;
}

div.moduletable-infomagazin p {
	margin: 5px 0;
}

.youtube-video-play-icon {
	position: absolute;
	margin: 80px 0 0 -165px;
}

/* nahled videa */
p.youtube-video-s-nahledem img.album {
	border: 0;
	width: 280px;
}

/* nahled infomagazinu a aktualniho ceniku */
p.infomagazin-nahled,
p.cenik-nahled {
	float: left;
	margin: 0;
}

/* seznam odkazu u infomagazinu */
ul.infomagazin,
ul.aktualni-cenik {
	margin: 0 0 0 170px;
}

ul.infomagazin li,
ul.aktualni-cenik li {
	margin: 10px 0 0 10px;
}

/* nezobrazovani odkazu v hlavnim obsahovem okne, zobrazeni pouze v pravem sloupci */
.article-content ul.infomagazin li.vsechny {
	display: none;
}

/* uprava zobrazeni vozu k odberu zobrazovanych v pravem sloupci detailu noveho vozu */
div.moduletable-vuz-k-odberu div.vuz-k-odberu {
	background: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted rgb(80,85,95);
}

div.moduletable-vuz-k-odberu div.vuz-k-odberu p.foto {
	width: auto;
	float: none;
	display: none;
}

div.moduletable-vuz-k-odberu div.vuz-k-odberu img {
	width: 278px;
}

div.moduletable-vuz-k-odberu div.vuz-k-odberu p.nazev {
	display: block;
	font-weight: bold;
}

div.moduletable-vuz-k-odberu div.vuz-k-odberu p.popis {
	display: none;
}

div.moduletable-vuz-k-odberu div.vuz-k-odberu p.cena {
	font-weight: bold;
}

div.moduletable-vuz-k-odberu div.vuz-k-odberu p.cena strong {
	color: rgb(219,0,47);
}

div.moduletable-vuz-k-odberu div.vuz-k-odberu div {
	margin: 0;
}

div.moduletable-vuz-k-odberu div.vuz-k-odberu h2 {
	display: none;
}

div.moduletable-vuz-k-odberu br {
	display: none;
}

div#sloupec-pravy div.moduletable-vuz-k-odberu a {
	color: rgb(51,51,51);
	text-decoration: underline;
}

div#sloupec-pravy div.moduletable-vuz-k-odberu a:hover {
	color: rgb(219,0,47);
}

div.moduletable-video img.transparentni {
	width: 280px;
	height: 210px;
	border: 0;
	position: absolute;
	z-index: 14;
	margin: 10px 0 0 0;
}




/* odkazy ZADOSTI o obchodni nabidku a testovaci jizdu */
div.moduletable-zadosti {
	margin: 14px 0 0;
}

div.moduletable-zadosti ul {
	height: 74px;
	margin: 0;
	padding: 0;
	list-style: none;
	color: rgb(51,51,51);
	text-transform: uppercase;
	line-height: 12pt;
}

div.moduletable-zadosti ul li {
	margin: 0;
	padding: 15px 0 0 15px;
	width: 130px;
	height: 59px;
	background: url('../images/bck-link-zadost.gif') no-repeat;
	float: left;
}

div.moduletable-zadosti ul li.druhe {
	margin: 0 0 0 10px;
}


div#sloupec-pravy div.moduletable-zadosti ul li a {
	color: rgb(51,51,51);
	text-decoration: none;
}

div#sloupec-pravy div.moduletable-zadosti ul li a:hover {
	text-decoration: underline;
}




/* kontaktni vizitka */
div.moduletable-vizitka {
	float: left;
	margin: 10px 10px 10px 0;
	padding: 10px;
	border: 1px solid rgb(167,170,175);
	background: rgb(239,239,239);
	width: 265px;
	min-height: 120px;
}

div.moduletable-vizitka p {
	margin: 10px 0;
}

div.moduletable-vizitka p.obrazek {
	float: left;
	margin: 5px 10px 0 0;
}

div.moduletable-vizitka p.obrazek-zamestnance img {
	border: 1px solid rgb(51,51,51);
}

div.moduletable-vizitka p.pozice {
	font-weight: bold;
	margin: 0;
}




/* */
div.moduletable-vizitka div.firemni {
	background: white;
	padding: 10px;
	margin: -10px;
}

/* uprava zobrazeni vizitky zamestnance v pravem sloupci */
div#sloupec-pravy div.moduletable-vizitka {
	float: none;
	width: 278px;
}

div#sloupec-pravy div.moduletable-vizitka p.obrazek {
	float: right;
	margin: 0 0 0 10px;
}

div#sloupec-pravy div.moduletable-vizitka a {
	color: rgb(51,51,51);
}

div#sloupec-pravy div.moduletable-vizitka a:hover {
	color: rgb(219,0,47);
}




/* zobrazeni titulni stran - 2 sloupce */
div#titulni-sloupec-prvni,
div#titulni-sloupec-druhy {
	float: left;
	width: 295px;
	margin: 0 0 0 -20px;
}

div#titulni-sloupec-druhy {
	margin: 0 0 0 20px;
}

div#titulni-sloupec-prvni h2,
div#titulni-sloupec-druhy h2 {
	color: white;
	border: 0;
	border-bottom: 2px solid white;
	padding: 5px 0 5px 15px;
	text-transform: uppercase;
	margin: 0 -10px;
	background: rgb(80,85,95) url('../images/bck-h2-pravy-sloupec.gif') repeat-y;
}

div#titulni-sloupec-prvni h3,
div#titulni-sloupec-druhy h3 {
	font-size: 10pt;
	margin: 0 0 -5px;
	padding: 10px 0 2px;
	text-transform: uppercase;
	clear: left;
}

div#titulni-sloupec-prvni p,
div#titulni-sloupec-druhy p {
	margin: 5px 0;
}

div#titulni-sloupec-prvni p.obrazek-ilustracni,
div#titulni-sloupec-druhy p.obrazek-ilustracni {
	margin: 5px 0 0;
}

div#titulni-sloupec-prvni p.obrazek-ilustracni img,
div#titulni-sloupec-druhy p.obrazek-ilustracni img {
	width: 275px;
}

div#titulni-sloupec-prvni p.popis-modulu,
div#titulni-sloupec-druhy p.popis-modulu {
	border-bottom: 1px dotted rgb(80,85,95);
	padding: 0 0 10px 0;
}

div#titulni-sloupec-prvni p.odkaz,
div#titulni-sloupec-druhy p.odkaz {
	margin-bottom: 0;
	padding: 5px 5px 5px 10px;
	background: white;
}

div#titulni-sloupec-prvni p.odkaz a,
div#titulni-sloupec-druhy p.odkaz a {
	color: rgb(219,0,47);
	font-weight: bold;
}

div#titulni-sloupec-prvni p.odkaz a:hover,
div#titulni-sloupec-druhy p.odkaz a:hover {
	color: rgb(51,51,51);
}

div#titulni-sloupec-prvni ul,
div#titulni-sloupec-druhy ul {
	margin: 10px 0 0 10px;
	list-style: square;
}

div#titulni-sloupec-prvni ul li,
div#titulni-sloupec-druhy ul li {
	margin: 0 0 0 10px;
	padding: 0;
	width: 115px;
	float: left;
}

div#titulni-sloupec-prvni ul li a,
div#titulni-sloupec-druhy ul li a {
	text-decoration: none;
}

div#titulni-sloupec-prvni ul li a:hover,
div#titulni-sloupec-druhy ul li a:hover {
	text-decoration: underline;
}

div#titulni-sloupec-prvni div.moduletable,
div#titulni-sloupec-druhy div.moduletable
 {
	padding: 0 10px 15px 10px;
	margin: 15px 0 0;
	background: rgb(239,239,239) url('../images/bck-div-pravy-sloupec-svetly.gif') bottom right no-repeat;
}

div#titulni-sloupec-druhy div.vuz-k-odberu a {
	text-decoration: none;
}

div#titulni-sloupec-druhy div.vuz-k-odberu a:hover {
	text-decoration: underline;
}

div#titulni-sloupec-druhy div.vuz-k-odberu h2,
div#titulni-sloupec-druhy div.vuz-k-odberu p.foto {
	display: none;
}

div#titulni-sloupec-druhy div.vuz-k-odberu p.nazev,
div#titulni-sloupec-druhy div.vuz-k-odberu p.popis {
	display: block;
}

div#titulni-sloupec-druhy {

}

div.newsletter_body
{
	position: relative;
	left: -45px;
	z-index: 1;  /* nad pravym sloupcem */
}
