/**
 * Chata pod lasem - http://www.chatapodlasem.pl/
 * Copyright (C) 2010 
 * Author: Tomasz Razik (info@ertedesign.com)
 *
 * Front page styles
 */
body {background:#33291D url(../i/l/cpd-bg.jpg);height:100%;margin:0px;padding:0px;color:#AFABA6;font-family:arial;font-size:12px;}
a {color:#ffffff; outline: none;}
a:hover {color:#B6EB5B;}
.wrap {width:980px;margin: 0 auto; clear:both;}
h1,h2,h3,h4 {font-weight:bold; margin-bottom:15px;font-family: serif;}
h1 { font-size:26px;color:#B6EB5B; }
h2 {font-size:22px; color:#DFCE8C;}
h3 {font-size:18px;color:#DFCE8C;}
h4 {font-size:18px;color:#fff; margin:0px; padding:0px;}
h5 {font-size:12px;color:#fff; margin:0px; padding:0px; font-weight:bold;}
img { border: 0; }
/* clearfix, http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content: '.';display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
.clear {clear:both;}
/** Transparent **/
.transp { background: url(../i/transp30.png); }
.transparent { background: url(../i/transparency.png); color:#fff; padding:10px; }
.thumb {display: block;border:1px solid #B95363;background:#fff;padding:4px; }
.thumb:hover {border: solid 1px #B95363; background:#B95363;}
p { line-height: 1.5; }
a.back {background:transparent url(../i/l/bg-back.gif) top left no-repeat; padding-left:40px; line-height:30px;height:30px; display:block;}
.col-left { float:left; width:550px; }
.col-right { float:right; width:410px; }

h4.news {background:transparent url(../i/l/bg-news.gif) top left no-repeat; height:31px; line-height:31px; padding-left:36px;}
h5 span { color:#8C8782; font-weight:normal; font-size:11px; font-style: italic; }
.news-row { text-transform: lowercase; padding: 5px 8px; border-bottom: solid 1px #2A231A; }
.news-row h5, .news-row-list h5 { background:transparent url(../i/l/bullet.gif) top left no-repeat; padding-left:20px; }
.news-row-list { padding: 5px 8px; }
.body { border-left: solid 5px #2B231A; margin:10px 20px; padding:10px; }
div.hr { height: 1px; background:transparent url('../i/dot.gif') bottom left repeat-x; margin:15px 80px; }
div.hr hr { display: none; }

.home_pictures img { border: solid 1px #000; }

/**
 * Layout
 */
#top { background: transparent url(../i/l/cpd-top.png) fixed left bottom; min-height:90px; height: auto !important; height:90px; clear: both;}
#logo { width:440px; float:left;  display:block; margin:0; padding:0; }
#logo a { display: block; }

#sharped {background: transparent url(../i/l/cpd-sharped.png) top left repeat-x;height:50px;}

#menu { height:90px;width:500px; float:right; display:block; margin:0; padding:0;}
#menu ul {margin:20px 0px 0px 0px; padding:0;}
#menu ul li { float: left; list-style-type: none;}
#menu ul li a { display: block; height:51px; }
#menu ul li a span { display: none; }
a#m-pokoje { width:154px; background: url(../i/l/m-pokoje.gif); }
a#m-pokoje:hover { background-position: 0px -51px; }
a#m-okolica { width:90px; background: url(../i/l/m-okolica.gif); }
a#m-okolica:hover { background-position: 0px -51px; }
a#m-contact { width:96px; background: url(../i/l/m-contact.gif); }
a#m-contact:hover { background-position: 0px -51px; }
a#m-news { width:123px; background: url(../i/l/m-news.gif); }
a#m-news:hover { background-position: 0px -51px; }
#menu ul li a.active { background-position: 0px -51px !important; }

#content { margin:20px 0px; }

#footer-links, #footer-links a { color:#735E3C; text-decoration:none; }
#footer-links a { color:#735E3C; text-decoration:none;margin-left:15px; }
#footer-links { border-top: solid 1px #735E3C; padding:5px 0px; margin: 20px 0px; }
#footer-links ul li { list-style-type: none; display: inline; }
#footer-links a:hover { color:#fff; }
#footer-links a.active { text-decoration: underline; }
#footer-links a img { vertical-align:middle; }

.vcard div { float:left; }