/***********************************************************************************************************/
/* CROWN AUTOMOTIVE SALES INTERNATIONAL @ webmedio.cz, 2009, Petr Menšík */
/*	display;
	position;
	float;
	overflow;
	width;
	height;
	min-width;
	max-width;
	min-height;
	max-height;
	margin;
	padding;
	border;
	background;
	color:
	font;
	text;
/***********************************************************************************************************/

* {margin: 0; padding: 0;}

body {
	height: 100%;
 	font-family: Arial, sans-serif;
 	margin: 0;
 	padding: 0;
}

html {
	height: 100%;
 	background-color: #c6c6c6;
	color: #000;
}

img {
	border: 0;
}

fieldset {
	border: 0;
}

a {
	color: #000;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

/***********************************************************************************************************/
/* Layout */
/***********************************************************************************************************/

#root {
	height: 100%;
	position: relative;
}

#container {
	width: 651px;
	margin: 30px auto;
}

#container .containerPattern {
	background: url('img/layout-pattern.gif') repeat-y left bottom;
	width: 651px;
}

#container .containerTop {
	background: url('img/layout-top.gif') no-repeat left top;
	width: 651px; 
}

#container .containerBottom {
	background: url('img/layout-bottom.gif') no-repeat left bottom;
	width: 651px;
	border-bottom: 1px solid #c6c6c6;
}

/* **************************** language **************************** */

#language {
	height: 20px;
	line-height: 20px;
	padding: 0 0 0 51px;
	font-size: .7em;
}

#language em {
	font-style: normal;
	color: #838383;
}

#language strong {
	color: #b31e3a;
}

/* **************************** header **************************** */

#header {
	width: 651px;
	position: relative;
}

#header .content {
	background: #b31e3a;
	width: 620px;
	margin: 11px 0 0 13px;
	border-top: 0px solid black;
}

#header .top { 
	width: 620px;
	background: url('img/header-top.gif') no-repeat left top;
}

#header .bottom { 
	width: 620px;
	background: url('img/header-bottom.gif') no-repeat left bottom;
	height: 135px;
}

#header a.logo { 
	width: 149px;
	height: 82px;
	background: url('img/header-logo.gif') no-repeat left bottom;
	position: absolute;
	right: 18px;
	top: 10px;
	&top: 21px;
	display: block;
}

#header a.logo span { 
	display: none;
}

#header div.heading { 
	width: 360px;
	height: 43px;
	background: #ba213f;
	position: absolute;
	left: 125px;
	top: 27px;
	&top: 38px;
}

#header div.heading h1 { 
	margin: 0;
}

#header div.heading h1 a { 
	display: block;
	width: 326px;
	height: 43px;
	background: url('img/iberia-text.gif') no-repeat left top; 
}

#header div.heading h1 a span { 
	display: none; 
}

#header .menu { 
	background: #fed557 url('img/header-menu-top.gif') no-repeat left top; 
	height: 24px;
	width: 620px;
	position: absolute;
	left: 13px;
	bottom: 19px;
}

#header .menu ul { 
	margin: 0 0 0 15px;
	list-style-type: none;
}

#header .menu ul li { 
	float: left;
	background: url('img/header-menu-splitter.gif') no-repeat right center;
}

#header .menu ul li.last { 
	background: none !important;
}

#header .menu ul li a { 
	display: block;
	line-height: 36px;
	padding: 0 10px 0 10px;
	font-size: .7em;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}

#header .menu ul li a:hover { 
	background-color: #b31e3a;
	color: #fff;
}

/* **************************** window **************************** */

#window { 
	margin: 10px 0 30px 0;
}

.border { 
	background: url('img/window-pattern.gif') repeat-y left top;
}

#window .left { 
	width: 455px;
	float: left;
}

#window .right { 
	width: 177px;
	float: right;
}

#window .allSide { 
	margin: 10px 32px 0 27px;
}

/* **************************** foot **************************** */

#foot { 
	width: 629px;
	margin: -25px auto;
	background: url('img/foot-pattern.gif') repeat-y left top;
}

#foot .top { 
	width: 629px;
	background: url('img/foot-top.gif') no-repeat left top; 
}

#foot .bottom { 
	width: 629px;
	background: url('img/foot-bottom.gif') no-repeat left bottom;
	height: 42px; 
	border-top: 1px solid #c6c6c6;
}

#foot .watermark { 
	width: 57px;
	height: 24px;
	background: url('img/foot-crown.gif') no-repeat left top;
	float: left; 
	margin: 5px 0 0 25px;
}

#foot ul { 
	margin: 12px 0 0 110px;
	list-style-type: none; 
}

#foot ul li { 
	float: left;
	font-size: .6em;	
}

#foot ul li { 
	border-right: 1px solid #f4c201;
}

#foot ul li.last { 
	border-right: none !important;
}

#foot ul li a {
	color: #f4c201; 
	padding: 0 8px 0 8px;
	text-decoration: none;
	text-transform: uppercase;
}

#foot ul li a:hover {
	text-decoration: underline;
}

/* **************************** copyright **************************** */

#copyright { 
	width: 629px;
	margin: 30px auto;
	text-align: center;
	color: #7c868f;
	font-size: .65em;
}

/* **************************** news **************************** */

#news {
	width: 145px;	
}

#news h3 {
	font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
	color: #b31e3a;	
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 15px 0;
	letter-spacing: -1px;
}

#news p {
	margin: 0 0 30px 0;
	font-size: .7em;
	color: #9e9e9e;
	text-align: left;
	border-bottom: 1px solid #f4f4f4;
	padding: 0 0 10px 0;
}

#news p span.date {
	color: #000;
	font-weight: bold;
	display: block;
}

#news p img {
	float: right;
	margin: 0 0 5px 5px;
}

#news p a {
	color: #b31e3a;
	font-weight: bold;
}

#news p a:hover {
	color: #000;
}

/* **************************** box **************************** */

#box {
	margin: 0 20px 0 30px;
	font-size: .7em;
}

#box h2 {
	font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
	color: #b31e3a;	
	font-size: 1.7em;
	font-weight: normal;
	margin: 0 0 20px 0;
	letter-spacing: -1px;
}

#box h2 a {
	color: #b31e3a;
	text-decoration: underline;
}

#box h2 a:hover {
	color: #000;
}

#box p {
	font-size: 1em;
	color: #000;
	margin: 10px 0 10px 0;
	line-height: 1.4em;
}

#box .banner {
	border-top: 1px solid #f4f4f4;
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #f4f4f4;
	text-align: center;
	margin: 25px 0 25px 0;
}

/* **************************** allSide **************************** */

.allSide h2 {
	font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
	color: #b31e3a;	
	font-size: 1.7em;
	font-weight: normal;
	margin: 0 0 20px 0;
	letter-spacing: -1px;
}

.allSide p {
	font-size: .75em;
	color: #000;
	margin: 10px 0 15px 0;
	line-height: 1.6em;
}

.allSide h3 {
	font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
	color: #000;	
	font-size: 1.4em;
	font-weight: normal;
	margin: 0 0 15px 0;
	letter-spacing: -1px;
}

.allSide h4 {
	font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
	color: #000;	
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 15px 0;
	letter-spacing: -1px;
}

.allSide ul {
	margin: 0 0 15px 30px;
	list-style-type: square;
	font-size: .8em;
}

.allSide ul li {
	line-height: 1.6em;
}

.allSide p a {
	color: #b31e3a;
}

.allSide p a:hover {
	color: #000;
}

.allSide p.contact {
	margin: 0 0 25px 0;
}

.allSide ol {
	margin: 0 0 15px 30px;
	list-style-type: lower-alpha;
	font-size: .8em;
}

.allSide ol li {
	line-height: 1.6em;
}

/* **************************** chart **************************** */

table.chart {
	border-collapse: collapse;
	font-size: .7em;	
}

table.chart td.img {
	padding: 10px 5px 10px 5px;	
	vertical-align: top;
	border-right: 1px solid #f4f4f4;	
}

table.chart td {
	border-bottom: 1px solid #f4f4f4;	
	vertical-align: top;
}

/* **************************** info **************************** */

table.info {
	border-collapse: collapse;
	font-size: 1em;	
	margin: 0 0 20px 0;
}

table.info td {
	border-bottom: none;	
}

table.info td.heading {
	padding: 3px 15px 3px 15px;	
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.2em;
}

table.info td.attribute {
	padding: 3px 15px 3px 15px;	
	font-weight: bold;
	color: #939598;
}

/* **************************** download **************************** */

table.download {
	border-collapse: collapse;
	font-size: .75em;	
	margin: 40px 0 20px 0;
	border-top: 1px solid #f4f4f4;
	width: 100%;	
}

table.download td {
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #f4f4f4;	
}

table.download td.link {
	padding: 0 0 0 20px;	
}

table.download td.link a {
	font-weight: bold;	
}

table.download td.link a:hover {
	color: #b31e3a;	
}

table.download td.img {
	border-right: 1px solid #f4f4f4;
	padding: 5px 15px 5px 0;	
	text-align: center;
}

/* **************************** rightBanner **************************** */

#rightBanner {
	position: fixed;
	right: 0px;	
	top: 50%;
	margin: -162px 0 0 0;
	width: 101px;
	height: 333px;
	background: url('img/right-banner-pattern.gif') no-repeat left top;
	border-top: 1px solid #c6c6c6;
}

#rightBanner div {
	margin: 15px 0 0 12px;
}

/***********************************************************************************************************/
/* obecná pravidla */
/***********************************************************************************************************/

.cleaner {
	clear: both;
	height: 0 !important;
	line-height: 0 !important;
	width: 0 !important;
	border: 0 !important;
	font-size: 1px;
}

a#visitEshop {
	width: 167px;
	height: 167px;
	background: url('img/e-shop.png') no-repeat left top;
	position: absolute;
	left: 0;
	top: 0;
}

a#visitEshop span {
	display: none;
}

img#contactStock {
	float: right;
	margin: 10px 0 0 0;
}