/* 
    Document   : style
    Created on : 2012-11-14, 12:10:00
    Author     : AwareSoft.pl
    Description: CBDNA Sekwencjonowanie Website
*/

/* 
    main colors:
        #7a7b7c text 
        #cb1343 amarant
*/

* {
    margin: 0;
    padding: 0;
}
body {
    height: 100%;
    margin: 0 auto;
    padding: 0;
    color: #565253;
    font-family: Arial !important;
    font-size: 12px;
    background: #f0f0f0;
    -webkit-text-size-adjust: 100%; 
}
html {
    height: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}
img {
    border: 0px;
}
a, a:visited {
    color: #000;
    text-decoration: none;
    outline: none;
}
a:hover {
    text-decoration: underline;
}
a.link:hover {
    text-decoration: underline !important;
}
a.link2 {
    color: #f0f0f0;
}
a.link2:hover {
    text-decoration: underline;
}
.bg {
    background: #842b63; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg0MmI2MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYjM3N2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
    background: -moz-linear-gradient(top,  #842b63 0%, #ab377e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#842b63), color-stop(100%,#ab377e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #842b63 0%,#ab377e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #842b63 0%,#ab377e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #842b63 0%,#ab377e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #842b63 0%,#ab377e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#842b63', endColorstr='#ab377e',GradientType=0 ); /* IE6-8 */
}

a.button {
    float: left;
    display: block;
    padding: 0 20px;
    height: 16px;
    font-size: 12px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 10px 5px 10px;
    margin: 0px 0px 20px 10px;
}

a.button:link, 
a.button:visited {
    color: #f0f0f0;
    text-align: center;
}

a.button:hover {
    text-decoration: none;
    color: #fff;
}
.clear {clear: both;}
.center {text-align: center;}
.aright {text-align: right;}
.fleft {float: left !important;}
.fright {float: right !important;}
.help {cursor: pointer;}
.mb20 {margin-bottom: 20px;}
a.after:after {
    content: " »";
}

section#wrapper {
    height: 100%;
    height: auto !important;
    min-height: 100%;
    margin: 0 auto -51px;
    background: #f0f0f0;
}
div#footFix { 
    height: 51px;
    clear: both;
}

/*-------------------- HEADER --------------------*/
section#wrapper > header {
    width: 100%;
    color: #fff !important;
    background: #56327a;
}
section#wrapper > header div.logMenu {
    float: right;
    min-width: 200px;
    height: 20px;
    text-align: right;
    padding-right: 10px;
    padding-left: 50px;
    color: #f0f0f0;
    line-height: 1.7;
    background: #56327a;
}
section#wrapper > header > div.container {
    width: 980px;
    margin: 0 auto;
    -webkit-border-top-left-radius: 30px;
    -webkit-border-bottom-left-radius: 30px;
    -moz-border-radius-topleft: 30px;
    -moz-border-radius-bottomleft: 30px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}
section#wrapper > header > div.container > div.left {
    float: left;
    width: 200px;
    background: #56327a;
    margin-left: 50px;
}
section#wrapper > header > div.container > div.left a#logo {
    float: left;
    display: block;
    width: 307px;
    height: 50px;
    background: url('../images/logo.png') center center no-repeat;
}

section#wrapper > header > div.container > div.right {
    float: right;
    width: 580px;
    -webkit-border-top-left-radius: 30px;
    -webkit-border-bottom-left-radius: 30px;
    -moz-border-radius-topleft: 30px;
    -moz-border-radius-bottomleft: 30px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}
section#wrapper > header nav > ul {
    float: right;
    list-style: none;
    font-size: 14px;
}
section#wrapper > header nav > ul > li {
    float: left;
    margin-right: 2px;
}
section#wrapper > header nav > ul > li:last-child {
    margin-right: 0px;
}
section#wrapper > header nav > ul > li > a {
    line-height: 4.5;
    padding: 0 8px;
    height: 60px;
    display: block;
    font-weight: bold;
    color: #f0f0f0;
}
section#wrapper > header nav > ul > li > a:hover,
section#wrapper > header nav > ul > li > a.active {
    text-decoration: underline;
}
/*-------------------- !HEADER --------------------*/

/*-------------------- FOOTER --------------------*/
footer {
    clear: both;
    margin-top: 20px;
    width: 100%;
    height: 30px;
    color: #fff;
    line-height: 2.6;
    background: #56327a;
}
footer div.bar {
    height: 4px;
}
footer a {color: #f0f0f0;}
footer a:visited {color: #f0f0f0; text-decoration: none;}
footer a:hover {color: #f0f0f0; text-decoration: underline;}

footer nav {
    float: left;
}
footer nav > ul > li {
    list-style: none;
    display: inline;
    margin-left: 10px;
}
footer nav > ul > li > a {
    color: #f0f0f0 !important;
    font-size: 12px;
}
footer nav > ul > li:before {
    content: "/";
    margin-right: 10px;
}
footer nav > ul > li:first-child:before {
    content: none;
}
footer > span.copyrights {
    float: right;
    margin-right: 12px;
}

/*-------------------- !FOOTER--------------------*/

/*-------------------- CONTENT --------------------*/

section#content {
    clear: both;
    width: 950px;
    margin: 0 auto;
    line-height: 1.6;
}
section#content div.halfSite {
    float: left;
    width: 445px;
    padding-right: 30px;
}
section#content div.halfSite2 {
    float: right;
    width: 442px;
    border-left: 3px solid #838383;
    padding-left: 30px;
}
section#content ul li,
section#content ol li {
    list-style-position: inside;
    margin: 2px 0px 2px 15px;
}
section#content ul li:first-of-type,
section#content ol li:first-of-type {
    margin-top: 5px;
}
section#content ul li:last-of-type,
section#content ol li:last-of-type {
    margin-bottom: 5px;
}
section#content ul ul li,
section#content ol ol li {
    margin-left: 40px;
}
section#content h3 {
    margin-bottom: 5px;
}
section#content h1 {
    margin: 0px 0px 10px 5px;
    font-size: 26px !important;
    color: #504d4e;
}
section#content h2,
section#wspolpraca h2 {
    margin: 0px 0px 10px 5px;
    font-size: 20px !important;
    color: #504d4e;
}


/*---------- FORM ----------*/
.form {
    font-family: tahoma, verdana, "sans-serif";
    font-size: 12px;
    padding: 0px;
    width: auto;
    margin-bottom: 20px;
}

.form fieldset {
    padding: 10px;
    border: 0px solid red !important;
    min-width: 220px;
    margin-bottom: 10px;
}

.form legend {
    color: #262b30;
    font-weight: bold;
}
.form legend.add {
    color: #262b30;
    font-weight: bold;
    padding: 0 10px;
}
.form label {
    float: none;
    text-align: inherit;
    width: auto;
    color: #262b30;
}

.form input, .form select, .form textarea, .form p {
    display: block;
    margin-bottom: 6px;
    color: #262b30;
    margin-top: 3px;
    padding: 3px;
    border: 1px solid #3d182f;
}
.form input[type="checkbox"] {
    display: inline-block;
    width: 20px !important;
}

.form input:not([type="file"]),
.form select,
.form textarea {
    width: 200px;
    -webkit-box-shadow: inset 2px 2px 4px 1px #cfbcc8;
    box-shadow: inset 2px 2px 4px 1px #cfbcc8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.form input[type="file"] {
    border: 0px !important;
}
.form textarea.kontakt {
    width: 400px;
    height: 100px;
}
.form textarea {
    width: 300px;
    height: 70px;
}
.form textarea.seo {
    width: 250px;
    height: 50px;
}
.form select {
    width: 208px;
}
.form p {
    margin: 5px;
    border: 0px;
}

.form input[type=submit] {
    width: 160px;
    margin: 0 auto;
    font-size: 12px;
    font-weight: bold;
    color: #262b30;
    cursor: pointer;
    padding: 6px 8px;
    background: -moz-linear-gradient(
            top,
            #ffffff 0%,
            #ffffff 15%,
            #ffffff 55%,
            #c9c9c9);
    background: -webkit-gradient(
            linear, left top, left bottom, 
            from(#ffffff),
            color-stop(0.15, #ffffff),
            color-stop(0.55, #ffffff),
            to(#c9c9c9));
    -moz-box-shadow:
            0px 1px 3px rgba(000,000,000,0.5),
            inset 0px 0px 2px rgba(255,255,255,0.7);
    -webkit-box-shadow:
            0px 1px 3px rgba(000,000,000,0.5),
            inset 0px 0px 2px rgba(255,255,255,0.7);
    box-shadow:
            0px 1px 3px rgba(000,000,000,0.5),
            inset 0px 0px 2px rgba(255,255,255,0.7);
    text-shadow:
            0px -1px 0px rgba(000,000,000,0),
            0px 1px 0px rgba(255,255,255,0.3);
}
.form input[type=submit]:hover {
    color: #872b65;
}

.form .error {
    border: 1px solid #cb1343;
}
.form span {
    border: 0px !important;
}
.form .add_form {
    float: left;
}

.form input.pole,
.form input.poleauto,
.form select.poleauto {
    width: 40px;
    border: 0px;
    -webkit-box-shadow: inset 0px 0px 0px 0px #cfbcc8 !important;
    box-shadow: inset 0px 0px 0px 0px #cfbcc8 !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}
.form input.big {
    width: 145px;
}
.form input.poleauto {
    width: 90%;
    border: 1px solid #cacaca;
}
.form select.poleauto {
    width: 190px;
    border: 1px solid #cacaca;
}
.form a.dodaj_matryce {
    float: right;
    margin: 5px;
    cursor: pointer;
}
.form a.usun_matryce {
    float: right;
    margin: 5px;
    margin-right: 25px;
    cursor: pointer;
}
/* ------ !FORM ------ */

/* ------ NOTIFICATIONS ------ */
.message {
    background-size: 40px 40px;
    background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
                      transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                      transparent 75%, transparent);	
    background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
                      transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                      transparent 75%, transparent);
    background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
                      transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                      transparent 75%, transparent);
    box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
    width: 100%;
    border: 1px solid;
    color: #fff;
    padding: 10px;
    position: fixed;
    _position: absolute;
    top:0px;
    left:0px;
    text-shadow: 0 1px 0 rgba(0,0,0,.5);
    animation: animate-bg 5s linear infinite;
    z-index: 99999;
}

.notifyinfo {
    background-color: #4ea5cd;
    border-color: #3b8eb5;
}

.notifyerror {
    background-color: #cb1343;
    border-color: #c61241;
}

.notifywarn {
    background-color: #eaaf51;
    border-color: #d99a36;
}

.notifydone {
    background-color: #61b832;
    border-color: #55a12c;
}

.message h3 {
    margin: 0 0 5px 0;													 
}

.message p {
    margin: 0;													 
}

@keyframes animate-bg {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -80px 0;
    }
}
/* ------ !NOTIFICATIONS ------ */

/* ------ STRONY ------ */

div#uslugi {
    width: 800px;
    margin: 0 auto;
    
}
div#uslugi > .container {
    border: 1px solid #d6d6d6;
    margin: 10px;
}

div#uslugi > .container .top {
    background: #cecece;
    padding: 10px;
}
div#uslugi > .container .middle {
    text-align: justify;
    padding: 10px;
}
div#uslugi > .container .bottom {
    padding: 10px;
    text-align: right;
    font-weight: bold;
}

.logowanie {
    width: 400px;
    margin: 0 auto;
}

.konto-menu {
    float: right;
    margin: 10px;
}

a.przycisk {
    min-width: 100px;
    color: #f0f0f0;
    padding: 5px 10px;
    background: #b085ae;
    margin-left: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
}
a.przycisk:hover {
    color: #fff;
}

table#tabela {
    margin: 20px 0;
    border-spacing:0;
    border-collapse:collapse;
    width: 100%;
}
table#tabela tr th {
    padding-bottom: 5px;
    border-bottom: 1px solid #b3bead;
}
table#tabela tr td {
    padding: 5px 0px;
    border-bottom: 1px solid #b3bead;
    text-align: center;
}
table#tabela tr td.alignLeft {
    text-align: left;
}
table#tabela tr td.alignRight {
    text-align: right;
}
table#tabela tr td:first-child {
    text-align: center
}

table.plytka {
    border-spacing:0;
    border-collapse:collapse;
    width: 600px;
    border: 1px solid #b3bead;
    margin: 10px 0px;
}
table.plytka tr td {
    border: 1px solid #b3bead;
    width: 7%;
    text-align: center;
}
table.plytka tr th {
    border: 1px solid #b3bead;
    background: #cacaca;
}
table.plytka tr td.kolor {
    background: #cacaca;
}

h2.header {
    border-bottom: 1px solid #cacaca;
}

span.small {
    font-size: 11px !important;
}

div.split {
    margin-top: 40px;
}

table.uslugi {
    border-spacing:0;
    border-collapse:collapse;
    width: 100%;
}
table.uslugi tr th {
    padding-bottom: 5px;
    border-bottom: 1px solid #b3bead;
}
table.uslugi tr td {
    padding: 5px 0px;
    border-bottom: 1px solid #b3bead;
    text-align: center;
}
table.uslugi tr td.alignLeft {
    text-align: left;
}
table.uslugi tr td.alignRight {
    text-align: right;
}
table.uslugi tr td:first-child {
    text-align: center
}

.img img {
    margin: 10px;
    max-width: 150px;
}

.borderRed {
    background: #fe9898 !important;
}

.small_submit {
    width: 60px !important;
    padding: 3px !important;
    float: left;
    margin-left: 10px !important;
    margin-top: 2px !important;
}
/* ------ !STRONY ------ */