@link:#004b91; @vlink:#7d8b79; @hlink:#9b4f21; html, body { margin:0; padding:0; min-height:100%; } body { font-size: 83.33%; font-family: sans-serif; //line-height:1.3em; background: #192a08 url(/images/cms/data/bg.jpg) repeat-x center bottom; min-height:100%; } a { color:@link; &:hover { color:@hlink; text-decoration: underline; } &:visited { color:@vlink; } } h1, h2, h3, h4,h5,h6{ margin: 1.5em 0 0.5em 0; line-height: 1.1em; } h3 { color: #333; font-size:1.1em; } p { margin: 0 0 1em 0; } img { border:none; } ul { list-style:square; color:#222; } .clear{ clear: both; overflow:hidden; height:1px; font-size:0; } .c1, .c2, .c3, .c4 { float:left; } #all { width:935px; margin:0 auto; background:#F3F3D3; padding:0 10px; min-height:100%; } #header { color:#264f39; font-size: 1.2em; border-bottom:4px solid #2A2A29; .c2 { float:right; } #adres { margin-top: 85px; } #telefon { i { font-style:normal; } } } #menu { ul { list-style:none; margin:1em 0 0 0; padding:0; li { float:left; border-bottom:22px solid #71B73D; margin:0 5px 0 0; padding:0 0 0 0; &.position1 { border-color:#71B73D; } &.position2 { border-color:#89BE47; } &.position3 { border-color:#9FC75D; } &.position4 { border-color:#B4D27E; } &.position5 { border-color:#C8DEA2; } &.position6 { border-color:#C8DEA2; } &.position7 { border-color:#EBF3E1; } &.position1:hover { border-color:#71B73D-#222; } &.position2:hover { border-color:#89BE47-#222; } &.position3:hover { border-color:#9FC75D-#222; } &.position4:hover { border-color:#B4D27E-#222; } &.position5:hover { border-color:#C8DEA2-#222; } &.position6:hover { border-color:#C8DEA2-#222; } &.position7:hover { border-color:#EBF3E1-#222; } a { width: 128px; display:block; padding:0.5em 0; text-decoration:none; color:#2A2A29; font-family:Tahoma; text-transform:uppercase; &:hover {} &:visited {} } ul { position:absolute; background:#ADCE71; display:none; margin-top:22px; li { float:none; border:none; a { padding:5px; width:113px; font-size:0.8em; &:hover {} &:visited {} } } } } } } #page { padding-bottom:2em; &.default { img { float:left; } } .c1{ width:400px; } .c2 {width:934px-400} .miniPics { div{ float:left; margin: 0 5px 5px 0; a{ img { border:2px solid #666; } &.active,&:hover{ img{ border-color:#fa4; } } } } } h1 { font-size:1.2em; text-transform:uppercase; color:#2A2A29; } }