/* reset css */
* {font-size:100.01%}
html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,em,img,strong,sub,hr, sup,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,tbody,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
img {display:block;}

/* clearfix */
.clearfix:after { content: ".";  display: block;  clear: both;   visibility: hidden;  line-height: 0;  height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
 
 /*all-in-one image */
 
#header,
#invoice_list li span.action a,
ul#nav-top li.logout a,
a.search-button,
#invoice_list li.header a,
#invoice_list li.header a:hover,
#invoice_list li span.action,

#user-list li.header a,
#user-list li.header a:hover,
#user-list li span.action,
#user-list li span.action a,
.plan-tab td,
.plan-tab th,
.list .action a,

.list th.asc a span,
.list th.desc a span,
 
.universal_form_icon li a,
span.tip_box,
span.tip_box span,
#invoice .invoice-state,
#invoice_color_theme li,
#sub-nav-bar ul li,
.plan-tab td span.check,
#footer #copyrights #footer-logo,
#footer,
#login_mini_link,
.sidebar-nav-single li a span,
#logo
{background:url(http://cdn.minifaktury.pl/frontend/img/all-in-one.png) no-repeat 0 0;}



body
{
color:#333;
font-size:13px;
font-family:"lucida grande", Arial, Verdana,Tahoma, sans-serif;
background-color:#fff;
}


#wrap-bg{background:#f8f4e9 url(../img/bg.jpg) repeat-x top center;}

#wrap{width:960px;  margin:0 auto; min-height:760px;}

/* formularze */
legend{display: none;}

/* nav accessibility */
ul#skip-links { position: absolute; top: 0; left: -10001px; list-style: none;}


textarea, input, select, button
{
font-size: 13px; 
font-family:"lucida grande", Arial, Verdana,Tahoma, sans-serif;
margin:1px; 
padding:2px 5px;
width:270px;
}

label{font-size: 13px; font-family:"lucida grande", Arial, Verdana,Tahoma, sans-serif; padding:3px 0; font-weight:bold;}
fieldset{width:auto;}

button, .button
{ 
color:#fff;
border:1px solid #eee;
background: #22a037;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-transform:uppercase;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#51b42b', endColorstr='#22a037'); /* IE */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.25, #51b42b), color-stop(1, #22a037)); /* webkit */
background: -moz-linear-gradient(center top, #b9db34 25%, #6ca005 100% ); /* firefox 3.6+ */
width:auto; font-size:12px; cursor:pointer; cursor:hand;  font-weight:bold; padding:4px 10px; float:left; text-decoration:none; text-align:center; 
 
 -moz-box-shadow: 0px 0px  3px #777; /* firefox 3.5+ */ 
 -webkit-box-shadow: 0px 0px 3px #777; /* webkit */ 
 box-shadow: 0px 0px 3px #777;
 }
.button{float:none; margin:0 auto;}


.button:hover, button:hover{border:1px solid #ffffff; background:#6ca005; color:#fff; text-decoration: none;
-moz-box-shadow: 0px 0px  4px #000; /* firefox 3.5+ */ 
 -webkit-box-shadow: 0px 0px 4px #000; /* webkit */ 
 box-shadow: 0px 0px 4px #000;
 }
 
 
 
.w130{width:130px;}

a {color:#007DAE; text-decoration:underline;}
a:hover {color:#006288; text-decoration:underline;}

a#logo img{position:absolute; top:0px; left:-20px;}


h1, h2{color:#00AEEF; padding:20px 20px 0 20px; letter-spacing:-1px; font-size:22px; font-weight:normal; }

h3{color:#222; padding:5px 20px 10px 20px; font-size:13px; font-weight:normal;  border-bottom:1px solid #eee;}

h4{color:#000; font-weight:bold; padding:20px 20px 0px 20px; font-size:16px;}

h5{color:#333; font-weight:bold; padding:20px 20px 0px 20px; font-size:13px;}
  
 

.splash{height:140px; width:960px; margin:0 auto; position:relative; clear:both;}
#under-construction{background:url(../img/under-construction.png?113) no-repeat center center; width:460px; height:145px;   position:absolute; top:0; left:50%; margin-left:-230px; }

#header{position:relative; background:url(../img/bg_head1er.jpg) no-repeat center -1px; height:112px; }

#header_right_data {position:absolute; top:4px; right:0; border:1px solid #4e8818; border-top:0; background:#8ec52b; color:#fff; padding:1px 0px 5px 0px; -webkit-border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius:0 0 4px 4px; }
#header_right_data ul{ height:15px; line-height:15px;}
#header_right_data ul li{float:left;}
#header_right_data ul li a{font-size:12px; color:#fff; border-right:1px solid #cfff77; padding:0 20px;  display:block; text-decoration:none; }
#header_right_data ul li#last1 a{border:0;}

/* nav main */
ul#nav_main { position:absolute; top:66px; right:0; }
ul#nav_main li{float:left;}

ul#nav_main li a{  line-height:30px;  height:30px; margin-top:16px; color:#fff; font-weight:bold; background:#00A0DC url(../img/bg_menu.gif) repeat-x center top; float:left; display:block; text-decoration:none; }
ul#nav_main li a span {height:29px; padding:0 45px;  background:transparent url(../img/bg_menu_splash.png) no-repeat top right; border-right:1px solid #36C6FF; border-top:1px solid #48cafe; border-left:1px solid #0095CE;  display:block; }

ul#nav_main li.active a{background:#fff; color:#333; height:45px; line-height:45px; border-top:1px solid #e5dabc; border-left:1px solid #e5dabc; border-right:1px solid #e5dabc; margin-top:0; font-size:16px; }
ul#nav_main li.active a span{background:#fff; border-right:1px solid #fff; border-top:1px solid #fff; border-left:1px solid #fff;}
ul#nav_main li.active a:hover{background:#fff;}
ul#nav_main li.active a,
ul#nav_main li.active a span
{
-webkit-border-top-right-radius: 10px;  
-webkit-border-top-left-radius: 10px;  
-khtml-border-radius-topright: 10px;
-khtml-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
border-top-right-radius: 10px
border-top-left-radius: 10px;
}


ul#nav_main li a:hover{background:#0098df url(../img/bg_menu.gif) repeat-x center bottom;}

/* nav main second */
ul#nav_main_second{ height:20px; line-height:20px; font-size:12px;  margin:8px 20px; }
ul#nav_main_second li{float:left;  padding:0 10px 0 0; border-right:1px solid #eee; color:#555;}
ul#nav_main_second li a{ text-decoration:none;  padding:0 10px; float:left; display:block;}
ul#nav_main_second li.active a{background:#f4f4f4; border:0;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
ul#nav_main_second li.last{border:0;}

h2.slogan{height:20px; line-height:20px; font-size:12px;  margin:8px 40px; color:#555; font-size:12px; padding:0; letter-spacing:0;}
  
#content {background:#ddd4b9 ; clear:both;}
#content_bg{padding:20px 19px 0 19px; background:transparent url(../img/bg_bottom.png) no-repeat center top; border:1px solid #fff; border-top:0;}

#content-bg-white{ background:#ffffff url(../img/bg_bottom.png) no-repeat center top; border:1px solid #fff; border-top:0;}

#intro {position:relative;  background:#0265a0; width:960px; height:320px; clear:both; }
#intro img{position:absolute;}
#intro .demo{position:absolute; top:240px; left:60px; border:1px solid #004e84; }
#intro .check{position:absolute; top:240px; left:170px; border:1px solid #004e84; }

#intro .demo_ribbon{position:absolute; top:20px; right:160px;}

#intro a#sign-up-button {position:absolute; top:200px; left:-10px; width:298px; height:104px;  text-indent:-9999px; background:transparent url(../img/signup.png) no-repeat 0 top; }
#intro a#sign-up-button:hover {background-position:left bottom;}

.panel{min-height:250px; margin-bottom:20px; background:#fff; border:1px solid #C3B898; border-bottom:2px solid #9b9277;  -webkit-border-top-right-radius:6px; -webkit-border-top-left-radius:6px;  -webkit-border-bottom-right-radius:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius: 6px 6px 6px 6px;}
.panel p{  padding:10px 20px; color:#555; font-size:13px; line-height:22px;}
.panel p b{color:#222; font-weight:normal;}

.flr{float:right;}
.fll{float:left;}


.panel2 .screen{  padding:20px 20px; width:430px;}
.panel2 .screen h4{padding:5px 0 0 0; margin:0; font-size:14px;}
.panel2 .screen p{ line-height:20px; padding:5px 0px 5px 5px; font-size:12px;}
.panel2 .screen img{padding-right:10px; float:left;}


div.clear.border{clear:both; float:none; height:1px; background:#ddd; font-size:1px; line-height:1px; margin:0 40px;}


.panel p span.small_descr{padding-left:15px; font-size:10px; color:#999; padding-bottom:10px;}


.panel ol{list-style-type:decimal; padding:10px 20px; margin:0 20px 10px 10px;   font-size:14px;}
.panel ol li{color:#00AEEF; padding:2px 0px;  margin:0 20px 0 20px; line-height:19px;}
.panel ol li span{color:#444; font-weight:normal;}

.panel ul.list{ font-size:14px; margin:0 20px 10px 0px;}
.panel ul.list li{background:url(../img/li.gif) no-repeat 0 12px; margin:0 20px 0 20px;  padding:5px 10px 5px 15px; border-bottom:1px solid #f7f7f7; line-height:19px;}
.panel ul.list li.last{border:0;}

/* left panel  */
.wpad{margin:0 22px;}
.wl290{ float:left; width:290px;  }
.wl300{ float:left; width:300px;  }
.wl350{ float:left; width:350px;  }
.wl400{ float:left; width:400px;  }
.wl450{ float:left; width:450px;}
.wl500{ float:left; width:500px;}
.wl550{ float:left; width:550px; }
.wl600{ float:left; width:600px; }
 
/* right panel */
.wr290{ float:right; width:290px;  }
.wr300{ float:right; width:300px;} 
.wr350{ float:right; width:350px;} 
.wr400{ float:right; width:400px;} 
.wr450{ float:right; width:450px;} 
.wr500{ float:right; width:500px;} 
.wr550{ float:right; width:550px;} 
.wr600{ float:right; width:600px;} 

.w920{width:920px; clear:both;}

hr{clear:both; display:block; border:0; height:1px; padding-top:20px; font-size:1px; line-height:1px;}


 


 a.btn {   height:40px; line-height:40px; font-weight:bold; color:#fff; display:inline; 
 text-decoration:none; background:transparent url(../img/rounded.png) no-repeat top left;  }
 a.btn span { height:40px; line-height:40px;  background:transparent url(../img/rounded.png) no-repeat top right;}
 a.btn span i { height:40px; line-height:40px; background:#8CC42A; margin:0 9px; padding:0 10px;   font-style: normal;  }


 a.btn:hover { background:transparent url(../img/rounded.png) no-repeat bottom left;  }
 a.btn:hover span {background:transparent url(../img/rounded.png) no-repeat bottom right;}
 a.btn:hover span i { background:#76A81F;}
 
 
a.btn2,a.btn3 {
background:#8CC42A;
color:#fff;
padding:10px 20px; 
-webkit-border-radius:5px;
-moz-border-radius:6px;
text-decoration:none;
font-weight:bold;
}

a.btn2:hover{background:#76A81F;}

a.btn3{background:#00a4e3;}
a.btn3:hover{background:#0292ca;}


/* !plan-tab */
.plan-tab-wrapper{padding:20px;}
.plan-tab{  font-size:12px; margin:0 0 30px 0; width:100%; }
.plan-tab td, .plan-tab th{text-align:center; vertical-align:middle; padding:8px 10px; background-position: -9999px -9999px;  border:1px solid #F2EFDF; border-top:1px solid #F2EFDF;}

 

.plan-tab td img, .plan-tab th img{margin:0 auto;}
.plan-tab th{ background-color:#FFFEF5; font-size:11px; color:#555;}
.plan-tab .header th{font-size:16px; background-color:#FFFEF5; color:#000; text-align:center; border-bottom-width: 2px;}
.plan-tab .header th span{font-size:11px; clear:both; display:block; color:#777; font-weight:normal;}
 

.plan-tab th{text-align:right;}
.plan-tab tr.zebra td,
.plan-tab tr.zebra th{background-color:#FFFEF5; }

.plan-tab .header th#free{ width:15%;}
.plan-tab .header th#s{  width:18%;}
.plan-tab .header th#m{  width:18%;}
.plan-tab .header th#l{  width:18%;}
.plan-tab .header th#xl{ width:18%;}

.plan-tab .no-border{border:0 !important}
.plan-tab .no-border td{border:0 !important}
.plan-tab .no-background td{ background-color:transparent!important;}
.plan-tab .special td{border:0; background-color:#eef6df;  background-position: -1474px -155px; }
.plan-tab .special-bottom .best-price{background-color:#8EC52B;}


.plan-tab .special-bottom td{border:0; background-color:transparent; padding:20px 10px;  background-position: -1474px -200px;}
.plan-tab .special-bottom td:first-child{background-position: -1120px -200px;}
.plan-tab .special td:first-child{background-position: -1120px -155px;}

 

.plan-tab td.best-price,
.plan-tab th.best-price{border-left:0;background-color:#edfbe3; border-bottom:1px solid #d7f3cd; border-right:1px solid #d0edc5;  color:#000;
  font-weight:bold; }
 
.plan-tab th.special-header,
.plan-tab td.special-header
{background-color:#8ec52b !important;color:#fff; font-size:12px;}
 






.plan-tab .before-best-price{border-right:0;}
.plan-tab .after-best-price{background-position:-922px -370px; }


.plan-tab .special .after-best-price{ background-position: -1760px -155px;}
.plan-tab .special-bottom .after-best-price{ background-position: -1760px -200px;}

 
  

.plan-tab tr.special td.best-price{
border:0;
-webkit-border-top-right-radius: 10px;  
-webkit-border-top-left-radius: 10px;  
-khtml-border-radius-topright: 10px;
-khtml-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
border-top-right-radius: 10px
border-top-left-radius: 10px;
}

.plan-tab tr.special-bottom td.best-price{
border:0;
-webkit-border-bottom-right-radius: 10px;  
-webkit-border-bottom-left-radius: 10px;  
-khtml-border-radius-bottomright: 10px;
-khtml-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px
border-bottom-left-radius: 10px;
}

.plan-tab tr.price td{font-size:18px; color:#4E8818; font-weight:bold; }
.plan-tab tr.price td span{font-size:12px; color:#8EC52B; clear:both; display:block; padding-top:2px;}

.payment_color{background:#DEFBD3; color:#009933;}
.partnersummary{padding:10px 0; font-size:13px; font-weight:bold;}

a.plan-tab_more{background:#8EC52B; color:#fff; font-size:11px; line-height:20px; height:20px;    padding:3px 5px;   text-decoration:none;}
a.plan-tab_more:hover{background:#4E8818;}



 
 
.toggle_box{display:none;}

.quick_new_client{background:#F2EFDF; font-size:90%; border:1px solid #EBE6CE;}




/*simple-register*/
.simple-register fieldset{margin:0px 20px 20px 20px;  }
.simple-register div{padding:3px 0; clear:both;}
.simple-register div.domain p{float:left; font-size:13px; padding:0; padding-left:5px; margin:4px 0;}
.simple-register div.domain input{width:140px;}
.simple-register div.pad{padding-left:135px; font-size:12px; line-height:18px;}
.simple-register div.border{background:#eee; height:1px; padding:0; margin:10px 30px;}

.simple-register input{float:left; width:250px; }
.simple-register select{float:left; width:265px; padding:0;}
.simple-register label{color:#444; font-weight:normal; width:130px; font-size:12px; float:left; display:block; text-align:right; padding-right:5px; margin:3px 0; }
.simple-register label.error{width:auto; color:#cc0000; padding-left:10px; font-size:11px; margin-top:4px; display:block;  }

.simple-register  div.checkbox{}
.simple-register  div.checkbox label{font-weight:normal; width:320px; line-height:17px; text-align:left; padding:0; padding-left:5px; margin:0;}
.simple-register  div.checkbox input{margin-left:135px; width:auto; border:0;}
.simple-register  div.register {margin-left:135px;}
.simple-register  div.register input{border:0; padding:5px 10px; font-size:16px; font-weight:bold; background:#8EC52B; color:#fff; width:auto; cursor:hand; }

.simple-register  div.w80 input{width:80px;}
.simple-register  div.w100 input{width:100px;}


/*kontakt form*/
.contact-form{padding:0 10px;}
.contact-form div{clear:both; padding-bottom:10px;}
.contact-form div label{clear:both; display:block; padding-bottom:5px;}
.contact-form div label span{color:#ff0000; font-size:11px;}
.contact-form div input{  clear:both;}
.contact-form div input.error{border:1px solid #ff0000;}
.contact-form div textarea{  height:120px;}
.okey{padding:0 10px; line-height:22px;}
.contact-form.last{padding-bottom:30px;}
 

/* stopka i menu dolne */

#footer-character{position:absolute; right:-10px; bottom:-150px; width:152px; height:244px; display:block; background:transparent url(http://cdn.minitodo.pl/img-main-site/footer-character.png) no-repeat center center;}
#twitter-icon{position:absolute; bottom:-48px; left:520px;}

#footer-big-black-wrap {padding-top:30px; background:transparent url(http://minitodo.pl/main-site/img/bg_bottom.png) no-repeat center top;}
#footer-big-black {  padding:30px; border-top:3px solid #c3b898;}

#footer-big-black-content{position:relative; width:910px;  margin:0 auto;}

#footer-big-black h4{font-size:14px; padding:0 10px 10px 10px;}
#footer-big-black p {font-size:13px; padding:0 10px 10px 10px; line-height:17px;	}
#footer-big-black ul{line-height:25px;}
#footer-big-black ul li{clear:both;}
#footer-big-black ul li.twitt a { padding:10px 10px; line-height:18px; border-bottom:1px solid #C3B898; color:#777; }
#footer-big-black ul li.twitt-more a {padding:10px;} 
#footer-big-black ul li.twitt a:hover,
#footer-big-black ul li.twitt a:hover i
{color:#000; background:#C3B898;}
#footer-big-black ul li a{  padding:0 10px; margin:0;  line-height:20px; clear:both; display:block; text-decoration:none;}
#footer-big-black ul li a i{display:block; clear:both; font-size:10px; color:#999; }
#footer-big-black ul li a.last{border:0;}

#footer-big-black .foot-fl {float:left; width:150px;  padding:0 30px 0 0px;}
#footer-big-black .foot-fl-center {float:left; width:325px; border-left:1px solid #C3B898; padding:0 30px;}
#footer-big-black .foot-fr-contact{float:right; width:310px; border-left:1px solid #C3B898; padding:0 0 0 20px;}

#footer{   clear:both;  border-top:2px solid #d5ccb0; border-bottom:1px solid #d5ccb0; background:#eee5cb; padding-bottom:50px;}
#copyrights{line-height:40px; height:40px;font-size:11px; color:#777; margin:0 auto; width:910px; padding:0 25px; text-align:left;}
#copyrights span {float:right;}