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

html {
    overflow-x: hidden;
    overflow-y: auto;
}

body{
    font-size: 11px;
    color: #777371;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0px;
    padding: 0px;
    line-height: 120%;
}
p{
    margin:0;
    padding:.3em 0;
}
.breadcrumbs{
    padding-bottom: 20px;
}
h1,h2,h3,h4,h5,h6{
    font-weight: normal;
}
hr{
    display: block;
    width: 100%;
    height: 2px;
    border: 0px;
    background: #93badc;
    margin: 0px;
    float: left;
    clear: both;
}
table hr{
    width: 70px;
    margin-left: 7px;
}
.bottom hr{
    width: 125px;
    height: 1px;
    background: #626262;
}


textarea{
    resize: none;
}
.left{
    float: left;
}
.right{
    float: right;
}
.clear{
    clear: both;
}
.hidden{
    display: none!important;
}
a {
    color: inherit;
    text-decoration:none!important;
}
a img {
    border:0;
}
#page {
    position: relative;
    padding-bottom: 350px;
    min-height: 100%;
    margin: 0 auto;
    background: url("../img/bg-top.png") top center no-repeat;
}
#page.subpage{
    background: url("../img/bg-text.png") top center no-repeat;
}
#page.error .content{
    position: relative;
}
#page.error .content > img {
    position: absolute;
    top: -250px;
    left: 80px;
}
#page.error .content .text {
    padding-top: 150px;
    color: #5f133b;
    font-size: 23px;
    text-align: center;
}
.center{
    position: relative;
    margin: 0 auto;
    width:990px;
    width: 1060px;
}
.bottom{
    background: url("../img/bg-bottom.png") top center no-repeat;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 293px;
    color: #666666;
    padding-top: 10px;
    margin-top: 10px;
}
.bottom .center{
    height: 100%;
}
.bottom .text{
    padding-top: 100px;
}
.bottom .text .left{
    margin-left: 20px;
}
.copyright{
    position: absolute;
    bottom: 10px;
    left: 20px;
    color: #b6b6b6;
    font-size: 11px;
    font-weight: 600;
}
.bottom .menus{
    float: right;
}
ul.bottommenu li{
    width: 180px;
}
ul.bottommenu li a{
    color: #626262;
    font-size: 12px;
    font-family: 'Open Sans';
}

.top{
    height: 726px;
    position: relative;
    z-index: 2;
}
.subpage .top{
    height: 370px;
}
.top .right > a{
    float: left;
    margin-top: 10px; 
    margin-left: 20px;
    display: block;
    line-height: 30px;
    color: #4f4d52;
    font-size: 13px;
    font-weight: bold;
}
.top .center > .right{
    position: relative;
    z-index: 30;
    margin-right: 20px;
}
.top .center > a.left img{
    position: relative;
    z-index: 30;
    margin-top: 20px;
    margin-left: 10px;
}
a.account{
    padding-left: 20px;
    background: url("../img/icon-login.png") left center no-repeat;
}
a.webmail{
    padding-left: 30px;
    background: url("../img/icon-mail.png") left center no-repeat;
}



ul#top-Menu, ul.bottommenu, ul.leftmenu{
    padding: 0px;
    margin: 0px;
    clear: right;
    float: right;
    display: block;
    list-style: none;
    position: relative;
    z-index: 2;
}
ul.bottommenu{
    float: left;
}
ul#top-Menu{
    padding-top: 10px;
    padding-left: 55px;
    background: url("../img/topmenu-left.png") left bottom no-repeat;
    position: relative;
    z-index: 3;
}
ul#top-Menu > li{
    position: relative;
    float: left;
    margin: 0px 18px;
    background: url("../img/topmenu-repeater.png") bottom center repeat-x;
}
ul#top-Menu > li > a{
    display: block;
    font-size: 13px;
    line-height: 50px;
    height: 50px;
    font-family: 'Open Sans';
    padding: 0px 3px;
}
ul#top-Menu > li > a .l, ul#top-Menu > li > a .r{
    position: absolute;
    left: -36px;
    top: 0px;
    display: block;
    width: 36px;
    height: 50px;
    background: url("../img/topmenu-separator.png") bottom left no-repeat;
}
ul#top-Menu > li > a .r{
    left: auto;
    right: -36px;
}
ul#top-Menu > li.last > a .l{
    background: url("../img/topmenu-gray-left.png") bottom left no-repeat;
}
ul#top-Menu > li.last > a .r{
    width: 38px;
    right: -38px;
    background: url("../img/topmenu-gray-right.png") bottom left no-repeat;
}

ul#top-Menu > li > a > span{
    line-height: 50px;
    color: #474848;
}
ul#top-Menu > li.last{
    background: url("../img/topmenu-gray-repeater.png") bottom center repeat-x;
}
ul#top-Menu > li.last > a span{
    color: #f7f6f8;
}
ul#top-Menu > li.last > a .c{
    background: url("../img/topmenu-arrow-down.png") right center no-repeat;
    padding-right: 20px;
}
ul#top-Menu > li > a .c{
    margin-left: 3px;
    margin-right: 3px;
}
ul#top-Menu > li:hover, ul#top-Menu > li.active{
    background: url("../img/topmenu-active-repeater.png") bottom center repeat-x;
}
ul#top-Menu > li:hover >a span, ul#top-Menu > li.active >a span{
    color: #f7f6f8;
}
ul#top-Menu > li:hover > a .l, ul#top-Menu > li.active > a .l{
    background: url("../img/topmenu-active-left.png") bottom left no-repeat;
    width: 40px;
}
ul#top-Menu > li.i1:hover > a .l, ul#top-Menu > li.i1.active > a .l{
    background: url("../img/topmenu-active-left-first.png") bottom left no-repeat;
}
ul#top-Menu > li:hover > a .r, ul#top-Menu > li.active > a .r{
    background: url("../img/topmenu-active-right.png") bottom right no-repeat;
    width: 40px;
    right: -35px;
    z-index: 2;
}



ul#top-Menu > li > ul{
    display: none;
    position: absolute;
    padding: 0px;
    margin: 0px;
    list-style: none;
    background: url("../img/submenu-top.png") bottom left no-repeat;
    left: -55px;
    z-index: 2000;
}
ul#top-Menu > li:hover > ul{
    display: block;
}
ul#top-Menu > li > ul > li{
    position: relative;
    width: 210px;
    height: 31px;
    background: url("../img/topsubmenu-right.png") top right no-repeat;
    padding-right: 30px;
}
ul#top-Menu > li.last > ul > li{
    width: 110px;
}
ul#top-Menu > li > ul > li.i2{
    margin-left: -21px;
}
ul#top-Menu > li > ul > li.i3{
    margin-left: -42px;
}
ul#top-Menu > li > ul > li.i4{
    margin-left: -63px;
}
ul#top-Menu > li > ul > li.i5{
    margin-left: -84px;
}
ul#top-Menu > li > ul > li.i6{
    margin-left: -105px;
}
ul#top-Menu > li > ul > li.i7{
    margin-left: -126px;
}
ul#top-Menu > li > ul > li.i8{
    margin-left: -147px;
}
ul#top-Menu > li > ul > li.i9{
    margin-left: -168px;
}
ul#top-Menu > li > ul > li a{
    padding-left: 30px;
    background: url("../img/topsubmenu-left.png") top left no-repeat;
    display: block;
}
ul#top-Menu > li > ul > li a .c{
    background: url("../img/topsubmenu-repeater.png") top left repeat-x;
    color: #333333;
    padding-left: 30px;
    line-height: 31px;
    font-size: 11px;
    font-weight: bold;
    font-family: Arial;
    display: block;
    position: relative;
}
ul#top-Menu > li > ul > li a .c img{
    position: absolute;
    top: 8px;
    left: -8px;
}

ul#top-Menu > li > ul > li:hover{
    background: url("../img/topsubmenu-right-active.png") top right no-repeat;
}
ul#top-Menu > li > ul > li:hover a{
    background: url("../img/topsubmenu-left-active.png") top left no-repeat;
}
ul#top-Menu > li > ul > li:hover a .c{
    background: url("../img/topsubmenu-repeater-active.png") top left repeat-x;
    color: #f6f6f6;
}
    
ul#top-Menu > li > ul > li ul{
    display: none;
}







.contact input[type=submit]{
    width: 148px;
    height: 39px;
    border: 0px;
    cursor: pointer;
    font-family: 'Open Sans';
    line-height: 39px;
    background: #011e34;
    color: white;
}
.contact input[type=text]{
    width: 550px;
    height: 25px;
    padding: 5px 5px;
    line-height: 25px;
    font-family: 'Open Sans';
    font-size: 13px;
    border: 1px solid #ebebeb;
    color: #666666;
    background: none;
}
.contact textarea{
    width: 550px;
    height: 182px;
    padding: 5px;
    font-size: 13px;
    line-height: 34px;
    border: 1px solid #ebebeb;
    background: none;
    color: #666666;
}


.content{
    min-height: 400px;
    padding: 15px;
    padding: 15px 50px;
    background: url("../img/image-right.png") bottom right no-repeat;
}
.home .content{
    padding-top: 100px;
}
.content > h3{
    min-height: 27px;
    font-size: 23px;
    font-weight: normal;
    border-bottom: 1px solid #d1d5d7;
}
.home .content > .left{
    width: 700px;
}
.content > .left{
    width: 236px;
}
.content > .right{
    width: 700px;
    /*min-height: 613px;*/
    padding-left: 20px;
    background: url("../img/content-separator.png") top left no-repeat;
    
}
.content form.right{
    width: auto;
}
iframe{
    -moz-border-radius: 15px;
    border-radius: 15px;
    border: 0px;
}







#slider{
    position: absolute!important;
/*    z-index: 1;
    width: 714px;
    height: 522px;*/
    left: 292px;
    top: 99px;
    overflow: visible;
}
.subpage #slider{
    left: auto;
    right: 30px;
    height: 277px;
}
.nivo-directionNav{
    display: none;
}
.nivo-controlNav{
    position: absolute;
    left: 170px;
    top: 400px;
    z-index: 20;
}
.nivo-controlNav a{
    display: block;
    background: url("../img/navi.png") top left no-repeat;
    width: 32px;
    height: 32px;
    line-height: 30px;
    float: left;
    color: white;
    font-size: 12px;
    font-weight: 600;
}
.nivo-controlNav a.active{
    background: url("../img/navi-active.png") top left no-repeat;
    color: #1f1722;
    font-weight: 600;
}
.nivo-caption{
    padding: 0px;
    overflow: visible;
    width: 420px;
    bottom: 230px;
    left: -240px;
    background: none;
    color: black;
    opacity: 1.0;
    filter: alpha(opacity=100);
}
.subpage .nivo-caption{
    display: block;
    bottom: 60px;
    left: -230px;
}
.nivo-caption .more{
    display: block;
    background: url("../img/button.png") top left no-repeat;
    width: 152px;
    height: 28px;
    line-height: 28px;
    color: white;
    text-indent: 45px;
    position: absolute;
    bottom: -53px;
    left: 0px;
    font-size: 13px;
}
.subpage .nivo-caption .more{
    bottom: -30px;
}

#cubes{
    display: none;
    position: absolute;
    z-index: 2;
    right: -180px;
    top: 270px;
    background: url("../img/cubes.png") top left no-repeat;
    width: 227px;
    height: 226px;
}





.middle .menu{
    background: url("../img/middlemenu.png") top left no-repeat;
    width: 1060px;
    height: 162px;
    position: absolute;
    top: -81px;
    left: -30px;
    z-index: 2;
}
.middle .menu ul{
    padding: 0px 60px;
    margin: 0px;
    display: block;
    list-style: none;
    position: relative;
    z-index: 2;
}
.middle .menu ul li{
    position: relative;
    float: left;
    display: block;
    width: 233px;
    height: 162px;
}
.middle .menu ul li a{
    min-height: 70px;
    display: block;
    padding-top: 33px;
    padding-left: 80px;
    color: #293d86;
    font-size: 22px;
    font-weight: bold;
}
.middle .menu ul li.i1 a{
    background: url("../img/icons-main/icon-computer.png") 15px 40px no-repeat;
}
.middle .menu ul li.i2 a{
    background: url("../img/icons-main/icon-hosting.png") 25px 40px no-repeat;
}
.middle .menu ul li.i3 a{
    background: url("../img/icons-main/icon-social.png") 25px 40px no-repeat;
}
.middle .menu ul li.i4 a{
    background: url("../img/icons-main/icon-link.png") 25px 40px no-repeat;
}
.middle .menu ul li.i1:hover a{
    background: url("../img/icons-main/icon-computer-active.png") 15px 40px no-repeat;
}
.middle .menu ul li.i2:hover a{
    background: url("../img/icons-main/icon-hosting-active.png") 25px 40px no-repeat;
}
.middle .menu ul li.i3:hover a{
    background: url("../img/icons-main/icon-social-active.png") 25px 40px no-repeat;
}
.middle .menu ul li.i4:hover a{
    background: url("../img/icons-main/icon-link-active.png") 25px 40px no-repeat;
}
.middle .menu ul li a span{
    display: block;
    font-size: 16px;
    font-weight: normal;
}
.middle .menu ul li a span.b{
    width: 183px;
    padding: 0px 25px;
    font-size: 11px;
    color: #888888;
    position: absolute;
    left: 0px;
    top: 105px;
    padding-top: 7px;
    background: url("../img/centermenu-hr.png") top center no-repeat;
}
.middle .menu ul li:hover a span.b{
    color: white;
}
.middle .menu ul li:hover{
    background: url("../img/centermenu-active.png") top left no-repeat;
}
.middle .menu ul li:hover a{
    color: white;
}


/*
.leftmenu{
    background: url("../img/leftmenu-bg.png") top right repeat-y;
}
.leftmenu li{
    display: block;
    width: 236px;
    height: 48px;
}
.leftmenu li.active, .leftmenu li:hover{
    background: url("../img/leftmenu-active.png") top right no-repeat;
}
.leftmenu li a{
    display: block;
    width: 100%;
    height: 100%;
    line-height: 48px;
    background: url("../img/leftmenu-dot.png") left center no-repeat;
    color: #252525;
    font-size: 14px;
    font-weight: 600;
    text-indent: 25px;
}
.leftmenu li.active a, .leftmenu li:hover a{
    background: url("../img/leftmenu-dot-active.png") left center no-repeat;
}
*/


.leftmenu li{
    background: url("../img/leftmenu/leftmenu-middle.png") top left no-repeat;
    display: block;
    width: 240px;
    height: 53px;
}
.leftmenu li.i1{
    background: url("../img/leftmenu/leftmenu-top.png") top left no-repeat;
    height: auto;
    min-height: 51px;
}
.leftmenu li.last{
    background: url("../img/leftmenu/leftmenu-bottom.png") top left no-repeat;
    height: 70px;
}

.leftmenu > li.active, .leftmenu > li:hover{
    background: url("../img/leftmenu/leftmenu-middle-active.png") top left no-repeat;
}
.leftmenu > li.i1, .leftmenu > li.i1.active, .leftmenu > li.i1:hover{
    background: url("../img/leftmenu/leftmenu-top-active.png") top left no-repeat;
}
.leftmenu li.last.active, .leftmenu li.last:hover{
    background: url("../img/leftmenu/leftmenu-bottom-active.png") top left no-repeat;
}
.leftmenu li a{
    display: block;
    height: 100%;
    font-size: 14px;
    font-weight: 600;
    color: #575351;
    padding-left: 25px;
    line-height: 53px;
}
.leftmenu li.i1 a, .leftmenu li.last a{
    line-height: 51px;
}
.leftmenu > li.i1 > a, .leftmenu > li.active > a, .leftmenu > li:hover > a{
    color: white;
    text-shadow: 1px 1px 1px gray;
}


.leftmenu li ul{
    display: block;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 2;
}
.leftmenu li ul li{
    background: url("../img/leftmenu/leftmenu-submenu.png") top left no-repeat;
}
.leftmenu li ul li a{
    background: url("../img/leftmenu/submenu-arrow.png") 35px 20px no-repeat;
    padding-left: 45px;
    font-weight: normal;
}
.leftmenu li ul li.active a, .leftmenu li ul li:hover a{
    font-weight: bold;
}
/******************* PAKIETY ********************/

#pcg{
    display: block;
    list-style: none;
    padding: 0px;
    margin: 0px;
}
#pcg > li{
    float: left;
    width: 212px;
    height: 354px;
    margin-left: 70px;
    padding-top: 20px;
    padding-left: 50px;
    position: relative;
}
#pcg li.col0{
    margin-left: 0px;
}
#pcg li.i1{
    margin-left: 0px;
    background: url("../img/package1.png") left center no-repeat;
}
#pcg li.i2{
    background: url("../img/package2.png") left center no-repeat;
}
#pcg li.i3{
    background: url("../img/package3.png") left center no-repeat;
}
#pcg li h2{
    text-align: center;
    font-family: Tahoma;
    font-size: 15px;
    color: white;
    font-weight: normal;
}
.p1{
    clear: both;
    padding-top: 10px;
    color: black;
    font-size: 14px;
    text-align: center;
    line-height: 28px;
}
.p2{
    padding: 0px;
    padding-left: 20px;
    font-size: 36px;
    font-size: 73px;
    font-weight: 600;
    color: white;
    text-shadow: 1px 1px 1px gray;
}
.p2 span{
    display: block;
    float: left;
}
.p2 span.r{
    padding-top: 10px;
    font-size: 38px;
}
.p2 span.p{
    font-size: 18px;
}
#pcg > li ul{
    list-style-image: url("../img/hosting-li.png");    
    padding: 0px;
    margin: 0px;
}


.input{
    clear: both;
}
.button{
    display: block;
    height: 25px;
    width: 115px;
    cursor: pointer;
    line-height: 25px;
    text-align: center;
    color: white;
    font-size: 14px;
    text-shadow: 1px 1px 1px black;
}
.button.order{
    position: absolute;
    bottom: 31px;
    right: 5px;
    z-index: 3;
}
.button.more{
    position: absolute;
    bottom: 31px;
    left: 38px;
    z-index: 3;
    width: 104px;
}

.button2{
    background: url("../img/submit.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    height: 37px;
    line-height: 37px;
    text-align: center;
    padding: 0;
    width: 164px;
}

.domains .search{
    background: url("../img/domains-search-panel.png") left center no-repeat;
    /*width: 950px;*/
    width: 650px;
    height: 119px;
}
.domains .search input[type=text]{
    margin: 0px;
    border: 0px;
    background: none;
    margin-left: 28px;
    margin-top: 27px;
    height: 38px;
    line-height: 38px;
    width: 428px;
    padding: 5px 20px;
    float: left;
}
.domains .search input[type=submit]{
    display: block;
    margin: 0px;
    border: 0px;
    padding: 0px;
    background: none;
    color: white;
    font-size: 18px;
    font-weight: 700;
    height: 45px;
    line-height: 45px;
    width: 124px;
    text-shadow: 1px 1px 1px black;
    cursor: pointer;
    float: left;
    margin-top: 27px;
}
.domains .left div{
    clear: both;
    float: left;
    margin-left: 30px;
    margin-top: 14px;
    font-size: 14px;
    font-weight: 500;
    color: white;
}
.domains .left div strong{
    font-weight: 700;
    font-size: 15px;
    color: #0da6e6;
}


.domains .search .right{
    width: 318px;
    margin-top: 32px;
}
.domains .search .square{
    float: left;
    color: #0e4f6a;
    text-align: center;
    width: 72px;
    height: 78px;
    margin-left: 30px;
}
.domains .search .square:first-child{
    margin-left: 20px;
}
.domains .search .square span{
    display: block;
}
.domains .search .square .t{
    font-size: 12px;
}
.domains .search .square .m{
    font-size: 30px;
}
.domains .search .square .b{
    font-size: 13px;
}


table.core{
    margin: 35px auto;
    margin-top: 0px;
    text-align: center;
    border-spacing: 0;
    border-collapse: collapse;
}
table.core th{
    font-size: 14px;
    font-weight: normal;
    color: #707070;
    height: 36px;
    background: url("../img/table-header-center.png") center center repeat-x;
}
table.core th.l{
    width: 5px;
    background: url("../img/table-header-left.png") left center no-repeat;
}
table.core th.r{
    width: 5px;
    background: url("../img/table-header-right.png") right center no-repeat;
}
table.core td{
    height: 36px;
    border-bottom: 1px solid #cfcfd0;
    font-size: 14px;
    font-weight: normal;
    color: #222222;
    text-align: center;
}
table.core td.bolded{
    font-size: 15px;
    font-weight: bold;
}
.red{
    color: #ff0000;
}
.input, .checkbox{
    clear: both;
    width: 500px;
    margin: 0px auto;
}
input[type=text], input[type=password]{
    width: 222px;
    height: 20px;
    padding: 10px;
    font-size: 13px;
    color: #858585;
    font-weight: 600;
    border: 1px solid #b4c9e2;
}
label{
    display: block;
    line-height: 22px;
    padding: 10px 0px;
    width: 180px;
    text-align: right;
}
.checkbox label{
    width: auto;
}
.check, .check2{
    float: right;
    height: 42px;
}
.check{
    padding: 10px 0px;
}
#page .error{
    text-align: center;
    color: maroon;
    font-size: 13px;
}


/***************************/
.styled{
    border-collapse: collapse;
    border-spacing: 0px;
    color: #252525;
    font-size: 13px;
    border: 1px solid #d2d2d2;
}
.styled th{
    padding: 0px 10px;
    font-size: 14px;
    font-weight: normal;
    border-left: 1px solid white;
    background: url("../img/account/table-column.png") repeat-x;
}
.styled th.c1{
    width: 232px;
    height: 104px;
    background: url("../img/account/table-corner.png") repeat-x;
    font-size: 19px;
    color: #e9e9e9;
}
.styled th.c1, .styled th.c2{
    border: 0px;
}
.styled th.c2-c8{
    background: #060606;
    color: #e9e9e9;
    border: 0px;
}
.styled td{
    text-align: center;
    border-top: 1px solid #d2d2d2;
    border-left: 1px solid #d2d2d2;
    background: #e2e2e3;
}
.styled td.domain b{
    color: #22afe8;
    font-size: 14px;
    font-weight: bold;
}
.styled td.dns a, .styled td a.renew, .styled td a.extend, .styled td a.change{
    display: block;
    overflow: hidden;
    background: url("../img/account/table-button-gray.png");
    width: 133px;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    color: #555357;
    text-shadow: 1px 1px 1px white;
    margin: 10px auto;
}
.styled td a.renew, .styled td a.extend, .styled td a.change{
    margin: 2px auto;
}


.styled td .pay{
    display: block;
    overflow: hidden;
    background: url("../img/account/table-button-green.png");
    width: 84px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: white;
    text-shadow: 1px 1px 1px #555357;
    margin: 0 auto;
}
.styled td .remove{
    display: block;
    background: url("../img/account/remove.png");
    width: 25px;
    height: 25px;
    margin: 0 auto;
}


.panel{
    background: url("../img/account/menu/bg.png") repeat-x;
    width: 100%;
    height: 46px;
    font-size: 16px;
    text-align: center;
}
.panel a{
    display: block;
    float: left;
    height: 100%;
    line-height: 46px;
    padding: 0px 50px;
    color: white;
}
.panel a:hover, .panel a.active{
    color: black;
}
.panel a.hosting{
    background: url("../img/account/menu/icon-settings.png") 20px center no-repeat;
}
.panel a.domains{
    background: url("../img/account/menu/icon-settings.png") 20px center no-repeat;
}
.panel a.data{
    background: url("../img/account/menu/icon-data.png") 20px center no-repeat;
}
.panel a.cpanel{
    background: url("../img/account/menu/icon-settings.png") 20px center no-repeat;
}
.panel a.logout{
    background: url("../img/account/menu/icon-logout.png") 20px center no-repeat;
}



/**************/
input[type=submit]{
    display: block;
    border: 0px;
    margin: 0px;
    padding: 0px;
    background: url("../img/submit.png");
    cursor: pointer;
    width: 164px;
    height: 37px;
    margin: 0 auto;
    color: white;
}

input[name=add-to-cart]{
    background: url("../img/add-to-cart.png");
}



#webcustomers {
    margin-left: 50px;
}
#webcustomers img{
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    float: left;
}
#webcustomers img.col0{
    border-left: 0px;
} 
#webcustomers img.last-row{
    border-bottom: 0px;
} 




#webcustomersSlider{
   position: absolute;
   left: 50px;
   top: 515px;
   z-index: 10;
   font-size: 18px;
   color: white;
}
#webcustomersSlider img{
    float: left;
    margin-right: 10px;
}



#webrealizations{
    position: relative;
}
#webrealizations > div{
    float: left;
    position: relative;
}
#webrealizations > div .blue{
    top: 0px;
    left: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("../img/blue-transparent.png");
}
#webrealizations > div:hover .blue{
    display: none;
}
#webrealizations > div .description{
    background: white;
    display: none;
    top: 50%;
    left: 0px;
    position: absolute;
    width: 90%;
    height: 40%;
    padding: 5%;
    overflow: hidden;
}
#webrealizations > div:hover .description{
    display: block;
}
#webrealizations > div a img{
    display: none;
    position: absolute;
    bottom: 50%;
    right: 0px;
}
#webrealizations > div:hover a img{
    display: block;
}

/********************/
#google {
    display: block;
    background: url("../img/google.png") no-repeat left top;
    position: fixed;
    top: 120px;
    right: 0px;
    z-index: 10;

    width: 40px;
    height: 100px;
    overflow: hidden;
}
#fb {
    background: url("../img/facebook.png") no-repeat left top;
    position: fixed;
    top: 230px;
    right: 0px;
    z-index: 10;

    width: 40px;
    height: 402px;
    overflow: hidden;
}
#fb div {
    padding-left: 40px;
    padding-top: 1px;
}
#fb div iframe{
    border: none;
    overflow: hidden; 
    width: 190px;
    height: 360px;
    background: white;
    border-radius: 0px;
}

/*********************/
#page.contact iframe{
    border-radius: 0px;
    border: 2px solid #98b8ee;
}
#page.contact .content > .left{
    width: 516px;
}
#page.contact .content > .right{
    width: 406px;
}
form.contact{

}
form.contact .input.select{
    width: 497px;
}
form.contact .input.select select{
    width: 492px;
}
form.contact .input.textarea{
    width: 497px;
}
form.contact .input.textarea textarea{
    width: 492px;
}
form.contact .input{
    clear: none;
    width: 245px;
    float: left;
    margin: 0px;
    margin-right: 12px;
}
form.contact .input .left, form.contact .input .right{
    float: none;
}
form.contact .input input{
    width: 235px;
}
form.contact label{
    display: block;
    line-height: 22px;
    text-align: left;
    width: 100%;
    padding: 0px;
}
form.contact .submit{
    margin-top: 10px;
    margin-right: 12px;
}


/****************** BLOG *******************/
#blog > div{
    padding-bottom: 20px;
}

.blog-top{
    background: url("../img/blog-top.png") no-repeat left top;
    width: 953px;
    height: 7px;
}
.blog-bottom{
    background: url("../img/blog-bottom.png") no-repeat left top;
    width: 953px;
    height: 50px;
}
.blog-repeater{
    background: url("../img/blog-repeater.png") repeat-y left top;
    width: 903px;
    font-size: 15px;
    color: #979ba3;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 30px;
    padding-bottom: 35px;
}
.blog-repeater > h2 a{
    font-size: 16px;
    color: #114b9b;
    text-transform: uppercase;
    font-weight: normal;
    display: block;
    margin-bottom: 25px;
}
.blog-bottom .published{
    line-height: 50px;
    font-size: 12px;
    margin-left: 25px;
    padding-left: 20px;
    background: url("../img/icon-blog-clock.png") no-repeat left center;
}




/******** cute slider ********/
#wrapper{
    position: relative;
    z-index: 2;
}
#slider{
    
}
#slider > ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: block;
}
#slider ul > li > p, #slider ul > li > ul{
    display: none;
}
#slider > div > div > img{
    width: 714px;
    height: 522px;
}
.br-captions > div{
    top: auto!important;
    bottom: 230px!important;
    left: -240px!important;
    width: 420px;
}
.br-captions > div.c2{
    bottom: 180px!important;
}
.br-captions > div .more{
    display: block;
    background: url("../img/button.png") top left no-repeat;
    width: 152px;
    height: 28px;
    line-height: 28px;
    color: white;
    text-indent: 45px;
    font-size: 13px;
}

.br-slidecontrol{
    top: auto;
    right: auto;
    left: -90px;
    bottom: 185px;
    opacity: 1.0!important;
    filter: alpha(opacity=100)!important;
}
.br-shadow{
    display: none;
    background: none;
}
.br-loading{
    top: 20px;
    left: auto;
    right: -20px;
}
.br-circle-timer{
    top: 20px;
    right: 200px;
}


.domains .br-loading{
    float: left;
    position: static;
    margin-top: 20px;
    margin-left: 20px;
}
.loading-message{
    float: left;
    margin-top: 20px;
    font-size: 17px;
}

/*****************************/

#payment{
    background: url("../img/account/payment/payment-bg.png") top left no-repeat;
    width: 906px;
    height: 277px;
    margin: 20px auto;
}
#payment h4{
    font-weight: 600;
    font-size: 20px;
    color: #1cace8;
    text-align: center;
    padding: 20px 0px;
}
#payment a.back{
    display: block;
    background: url("../img/account/payment/panel-bottom-button-168.png") top left no-repeat;
    width: 168px;
    height: 39px;
    line-height: 39px;
    font-size: 15px;
    text-align: center;
    color: #060606;
    margin: 50px 50px;
    float: left;
}
#payment a.pay{
    display: block;
    background: url("../img/account/payment/panel-bottom-button-252.png") top left no-repeat;
    width: 252px;
    height: 39px;
    line-height: 39px;
    font-size: 15px;
    text-align: center;
    color: #060606;
    margin: 50px 50px;
    float: right;
}

table.choosePayment{
    width: 70%;
    margin: 0 auto;
}
table.choosePayment td{
    text-align: center;
    width: 50%;
}
table.choosePayment td *{
    margin: 0 auto;
}
.payuSubmit{
    display: block;
    background: url("../img/account/payment/payu-inactive.png") top left no-repeat;
    width: 209px;
    height: 79px;
}
.transferujSubmit{
    display: block;
    background: url("../img/account/payment/transferuj-inactive.png") top left no-repeat;
    width: 300px;
    height: 69px;
}
.paypalSubmit{
    display: block;
    background: url("../img/account/payment/paypal-inactive.png") top left no-repeat;
    width: 319px;
    height: 79px;
}
.payuSubmit:hover, .payuSubmit.active{
    background: url("../img/account/payment/payu.png") top left no-repeat;
}
.transferujSubmit:hover, .transferujSubmit.active{
    background: url("../img/account/payment/transferuj.png") top left no-repeat;
}
.paypalSubmit:hover, .paypalSubmit.active{
    background: url("../img/account/payment/paypal.png") top left no-repeat;
}


/*****************************/