/*
Theme Name: Baza CNC
Description: Szablon :)
Author: Anna Romanska
Author URI: http://dronka.org
*/

/* RESETES & BASIC PAGE SETUP */
* { margin: 0; padding: 0; }
html { overflow-y: scroll; height: 100%;}
body {
	font:12px Arial, serif;
	color:#8C651A;
	background-color:#d7d7c1;
	height:100%;}

a {outline: none; text-decoration:none;}
a img {border: none; }
/* END RESET */

/* TOOLBOX */
.floatleft {float: left; }
.floatright {float: right; }
.clear {clear: both; height:0px;}
.out {text-indent:-9999px;}
.right20 {margin-right:20px;}

/* LINKS & COLORS */
.orange {color:#f29400;}
.zielony {color:#5c791f;}
.brown {color:#b37346;}

a.link {color:#5B3818;}
a.link:hover {color:#8C651A; text-decoration:underline;
}



/* STRUCTURE AND STUFF */
div#page-wrap {width:984px; margin:0 auto -50px; min-height: 100%; height: auto !important; height: 100%; }

h2, h3, h4 {color:#f29400; margin-bottom:7px;}
h2 {font-size:18px;}
h3 {font-size:14px;}
p {margin-bottom:7px;}

ul.lista {list-style:none;}
ul.lista li {background:url(img/bullet.png) center left no-repeat; padding:0 0 0 10px;}

/*HEADER*/
div#header {height:96px; }
div.top-left {height:60px; width:36px; background:url(img/top-left.png);}
div#header h1 a {display:block; width:281px; height:96px; background:url('img/lolo-bg.png') no-repeat bottom center; text-indent:-9999px; }
div#header h1 a:hover {background-position:top center;}
ul#top-nav {display:inline; display:block; list-style:none; width:647px; height:60px; background:url(img/top-right.png); padding-left:20px;}
ul#top-nav li {float:left; padding:20px 5px 0 5px;}
ul#top-nav li a {color:#f7f6e8; padding: 0 10px 18px 10px;}
ul#top-nav li.orange a {color:#f29400;}
ul#top-nav li a:hover {border-bottom:4px #f29400 solid;}

/*main-content*/
div.banner {background:url(img/banner.jpg) no-repeat; width:984px; height:255px; margin:10px 0; position:relative;}
div.banner div {position:absolute; right:100px; bottom:20px; width:340px;}
div.banner div a {display:block; height:80px;}
div.banner div a:hover {background-position:top center;}
a.sprawdz-forum {width:154px; background:url(img/sprawdz-forum.png) bottom center; margin-right:15px;}
a.zapytaj-eksperta {width:161px; background:url(img/zapytaj-eksperta.png) bottom center;}

div#main-content, div.main-side, div.sidebar {
	background-color:#f3f3ee;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding:20px;
	-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.2);
	color:#444;}

div#main-content {width:940px; margin:10px 0;}
/*main-side */ 
div.main-side {width:650px; margin:10px 15px 10px 0;}
div.sidebar {width:235px; margin:10px 0}


/* bannery */
div.bannery a {margin-bottom:15px; margin-top:5px;}


/*slideshow*/
#slideshow 						{position:relative; height:280px; width:233px;}
#slideshow img 					{position:absolute; top:0; left:0; z-index:8; width:233px; height:280px;}
#slideshow img.active 			{z-index:10;}
#slideshow img.last-active 		{z-index:9;}
 
/* targi */
ul.targi {
        list-style-type: none;
        width: 930px;
		cursor:pointer;
} 

ul.targi li a { 
        color: #b37346;
		font-size:14px;
        display: block;
        padding: 5px;
        text-decoration: none;
}


ul.targi li a:hover {
        background: #d7d7c2;
}

ul.targi a em { 
		font-size:12px;
        color: #444;
        display: block;
		display:inline-block;
        line-height: 125%; 
		cursor:pointer;
}

ul.targi a span {
		
        color: #9fa09a;
		margin-left:10px;
		padding:0 20px 0 20px;
		line-height: 150%;
} 

ul.targi a span.de { background:url(img/de.png) center left no-repeat;}
ul.targi a span.pl { background:url(img/pl.png) center left no-repeat;}

 /* kontakt */
div#wpcf7-f1-p9-o1 {width:620px; margin:10px 0 0 100px;}
div.kontakt * {-moz-border-radius:5px; -webkit-border-radius:5px;}
div.kontakt div.kol1 {width:300px; margin-right:20px; display: inline;}
div.kontakt div.kol2 {width:300px; display: inline;} 
div.kontakt input, div.kontakt textarea {border:1px #f29400 solid; padding:5px; width:280px; background-color:#fff; display: inline;}
div.kontakt input:focus, div.kontakt textarea:focus {border-color:#444; background-color:#fafaf7;}
div.kontakt input:hover, div.kontakt textarea:hover {background-color:#fafaf7;}
div.kontakt textarea {height:143px; overflow-y:hidden;}
div.kontakt p {margin:20px 0 0 0; text-transform:uppercase; text-indent:5px;}
div.kontakt input.send {border:none; text-indent:-999px; padding:0px; width:135px; height:25px; background:url(img/wyslij.png) top center no-repeat; cursor:pointer; display:block;}
div.kontakt input.send:hover {background-position:bottom center;}
div.kontakt p.send {display:block; margin: 20px 10px 0 0;}
 
/*FOOTER*/
div#push {height:50px;}
div#footer {height:42px; background-color:#c4c4b0; border-top:1px #b4b4a4 solid; margin-top:7px;}
div#footer-wrap {width:950px; margin:0 auto; padding:12px 0 0 0; color:#999988;}