/* 
Lacoste vůně
Vytvořil Martin Winkler
*/

/* CSS Reset  */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { 
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;	
}
body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: '';	content: none; }

:focus { outline: 0; }

ins {	 text-decoration: none;}
del {	 text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; }

/* Main structure */
	
body {
	font-family: 'Tahoma';
	font-size: 13px;
	color: #7a7874;
	background: #f0efe7 url('images/bg.gif') left top repeat-x;
	margin: 0;
	padding: 0;
}

body#hp { background: #f0efe7 url('images/bg-hp.gif') left top repeat-x; }

#container { width: 960px; margin: 0 auto; position: relative; }
#page { background: #fff; margin: 30px 0 30px 0; }
#header { border: 1px solid #bae2e5; border-bottom: none; height: 129px; }
#hp #teaser { width: 960px; height: 330px; background: #146faa url('images/teaser.jpg') left top no-repeat; }
#teaser { width: 960px; height: 150px; background: #146faa url('images/teaser-s.jpg') left top no-repeat; }
#salers { position: absolute; right: 41px; top: 23px; }
#salers a { padding-left: 30px; background: transparent url('images/ico-croc.gif') left top no-repeat; font-size: 12px; }

#v-menu { position: absolute; left: 254px; top: 85px; }
#v-menu ul li { float: left; padding: 0; background: none; }
#v-menu ul li a { font-size: 12px; float: left; display: block; color: #fff; background: #b7ad99; width: 132px; text-decoration: none; text-align: center; padding: 12px 0 11px 0; margin: 0 1px 0 0; font-weight: bold; }
#v-menu ul li a.active, #v-menu ul li a:hover.active { background: #146faa; }
#v-menu ul li a:hover { background: #f99312; }

#content { padding: 0 0 1px 0; min-height: 400px; _height: 400px; background: transparent url('images/page.gif') left top repeat-y; }

#footer { font-size: 12px; height: 78px; padding: 10px 0; background: #d7d0c2; position: relative; }
#footer ul li { background: none; padding: 0; }
#footer .col2-set { float: right; background: none; }
#footer .col2-set .col-1 { width: 310px; padding: 0 0 0 16px; background: transparent url('images/foot-line.gif') left top repeat-y; }
#footer .col2-set .col-1 ul { margin: 0 0 10px 0; }
#footer .col2-set .col-2 { width: 304px; padding: 0 0 0 16px; background: transparent url('images/foot-line.gif') left top repeat-y; }
#footer .foot-logo { width: 112px; height: 55px; display: block; position: absolute; left: 60px; top: 22px; }
#footer .foot-logo span { background: transparent url('images/logo-foot.gif') left top no-repeat; width: 112px; height: 55px; display: block; left: 0; top: 0; position: absolute; }

#sidebar { padding-top: 1px; }
#sidebar h3 { font-size: 15px; font-weight: normal; padding: 15px 32px; color: #635d52; background: #d7d0c2; margin: 0; }
#sidebar ul { margin: 0; }
#sidebar ul li { padding: 0; background: none; }
#sidebar ul li a { color: #75684f; display: block; border-bottom: 1px solid #d7d0c2; text-decoration: none; padding: 8px 0 8px 62px; background: transparent url('images/menu-arr.gif') 32px 11px no-repeat; }
#sidebar ul li a:hover { background: transparent url('images/menu-arr.gif') 42px 11px no-repeat; padding-left: 72px; }
#sidebar ul li a.active { background: #fff url('images/menu-arr.gif') 32px 11px no-repeat; border-left: 1px solid #d7d0c2; }
#sidebar ul li a:hover.active { background: #fff url('images/menu-arr.gif') 42px 11px no-repeat; }

.saler { margin: 0 18px 80px 18px; float: left; }

/* Cols */

.col-1, .col-2, .col-3, .col { float: left; }

.col1-set { margin: 0 30px; padding: 30px 0 0 0; }
.col2-set { margin: 0; background: transparent url('images/page-side.gif') left top repeat-y; }

.col2-set .col-1 { width: 255px; margin: 0; }
.col2-set .col-2 { width: 645px; margin: 0 30px; padding: 30px 0 0 0; }

.col3-set { margin: 0 0 20px 0; padding: 30px 0 0 0; }
.col3-set .col-1 { width: 275px; margin: 0 15px 0 30px; }
.col3-set .col-2 { width: 290px; margin: 0 15px; }
.col3-set .col-3 { width: 275px; margin: 0 30px 0 15px; }

/* Headers */

h1 { width: 149px; height: 73px; display: block; position: absolute; left: 49px; top: 30px; }
h1 a {  }
h1 a span { width: 149px; height: 73px; display: block; background: transparent url('images/logo.gif') left top no-repeat; position: absolute; left: 0; top: 0; }
h2 { font-family: 'Tahoma'; font-size: 24px; font-weight: normal; color: #146faa; padding: 0 0 13px 0; margin: 0 0 18px 0; background: transparent url('images/dot-line.gif') left bottom repeat-x; }
h3 { font-family: 'Tahoma'; font-size: 18px; font-weight: normal; color: #146faa; margin: 0 0 18px 0; }
h4 { font-family: 'Tahoma'; font-size: 15px; font-weight: bold; color: #5a5752; margin: 0 0 10px 0; }

/* Standard classes */

p,ul { line-height: 22px; margin: 0 0 22px 0; }
ul li { background: transparent url('images/li-arrow.gif') left 8px no-repeat; padding: 0 0 0 18px; }
#footer ul.list li { background: transparent url('images/li-arrow.gif') left 8px no-repeat; padding: 0 0 0 18px; }

a { color: #7a7874; text-decoration: underline; }
a:hover { color: #7a7874; text-decoration: none; }

dl { line-height: 22px; }
dl dt { font-size: 14px; font-weight: bold; color: #484643; margin: 0 0 10px 0; }
dl dd { margin: 0 0 20px 0; }

/* Various classes */

.nowrap,
.nobr { white-space: nowrap !important; }

.more { float: right; }
.more a { display: block; color: #fff; background: #f99312 url('images/btn-arrow.gif') right 11px no-repeat; padding: 4px 28px 4px 14px; text-decoration: none; }
.more a:hover { background: #b7ad99 url('images/btn-arrow.gif') right 11px no-repeat; }

.ico-fb { background: transparent url('images/ico-fb.gif') left top no-repeat; padding: 0 0 4px 24px; }
.ico-mail { background: transparent url('images/ico-mail.gif') left 2px no-repeat; padding: 0 0 0 24px; }

small { font-size: 11px; }

/* Alignment */

.v-top { vertical-align: top; }
.v-middle { vertical-align: middle; }
.v-bottom { vertical-align: bottom; }

.left { float: left; }
.right { float: right; }

img.left { float: left; margin-right: 20px; }
img.right { float: right; margin-left: 20px; }

.a-left { text-align: left; }
.a-right { text-align: right; }
.a-center { text-align: center; }

/* Clearfix */

.clearfix:after,
.col2-set:after,
.col3-set:after {
	content:".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	overflow: hidden;
}