/*
Theme Name: Marrro.com.pl
Theme URI: http://www.marro.com.pl/
Description: Szata graficzna strony www Marro.
Version: 1.0
Author: Robert Wydra
Author URI: http://czajnik.com/
Tags: black, custom header, fixed width, one column, no-widgets
Text Domain: marro


*/

/* reset */
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, textarea, p { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, strong, em { font-size: 100%; font-weight: normal; font-style: normal; }
ol, ul { list-style: none; }
fieldset, img { border: 0; }

/* globalne */
a { color: #939598; text-decoration: none; }
a:hover { text-decoration: none; }
body { background: #000; color: #939598; font: normal 13px/22px Verdana,sans-serif; }

/* HP */
body.hp {background: #fff url(http://www.marro.com.pl/imgs/welcomeBg.jpg) center top no-repeat;}
body.bg2 {background-image: url(http://www.marro.com.pl/imgs/welcomeBg2.jpg);}
/*body.bg3 {background-image: url(http://www.marro.com.pl/imgs/welcomeBg3.jpg);}*/
body.bg4 {background-image: url(http://www.marro.com.pl/imgs/welcomeBg4.jpg);}
body.bg5 {background-image: url(http://www.marro.com.pl/imgs/welcomeBg5.jpg);}
body.bg6 {background-image: url(http://www.marro.com.pl/imgs/welcomeBg6.jpg);}
body.hp .welcome {width: 980px;margin: 0 auto;margin-top: 138px;position: relative;}
body.hp h1 {color: #000010;font: normal 39px Verdana,sans-serif;position: absolute;top: 0; left: 0;}
body.hp .logo {width: 226px;height: 40px;background: url(http://www.marro.com.pl/imgs/welcomeLogo.png) center top no-repeat;position: absolute;top: 0;right: 145px;text-indent: -1000px;overflow: hidden;}
* html body.hp .logo {background-image: url(http://www.marro.com.pl/imgs/welcomeLogo.gif);}
body.hp p {text-align: right;font: normal 14px Verdana,sans-serif;margin-top: 10px;position: absolute;right: 0;top: 3px;}
body.hp a {color: #646464;}
body.hp a:hover {color: #000;}
body.hp a.pl {margin-right: 10px;}

h1, h2 {font-size: 24px;color: #fff;margin-bottom: 10px;}
p {font: normal 12px/20px Verdana,sans-serif;text-align: justify;}

#page {width: 960px;margin: 0 auto;}

#header {padding: 15px 0 21px;background: url(images/stripe.gif) bottom left repeat-x;}

#content {padding: 85px 0 20px;}
#content .post {position: relative;}
#content .post img.alignright {position: absolute; top: -10px;right: 0;}
#content .post img {margin-bottom: 37px;}
#content .post img.wp-image-88,#content .post img.wp-image-148,#content .post img.wp-image-143,#content .post img.wp-image-218,#content .post img.wp-image-108, #content .post img.wp-image-207, #content .post img.wp-image-147, #content .post img.wp-image-142, #content .post img.wp-image-107 {top: -30px;}
#content .post ul.oferta {position: relative;width: 960px;overflow: hidden;zoom: 1;font-size: 12px;margin-bottom: 12px;}
#content .post ul.oferta2 {margin-bottom: 0;position: relative;top: -12px;}
#content .post ul.oferta a:hover {color: #88efff;}
#content .post ul.oferta li {float: left;margin-left: 24px;}
#content .post ul.oferta li.first {margin: 0;}
#content .post ul.oferta li.ofertaActive a {color: #88efff;}
#content .post ul.aktualnosci .ofertaActive a, #content .post ul.aktualnosci a:hover {color: #FFC300 !important;}
#content #post-230 .entry li, #content #post-234 .entry li {float: left;display: block;width: 180px;height: 305px;margin-left: 25px;}
#content #post-230 .entry li img, #content #post-234 .entry li img {margin-bottom: 2px;}
#content #post-230 .entry li.first, #content #post-234 .entry li.first {margin-left: 0;}
#content #post-12 img {margin: 10px 0 0;}

#navT {font: normal 13px/26px Verdana,sans-serif;padding-top: 4px;}
#navT ul, #content .post ul.oferta {clear: both;display: block;}
#navT li {float: left;margin-left: 25px;}
#navT .oferta li {margin-left: 12px;}
#navT li.first {margin: 0;}
#navT li a {color: #939598;}
#navT li.oFirmie a:hover, #navT li.oFirmieActive a {color: #bc249a;}
#navT li.oferta a:hover, #navT li.ofertaActive a {color: #88efff;}
#navT li.realizacje a:hover, #navT li.realizacjeActive a {color: #46cc1b;}
#navT li.aktualnosci a:hover, #navT li.aktualnosciActive a {color: #ffc300;}

.cols {overflow: hidden;zoom: 1;font-size: 12px;}
.cols .c0, .cols .c1 {float: left;width: 50%;}
.colsA {overflow: hidden;zoom: 1;}
.colsA .c0A, .colsA .c1A {float: left;width: 50%;}
.cols h3 {font-size: 18px;color: #fff;margin: 15px 0;}