@charset "utf-8";
/*----------------------------------------------------
                 Epsilon - CSS File
------------------------------------------------------*/

body{
    font-family:Arial,Verdana,Tahoma;
    font-size:12px;
    color:#a7a7a7;
    line-height:18px;
    padding:0px;
    margin:0px;
    background:url("../images/tlo.jpg") no-repeat scroll center top transparent;
}

/* links */
a, a:visited{
    color:#900;
    text-decoration:none;
}
a:hover{
    color:#000;
    text-decoration:underline;
}
a img{
    border:none
}

.imgmiddle{
    vertical-align:middle;
    margin-right:8px;
}

hr {
    background-color:#e4e4e4;
    border-width:0;
    color:#d6d6d6;
    height:1px;
    line-height:0;
    margin:30px 0px !important;
    page-break-after:always;
    clear:both;
}

strong{color:#999;}

/* Lists, Blockquotes and Paragraphs */
p, ul, ol, blockquote{
    margin-bottom:20px;
}
ul li{
    padding:0px 0px 0px 0px;
    line-height:20px;
}
code{
    border-left:2px solid #cccccc;
    background:#fefefe;
    padding:5px 10px;
    font-size:11px;
    display:block;
    color:#858585;
    margin-bottom:10px;
}



/* Custom Message Styling */
.success {
    margin: 15px 0;
    color:#3F9153;
    padding:8px 10px 8px 37px;
    background:#D7F7DF url(../img/success.png) 12px 9px no-repeat;
    border:1px solid #A3F7B8
}
.error {
    margin: 15px 0;
    color: #C24848;
    padding: 8px 10px 8px 37px;
    background: #FFD6D6 url(../img/error.png) 12px 9px no-repeat;
    border: 1px solid #FFC2C2;
}

#content ul li, #maintext ul li{
    background-image:url(../img/list-general.gif);
    background-position:0px center;
    background-repeat:no-repeat;
    padding:0px 0px 0px 12px;
    line-height:24px;
    list-style-type:none;
}
ul.arrow li{
    background-image:url(../img/list-general.gif);
    background-position:0px center;
    background-repeat:no-repeat;
    padding:0px 0px 0px 12px;
    line-height:24px;
    list-style-type:none;
}
ul.circle li{
    background-image:url(../img/list-red.png) !important;
    background-position:0px center;
    background-repeat:no-repeat;
    padding:0px 0px 0px 20px !important;
    line-height:20px !important;
    list-style-type:none;
}

ul.nolistblock li{
    padding:0px 0px 0px 0px !important;
    line-height:20px;
    display:inline-block;
    margin:0px 12px 0px 0px;
    background-image:none !important;
}
li.marginoff{margin-right:0px !important;}
ol li{
    list-style:decimal;
    line-height:20px;
    list-style-position:inside
}
blockquote{
    background-image:url(../img/quote.png);
    background-repeat:no-repeat;
    background-position:0px 5px;
}
.clear{clear:both;}
.center{text-align:center; margin-bottom:10px;}

/* heading */
h1, h2, h3, h4, h5, h6{
    color:#7f7f7f;
    margin-bottom:12px;
}
h1{font-size:24px;line-height:26px;}
h2{font-size:22px;line-height:24px;}
h3{font-size:18px;line-height:20px;}
h4{font-size:16px;line-height:18px;}
h5{font-size:14px;line-height:16px;}
h6{font-size:13px;line-height:15px;}

/* text styled */
.boldtext-medium{font-size:12px; font-weight:bold; color:#c6c6c6;}
.boldtext-strong{font-size:20px; font-weight:bold; color:#c6c6c6;}
.price{font-size:36px; color:#7f7f7f; font-weight:bold;}
.boxtitle-hosting{font-size:14px; color:#7f7f7f; font-weight:bold; padding:0px 0px 15px 0px; display:block; line-height:10px;}
.redtext{color:#AA2328;}
small{font-size:11px;}

/* Container
------------------------------------------------------*/
#container{
    width:960px;
    margin:0 auto;
}



/* Main
------------------------------------------------------*/
#main-curve-top{
    width:960px;
    /*background-image:url(../images/bg-main-curve-top.gif);*/
    background-repeat:no-repeat;
    height:7px;
    background-position:bottom;
}
#main-curve-bottom{
    width:960px;
    /*background-image:url(../images/bg-main-curve-bottom.gif); */
    background-repeat:no-repeat;
    height:7px;
}
#main{
    width:920px;
    padding:0px 20px 20px 20px;
    /*background-color:#f4f4f4;*/
}
#top{height:150px; position:relative;}

#topright{
    background-image:url(../img/vertical-line.png);
    background-repeat:repeat-y;
    padding:0px 0px 0px 20px;
    line-height:normal;
    position:absolute;
    right:10px;
    top:15px
}

#topright1{
    background-image:url(../img/vertical-line.png);
    background-repeat:repeat-y;
    padding:0px 0px 0px 20px;
    line-height:normal;
    position:absolute;
    left:350px;
    top:15px;
}



/* Header
------------------------------------------------------*/
#header{
    background-image:url(../img/bg-header.jpg);
    background-repeat:no-repeat;
    height:339px;
    margin-top:10px;
    position:relative;
    z-index:40
}
#header-inner{
    height:85px;
    position:relative;
    text-align:right;
}
#header-inner h1{
    padding-right:165px;
    padding-top:25px;
}
#header-inner .imgtitle{
    right:65px;
    position:absolute;
    top:-22px;
}



/* Content
------------------------------------------------------*/
#content{
    margin-top:25px;
}
#content-col{
    margin-bottom:25px;
}
#content-inner{
    border-top:solid 2px #d6d6d6;
}
#content-inner-sidebar{
    background-image:url(../img/bg-sidebar.png);
    background-repeat:repeat-y;
    border-top:solid 2px #990000;
}
#content-inner-sidebar-bottom{
    width:920px;
    height:7px;
    margin-bottom:10px;
    background-image:url(../img/bg-sidebar-bottom.png);
    background-repeat:no-repeat;
}
#maintext{
    padding:30px 20px 20px 0px;
}
.arw-about{float:left;}

/* Popup From */
.popup-form{
    margin-left:50px;
}
.submit-popup{
    font-weight:bold;
    margin:15px 0px 0px 87px;
}
.textarea-popup{
    background-color:#ffffff;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:2px solid #d6d6d6;
    font-family:Tahoma, Arial, verdana;
    font-size:12px;
    overflow:hidden;
    padding:10px 5px;
    margin:0px 0px 9px 0px;
    color:#939393;
    width:260px;
}

/* FAQ accordion styling
------------------------------------------------------*/
.ask{
    cursor:pointer;
    font-size:12px;
    border-bottom:1px solid #e4e4e4;
    padding:1px 0px 9px 0px;
    clear:both;
}
.question{
    background-color:#ffffff;
    margin:-5px 0px 10px 0px;
    padding:11px 13px 1px 13px;
}
.openquestion{
    color:#7f7f7f !important;
    margin-bottom:5px;
}
.closedquestion{
    color:#7f7f7f !important;
    margin-bottom:5px;
}

/* Column
------------------------------------------------------*/
.col-920{width:920px;}
.col-900{width:900px; margin:0 auto;}
.col-160 {
    display:inline-block;
    width:138px;
    vertical-align:top;
    padding:0px 0px 0px 0px !important
}
.col-173 {
    display:inline-block;
    width:173px;
    vertical-align:top;
    padding:0px 0px 0px 0px !important;
}
.col-180 {
    display:inline-block;
    width:180px;
    vertical-align:top;
    padding:20px 0px 40px 0px !important
}
.col-196 {
    float:left;
    width:223px;
    vertical-align:top;
    padding:0px 0px 0px 0px !important
}

/* used for 4 column */
.col-207 {
    display:inline-block;
    width:207px !important;
    vertical-align:top;
    padding:0px 0px 0px 0px !important;
    margin-right:27px;
}
.col-207-last {
    display:inline-block;
    width:207px !important;
    vertical-align:top;
    padding:0px 0px 0px 0px !important;
    margin-right:0px;
}

/* used for 3 column */
.col-286 {
    display:inline-block;
    width:286px !important;
    vertical-align:top;
    padding:0px 0px 0px 0px !important;
    margin-right:27px;
}

.col-230-last {
    display:inline-block;
    width:230px !important;
    vertical-align:top;
    padding:0px 0px 0px 0px !important;
    margin-right:0px;
}

.col-286-last {
    display:inline-block;
    width:286px !important;
    vertical-align:top;
    padding:0px 0px 0px 0px !important;
    margin-right:0px;
}

/* used for 2 column */
.col-445 {
    display:inline-block;
    width:445px !important;
    vertical-align:top;
    padding:0px 0px 0px 0px !important;
    margin-right:27px;
}
.col-445-last {
    display:inline-block;
    width:445px !important;
    vertical-align:top;
    padding:0px 0px 0px 0px !important;
    margin-right:0px;
}
.col-604 {
    display:inline-block;
    width:604px !important;
    vertical-align:top;
    padding:0px 0px 0px 0px !important;
    margin-right:27px;
}
.col-604-last {
    display:inline-block;
    width:604px !important;
    vertical-align:top;
    padding:0px 0px 0px 0px !important;
    margin-right:0px;
}

/* column for faq */
.col-275 {
    display:inline-block;
    width:275px !important;
    vertical-align:top;
    padding:0px 0px 0px 0px !important;
    margin-right:20px;
}
.col-275-last {
    display:inline-block;
    width:275px !important;
    vertical-align:top;
    padding:0px 0px 0px 0px !important;
    margin-right:0px;
}

.col-280 {
    display:inline-block;
    width:280px !important;
    vertical-align:top;
    padding:0px 0px 0px 0px !important;
}
.col-284 {
    display:inline-block;
    width:284px !important;
    vertical-align:top;
    padding:0px 0px 10px 0px !important;
}
.col-320 {
    float:left;
    width:320px;
    vertical-align:top;
    padding:0px 0px 0px 0px !important;
    margin:0px;
}
.col-440 {
    display:inline-block;
    width:440px;
    vertical-align:top;
    padding:0px 0px 0px 0px !important;
    margin:0px;
}
.col-440 p, .col-440 ul {margin:0px;}
.vertical-separator {
    display:inline-block;
    width:33px;
    background-image:url(../img/vertical-line.png);
    background-repeat:repeat-y;
    background-position:top center;
}
.vertical-separator-noline {
    display:inline-block;
    width:24px;
    height:100% !important;
}
.vertical-separator-noline2 {
    display:inline-block;
    width:22px;
}
.col-620{float:left; width:620px;}
.col-300{float:left; width:300px;}
.fullwidth{
    padding:30px 0px;
}
.fullwidth-serv{
    padding:30px 0px 0px 0px;
}

/* Sideright
------------------------------------------------------*/
.sideright{
    padding:22px 22px 22px 22px;
}
.sideright h2, .sideright ul li h2 a {
    font-size:18px;
    margin-bottom:8px;
    color:#fff;
}
.sideright ul{
    margin-bottom:0px;
}
.sideright li{
    margin-bottom:22px;
    color:#757575;
}
.sideright li li{
    margin-bottom:0px;
}
.sideright ul li li{
    background-image:url(../img/line.png);
    background-repeat:repeat-x;
    background-position:bottom;
    padding:8px 0px ;
    text-shadow:0px 1px 0px #660000;
}
.sideright ul li li a, .sideright ul li li a:visited{
    color:#ffffff;
    background-image:url(../img/list.png);
    background-repeat:no-repeat;
    background-position:0px -3px;
    padding:0px 0px 0px 28px;
}
.sideright p, .sideright blockquote, .sideright strong{
    text-shadow:0px 1px 0px #660000;
    margin-bottom:10px;
    color:#fff;

}
.testimonial{
    position:relative;
}
.nav-testimonial{
    background-image:url(../img/grey.gif);
    background-repeat:repeat-x;
    background-color:#c2c2c2;
    -moz-border-radius: 4px; /* Firefox */
    -webkit-border-radius: 4px; /* Safari, Chrome */
    -khtml-border-radius: 4px; /*Linux browsers*/
    border-radius: 4px; /*CSS3*/
    border:solid 1px #b8b8b8;
    padding:5px 2px 0px 5px;
    width:15%;
    float:right;
    top:-32px;
    position:relative;
}

body:nth-of-type(1) .nav-testimonial{
    background-image:url(../img/grey.gif);
    background-repeat:repeat-x;
    background-color:#c2c2c2;
    -moz-border-radius: 4px; /* Firefox */
    -webkit-border-radius: 4px; /* Safari, Chrome */
    -khtml-border-radius: 4px; /*Linux browsers*/
    border-radius: 4px; /*CSS3*/
    border:solid 1px #b8b8b8;
    padding:2px 2px 3px 5px;
    width:15%;
    float:right;
    top:-32px;
    position:relative;
}
@media all and (min-width:0px) {
    .nav-testimonial{width:15%;height:21px;top:0px;left:0px;position:absolute;}
    .next{position:absolute;top:10px;left:22px;}
    .prev{position:absolute;top:10px;}
}

.next{
    background-image:url(../img/arrow-top.gif);
    background-repeat:no-repeat;
    width:10px;
    height:6px;
}
.prev{
    background-image:url(../img/arrow-bottom.gif);
    background-repeat:no-repeat;
    width:10px;
    height:6px;
}
.next, .prev{
    text-indent:-9999px !important;
    font-size:0px;
    display:inline-block;
    margin:0px 4px;
    cursor:pointer;
}

/* Homepage
------------------------------------------------------*/
.box-grey{
    background-color:#d6d6d6;
    -moz-border-radius: 4px; /* Firefox */
    -webkit-border-radius: 4px; /* Safari, Chrome */
    -khtml-border-radius: 4px; /*Linux browsers*/
    border-radius: 4px; /*CSS3*/
    position:relative;
    margin-top:35px;
}
.box-grey-text{
    width:140px;
    color:#a0a0a0;
    margin-left:120px;
    padding:10px 0px 18px 0px;
}
.box-grey-text h3{
    margin-bottom:5px;
}
.img-tour{position:absolute; left:10px; top:-15px;}

.button{
    background-color:#AA2328;
    -moz-border-radius: 4px; /* Firefox */
    -webkit-border-radius: 4px; /* Safari, Chrome */
    -khtml-border-radius: 4px; /*Linux browsers*/
    border-radius: 4px; /*CSS3*/
    background-image:url(../img/bg-button.gif);
    background-repeat:repeat-x;
    color:#fff !important;
    margin-right:10px;
    padding:8px 20px 10px 20px;
    font-size:16px;
}
.button2{
    background-color:#bcbcbc;
    -moz-border-radius: 4px; /* Firefox */
    -webkit-border-radius: 4px; /* Safari, Chrome */
    -khtml-border-radius: 4px; /*Linux browsers*/
    border-radius: 4px; /*CSS3*/
    background-image:url(../img/bg-button2.gif);
    background-repeat:repeat-x;
    color:#fff !important;
    margin-right:10px;
    padding:8px 20px 10px 20px;
    font-size:16px;
    display: inline-block;
}
.button-alt{
    background-color:#023161;
    -moz-border-radius: 4px; /* Firefox */
    -webkit-border-radius: 4px; /* Safari, Chrome */
    -khtml-border-radius: 4px; /*Linux browsers*/
    border-radius: 4px; /*CSS3*/
    background-image:url(../img/bg-button.gif);
    background-repeat:repeat-x;
    color:#fff !important;
    padding:8px 20px 10px 20px;
    font-size:16px;
}
.button:hover, .button-alt:hover, .button2:hover{color:#fff; text-decoration:none}



/* footer
------------------------------------------------------*/
#footer{
    margin:0px;
    padding:20px 0px;
}
#footer-col{
    width:920px;
    padding:0px 20px;
}

#footer-col ul li a, #footer-col ul li a:visited{
    color:#999999;
    text-shadow:0px 1px 0px #f4f4f4;

}
#footer-text{
    color:#999999;
    text-align:center;
    padding:20px 0px 0px 0px;
    text-shadow:0px 1px 0px #f4f4f4;
}
#hosting-col{overflow:hidden;}

@media only screen  and (min-device-width : 320px) and (max-device-width : 480px) {
    * {
        font-size: 28px !important;
        line-height: 28px !important;
    }
}

/* --- SMARTFONY Z EKRANAMI O ROZDZIELCZOSCI 480-800px --- */
@media only screen and (min-device-width : 480px) and (max-device-width : 800px) {
    * {
        font-size: 24px !important;
        line-height: 24px !important;
    }
}