/*
Theme Name: DragonHost v1
Theme URI: http://betterapp.net
Description: Szablon dla DragonHost.pl
Author: Daniel Częstki
Version: 1.0
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

*
{
    font-family: 'Cairo', 'Open Sans';
}

.container-full
{
    margin: 0 auto;
    width: 100%;
}

/* tables still need 'cellspacing="0"' in the markup */
table
{
    border-collapse: collapse;
    border-spacing: 0;
}

a img
{
    border: none;
}

/* The main theme structure */

/* Structure the footer area */
#footer-widget-area
{
    overflow: hidden;
}

#footer-widget-area .widget-area
{
    float: left;
    margin-right: 20px;
    width: 220px;
}

#footer-widget-area #fourth
{
    margin-right: 0;
}

#footer
{
    text-align: left;
    width: 1030px;
    padding: 5px;
    margin: 0;
    margin: auto;
    margin-bottom: 20px;
}

#footer ul
{
    list-style-type: none;
    margin: 0;
}

#footer ul li
{
    float: left;
    margin-left: 20px;
}

#footer ul li a
{
    color: #666;
}

#site-info
{
    float: left;
    font-size: 14px;
    font-weight: bold;
    width: 700px;
}

#site-generator
{
    float: right;
    width: 220px;
}

/* =Global Elements
-------------------------------------------------------------- */

body,
input,
textarea
{
    color: #666;
    font-size: 12px;
    line-height: 18px;
}

body, header
{
    background-image: url('/frontend/img/background-grey.jpg');
    background-repeat: no-repeat;
}

header
{
    background-image: url('/frontend/img/background-grey.jpg');
    background-position: 0px -30px;
    background-repeat: no-repeat;
}

hr
{
    background-color: #e7e7e7;
    border: 0;
    clear: both;
    height: 1px;
    margin-bottom: 18px;
}

/* Text elements */
p
{
    margin-bottom: 18px;
}

ul
{
    list-style: square;
    margin: 0 0 18px 1.5em;
}

ol
{
    list-style: decimal;
    margin: 0 0 18px 1.5em;
}

ol ol
{
    list-style: upper-alpha;
}

ol ol ol
{
    list-style: lower-roman;
}

ol ol ol ol
{
    list-style: lower-alpha;
}

ul ul,
ol ol,
ul ol,
ol ul
{
    margin-bottom: 0;
}

dl
{
    margin: 0 0 24px 0;
}

dt
{
    font-weight: bold;
}

dd
{
    margin-bottom: 18px;
}

strong
{
    font-weight: bold;
}

cite,
em,
i
{
    font-style: italic;
}

big
{
    font-size: 131.25%;
}

ins
{
    background: #ffc;
    text-decoration: none;
}

blockquote
{
    font-style: italic;
    padding: 0 3em;
}

blockquote cite,
blockquote em,
blockquote i
{
    font-style: normal;
}

pre
{
    background: #f7f7f7;
    color: #222;
    line-height: 18px;
    margin-bottom: 18px;
    padding: 1.5em;
}

abbr,
acronym
{
    border-bottom: 1px dotted #666;
    cursor: help;
}

sup,
sub
{
    height: 0;
    line-height: 1;
    position: relative;
    vertical-align: baseline;
}

sup
{
    bottom: 1ex;
}

sub
{
    top: .5ex;
}

a
{
    color: #e6e6e6 !important;
}

a:active,
a:hover
{
    color: #fff !important;
}

a.basket,
a.nav-link {
    color: #666 !important;
}

a.basket:hover
{
    color: white !important;
}

/* Text meant only for screen readers */
.screen-reader-text
{
    position: absolute;
    left: -9000px;
}

/* =Header
-------------------------------------------------------------- */

#site-title
{
    float: left;
    font-size: 30px;
    line-height: 36px;
    margin: 0 0 18px 0;
    width: 700px;
}

#site-title a
{
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

#site-description
{
    clear: right;
    float: right;
    font-style: italic;
    margin: 14px 0 18px 0;
    width: 220px;
}

/* This is the custom header image */
#branding img
{
    border-top: 4px solid #000;
    border-bottom: 1px solid #000;
    clear: both;
    display: block;
}

/* =Content
-------------------------------------------------------------- */

#content
{
    margin-bottom: 36px;
    text-align: left;
    padding: 5px 0 0 15px;
    clear: both;
    margin-top: 175px;
}

#rodo
{
    margin-top: 100px;
}

#content p,
#content ul,
#content ol,
#content dd,
#content pre,
#content hr
{
    margin-bottom: 24px;
}

#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul
{
    margin-bottom: 0;

}

#content ul li
{
    margin-bottom: 15px;
    line-height: 18px;
    font-size: 15px;
}

#content pre,
#content kbd,
#content tt,
#content var
{
    font-size: 15px;
    line-height: 21px;
}

#content code
{
    font-size: 13px;
}

#content dt,
#content th
{
    color: #000;
}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6
{
    color: #4a4a4a;
    line-height: 1.2em;
    margin: 0 0 20px 0;
}

#content h2
{
    font-size: 20px;
    --font-weight: bold;
}

.hentry
{
    margin: 0 0 48px 0;
}

.home .sticky
{
    background: #f2f7fc;
    border-top: 4px solid #000;
    margin-left: -20px;
    margin-right: -20px;
    padding: 18px 20px;
}

.single .hentry
{
    margin: 0 0 36px 0;
}

.page-title
{
    color: #000;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 36px 0;
}

.page-title span
{
    color: #333;
    font-size: 16px;
    font-style: italic;
    font-weight: normal;
}

.page-title a:link,
.page-title a:visited
{
    color: #888;
    text-decoration: none;
}

.page-title a:active,
.page-title a:hover
{
    color: #ff4b33;
}

.entry-title
{
    color: #808080 !important;
    font-size: 17px;
    font-weight: bold;
    line-height: 1.3em;
    padding: 5px 5px 5px 0;
    margin: 0 !important;
}

.entry-title a:link,
.entry-title a:visited
{
    color: #000;
    text-decoration: none;
}

.entry-title a:active,
.entry-title a:hover
{
    color: #ff4b33;
}

.entry-meta
{
    color: #888;
    font-size: 12px;
}

.entry-meta abbr,
.entry-utility abbr
{
    border: none;
}

.entry-meta abbr:hover,
.entry-utility abbr:hover
{
    border-bottom: 1px dotted #666;
}

.entry-content,
.entry-summary
{
    clear: both;
    padding: 12px 0 0 0;
}

#content .entry-summary p:last-child
{
    margin-bottom: 12px;
}

.entry-content fieldset
{
    border: 1px solid #e7e7e7;
    margin: 0 0 24px 0;
    padding: 24px;
}

.entry-content fieldset legend
{
    background: #fff;
    color: #000;
    font-weight: bold;
    padding: 0 24px;
}

.entry-content input
{
    margin: 0 0 24px 0;
}

.entry-content input.file,
.entry-content input.button
{
    margin-right: 24px;
}

.entry-content label
{
    color: #888;
    font-size: 12px;
}

.entry-content select
{
    margin: 0 0 24px 0;
}

.entry-content sup,
.entry-content sub
{
    font-size: 10px;
}

.entry-content blockquote.left
{
    float: left;
    margin-left: 0;
    margin-right: 24px;
    text-align: right;
    width: 33%;
}

.entry-content blockquote.right
{
    float: right;
    margin-left: 24px;
    margin-right: 0;
    text-align: left;
    width: 33%;
}

.page-link
{
    color: #000;
    font-weight: bold;
    margin: 0 0 22px 0;
    word-spacing: 0.5em;
}

.page-link a:link,
.page-link a:visited
{
    background: #f1f1f1;
    color: #333;
    font-weight: normal;
    padding: 0.5em 0.75em;
    text-decoration: none;
}

.home .sticky .page-link a
{
    background: #d9e8f7;
}

.page-link a:active,
.page-link a:hover
{
    color: #ff4b33;
}

body.page .edit-link
{
    clear: both;
    display: block;
}

#entry-author-info
{
    background: #f2f7fc;
    border-top: 4px solid #000;
    clear: both;
    font-size: 14px;
    line-height: 20px;
    margin: 24px 0;
    overflow: hidden;
    padding: 18px 20px;
}

#entry-author-info #author-avatar
{
    background: #fff;
    border: 1px solid #e7e7e7;
    float: left;
    height: 60px;
    margin: 0 -104px 0 0;
    padding: 11px;
}

#entry-author-info #author-description
{
    float: left;
    margin: 0 0 0 104px;
}

#entry-author-info h2
{
    color: #000;
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 0;
}

.entry-utility
{
    clear: both;
    color: #888;
    font-size: 12px;
    line-height: 18px;
}

.entry-meta a,
.entry-utility a
{
    color: #888;
}

.entry-meta a:hover,
.entry-utility a:hover
{
    color: #ff4b33;
}

#content .video-player
{
    padding: 0;
}

/* =Images
-------------------------------------------------------------- */

#content img
{
    margin: 0;
    height: auto;
    max-width: 640px;
    width: auto;
}

#content .attachment img
{
    max-width: 900px;
}

#content .alignleft,
#content img.alignleft
{
    display: inline;
    float: left;
    margin-right: 24px;
    margin-top: 4px;
}

#content .alignright,
#content img.alignright
{
    display: inline;
    float: right;
    margin-left: 24px;
    margin-top: 4px;
}

#content .aligncenter,
#content img.aligncenter
{
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#content img.alignleft,
#content img.alignright,
#content img.aligncenter
{
    margin-bottom: 12px;
}

#content .wp-caption
{
    background: #f1f1f1;
    line-height: 18px;
    margin-bottom: 20px;
    padding: 4px;
    text-align: center;
}

#content .wp-caption img
{
    margin: 5px 5px 0;
}

#content .wp-caption p.wp-caption-text
{
    color: #888;
    font-size: 12px;
    margin: 5px;
}

#content .wp-smiley
{
    margin: 0;
}

#content .gallery
{
    margin: 0 auto 18px;
}

#content .gallery .gallery-item
{
    float: left;
    margin-top: 0;
    text-align: center;
    width: 33%;
}

#content .gallery img
{
    border: 2px solid #cfcfcf;
}

#content .gallery .gallery-caption
{
    color: #888;
    font-size: 12px;
    margin: 0 0 12px;
}

#content .gallery dl
{
    margin: 0;
}

#content .gallery img
{
    border: 10px solid #f1f1f1;
}

#content .gallery br + br
{
    display: none;
}

#content .attachment img
{
    /* single attachment images should be centered */
    display: block;
    margin: 0 auto;
}

#panelSubmenu
{
    float: left;
    width: 200px;
    overflow: hidden;
    padding: 5px;
}

#panelSubmenu h2.tytul
{
    font-size: 14px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}

.tools-link
{
    padding: 0;
    display: inline;
    list-style-type: none;
    margin: 0;
}

.tools-link li
{
    float: left;
    margin: 0;
    border-left: 1px solid #ededed;
}

.tools-link li:last-child
{
    border-right: 1px solid #ededed;
}

.tools-link li a
{
    padding: 5px 10px 7px 10px;
    text-decoration: none;
    color: #9ea5ab;
    font-family: 'Open Sans';
    font-size: 12px;
    display: block;
}

.tools-link li a:hover,
.tools-link li a.selected
{
    color: #000;
    /*border-bottom: 1px solid #fff;*/
    z-index: 1000 !important;
}

.tools-link li a.selected
{
    background-color: #BBC2C8;
}

.link-ddr
{
    float: left;
}

.link-panel
{
    float: right;
}


#logo
{
    float: left;
    margin: 0px
}

input, textarea
{
    background-color: white;
    color: #000000;
    font-weight: normal;
    font-size: 11px;
}

a.submenu
{
    font-size: 12px;
    color: #910D0D;
    text-decoration: none;
    width: 100%;
    padding-left: 0px;
    display: block
}

a.submenu:hover
{
    color: #000000;
    padding-left: 0px;
}

a.button:link, a.button:visited, a.button:active
{
    color: #2C3D4D;
    border-bottom: #7F9DB9 1px solid;
    border-left: #7F9DB9 1px solid;
    border-right: #7F9DB9 1px solid;
    border-top: #7F9DB9 1px solid;
    background-color: #F8F9FA;
    font-size: 11px;
    font-weight: normal;
    height: 18px;
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
}

a.button:hover
{
    color: #000000;
    border-bottom: #7F9DB9 1px solid;
    border-left: #7F9DB9 1px solid;
    border-right: #7F9DB9 1px solid;
    border-top: #7F9DB9 1px solid;
    background-color: #E4E9ED;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.kontaktTable td
{
    font-size: 17px;
    font-weight: bold;
    color: #555;
    padding: 10px 40px 10px 40px;
    font-family: Tahoma, Times;
}

.sideInfo
{
    background-color: #F0F0F0;
    padding: 10px;
}

.sideInfo h5
{
    font: bold 13px Tahoma
}

.sideInfo address
{
    font: 12px Arial;
    line-height: 18px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.sideInfo p
{
    font-size: 11px !important;
    font-family: tahoma;
    line-height: 14px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.sideInfo p strong
{
    font-size: 11px !important;
    font-family: tahoma;
}

.content-wild
{
    width: 100%;
    height: 250px;
    border-bottom: 2px solid #E0E0E0;
    background-image: url('images/banner_bg.jpg');
}

.content-wild-start
{
    width: 100%;
    height: 200px;
    border-bottom: 1px solid #E0E0E0;
    background-image: url('images/banner_bg.jpg');
}

.sidebar-left
{
    width: 770px;
    float: left;
}

.sidebar-right
{
    width: 770px;
    float: right;
}

.sidebar-left-small
{
    float: left;
    width: 220px;
    padding: 5px;
}

.sidebar-right-small
{
    float: right;
    width: 220px;
    padding: 5px;
}

#tabs
{
    background-color: transparent !important;
    border: none !important;
}

#tabs ul,
#tabs ul.ui-widget-header
{
    background-color: transparent !important;
}

#tabs ul li
{
    font-family: 'Lato', sans-serif;
}


/*Tabela parametrow hostingu*/
table.oferta
{
    background-color: white;
}

table.oferta th,
table.oferta td
{
    font-size: 13px;
    padding: 12px;
    text-align: center !important;
}

table.oferta td.info,
table.oferta tbody td sup
{
    font-size: 11px !important;
}


table.oferta thead tr:first-child th,
table.oferta thead tr:first-child th
{
    padding: 20px 0 20px 0px !important;
}

table.oferta thead tr:last-child th,
table.oferta thead tr:last-child th
{
    padding: 20px 0 20px 0px !important;
}

table.oferta thead th
{
    color: #979797;
    font-size: 27px;
    font-weight: lighter;
    vertical-align: middle;
    line-height: 18px;
    background-color: rgba(89, 115, 122, 0.05) !important;
    text-align: center !important;
    border-bottom: 0px solid #c3c3c3 !important;
}

table.oferta tbody th
{
    padding: 30px 0 15px 0 !important;
    border-bottom: 1px solid #c3c3c3 !important;
    line-height: 25px;
}

table.oferta .price
{
    font-size: 50px;
    color: #8E2522;
    font-weight: 400;
}

table.oferta .price sup
{
    font-size: 29px
}

table.oferta .price-info
{
    font-size: 12px;
}

table.oferta .price-regular
{
    font-size: 14px;
}

table.oferta .price-discount
{
    font-size: 12px;
    font-weight: lighter;
}


table.oferta tbody tr th a
{
    margin-top: 10px;
}

table.oferta tbody td
{
    font-size: 16px;
}

table.oferta a
{
    color: #929292 !important;
    border: 1px solid #afafaf;
}

table.oferta a:hover
{
    color: white !important;
}

a
{
    outline: none
}

.tabelaOferta td,
.tabelaOferta th
{
    font-family: 'Lato', sans-serif;
}

input.przycisk,
a.przycisk
{
    display: block;
    background-color: #069bc5;
    border: 1px solid #069bc5;
    padding: 6px 3px 6px 3px;
    text-decoration: none;
    text-align: center;
    color: #fff !important;
    font-size: 11px;
    margin: auto;
}

input.przycisk:hover,
a.przycisk:hover
{
    display: block;
    background-color: #8B2522;
}

a.przycisk_red
{
    display: block;
    background-color: #8B2522;
    padding: 6px 3px 6px 3px;
    text-decoration: none;
    text-align: center;
    color: #fff !important;
    font-size: 11px;
    border-radius: 2px;
    margin: auto;
}

a.przycisk_red:hover
{
    display: block;
    background-color: #a12b28;
}

#ofertaHostingSSD
{
    padding-top: 15px;
    padding-bottom: 5px;
    margin: 0px 0 10px 0;
    /*background-color: rgba(133, 167, 191, 0.50);*/
    /*background-color: #ecf0f3 !important;*/
}

#ofertaHostingSSD .card-header,
#ofertaHostingSSD .card-footer
{
    background-color: transparent !important;
    text-align: center;
}

#ofertaHostingSSD .card-header h1
{
    color: #546E7A;
    font-size: 27px;
    font-weight: normal;
}

#ofertaHostingSSD .card-header span
{
    color: black;
}

#ofertaHostingSSD .col-lg-6
{
    padding-left: 5px !important;
    padding-right: 5px !important;
}

#ofertaDomeny
{
    margin: 0px auto 0px auto;
    padding: 0 10px;
}

#ofertaDomeny input[type=text]
{
    font-size: 20px;
    padding: 6px 10px 6px 10px;
    background-color: transparent;
    border: 0 !important;
    border-bottom: 1px solid #888 !important;
    width: 100%;
    color: #b4b4b4;
    text-transform: lowercase;
    border-radius: 0px;
}

/* Chrome/Opera/Safari */
::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder
{
    color: #d50000 !important;
    font-size: 16px;
}


#ofertaDomeny input.przycisk
{
    font-size: 16px;
    background-color: #069bc5;
    border: 1px solid #069bc5;
    color: #fff !important;
    padding: 16px !important;
    border-radius: 4px;
}

#ofertaDomeny input.przycisk:hover
{
    border: 1px solid #069bc5;
    color: #fff !important;
    background-color: #07aad8;
}

#slides
{
    display: none;
    width: 1030px;
    height: 190px;
    margin: auto;
    text-align: center;
}

.slidesjs-pagination
{
    margin: 4px auto;
    float: right;
    list-style: none;
}

.slidesjs-pagination li
{
    float: left;
    margin: 0 1px;
}

.slidesjs-pagination li a
{
    display: block;
    width: 13px;
    height: 0;
    padding-top: 13px;
    background-image: url('images/pagination.png');
    background-position: 0 0;
    float: left;
    overflow: hidden;
}

.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active
{
    background-position: 0 -13px
}

.slidesjs-pagination li a:hover
{
    background-position: 0 -26px
}

.column2
{
    width: 505px;
}

.column2:first-child
{
    float: left;
}

.column2:last-child
{
    float: right;
}

.txtLeft
{
    text-align: left !important;
}

.txtCenter
{
    text-align: center !important;
}

.txtRight
{
    text-align: right !important;
}

.entry-content,
.entry-content td,
.entry-content p
{
    font-size: 14px !important;
    line-height: 18px;
}

.entry-content td
{
    padding: 0 10px 0 0;
}

.entry-content a
{
    color: red;
}

.nav-previous a,
.nav-next a
{
    color: red;
    font: 11px tahoma;
    text-decoration: none;
}

.nav-previous
{
    float: left;
}

.nav-next
{
    float: right;
}

#hostingTabs
{
    padding: 10px;
    background-color: #068FB6;
}

#hostingTabs h1
{
    margin: 5px 0;
}

#hostingTabs a
{
    display: block;
    font-family: arial;
    font-size: 28px !important;
    color: white;
    text-decoration: none;
}

span.new
{
    background-color: yellowgreen;
    border-radius: 3px;
    font-size: 8px !important;
    padding: 3px 4px 2px 4px !important;
    font-family: arial;
    display: inline-block;
    color: white;
}

#banners
{
    margin: 110px auto 20px auto;
}

#core
{
    overflow: hidden;
    margin-top: 150px;
    /*background-color: #546E7A;*/
    padding: 20px 0 25px 0;
}

/* MENU */
.navbar-brand
{
    padding-top: 5px;
}

.navbar
{
    margin: 0;
    border: 0;
}

#main-menu
{
    margin-top: 5px;
}

#menu-oferta
{
    padding: 0;
}

nav
{
    background-color: transparent !important;
}

#menu-oferta li a
{
    font-size: 17px;
    color: #808080 !important;
    padding: 10px 12px 10px 12px;
    display: block;
    border: 1px solid transparent;
    border-radius: 5px;
}

#menu-oferta .dropdown-menu a
{
    border: 0 !important;
}

#menu-oferta li a:hover,
#menu-oferta li.show a,
#menu-oferta li.current-menu-item a
{
    color: #777;
    text-decoration: none;
    border: 1px solid #777;
}

#menu-oferta .dropdown-menu a:hover
{
    border: 0 !important;
}

#menu-oferta li.current-menu-item a
{
    font-weight: bold;
}

#menu-tool li,
#menu-oferta li
{
    margin-right: 1px;
}

#menu-tool li a.basket
{
    /*background-color: #8B2522;*/
    color: #777;
    font-size: 17px;
    padding: 10px 12px 10px 12px;
    display: block;
    border: 1px solid #777;
    border-radius: 5px;
}

#menu-tool li a.basket:hover
{
    background-color: #8B2522;
    color: white;
    text-decoration: none;
}

.infoBox
{
    background: #d9edf7 !important;
    border: 1px solid #bce8f1 !important;
    color: #285a72 !important;
    margin: 10px auto 10px auto !important;
    padding: 15px;
    width: 100%;
}

#footerMenu
{
    background-color: #36434a;
    padding-top: 20px;
}

#footerMenu *
{
    color: #5c7c82;
}

#footerMenu ul
{
    margin: 5px 0;
    padding: 0;
    list-style: none;
}

#footerMenu ul li
{
    padding: 2px
}

#footerMenu ul li a
{
    font-size: 14px;
    font-weight: 500;
}


#footerMenu a:hover,
#footerMenu strong
{
    color: #6f98a1;
    text-decoration: none;
    font-weight: normal;
}

#footerMenu strong {
    font-size: 15px;
}

#footerMenu hr
{
    background-color: #3e595f;
}

#footerMenu p
{
    font-size: 14px;
}


#fbLikeBox
{
    margin-top: 20px;
}

table.table-contact td
{
    border: 0 !important;
}

#top-navigation
{
    border-bottom: 1px solid #f4f4f4;
    background-color: #f9f9f9;
    height: 30px;
    width: 100%;
}

#main
{
    width: 1020px;
    margin: auto;
    margin-top: 0px;
    overflow: hidden;
    text-align: left;
    padding: 0;
    padding: 5px;
    background-color: #fff;
    border-top-left-radius: 7px;
    border-radius: 7px;
    border: 1px solid;

    border-color: #dbdbdb;
    border-color: #c7c7c7;

}

#mainHome
{
    border-color: #ededed;
    border-top: 0px solid;
}

#header
{
    padding: 0;
    overflow: hidden;
    width: 100%;
    padding-top: 20px;
    background-position: 20px bottom;
    background-repeat: no-repeat;
    margin-bottom: 10px;
}

form
{
    margin: 0;
    padding: 0;
}

#logo
{
    overflow: hidden;
    float: left;
    width: 200px;
    padding-left: 13px;
    padding-top: 4px;
}

/** MENU **/

#mainMenu
{
    display: block;
    margin: 0;
    background-color: #51565D;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    padding: 2px 0 0 0;
    width: 792px !important;
    float: right;
    z-index: 1000;
}

#menuUslugi
{
    float: left
}

#menuFirma
{
    float: right;
    margin-right: 10px;
}

#mainMenu .menu-header,
div.menu
{
    font-size: 13px;
    margin-left: 12px;
}

#mainMenu .menu-header ul,
div.menu ul
{
    list-style: none;
    margin: 0;
}

#mainMenu .menu-header li,
div.menu li
{
    float: left;
    position: relative;
    border: 1px;
}

#mainMenu a
{
    color: #fafafa;
    display: block;
    line-height: 38px;
    padding: 0 7px;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid transparent;
    border-bottom: 0;
}

#mainMenu li:hover a
{
    color: #000;
    background-color: #fff;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-color: #cccccc;
    border: 1px solid #cfcfcf;
    border-bottom: 0 !important;
}

#mainMenu ul li.current_page_item a,
#mainMenu ul li.current-menu-ancestor a,
#mainMenu ul li.current-menu-item a,
#mainMenu ul li.current-menu-parent a,
#mainMenu ul li a:hover
{
    color: #000;
    background-color: #fff;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-color: #cccccc;
    border: 1px solid #cfcfcf;
    border-bottom: 1px solid #fff !important;

    margin-bottom: -20px;
}

#ofertaDCP
{
    margin-top: 10px;
    margin-bottom: 5px;
}

/* LEWE MENU */

#subMenu
{
    background-color: #F0F0F0;
    position: fixed;
    top: 0;
    margin-top: 135px;
    z-index: 1;
    border-bottom: 5px solid #fff;
}

#subMenu h2.tytul
{
    margin-top: 15px;
    color: #000000;
    font-family: Arial, "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: normal;
}

ul.subMenu
{
    margin: 0 0 0 15px;
    padding: 0;
    list-style-type: none;
    list-style: none;
    padding: 12px 0 4px 0;
    float: left;
}

ul.subMenu li
{
    padding-left: 0px;
    padding-bottom: 2px;
    display: inline-block;
}

ul.children li
{
    margin-bottom: 5px !important;
}

ul.subMenu li:hover
{

}

ul.subMenu li.selected
{
}

ul.subMenu li a
{
    font-family: 'PT Sans', tahoma, arial, verdana;
    font-size: 14px;
    color: #777;
    display: block;
    padding: 0px 10px 7px 0px;
    text-decoration: none;
}

ul.subMenu li a:hover,
ul.subMenu li.current_page_item > a
{
    color: #000;
}

ul.subMenu li.current_page_item > a
{
    background-image: url("/frontend/img/menu-arrow.png");
    background-repeat: no-repeat;
    background-position: 0px 1px;
    padding-left: 20px;
}

ul.subMenu ul.children li
{
    list-style: none;
    list-style-type: none;
}

ul.subMenu ul.children li a
{
    font-size: 11px !important;

}

/** BOKSY **/

div.appBox2
{
    overflow: hidden;
    border: 1px solid;
    border-color: #dbdbdb;
    border-color: #b7c2d4;
    padding: 1px 1px 6px 1px;
    margin-bottom: 5px;
    background-color: #fff;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, 'DroidSerifRegular';
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-radius: 4px;
    text-align: left;
}

div.appBox2 table
{
    margin: 0;
}

div.appBox2 table td
{
    padding: 0;
}

div.appBox
{
    overflow: hidden;
    /*border: 1px solid #e9e9e9;*/
    margin-bottom: 5px;
    background-color: #fff;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, 'DroidSerifRegular';
    text-align: left;
}

div.appBox div.appBoxTitle
{
    padding: 8px 8px 8px 8px;
    font-size: 23px;
    font-family: tahoma;
    font-weight: normal;
    background-color: #f5f5f5;
    text-align: left;
    color: #51565D;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

div.appBox div.appBoxTitle h1
{
    font-size: 23px;
    font-weight: bold;
    display: inline-block;
}

div.appBox div.appBoxTitle span
{
    clear: both !important;
    display: block;
    font-size: 11px;
    font-weight: normal;
    padding-top: 6px;
    color: #808080;
}

div.appBox div.appBoxContent
{
    padding: 0px 5px 0 5px;
    margin-top: 8px;
}

div.appBoxContent a
{
    color: #068FB6;
}

.commonBOX
{
    overflow: hidden;
}

.indexUslugi
{
    height: 160px;
}

.column3
{
    width: 333px !important;
    min-height: 166px;
    margin-left: 10px;
    float: left;
}

.column3:first-child
{
    float: left;
    margin-left: 0 !important;
}

.column3:last-child
{
    float: right;
    margin-left: 0 !important;
}

.col3box
{
    border: 1px solid #ddd;
    padding: 10px;
    float: left;
    width: 29%;
    margin-left: 14px;
}

.col3box:first-child
{
    margin-left: 0px;
}

.col3box:last-child
{
    float: right;
}

.col3box a
{
    text-decoration: none;
}

.col3box a:hover
{
    text-decoration: underline;
}

.back_1
{
    background-image: url('../images/layout/back_1.png');
    background-repeat: repeat-x;
    background-position: bottom;
}

/** STALE SZEROKOŚCI **/

.w10pr
{
    width: 10%;
}

.w15pr
{
    width: 15%;
}

.w20pr
{
    width: 20%;
}

.w75px
{
    width: 75px;
}

.w100px
{
    width: 100px;
}

.h190px
{
    height: 190px;
}

/** ustawienie **/
.txtLeft
{
    text-align: left
}

.txtCenter
{
    text-align: center;
}

.txtRight
{
    text-align: right;
}

/** Sciezka dostepu **/
#path
{
    font-family: arial, verdana, tahoma;
    font-size: 11px;
    padding: 0px 0 8px 0px;
    color: #a6a6a6;
    text-decoration: none;
    text-align: left;
}

#path span:first-child
{
    color: #c6c5c5;
}

#path a
{
    color: #a6a6a6;
}

#path a:hover
{
    color: #8e8b8b;
}

.entry-content p,
ol li
{
    color: #454545;
    color: #373737;
    font-size: 14px;
}

.entry-content strong
{
    font-weight: bold;
    color: #454545;
    font-size: 15px;
}

.siteBox
{
    border: 1px solid #EBEAEA;
    padding: 5px;
    background-color: #fff;
}

#opinie
{
    width: 188px;
    overflow: hidden;
}

#opinie blockquote
{
    margin: 0;
    padding: 0;
}

#opinie blockquote p
{
    font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-top: 20px;
    font-style: italic;
    line-height: 23px;
    padding: 0;
    color: #60605F;
}

#opinie cite
{
    color: #AEAEAE;
    font-style: italic;
    font: 11px/22px Tahoma;
    float: right;
}

#opinie h2
{
    font: 15px verdana, serif;
    margin: 0 auto !important;
    display: block !important;
    font-weight: bold;
}

/*
LINKI
*/

.entry-content a
{
    color: #cc4846;
}

/** TABELE **/

table
{
    border: 0px;
    margin: 0 0px 4px 0;
    text-align: left;
    width: 100%;
}

table tr th,
table thead th
{
    color: #4a4a4a;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    padding: 9px 24px;
    vertical-align: middle;
    line-height: 18px;
}

table tbody th,
table tbody td
{
    line-height: 16px;
}

table tbody th small
{
    font-weight: normal;
    font-size: 10px;
}

table tbody th small strong,
table tbody td small strong
{
    font-size: 10px !important;
}

table th span
{
    color: #666;
}

table tr td
{
    border-top: 0px;
    padding: 6px 24px;
    font-family: tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif, 'DroidSerifRegular';
    color: #4a4a4a;
    font-size: 12px;
    vertical-align: middle;
}

tr.odd td
{
    background: #f7f7f7;
}

table.cycle-row-1 tr:nth-child(even)
{
    color: white;
    background-color: #f7f7f7
}

table.cycle-row-1 tr:nth-child(odd)
{

}

table thead tr th
{
    border-bottom: 2px solid #6c6c6c;
}

table thead tr th h2,
table thead tr th h3
{
    margin: 0 !important;
}

table.center-all-td td
{
    text-align: center;
}

tr.row-td-subgroup td
{
    text-align: center;
    font-weight: bold;
    background-color: #ededed !important;
    font-size: 17px;
}

tr.row-td-center td,
tr.row-th-center th
{
    text-align: center;
}

table.index tr td,
table.index tr th
{
    padding: 8px;
}

table.normal td
{
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif, !important;
    color: #4a4a4a;
    font-size: 13px !important;
    line-height: 18px;
}

table.normal td strong
{
    font-size: 13px !important;
}

/* WIZUALNE */
div.summaryBox,
div.infoBox
{
    padding: 15px 10px 10px 25px;
    overflow: hidden;
    background-color: #f5f5f5;
    border: 0px solid #E4E4E4;
    border-radius: 0px;
    margin-bottom: 10px;
}

div.summaryBox
{
    background-image: url('../img/layout/oferta_0.png');
    background-position: left top;
    background-repeat: no-repeat;
}

div.summaryBox ul li
{
    list-style-image: url('../img/layout/ok-icon-16x16.png');
}

div.infoBox
{
    background-color: #f7f7f7;
    /*background-image: url('../img/layout/info_0.png');*/
    /*background-position: left top;*/
    /*background-repeat: no-repeat;*/
}

div.infoBox strong
{
    color: #067fa1;
}

div.infoBox p
{
    margin: 0 !important;
    font-size: 11px;
    font-family: verdana, arial;
    font-stretch: expanded;
    line-height: 16px;
}

div.summaryBox ul,
div.infoBox ul
{
    margin: 0 0 0 25px !important;
}

table.plans-table td
{
    width: 33%;
}

/** Table styles **/
table.formTable input[type=submit]
{
    padding: 3px;
    background-color: #7694bd;
    padding: 6px 3px 6px 3px;
    color: #fff;
    font-size: 11px;
    border: 0;
    border-radius: 2px;
}

table.formTable input[type=text],
table.formTable input[type=password],
table.formTable select
{
    border: 1px solid #ccc;
    padding: 5px;
    font-size: 13px;
    width: 200px;
}

table.formTable
{
    margin-bottom: 4px;
    background-color: #fff;
    width: 100%;
}

table.formTable th
{
    padding: 4px;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
}

table.formTable td
{
    padding: 4px;
}

table.formTable th.colWidth
{
    width: 230px;
}

table.formTable tr th.title
{
    padding: 8px 8px 8px 4px;
    font-size: 15px;
    font-weight: bold;
    background-color: #f5f5f5;
    text-align: left;
}

table.formTable td.formAction
{
    border-top: 1px #e8e6e6 dashed;
    padding: 10px 0 0px 10px;
    margin-top: 10px;
}

.border-radius-7px
{
    border-radius: 7px;
}

/** kolory **/
#hostingLiniaEkonomiczna h1,
#hostingLiniaProfesjonalna h1
{
    margin: 0;
}

/** rozmieszczenie **/
.floatLeft
{
    float: left;
}

.floatRight
{
    float: right;
}

#sslHaslo
{
    font-size: 20px;
    width: 200px;
    float: left;
}

#sslHaslo span
{

}

/** Predefiniowane szerokości **/
.w35px
{
    width: 35px !important;
}

.w50px
{
    width: 50px !important;
}

.w75px
{
    width: 75px !important;
}

.w100px
{
    width: 100px !important;
}

.w120px
{
    width: 120px !important;
}

.w125px
{
    width: 125px !important;
}

.w150px
{
    width: 150px !important;
}

.w200px
{
    width: 200px !important;
}

.w250px
{
    width: 250px !important;
}

.w300px
{
    width: 300px !important;
}

.w400px
{
    width: 400px !important;
}

.w500px
{
    width: 500px !important;
}

.w600px
{
    width: 600px !important;
}

.top-fix
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}

header.top-fix
{
    top: 30px;
    padding-bottom: 7px;
    clear: both !important;
    display: block;
    /*background-color: white;*/
}

.card
{
    background-color: transparent;
    border: 0;
}

.card-title
{
    color: #3d4e5a !important;
    font-size: 24px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}

.card-text
{
    color: #3d4e5a !important;
    font-size: 16px !important;
    line-height: 25px;
}

.toast-wrapper
{
    z-index: 10000 !important;
}


.offer-header
{
    margin: 5px 0 25px 0;
    text-align: center;
}

#why-us .offer-header
{
    margin: 50px 0 50px 0;
}

.offer-header h1
{
    color: #d50000;
    font-size: 25px;
}

.offer-header h1 img
{
    width: 55px;
    margin-top: -8px;
    padding-right: 15px;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.offer-header small
{
    font-size: 14px;
}

#core-why p
{
    color: #cbcbcb;
    font-size: 13px;
}

#core-why h3
{
    color: #cbcbcb;
}

#core-why a
{
    color: #07aad8;
}

#why-us
{
    /*background-image: url('/frontend/img/background-grey.jpg');*/
    /*background-repeat: no-repeat;*/
    /*background-color: #f1f1f1;*/
    /*overflow: hidden;*/
}