/*
Theme Name: By Dotty
Theme URI: http://dotty.hu
Description: 
Version: 1.0
Author: ZINA LEMMIKKI
Author URI: http://lemmikki.hu
Tags: pötty, csík, színes


*/


* {padding:0; margin:0;}
body {background: #fff url(images/bg.png); font-family:'Trebuchet MS', Arial, sans-serif; font-size:12px;}

.clear {clear:both;}
a img {border:none;}

#head { height:140px; margin:0;}
#container {background-color:#000000;}
#footer {height:80px;}

.logo {width: 250px; float:left; text-align:center;}
.logo a img {border:none; padding-top: 18px;}
.logo h1 span { display:none;}

.headup {height:70px;}

#menu { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; float:right; width: 672px; text-align:left; margin-top:20px;}
#menu ul { padding: 12px 0 5px 0; margin: 20px 0 0 20px;}
#menu ul li {float:left; list-style-type:none; }
#menu ul li a {color:#fff; text-decoration:none; padding: 2px 20px 2px 20px;}



.contall {width: 670px; float:left; padding-left:10px;}
.contall img {_margin: 0 0 -5px 0; padding:0;}
.content { width:656px; background-color:#fff; color:#000000; margin:0; padding:0;}
.contentbott {width:670px;  height:36px; }

.content h1 { position: relative; height: 50px; display:block; font-size:14px;}
.content h1 b { position: absolute; left: 0; width: 100%; top: 0; height: 100%; background:url(images/homeh1.png) no-repeat; }
.content h1.akcio b { background-position: 0 0;}
.content h1.blog b { background-position: 0 -50px;}
.content h1.webshop b { background-position: 0 -100px; }
.content h2 { margin: 0 0 10px 0; font-size:20px; _margin: 0 0 10px 0; }
.content h2.elso { margin: -10px 0 10px  20px; font-size:20px; _margin: 0 0 10px  20px; }
.content h2.belso { padding: 10px 0 10px  0; font-size:20px; }


p.meta { font-size:10px; padding-bottom:10px;}
p.meta span{ padding-left:15px;}
p.meta a{ color:#000000; text-decoration:none;}
p.meta a:hover { text-decoration:underline;}

.shop { margin: -10px 0 0 20px;}
.shop h2 { position: relative; height: 48px; display:block; font-size:14px; width:280px;}
.shop .more {text-align:right; padding: 15px 30px 0 0; font-size:18px;}

.kituzo {padding-bottom:50px;}
.kituzo h2 b { position: absolute; left: 0; width: 100%; top: 0; height: 100%; background:url(images/webshoph1.png) 0 0 no-repeat; }
.kituzo .item small { background-position:0 0;}
.kituzo .item .ar {color: #52dba6; }
.kituzo .item .kosarba a {color: #52dba6; }
.kituzo .more a {color: #52dba6; }

.tukor {padding-bottom:50px;}
.tukor h2 b { position: absolute; left: 0; width: 100%; top: 0; height: 100%; background:url(images/webshoph1.png) 0 -50px no-repeat; }
.tukor .item small { background-position:0 -11px;}
.tukor .item .ar {color:#dba726;}
.tukor .item .kosarba a {color:#dba726; }
.tukor .more a {color:#dba726; }

.magnes {padding-bottom:50px;}
.magnes h2 b { position: absolute; left: 0; width: 100%; top: 0; height: 100%; background:url(images/webshoph1.png) 0 -100px no-repeat; }
.magnes .item small { background-position:0 -22px;}
.magnes .item .ar {color:#ff9999; }
.magnes .item .kosarba a {color:#ff9999; }
.magnes .more a {color:#ff9999; }

.taska {padding-bottom:50px;}
.taska h2 b { position: absolute; left: 0; width: 100%; top: 0; height: 100%; background:url(images/webshoph1.png) 0 -150px no-repeat; }
.taska .item small { background-position:0 -33px;}
.taska .item .ar {color:#653332;}
.taska .item .kosarba a {color:#653332; }
.taska .more a {color:#653332; }


.item {width:185px; height:312px; float:left; margin-left:2px; text-align:center; padding: 0 8px 0 8px;}
.item img { height: 115px; width:115px; padding: 0 25px 10px 25px; margin:0; }
.item small {background:url(images/wsh-line.png) no-repeat; height:11px; font-size:6px; width:165px; display:block; margin: 0 0 10px 10px;}
.item h3 a { text-decoration:none; font-size:16px;color:#000000; padding:0; margin:0; }
.item h3 a:hover { text-decoration:underline;}
.item .leiras {padding-bottom:10px; height:50px;}
.item .ar {font-size:18px; padding-bottom:5px; font-weight:bold;}
.item .reszletek {font-weight:bold; padding-right:20px;}
.item .reszletek a:hover { text-decoration:none;}
.item .kosarba {font-weight:bold;}
.item .reszletek a {color: #000000;}
.item .kosarba a:hover { text-decoration:none;}


#kapcsform span { height: 23px; width:70px; display:block; float:left; margin-top:10px;}
#kapcsform .kuldes {  font-family:'Trebuchet MS', Arial, sans-serif; border: none; width:90px; height:36px; margin-right:30px; font-size:24px; font-weight:bold; background:#fff; }
#kapcsform .ls { padding:0; text-align:right;}
#kapcsform .i {width: 200px; margin-bottom:5px; padding:5px; font-family:Arial, Helvetica, sans-serif;}
#kapcsform textarea {width: 570px; height:150px; padding:5px;font-family:Arial, Helvetica, sans-serif; }

.szoveg {font-size: 13px; line-height: 1.6em; padding: 0 20px 20px 20px; text-align:justify;}
.szoveg p {padding-bottom:10px;}
.szoveg img.alignleft {padding: 5px; margin: 5px 5px 5px 0;}
.szoveg img.aligncenter {padding: 5px; margin: 5px auto 5px auto; text-align:center;}
.szoveg h2 a {text-decoration:none;}
.szoveg h2 a:hover {color: #000;}
.szoveg h3 { margin: 10px 0 25px 0;}

.termekar {font-size:18px; font-weight:bold; padding: 20px 0 60px 20px; display:block; width: 200px; height:50px; float:left; }
.kosarbagomb {float:right; margin: -10px 0 -10px 0;}
.aprobetu {font-size:10px; line-height:12px;}

.sidebar p {margin: 0 20px 0 20px; line-height:20px;}
.sidebar ul {margin: 0 0 0 20px;}
.sidebar ul li { list-style-type:none; padding: 2px 0 2px 15px;}
.sidebar a { color:#fff; }
.sidebar a:hover {text-decoration:none; }

.sidebar {width: 235px; float:left; color:#FFFFFF; margin: 0 15px 20px 0;}
.sidebar h2 {height: 36px; display:block; font-size:24px; margin:15px 0 10px 0;   padding:8px 0 0 0; text-align:center;  }

/*
.sidebar h2 b { position: absolute; left: 0; width: 100%; top: 0; height: 100%; }
.sidebar h2.akciok b { background-position: 0 0px;}
.sidebar h2.baratok b { background-position: 0 -44px;}
.sidebar h2.blog b { background-position: 0 -88px;}
.sidebar h2.boltok b { background-position: 0 -132px;}
.sidebar h2.extrak b { background-position: 0 -176px;}
.sidebar h2.hirlevel b { background-position: 0 -220px;}
.sidebar h2.kapcsolat b { background-position: 0 -264px;}
.sidebar h2.mostnezdmeg b { background-position: 0 -308px;}
.sidebar h2.termekek b { background-position: 0 -352px;}
.sidebar h2.web20 b { background-position: 0 -396px;}
.sidebar h2.webshop b { background-position: 0 -440px;}

*/

.sb_webshop {margin: 0 20px 0 20px; line-height:20px;}

.sbwebshop { width:155px; height:155px; margin:auto;}
.sbwebshop a img {border: none;}
.sbwebshop img { padding: 20px;}

.sbw-leiras {text-align:center; padding-top:5px;}
.sbw-leiras a { font-size:14px; color:#ff9999; line-height:25px;}
.sbw-leiras a:hover {color:#ff9999; }
.sbw-leiras b {font-size:18px; font-weight:normal; color:#f5c757;}

.inner {width:930px; margin:auto;}

#footer {text-align:right; padding: 10px 20px 0 0;}
#footer ul {float:right; text-align:right;}
#footer li {display:inline;}
#footer a {font-weight:bold; font-size:14px; text-decoration:none; padding:5px; margin-left:15px;} 
#footer a:hover {color:#fff;} 

#commentblock {padding: 20px 0px 10px 10px; margin: 0px 0px 0px 0px;}
#commentblock ol {list-style-type: none;margin: 0px 0px 0px 0px;padding: 10px 0px 0px 0px;}
.commentdate {font-weight: bold;font-size: 12px;}
.commentname {font-weight: bold; margin: 0px; padding: 5px 0px 0px 0px;}
.commentinfo {clear: both;}
.commenttext {width: 570px;	color: #000; padding: 0px 0px 0px 0px;margin: 5px 10px 20px 0px; }
.commenttext-admin {width: 570px;color: #202020;font-size: 12px;padding: 0px 0px 0px 0px;margin: 5px 10px 20px 0px;	}