@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,800&subset=latin,latin-ext);
body{background-color:none}
body,input,textarea,button{font:13px/20px Arial,sans-serif}
*{margin:0;padding:0}
p,ul,ol,table,form,pre{margin-bottom:20px}
img{border:none;max-width:100%}
:focus{outline:0}
.clear{clear:both}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
.wrapper:after,#login:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.wrapper{margin:0 auto;width:940px}
header{width:100%}
#header-inner{margin:0 auto;width:940px;position:relative;z-index:99;padding:10px 0}
#main{float:left;clear:both;width:540px}
#wide #main{width:940px}
aside{float:right;width:300px;color:#666;margin-top:30px;padding:20px 0 40px 40px;background:url(img/bg/aside.png) no-repeat}
.one-half,.one-third,.two-thirds,.one-fourth{float:left;display:inline;width:48%;margin-right:4%}
.one-third{width:30.666666%}
.two-thirds{width:65.333333%}
.one-fourth{width:22%}
.last{margin-right:0}
.clear{clear:both}
#componentPhotoGallery2_37ca4485e25f3aadc5feca6325b6d986 ul.thumbnails li{padding:10px;margin-top:20px;height:70px;text-align:center}
#componentPhotoGallery2_37ca4485e25f3aadc5feca6325b6d986 ul.thumbnails a{line-height:70px}
#componentPhotoGallery2_37ca4485e25f3aadc5feca6325b6d986 ul.thumbnails img{max-height:70px;vertical-align:middle}
#componentPhotoGallery2_37ca4485e25f3aadc5feca6325b6d986 ul.thumbnails img{filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");filter:#808080;-webkit-filter:grayscale(100%);filter:alpha(opacity=50);opacity:.5}
#componentPhotoGallery2_37ca4485e25f3aadc5feca6325b6d986 ul.thumbnails img:hover{filter:none;-webkit-filter:grayscale(0);opacity:1}
#componentPhotoGallery2_37ca4485e25f3aadc5feca6325b6d986 ul.thumbnails a.imgthumb{display:inline-block;border-radius:0;margin-bottom:0;border:none;box-shadow:none}
#topmenu ul{list-style:none;padding-top:10px}
#topmenu>ul>li.nth1>a{background:none}
#topmenu ul>li{display:inline-block;position:relative}
#topmenu ul>li>a{padding:0 12px 0 13px;position:relative;text-decoration:none;line-height:30px;font-size:15px;background:url(img/bg/nav-li.png) no-repeat 0 50%;font-weight:400;color:#f0f0f0}
#topmenu ul>li>a:hover,.sfHover a{color:#fff}
.sf-sub-indicator{width:12px;height:30px;background:url(img/bg/sf-sub-indicator.png) no-repeat 0 55%;text-indent:-9999px;display:inline-block;margin-left:5px}
.sfHover .sf-sub-indicator{background-position:100% 55%}
#topmenu ul ul{visibility:hidden;position:absolute;top:40px;left:-2px;z-index:99;border-bottom-style:solid;border-bottom-width:4px}
#topmenu ul ul li a{width:280px;display:inline-block;color:#fff;padding:8px 15px 8px 50px;text-decoration:none;background:url(img/bg/nav-a-a.png) 0 100% repeat-x;line-height:120%}
#topmenu ul ul li a span.mpart1{font-size:16px;color:#fff}
#topmenu ul ul li a span.mpart2{font-size:11px;display:block;font-weight:normal;line-height:16px}
#topmenu ul ul li a img{vertical-align:middle;margin-right:4px}
#topmenu ul ul li a:hover{background-color:rgba(255,255,255,0.05)}
#topmenu #menuid-1964{background:url(img/icons/viralmarketing.png) 8px center no-repeat;background-size:32px}
#topmenu #menuid-1963{background:url(img/icons/web.png) 8px center no-repeat;background-size:32px}
#topmenu #menuid-3586{background:url(img/icons/foto.png) 8px center no-repeat;background-size:32px}
#topmenu #menuid-1962{background:url(img/icons/grafika.png) 8px center no-repeat;background-size:32px}
#topmenu #menuid-1986{background:url(img/icons/social.png) 8px center no-repeat;background-size:32px}
#topmenu #menuid-3587{background:url(img/icons/software.png) 8px center no-repeat;background-size:32px}
#topmenu #menuid-3959{background:url(img/icons/video.png) 8px center no-repeat;background-size:32px}
#sec-navi{margin-top:11px;position:absolute;top:0;right:0;background:url(img/bg/transparent-black-010.png);background:rgba(0,0,0,0.1);padding:0 3px}
#sec-navi li{display:inline}
#sec-navi a{float:left;margin:0 5px;line-height:30px;display:block;padding-left:18px;font-size:11px;text-decoration:none;font-weight:normal}
#sec-navi a:hover{color:#fff}
#sec-navi .signin{background:url(img/bg/signin.png) no-repeat 0 50%}
#sec-navi .register{background:url(img/bg/register.png) no-repeat 0 50%}
footer{clear:both;width:100%;margin-top:40px;background-image:url(img/bg/footer.png);background-repeat:repeat-x}
footer>.wrapper{padding-top:20px;background:url(img/bg/footer-wrapper.png) 50% 100% no-repeat;padding-bottom:60px}
footer a{text-decoration:none}
footer p a,footer ul li a{border-bottom-style:dotted;border-bottom-width:1px}
footer a:hover{border-bottom-style:solid}
footer p span{display:block;font-size:11px}
#tweet p{margin-bottom:10px}
#tweet img{margin-right:6px}
footer h3{background:url(img/bg/h3.png) 0 50% repeat-x}
footer h3 span{padding-right:10px;text-transform:uppercase;font-weight:800}
#social li{display:inline}
#social a{display:inline-block;width:24px;height:24px;margin-right:4px;text-indent:-9999px;background:url(img/bg/sprite-social.png);border:0;opacity:.4}
#social a:hover{opacity:1}
#social a#dribbble{background-position:0 0}
#social a#facebook{background-position:0 -24px}
#social a#flickr{background-position:0 -48px}
#social a#twitter{background-position:0 -72px}
#social a#rss{background-position:0 -96px}
#copyright{clear:both;font-size:11px;padding-top:40px}
#copyright p{float:left}
#copyright .top{float:right;background:url(img/bg/top.png) 0 50% no-repeat;padding-left:18px;font-weight:normal}
#copyright .top:hover{color:#fff;border:0}
.ingress{font-size:15px;font-weight:bold;line-height:24px;color:#555}
p img{float:left;margin:0 20px 20px 0}
p img.right{float:right;margin:0 0 20px 20px}
a.fancybox img:hover{opacity:.7}
blockquote p{clear:both;font-style:italic;padding:0 20px 0 30px;margin-left:-30px;background:url(img/bg/blockquote.png) no-repeat}
blockquote p:after{content:'\201D'}
#maincontent .componentHtmlInlineBlock ul li{list-style:square}
#maincontent .componentHtmlInlineBlock ul{margin-left:40px}
#maincontent .componentMenuSubpages li{list-style:none;margin-bottom:15px}
#maincontent .componentMenuSubpages a .mpart2{color:#999;font-size:14px;display:block}
#maincontent .componentMenuSubpages .pagethumb{width:111px;height:111px;display:block;float:left;margin-top:-10px;margin-right:20px;background-size:cover !important}
#maincontent .componentMenuSubpages .thumb{height:170px}
#maincontent h3{color:#77bc1f}
#maincontent a.imgthumb{display:block;border-radius:10px;margin-bottom:15px;border:1px solid #ddd;box-shadow:0 0 10px rgba(0,0,0,0.4)}
.componentNavigator .mpart2{display:none}
.pageicon{margin-top:36px;max-width:128px}
table{border-spacing:0;border-collapse:separate;width:100%;border:1px solid #ddd;border-bottom-width:2px;table-layout:fixed}
table thead{background:url(img/bg/transparent-black-005.png);background:rgba(0,0,0,0.05);padding:4px 10px}
table td,table th{padding:4px 10px;text-align:left}
tbody tr{background:url(img/bg/transparent-white-030.png);background:rgba(255,255,255,0.3)}
tbody tr:nth-child(2n){background:rgba(0,0,0,0.02)}
.pricing thead th{padding:10px 20px}
.pricing thead th{margin:0}
.pricing thead th span{color:#888;font-weight:normal;font-size:18px}
.pricing tbody td{padding:10px 20px;border-right:1px solid #ddd}
.pricing .button{margin:10px 0}
pre{background:url(img/bg/transparent-black-005.png);background:rgba(0,0,0,0.05);padding:10px}
code{white-space:pre-wrap}
.box{padding:10px 15px;background-color:#eee;background-image:url(img/bg/fade.png);background-repeat:repeat-x;border:1px solid #ddd;border-width:1px 1px 2px 1px;clear:both}
.box.red{background-color:#ffcfd1;border-color:#edbbbd}
.box.yellow{background-color:#ffe59f;border-color:#efd592}
.box.green{background-color:#cfffbf;border-color:#c0efb1}
.button{display:inline-block;padding:0 14px;text-decoration:none;font-weight:bold;line-height:46px;text-transform:uppercase;font-size:14px;background-image:url(img/bg/fade.png);background-repeat:repeat-x;border-width:1px;border-style:solid;color:#fff}
.button:hover{background-image:none;color:#fff;text-decoration:none}
.button span{color:#333;color:rgba(0,0,0,0.6);padding-left:4px;margin-left:4px;border-left:1px solid #555;border-left:1px solid rgba(0,0,0,0.2)}
.button.blue{background-color:#0078ff;border-color:#0078ff}
.button.red{background-color:#db2b43;border-color:#db2b43}
.button.green{background-color:#81c12e;border-color:#81c12e}
.button.pink{background-color:#ff307c;border-color:#ff307c}
.button.yellow{background-color:#ede928;border-color:#ede928;color:#333}
.button.gray{background-color:#ccc;border-color:#ccc;color:#333}
.button.black{background-color:#222;border-color:#222}
.button.orange{background-color:#222;border-color:#222}
.button2{display:inline-block;padding:0 14px;text-decoration:none;font-weight:bold;line-height:46px;text-transform:uppercase;font-size:14px;color:#fff}
.blog-meta{margin-top:-10px}
.blog-meta a{padding-left:15px;margin-right:10px}
.blog-meta a.blog-meta-category{background:url(img/bg/blog-meta-category.png) no-repeat 0 50%}
.blog-meta a.blog-meta-comments{background:url(img/bg/blog-meta-comments.png) no-repeat 0 50%}
#comments h2{margin:30px 0 30px 0}
#comments ul li{margin-bottom:10px;padding-top:10px;list-style-type:none;border-top:1px dotted #ddd}
#comments ul li:first-child{border-top:0;padding-top:0}
#comments ul li a{font-weight:bold;text-decoration:none}
#comments ul li img{background:url(img/bg/transparent-black-005.png);background:rgba(0,0,0,0.05);padding:4px;width:32px;height:32px;float:left;display:block;margin:0 10px 20px 0}
#comments ul li a img:hover{background:url(img/bg/transparent-black-010.png);background:rgba(0,0,0,0.1)}
#comments ul li em{display:block;font-size:11px;color:#999;font-style:normal}
#comments ul li p{margin:0 20px 20px 50px;font-size:12px;color:#666}
#slides{width:940px;height:360px;position:relative;padding-bottom:30px}
#slides .slides_container,#slides .slide{width:940px;height:360px}
.slide h2{font-weight:normal;font-size:28px;line-height:34px}
.slide-image{position:absolute;left:0;top:0;z-index:-1}
.slide>div{text-align:right;font-size:17px;line-height:25px;margin:0}
.slide>div.right{text-align:left;float:right}
#slides .next,#slides .prev{position:absolute;top:150px;z-index:999;cursor:pointer;width:40px;height:40px;text-decoration:none;font:bold 50px/40px 'Open Sans',Arial,sans-serif}
#slides .prev{left:-49px;background-position:0 0}
#slides .next{right:-49px;text-align:right}
#slides .next:hover,#slides .prev:hover{opacity:.7}
#slides .prev:active{left:-50px}
#slides .next:active{right:-50px}
.pagination{position:absolute;right:0;bottom:-20px;z-index:999;text-align:center;width:100%;list-style:none}
.pagination li{display:inline}
.pagination a{display:inline-block;width:20px;height:20px;background:url(img/bg/nivo-controlNav.png) 0 100% no-repeat;text-indent:-9999px;border:0;cursor:pointer;text-align:center;opacity:.3}
.pagination a:hover{opacity:.6}
.pagination .current a{opacity:1;background-position:0 0}
.features{padding-top:20px;margin:0 0;background:url(img/bg/transparent-black-005.png);background:rgba(0,0,0,0.05)}
.features .wrapper{background:url(img/bg/features.png) 50% 100% no-repeat}
.features h3{margin:0 0 5px 0;line-height:24px}
.features h3 a{color:#444}
.features strong{display:inline-block}
.features img{margin-right:4px;vertical-align:top}
#search{position:absolute;right:-30px;bottom:1px}
#search input{width:120px;border:0;padding:6px}
#search input:focus{width:160px}
#search button{background-image:url(img/bg/search.png);background-repeat:no-repeat;background-position:50% 50%;border:0;width:30px;padding:7px 0 8px;text-indent:-9999px;position:relative;left:-30px;clear:none;line-height:1}
#search button:hover{background-color:#555}
#newsletter button{clear:none;padding:6px 7px;line-height:1;float:right}
#newsletter input{width:190px;border:0;background:url(img/bg/transparent-white-020.png);background:rgba(255,255,255,0.2);padding:6px}
#newsletter input:focus{background:url(img/bg/transparent-white-030.png);background:rgba(255,255,255,0.3)}
#login{background-image:url(img/bg/login.png);background-repeat:no-repeat;padding:40px 0 20px 150px;width:280px}
#login-form label{display:block;margin-left:0}
#login-form label a{color:#666;margin-left:3px}
#login-form input{margin-top:3px;font-size:16px}
input,textarea,button,table,pre,#topmenu ul ul,.wrapper img,.button,.box,#breadcrumbs a{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
#topmenu ul ul li:first-child a{-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}
#search button{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}
input,textarea{-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.3) inset;-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.3) inset;box-shadow:1px 1px 2px rgba(0,0,0,0.3) inset}
.button,button{-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.1);box-shadow:0 1px 2px rgba(0,0,0,0.1)}
#topmenu ul ul{-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.4);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.4);box-shadow:0 1px 2px rgba(0,0,0,0.4)}
.button{text-shadow:0 1px 1px rgba(0,0,0,0.2)}
header,footer,#slides{text-shadow:0 1px 1px rgba(0,0,0,0.4)}
button{text-shadow:0 1px 0 rgba(255,255,255,0.9)}
#breadcrumbs a,.button span,.button.gray,.button.yellow{text-shadow:0 1px 0 rgba(255,255,255,0.2)}
input,textarea,button,#topmenu ul ul li a,#breadcrumbs a,#comments ul li a img{-webkit-transition:background .4s ease-out;-moz-transition:background .4s ease-out;-o-transition:background .4s ease-out;transition:background .4s ease-out}
.pagination a,#social a,#logo,#slides .next,#slides .prev,a.fancybox img{-webkit-transition:opacity .4s ease-out;-moz-transition:opacity .4s ease-out;-o-transition:opacity .4s ease-out;transition:opacity .4s ease-out}
#topmenu a,#sec-navi a,#copyright .top{-webkit-transition:color .4s ease-out;-moz-transition:color .4s ease-out;-o-transition:color .4s ease-out;transition:color .4s ease-out}
#search input{-webkit-transition:width .4s ease-out;-moz-transition:width .4s ease-out;-o-transition:width .4s ease-out;transition:width .4s ease-out}
#logo span{display:none}
#logo:hover{opacity:.7}
#logo.homelogo span.slogan{display:block}
a#logo.homelogo{text-decoration:none}
a#logo.homelogo:hover{text-decoration:none}
h1,h2,h3,h4,.pricing th{margin:10px 0 10px;font-family:'Open Sans',Arial,sans-serif}
h1{font-size:44px;line-height:40px;margin:30px 0 20px}
h1 a{text-decoration:none}
h2,.pricing th{font-size:22px;line-height:26px}
h2 a{text-decoration:none}
h3{font-size:16px;font-weight:800;text-transform:uppercase;font-weight:800}
aside h3{margin:0 0 10px}
h4{font-size:14px}
#homemenu ul,#homemenu li{margin:0;padding:0;list-style:none}
#homemenu ul{text-align:center}#homemenu ul li{display:inline}#homemenu ul li a{display:inline-block;padding:5px;font-family:'Open Sans',Arial,sans-serif;font-weight:400;color:#fff;font-size:16px}
#home #slides{height:390px}
#home{background-position:50% 0}
.body h1,.body h2{font-weight:800}
.body h3,.body h4{font-weight:800}
#body .item{margin:0 0 10px 0}
#main blockquote{padding:0;margin:20px 0;font-size:12px;border-left:none}
#pageHeader{margin:0 0 20px;padding:10px;background:url(img/bg/transparent-black-005.png);background:rgba(0,0,0,0.05) url(img/bg/pageHeader.png) repeat-x 0 100%}
#pageHeader a{color:#666;font-weight:400;padding:10px 5px;text-decoration:underline}
#pageHeader strong{color:#666;font-weight:400;padding:10px;display:inline-block}
.boxicon{margin-bottom:10px;text-align:center}
.headesc{font-size:14px;font-family:'Open Sans',Arial,sans-serif}
#header{background-image:url(img/bg/body-1.jpg);color:#333;background-position:center bottom;background-repeat:repeat-x}
#slides{margin-bottom:25px}
.homelogo{display:block;text-align:center}
.homelogo img{display:inline-block}
.homelogo span{display:block;text-align:center;font-size:14px;font-family:'Open Sans',Arial,sans-serif;color:#fff}
blockquote{padding:10px 0;margin:0 0 10px;font-size:14px;border-left:none}
blockquote a{text-decoration:none;color:#fff}
blockquote a:hover{text-decoration:none;border:none;color:#77bc1f}
#slides .slide li{font-size:16px;line-height:130%;list-style:square;margin-left:40px;margin-bottom:10px;font-family:'Open Sans',Arial,sans-serif}
#slides .slide li a{font-weight:800;text-decoration:underline;color:#fff}
#slides .slide h2{color:#fff;background:#77bc1f;display:inline-block;padding:5px;margin-bottom:22px}
.componentFacebookLikeBox{overflow:hidden;width:99%}
.componentFacebookLikeBox iframe{margin:-1px 0 0 -1px}
html,#login{background-color:#f1f2fa}
#topmenu ul ul{background-color:#21262a;border-color:#72a20f}
footer,footer h3 span{background-color:#21262a}
#topmenu>ul>li>a{color:#dfe2e4}
h1,h1 a{color:#21262a}
h2,h2 a,h3,h4,.pricing thead th{color:#444}
p a,.wrapper ul li a{color:#72a20f}
#slides .next,#slides .prev{color:#72a20f}
.button{background-color:#72a20f;border-color:#72a20f}
#search input,#search button{background-color:#21262a}
#slides h2,#slides,footer,footer h3,footer .wrapper p a,footer .wrapper ul li a,#newsletter input{color:#ddd}
footer p a,footer ul li a{border-color:#5f6264}
footer p span,#topmenu ul ul li a span,#sec-navi a,#search input,#copyright,#copyright a{color:#8f9294}
::-moz-selection{color:#fff;background:#72a20f}
::selection{color:#fff;background:#72a20f}
.breadcrumb{padding:0;margin-bottom:0;list-style:none;background-color:none;border-radius:4px}
