*{margin:0;padding:0;}

html {height: 100%;}

.msg_warn{border:1px solid red;background:#fff8c6;padding:0;margin:0;text-align:left;}

.msg_ok{border-bottom:1px solid green;background:#fff8c6;padding:0;margin:0;overflow:hidden;text-align:left;}

.msg_warn_num{background:url('/img/system/s_warn.png') top left no-repeat;padding:0 0 0 20px;font-size:12px;line-height:16px;margin:5px;}

.msg_ok_num{background:url('/img/system/s_okay.png') top left no-repeat;padding:0 0 0 20px;font-size:12px;line-height:16px;margin:5px;}

.alert{font-weight:bold;color:red;}

.ok{font-weight:bold;color:#10941A;}

.boxalert,.boxok{margin:30px 0;padding:20px 5px 20px 60px;border-radius:8px;overflow:auto;}

.boxalert{border:1px solid red;background:url('/images/alert.gif') 10px 10px no-repeat #ffffee;min-height:45px;}

.boxok{border:1px solid green;background:url('/images/ok.gif') 15px 10px no-repeat #ffffee;}

.boxalert p,.boxok p{text-align:left;}

.boxalert .info,.boxok .info{margin:15px 15px 0 0;border-top:1px solid #cccccc;}



.pagination{text-align:right;font-weight:bold;margin:10px 0;}

.pagination a,.pagination a:hover{border:1px solid #bebebe;margin:0 2px;padding:4px 6px;text-decoration:none;color:#5E3523;}

.pg_selected{border:1px solid #bebebe;background:#eeeeee;margin:0 2px;padding:4px 6px;}



body{color:#222222;font:15px Verdana, Arial, Tahoma, sans-serif;background:white;text-align:left;text-decoration:none;min-height: 100%;position:relative;}

a, a:link, a:visited {text-decoration:none;color:#765FA5}

a:hover {color:#4B3479;text-decoration:underline;}

p{line-height:1.7em;margin:0 0 5px;}

div{overflow:auto;}



.mainsize{max-width:1000px;margin:0 auto;}



#boxheader{background:url('/images/pattern.jpg')top center repeat;overflow:hidden;border-bottom:4px solid #765FA5;background-attachment:fixed;padding:0 0 25px;}

.menu{height:50px;background:url('/images/menu.png')bottom center repeat-x;}

.menu ul{list-style-type:none;margin:0 0 0 auto;}

.menu li a,.menu li a:link,.menu li a:visited{text-decoration:none;display:block;padding:13px 20px 0;text-align:left;float:right;height:31px;}

.menu li a:hover{background:#f0f0f0;color:#000000}

.menu li.selected a,.menu li.selected a:link,.menu li.selected a:visited{background:#f0f0f0;}

#menu{display:none;}



#logo{float:left;margin-top:30px}

#logo img{width:100%;max-width:413px;}

#respmenu{width:48px;height:45px;background:url('/images/menu-resp.png') center top no-repeat;float:left;margin:10px 10px 0 0;display:none}



#boxmain{padding:0 0 170px;margin:0 auto;overflow:auto;background:#fdfdfd}

#boxmain ul,#boxmain ol{margin:0 0 20px 35px;line-height:1.6em;}

#boxmain li{margin:0 0 5px;}

#about{background:url('/images/bg.jpg')top center no-repeat;background-attachment:fixed;background-size:cover;margin-bottom:30px;overflow:auto;border-bottom:1px solid #f0f0f0;padding-top:40px;}

.myfoto{float:left;max-width:346px;width:100%;margin-right:50px;border-radius:10px;}



h1,h2,h3{font-weight:normal;color:#38373D;font-family:'Montserrat';font-size:40px;margin:20px 0 30px}

h2{font-size:25px;margin:30px 0 20px;}

h3{font-size:20px;margin:20px 0 15px;font-weight:bold;}



#about h1{padding:110px 0 20px;font-size:60px;margin:0;}

#about h2{font-size:30px;margin:0;}



#zapisz{margin-top:40px;padding:15px 0 0;font-family:'Montserrat';}

#zapisz input[type="text"],#zapisz input[type="email"]{border:1px solid #adadad;border-radius:3px;padding:10px 10px 10px 35px;width:150px;margin:0 10px 10px 0}

#zapisz input[type="text"]{background:url('/images/imie.png')center left no-repeat white;}

#zapisz input[type="email"]{background:url('/images/email.png')center left no-repeat white;}

#zapisz input[type="submit"],.form input[type="submit"],button{background:#38373D;border:1px solid #341407;border-radius:3px;padding:7px 10px 8px;width:150px;color:white;font-size:15px;box-shadow: inset 0 1px 0 rgba(255, 255, 255,.25);cursor: pointer;}

#zapisz input[type="submit"]:hover{opacity:0.8}

#zapisz p{margin:10px 0}



#boxheader #zapisz{margin:0;float:right;}

#boxheader #zapisz p{margin:0 0 5px;}

#boxheader #zapisz input[type="submit"]{margin:5px 0 0;}



.start-news{float:left;margin:5px 46px 30px 0;text-align:center;position:relative;width:300px;height:235px;border-radius:10px;}

.start-news a{position:absolute;bottom:0;left:0;color:white;width:100%;padding:10px 0;margin:0;line-height:1em;font-size:15px}

.kompas{background:url('/images/kompas.jpg')top center no-repeat #2E2E2D}

.coaching{background:url('/images/coaching.jpg')top center no-repeat #2E2E2D}

.kobiecykrag{background:url('/images/kobiecykrag.jpg')top center no-repeat #2E2E2D}

.warsztaty{background:url('/images/warsztaty.jpg')top center no-repeat #2E2E2D;margin:5px 0 30px 0;}

.oferta{float:left;width:300px;margin:0 46px 0 0;text-align:justify;}

.last{margin:0;}

.oferta-detal{margin:30px 0 20px;}

blockquote{font-family:georgia;font-style:italic;font-size:16px;background:#f0f0f0;border-left:8px solid #bebebe;padding:20px 40px;margin:20px 0;clear:both;}

.podpis{text-align:right}



.oferta-detal{background:url('/images/pattern.jpg')top center repeat;padding:10px;border:1px solid #e0e0e0;}

.oferta-detal a{background:rgba(115,95,165,0.8);width:calc(100% - 22px);padding:10px;color:white;font-size:40px;display:block;font-family:'Montserrat';font-size:40px;}

.oferta-img img{float:left;margin:0 40px 10px 0;background:url('/images/pattern.jpg')top center repeat;padding:10px;border:1px solid #e0e0e0;}

.info{color:gray;font:14px 'Roboto',Arial;margin:0 0 20px;}

.autor{background:url('/images/personal.png') center left no-repeat;padding:0 10px 0 20px;}

.dodano{background:url('/images/date.png') center left no-repeat;padding:0 10px 0 20px;}



#boxfooter{padding:20px 0;border-top:1px solid #e0e0e0;font:15px Arial, Tahoma, sans-serif; background:url('/images/pattern.jpg')top center repeat;position:absolute;width:100%;bottom:0;}

#boxfooter a{color:black;}

.facebook-icon{float:right;}

.kontakt{float:left;margin-right:20px;border:1px solid #e0e0e0;border-radius:5px;padding:10px 20px;min-height:80px;background:rgba(256,256,256,0.9);}

.tytul{position:relative;margin:30px 0;}

.tytul img {background:url('/images/pattern.jpg')top center repeat;padding:10px;border:1px solid #e0e0e0;width:calc(100% - 22px);max-width:978px;}

.tytul h1,.tytul h2 a{position:absolute;bottom:20px;left:11px;padding:15px 20px;margin:0;width:calc(100% - 62px);color:white;background:rgba(115,95,165,0.9);font-size:40px;}

.wiecej{text-align:right;}

.ramka{text-align:center;background:url('/images/pattern.jpg')top center repeat;padding:10px;border:1px solid #e0e0e0;color:#765fa5;margin:20px 0;}

.center{text-align:center}

.center img{max-width:100%}



.form{padding:0 30px 30px;background:#C6BEDA;border-radius:20px;margin:30px 0;color:black;}

.form form{float:right;width:100%;max-width:460px;}

.formkontakt{float:left}

.form input,.form select,.form textarea{border-radius:5px;padding:5px;border:1px solid gray;width:calc(100% - 10px);max-width:450px;font:12px Verdana, Arial, Tahoma, sans-serif}

.form textarea{height:200px;margin-bottom:15px;}

.form label{width:80px;display:inline-block;}

.g-recaptcha {margin-bottom:20px;}

.g-recaptcha div{overflow:hidden;}



@media only screen and (max-width:1000px){

    .mainsize{padding:10px;width:calc(100% - 20px);}

    #boxfooter{position:static;}

    #boxmain{padding:0}

}



@media only screen and (max-width:660px){

    #zapisz{margin-top:0;}

    .start-news{float:none;margin:20px auto;}

    .kontakt,.facebook-icon{float:none;margin:10px auto;}

    .facebook-icon{text-align:center;}

    #about h1, h1{font-size:40px;}

    .tytul h1,.tytul h2 a{font-size:30px;padding:0 20px;}

    #about h2,.oferta-detal a {font-size:20px;}

    .oferta-img img {float:none;width:calc(100% - 22px);max-width:400px;margin:0;}

    .oferta-img {text-align:center;}

    #boxheader{padding:0;}

    #logo{margin:0;width:calc(100% - 60px)}

    .menu{display:none;}

    #respmenu{display:block;}

    #menu{background:rgba(118,95,165,0.8);list-style-type:none;clear:both;font-size:20px;}

    #menu li a,#menu li a:link,#menu li a:visited{text-decoration:none;display:block;padding:10px 0 10px 20px;text-align:left;float:none;height:auto;border-bottom:1px solid white;color:white;}

    #menu li a:hover{background:#f0f0f0;color:#000000}

}