/*

	AUTHOR:	Anna Romańska

			info@dronka.org

			http://dronka.org

			

			green: #829a43

			blue: #10668b

			light blue #819ea9

*/



/* RESETES & BASIC PAGE SETUP */

* { margin: 0; padding: 0; }

html { overflow-y: scroll; background: url(../img/bg.png); height: 100%;}

body {

	font:80%/1.25 Helvetica, Arial, sans-serif; color:#767676;

	background: url(../img/top-bar-bg.png) repeat-x;

    height: 100%;

	}

html>body {min-height: 100%; height: auto;}

 

a {outline: none; color:#767676; text-decoration:none;}

a img {border: none; }

/* END RESET */



/* TOOLBOX */

.floatleft {float: left; }

.floatright {float: right; }

.clear {clear: both; }

.out {text-indent:-9999px;}

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

.img-right {float:right; padding: 0 20px 0 20px;}

.top10 {margin-top:10px;}



/* LINKS & COLORS */

.zielony {color:#829a43;}

.niebieski {color:#10668b;}



a.link {text-decoration:underline;}

a.link:hover {border-bottom: 1px solid; text-decoration:none; padding-bottom:2px;}



a.infolinia {padding-left:8px; font:1.3em "Century Gothic", "Arial", "Tahoma"; color:#10668b; line-height:54px;}

a.infolinia:hover {color:#4888a3;}



a.logo-powiekszanie {width:320px; height:233px; display:block; background:url(../img/powiekszanie-logo.png) bottom center;}

a.logo-powiekszanie:hover {background-position:top center;}



a.kup-teraz {display:block; width:99px; height:35px; background:url(../img/kup-teraz.png) bottom center;}

a.kup-teraz:hover {background-position:top center;}



a.zobacz-opinie {display:block; width:133px; height:35px; background:url(../img/zobacz-opinie.png) bottom center;}

a.zobacz-opinie:hover {background-position:top center;}



a.top {font-family: "Century Gothic", "Arial", "Tahoma"; position:absolute; right:20px; bottom:20px; color:#819ea9; text-transform:uppercase;}

a.top:hover {padding-bottom:5px;}



/* STRUCTURE AND STUFF */

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

div.top-bar {margin-bottom:30px; height:57px;}

div.main-container {background:#f7f7f7; height:100%;}

div.sidebar {width:320px; background:url(../img/sidebar-bg.png) repeat-y;}

div.main {width:640px; }

div.content {padding:0 20px 0 15px;}

div.bottom {background:#f7f7f7 url(../img/bottom-bg.png) bottom no-repeat; padding-bottom:30px; position:relative;}

div.top {background:#f7f7f7 url(../img/top-bg.png) top no-repeat; padding-top:30px;}

div.content-wide {background:#f7f7f7; padding:0 24px;}



div.col1-3 {width:288px; padding:0 8px 0 0; float:left;}

div.col2-3 {width:288px; padding:0 16px; float:left;}

div.col3-3 {width:288px; padding:0 0 0 8px; float:left;}



/* TOP-NAV */

ul.top-nav {width:640px; height: 45px; list-style:none; background:url(../img/top-nav/rest.png) right no-repeat;}

ul.top-nav li {display: inline;}

ul.top-nav li a {display: block; height: 45px; text-indent: -9999px; float: left;}

	ul.top-nav li.opinie-klientow a {width: 172px; background: url(../img/top-nav/opinie-klientow.png) top center;}

	ul.top-nav li.pytania-i-porady a {width: 171px; background: url(../img/top-nav/pytania-i-porady.png) top center;}

	ul.top-nav li.kontakt a {width: 99px; background: url(../img/top-nav/kontakt.png) top center;}

	ul.top-nav li.zamow a {width: 97px; background: url(../img/top-nav/zamow.png) top center;}



ul.top-nav li a:hover {background-position: center center;}

li#currentpage a {background-position:bottom center;}



/* SIDE-NAV */

div.side-nav {font-family:"Century Gothic", "Arial", "Tahoma";}

div.side-nav h1 a, div.side-nav h2 a{margin:8px 0 0 20px; cursor: pointer; width:225px; background-position:bottom left; display:block;}

div.side-nav h1 a:hover, div.side-nav h2 a:hover {background-position:top left;}

div.side-nav h1 a#currentpage, div.side-nav h1 a#currentpage2, div.side-nav h2 a#currentpage, div.side-nav h2 a#currentpage2 {background-position:top left;}

a.potencja { height:16px; background:url(../img/side-nav/potencja.png) no-repeat; }

a.przedwczesny-wytrysk {height:16px; background:url(../img/side-nav/przedwczesny-wytrysk.png) no-repeat; }

a.sprawnosc-seksualna {height:20px; background:url(../img/side-nav/sprawnosc-seksualna.png) no-repeat; }

a.akcesoria {height:16px; background:url(../img/side-nav/akcesoria.png) no-repeat; }

a.prostata { height:16px; background:url(../img/side-nav/prostata.png) no-repeat; }

a.pytania-i-porady {height:16px; background:url(../img/side-nav/pytania-i-porady.png) no-repeat; }

	ul.side-nav {list-style:url(../img/side-nav/bullet.png); width:230px; padding:0 0 0.8em 3.5em;}

	ul.side-nav li {padding:2px 0;}

	ul.side-nav li:hover {list-style:url(../img/side-nav/bullet-h.png);}

	ul.side-nav li#currentpage {list-style:url(../img/side-nav/bullet-h.png);}

	ul.side-nav li#currentpage a {color:#767676;}

div.side-nav a:hover {color:#829a43;}

a.sidebar-wiecej {float:right; padding-right:70px; text-decoration:underline; margin-top:-1em; font-size:0.9em;}



/* CONTENT */

div.content p, div.content-wide p {font-size:1.1em; line-height:1.5em; padding-bottom:10px;}

ul.lista {list-style:url(../img/bullet.png); font-size:1.1em; padding:0 0 0 30px; padding-bottom:10px;}



div.cobeco {font-size:0.9em; line-height:0.9em; padding-top:5px;}

div.cobeco img {padding: 0 10px 10px 0;}



div.mapa {background:url(../img/map-bg.png) no-repeat; width:568px; height:339px;}

div.mapa iframe {padding:15px; }



/* PYTANIA I PORADY */

ul.pytania a {font-size:1.1em; color:#10668b;}

ul.pytania a:hover {color:#829a43; cursor:help;}



/* OPINIE, ZAMÓW */

div.row5 h3 {color:#10668b; padding:5px 0 0 0;}

div.row5 {padding-bottom:30px;}

div.row5 p {color:#10668b; padding:0 0 3px 0;}

div.row5 span.cena {font-size:1.2em; color:#829a43;}

ul.zamow {list-style:url(../img/side-nav/bullet.png); padding:0 0 10px 30px; font-size:1.2em; }

ul.zamow li:hover {list-style:url(../img/side-nav/bullet-h.png);}

ul.zamow a {color:#829a43;}

ul.zamow a:hover, a.zamow:hover {text-decoration:underline;}

a.zamow {color:#829a43;}





/*POLECANE PRODUKTY */

div.polecany-produkt {padding:0 4px;}

div.polecany-produkt h3 {color:#10668b; font: 1.2em "Century Gothic", "Arial", "Tahoma"; padding-top:5px; font-weight:bold;}

div.polecany-produkt p {font-size:1em; line-height:1.2em;}

div.polecany-produkt span.cena {font-size:1.5em; color:#829a43; padding:0 10px; line-height:35px;}

div.polecany-produkt ul {list-style:url(../img/bullet-blue.png); padding:0 0 15px 20px;}



div.produkt1 {float:left; padding-left:20px; width:590px;}



/* NAGŁOWKI */

h2 {font: 1.6em "Century Gothic", "Arial", "Tahoma"; color: #c7c7c7; text-transform:uppercase; word-spacing:3px;}

div.content h2 {padding:15px 0 10px 0; }

div.content-wide h2 {padding:10px 0; }

h2.small {text-transform:none; font-weight:bold; font-size:1.3em;}



/* FAQ */

h4.faq {cursor:help; font-size:1.2em; color:#829a43; font-weight:normal; padding:5px;}

h4.faq:hover {text-decoration:underline;}

div.answer {padding:10px 20px; font-size:1em; line-height:1.5em;}

div.answer p {font-size:1em;}



/* TOP IMAGE */

div.top-img {position:relative;}

div.on-top-img {

	position:absolute;

	top:39px;

	right:28px;

	width:300px;

	height:255px;

}

h1.top-img {font: 2.4em "Century Gothic", "Arial", "Tahoma"; font-weight:bold; color:#829a43; line-height:35px;}

h2.top-img {font: 1.6em "Century Gothic", "Arial", "Tahoma"; text-transform:none;}

h3.top-img {font: 1.2em "Century Gothic", "Arial", "Tahoma"; text-transform:none; padding-bottom:10px;}

span.top-cena {font-size:1.5em; color:#10668b; padding:0 10px; line-height:35px;}





/* WHOLESALE FORM */

p.message {

	background-color:#fff;

	border:1px #819ea9 solid;

	color:#10668b;

	padding:1em;

}	

p.short {width:420px;}

form{

	width:600px;

	margin: 0 auto;

	}

	

form th{

	width:250px;

	vertical-align:middle;

	text-align:right;

	font-weight:normal;

	padding: 5px 10px 0 0;

	}

input.normal{width:300px; border:1px #829a43 solid; padding:3px; margin:5px 0; background:#f7f7f7;}

textarea{width:433px;height:100px;border:1px #829a43 solid; padding:5px 3px; background:#f7f7f7;}

input.checkbox{width:auto; padding:2px; margin:5px 0; }

input.submit{background:#829a43; color:#fff; padding:5px; width:70px; margin:5px 0 5px 370px; border:none; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

input.submit:hover{

	background:#10668b;

	cursor:auto;

}





/* FOOTER */

div.banners-big {margin-top:40px;}

div.banners {

	margin-top:20px;

	margin-bottom:20px;

	padding-left:10px;

	height:58px;

	background-color:#f4f4f4;

	border: 1px #fff solid;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	}

div.banners a img { padding:14px 0 0 10px; }

	

div.footer {

	height:43px;

	line-height:43px;

	background: url(../img/footer-bg.png) repeat-x;

	border-top: 1px #fff solid;

	font-size: 0.9em;

	color: #10668b;

	}

div.footer-inside {width:960px; margin:0 auto;}

a.footer {color:#10668b; text-decoration:underline;}

a.footer:hover {color:#829a43; padding-bottom:2px; border-bottom: 1px #829a43 solid; text-decoration:none;}