@charset "utf-8";
/* webareal */

/*------------------------------HOME PAGE-----------------------------------*/

/* typography */

body {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin: 0px;
    padding: 0px;
    border: none;
    background:#F1ECE9;
    height: 100%;
    color:#484A4C;
    overflow-x: hidden;
}
html {
    margin: 0px;
    padding: 0px;
    border: none;
/*    overflow-x: hidden;*/
    height: 100%;
}
html {
    behavior: url('../ie-css3.htc');
}
a {
    color: #115197;
    text-decoration: underline;
}
a:hover {
    color: #000;
    text-decoration: underline;
}
input:focus{
    outline: none;
}
.black {
    color: #000;
}
.underline {
    text-decoration: underline;
    color:#b3aca9;
}
.bold {
    font-style: bold;
}
/*Layout*/
#page {
    min-height: 90%;
}
#layout-homepage, #layout-otherpage {
    background-color: #F1ECE9;
    background: #F1ECE9 url("../images/head.jpg");
    background-repeat: no-repeat;
    background-position:center -20px;
    width: 100%;
    border: none;
    /*min-height: 100%;*/
}
#content {
    max-width: 1000px;
    margin: auto;
    position: relative;
}
#content {
    *margin-top:4px;
}
.samples_page #content {
    *margin-top:-14px;
}
#content-top {
    max-width: 1000px;
    margin: auto;
    position: relative;
    z-index: 0;

}
#head {
    height: 403px;

}
#top {
    background: #F1ECE9 url("../images/top.png") top center no-repeat;
    min-height: 231px;
    margin: 0px;
    text-align: right;

}
#center {
    max-width: 1000px;
    $width: 1000px;
    margin: auto;
    margin-top: 120px;
}
#footer {
    height: auto;/*position: relative; už nevim proc to tu mam ale blbne to*/
}
#head .top {
    width: 100%;
    max-width: 1000px;
    margin: auto;
    text-align: right;
}
#head .top a {
    color: #3C96B9;
    display: inline-block;
    font-family: Tahoma;
    font-size: 11px;
    height: 23px;
    line-height: 191%;
    margin-left: 30px;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(3, 40, 61, 0.75);
}
#head .top a:hover {
    color: #38b7e9;
}
#headslider {
    width: 100%;
    height: 400px;
}
/*---------------header--------------------*/



/* containery pro menu aby se přizpůsobovalo obsahu*/

#container {
    float: left;
    width: 100%;
}
#contentcolumn {
    margin-left: 295px; /*Set left margin to LeftColumnWidth*/
}
#leftcolumn {
    float: left;
    width: 295px; /*Width of left column*/
    margin-left: -100%;
}
.innertube {
    margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
    margin-top: 0;
    text-align: right;
}
/*-------------------------------------------------*/



#head .buttons-img.logo {
    width: 295px;
    height: 42px;
    margin-top:18px;
    position: relative;
    z-index: 1000;
    *margin-top:10px;
}
/*logo*/
#head .buttons-img.logo.newwa_hostareal_cz {
    background-position: 4px 8px;
}
#head .buttons-img.logo.www_webareal_cz {
    background-position: 4px 8px;
}
#head .buttons-img.logo.www_webareal_sk {
    background-position: 4px -41px;
}
#head .buttons-img.logo.www_webareal_com_ua {
    background-position: -2px -88px;
}

.buttons-img {
    background: url("../images/logo.png") no-repeat;
    margin: 0px;
    padding: 0px;
    text-align: left;
}
/*----------------top menu----------------*/





nav.menu {
    text-align: right;
    margin: 0px;
    margin-right: -10px;
    margin-top: 0px;
    zoom: 1;
    *display: inline;
    _height: 23px; /* CSS hack pro IE7 */
    &margin-top:10px;
}
nav.menu a {
    font-weight: bold;
    display: inline-block;
    color: #FFF;
    font-size: 16px;
    font-size: 16px;
    text-decoration: none;
    display: inline-block;
    height: 35px;
    padding: 0px 15px 0px 15px;
    line-height: 35px;
    color: #fff;
    text-shadow: 0px 1px 1px rgba(3,40,61,0.75);
    position: relative;
    z-index: 50;
}
nav.menu ul li {
    display: inline-block;
    zoom: 1;
    *display: inline;
    _height: 23px; /* CSS hack pro IE7 */
    margin-top: 5px;
    list-style-type: none;
    width: auto;
    height:36px;
}
li.menu-item:hover .left {
    background: url("../images/hover_menu.png") no-repeat left -44px;
}
li.menu-item:hover .center {
    background: url("../images/hover_menu.png") repeat-x center -44px;
}
li.menu-item:hover .right {
    background: url("../images/hover_menu.png") no-repeat right -44px;
}
li.menu-item.active .left {
    background: url("../images/hover_menu.png") no-repeat left top;
}
li.menu-item.active .center {
    background: url("../images/hover_menu.png") center top;
}
li.menu-item.active .right {
    background: url("../images/hover_menu.png") no-repeat right top;
}
nav.menu .left {
    float: left;
    display: inline-block;
    width: 6px;
    height: 43px;
}
nav.menu .center {
    float: left;
    display: inline-block;
    width: auto;
    height: 43px;
}
nav.menu .right {
    float: left;
    display: inline-block;
    width: 6px;
    height: 43px;
}
/*-------------------------*/

#content form.try span {
    font-size: 14px;
    margin: 0;
    padding-left: 5px;

}

#layout-homepage form.try {
    display: inline-block;
    padding-left: 13px;
    padding-top: 10px;
    float: right;
    width: 364px;
    height: 225px;
    background: url("../images/homepage.png") no-repeat;
    background-position: -383px -102px;
    position: absolute;
    top: 93px;
    right: 0px;
    z-index: 2;
}
#layout-homepage .try span, #layout-otherpage .try span.centerbut, .btn_big {
    color: #FFF;
    font-size: 18px;
    text-decoration: normal;
    display: block;
    margin: 0px;
    padding: 0px;
    text-shadow: 0px 1px 1px rgba(0,1,1,0.72);
}
#layout-homepage form.try input {
    width: 349px;
    height: 43px;
    display: inline-block;
    background: url("../images/homepage.png") no-repeat;
    background-position: -18px -132px;
    border: none;
    margin-bottom: 8px;
    padding-left: 10px;
    font-size: 18px;
}
#layout-homepage form.try input.adress {
    display: inline-block;
    width: 238px;
    padding-left: 111px;
}
#layout-otherpage .before_address {
    position: absolute;
    top: 12px;
    left: 5px;
    color:gray;
}
#layout-homepage .before_address {
    position: absolute;
    top: 40px;
    left: 18px;
    color:gray;
}
#layout-homepage form.try input:hover {
    background-position: -18px -201px;
}
/*talčítko odeslat*/

#layout-homepage #content .submit {
    width: 371px;
    height: 109px;
    background: url("../images/homepage.png") no-repeat;
    background-position: -6px -267px;
    color: #FFF;
    margin-top: 25px;
    border: none;
    margin-left: -2%;
}
#layout-homepage #content .submit:hover {
    background-position: -6px -383px;
}
#content .submit strong {
    display: inline-block;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 28px;
    font-weight: bold;
    margin-top: -50px;
    text-shadow: 1px 1px 1px #6e0906;
    $margin-top:0px;
}
#content .submit span {
    color: #f7c6c6;
    display: block;
    text-shadow: 1px 1px 1px #083B87;
}
#content-top .pricebox {
    display: inline-block;
    margin-top: 51px;
    margin-left: -3.5em;
    max-width: 35%;
    width:33%;
    &width: 37%; /*for ie*/
    float: left;
}
#content-top .pricebox div {
    margin-right: 71%;
    font-size: 13px;
    font-weight: bold;
    margin-top:-19px;
}

#content-top .pricebox a {
text-decoration:none;
}

#content-top .pricebox a:hover {
text-decoration:none;
    color: #115197;
}

#content-top .pricebox H3 {
    display: inline-block;
    color: #115197;
    max-width: 166px;
    float: left;
    font-size: 18px;
    margin: 28px 10px 0px 0px;
    padding: 0px;
}
#content-top .pricebox H5 {
  margin: 0;
  width: 301px;
  margin-bottom: -6px;
  color: #C11B1A;
  font-size: 18px;
}
#content-top .pricebox H4 a {
  color: #115197;
}
#content-top .pricebox H4 {
    color: #393333;
    font-size: 72px;
    margin: 0px;
    padding: 0px;
    text-align: left;
}
#layout-homepage #content-top div.counter span {
    color: #393333;
    display: inline;
    width: 60%;
    font-size: 25px;
    text-shadow: 1px 1px 0 white;
    /*margin-left: 10px;*/
}
#content-top span {
    color: #806e6e;
    opacity: 0.6;
    text-shadow: 1px 1px 0 white;
}

#layout-homepage #top #content-top #center h1 {
	color:#D7CEC9;
	width:100%;
	font-size:45px;
	}

.counter {
    color: #044A99;
    font-size: 19px;
    font-weight: bold;
    padding-right: 105px;
    text-shadow: 1px 1px 0 white;
    padding-top: 61px;
    *padding-top: 74px;
}
/* sub menu*/

#layout-homepage nav.subnav {
    width: 100%;
    display: inline-block;
    position: absolute;
    top: 175px;
    right: 1%;
    text-align: right;
    $position:inherit;
}
nav.subnav a {
    background: url("../images/homepage.png") left repeat;
    background-position: -785px -504px;
    color: #484848;
    display: inline-block;
    font-weight: bold;
    height: 37px;
    padding-left: 10px;
    text-decoration: none;
    text-shadow: 0 1px 1px #FFFFFF;
    width: 94%;
    $margin-top:8px;
}
nav.subnav ul {
    margin: 0px;
    padding: 0px;
    display: inline-block;
    width: 732px;
    height: 37px;
    text-align: left;
    /*pro ie7*/

    zoom: 1;
    *display: inline;
    _height: 23px; /* CSS hack pro IE7 */
    &width:700px;
}
nav.subnav ul li {
    line-height: 37px;
    height: 43px;
    display: inline-block;
    text-align: center;
    min-width: 25%;
    padding-top: 8px;
    margin-right: -6px;
    margin-top: -5px;
    position: relative;
    background: url("../images/homepage.png") right repeat-x;
    background-position: -68px -497px;
    vertical-align: top;
    /*pro ie7*/

    zoom: 1;
    *display: inline;
    _height: 23px; /* CSS hack pro IE7 */
    $padding:0px;
    &width:150px;
    &margin-top:30px;
    $height: 50px;
}
nav.subnav ul li:hover, nav.subnav ul li.active {
    background-position: -68px -550px;
}
nav.subnav ul li.first {
    background-position: -47px -497px;
}
nav.subnav ul li.first:hover, nav.subnav ul li.first.active {
    background-position: -47px -550px;
}
nav.subnav ul li.first a {
    background: none;
}
nav.subnav ul li .navfooter {
    background: url("../images/homepage.png") right repeat-x;
    background-position: -765px -497px;
    display: inline-block;
    width: 15px;
    height: 50px;
    position: absolute;
    right: -10px;
    top: 0px;
}
nav.subnav ul li:hover .navfooter, nav.subnav ul li.active .navfooter {
    background-position: -765px -550px;
}
/*--------------obsah v boxech---------------*/



#center {
    text-align: left;
}
#center h2 {
    color: #2B353E;
}
div.contentbox {
    &width:28%;
    max-width: 28%;
    padding-top: 90px;
    text-align: center;
    display: inline-block;
    padding-right: 6%;
    zoom: 1;
    vertical-align: top;
    *display: inline;
    _height: 23px; /* CSS hack pro IE7 */
}
div.contentbox p {
    text-align: left;
    color: #484A4C;
    line-height: 21px;
}
div.contentbox.a {
    background: url("../images/icons.jpg") center no-repeat;
    background-position: -7px 0px;
}
div.contentbox.b {
    background: url("../images/icons.jpg") left top no-repeat;
    background-position: -352px 0px;
}
div.contentbox.c {
    background: url("../images/icons.jpg") left top no-repeat;
    background-position: -1752px 0px;
    padding-right: 0px;
}
div.contentbox.d {
    background: url("../images/icons.jpg") left top no-repeat;
    background-position: -698px 0px;
}
div.contentbox.e {
    background: url("../images/icons.jpg") left top no-repeat;
    background-position: -1054px 0px;
}
div.contentbox.f {
    background: url("../images/icons.jpg") left top no-repeat;
    background-position: -1395px 0px;
    padding-right: 0px;
}
/*--------------obsah v logo boxech---------------*/

div.logobox {
    &width:28%;
    max-width: 28%;
    padding-top: 90px;
    text-align: center;
    display: inline-block;
    padding-right: 6%;
    zoom: 1;
    line-height: 50px;
    vertical-align: top;
    *display: inline;
    _height: 23px; /* CSS hack pro IE7 */
}
div.logobox a {
    text-align: center;
    line-height: 50px;
}
div.logobox.a {
    background: url("../images/wa_white.jpg") center top no-repeat;
    width:25%;
}
div.logobox.b {
    background: url("../images/wa_black.jpg") center top no-repeat;
    width:25%;
}
div.logobox.c {
    background: url("../images/wa_color.jpg") center top no-repeat;
    width:25%;
}


/*----------------------------footer----------------------------------*/

div.footer-shadow {
    display: inline-block;
    background: url("../images/footer-shadow.png") left repeat-x;
    width: 100%;
    padding: 0px;
}
div.footer-shadow.top {
    background-position: -1px 0px;
    margin-bottom: -4px;
    height: 8px;
    margin-top: -4px;
}
div.footer-shadow.bottom {
    background-position: -1px -14px;
    height: 5px;
}
div.footer-top {
    background: url("../images/footer-top.png") left repeat;
    border: 1px solid transparent;
}
div.footer-bottom {
    background: url("../images/footer-bottom.png") left repeat;
    border: 1px solid transparent;
    margin-top: -4px;
}
#content-footer {
    text-align: left;
    max-width: 1000px;
    margin: auto;
    color: #FFF;
    text-shadow: 0px 1px 1px rgb(0,1,1);
    $margin-bottom:10px;
	padding-top:12px;
}
#content-footer h5 {
    color: #8B8177;
    display: block;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 7px;
    margin-top: -13px;
    padding-left: 13px;
    padding-top: 17px;
}
/*ukázky*/
/*ukazky admin*/
#layout-otherpage .preview {
	display:inline-block;
	width:448px;
	height:272px;
    background: url("../images/referenceadmin.png") left repeat;
	background-size:auto 100%;
	}

#layout-otherpage .preview.settings {
	background-position:0px 0px;
	}

#top div.wide-content div.function a img.icon {
	padding-bottom: 26px;
	}


/*jednotlivé ukázky referencí*/

#layout-homepage #footer {
    *margin-top:30px;
}
#layout-homepage div.samples {
    position: relative;
    text-align: left;
    display: inline-block;
    margin-right: 5px;
    *display: inline;
}
#layout-homepage .round {
    background: url("../images/homepage.png") top center;
    display: inline-block;
    float: left;
    background-position: -180px -603px;
    background-clip: border-box;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    top: 0px;
    left: 3px;
    width: 308px;
    height: 188px;
    z-index: 2;
    cursor: pointer;
}
#layout-homepage div.samples img {
    display: inline-block;
    clear: both;
    top: 9px;
    left: 12px;
    z-index: 0;
    z-index: 0;
    position: absolute;
    width: 287px;
    height: 167px;
}
#layout-homepage div.samples h3 {
    margin: 0px;
}
#layout-homepage div.samples h3 a {
    color: #393333; /* text color + color overlay */
    font-family: "Trebuchet MS";
    font-size: 16px;
    font-weight: bold;
    text-shadow: 0 1px 1px #fff; /* drop shadow */
    text-decoration: none;
    margin: 0px 0px 6px 10px;
    display: inline-block;
}
/*hover ukázek*/





#layout-homepage .view {
    width: 314px;
    height: 198px;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    padding: 4px;
}
#layout-homepage .view .mask, #layout-homepage .view .content {
    display: inline-block;
    width: 300px;
    height: 10px;
    position: absolute;
    overflow: hidden;
    top: 7px;
    left: 9px;
    border-radius: 4px;
}
#layout-homepage .view a.info {
    background: url("../images/gallery.png") left;
    &background:none;
    background-position: -328px -109px;
    display: inline-block;
    text-decoration: none;
    padding: 0;
    text-indent: -9999px;
    width: 295px;
    height: 190px;
    position: absolute;
    left: -100px;
    top: -100px;
}
#layout-homepage .hover .mask { /**/
    opacity: 0;
    overflow: visible;
    border: 85px solid rgba(0,0,0,0.7);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#layout-homepage .hover:hover .mask { /**/
    opacity: 1;
    border: 85px solid rgba(0,0,0,0.7);
}
/*Bottom box*/



div.bottom-box {
    text-align: left;
    float: left;
}
#footer h4 {
    color: #746A61;
    font-size: 18px;
    text-shadow: 0 1px 1px black;
}
#footer a {
    color: #524c49;
    text-decoration: none;
    text-shadow: 0 1px 1px black;
}
#footer a:hover {
    color: #8b8177;
}
div.link-box {
    float: left;
    margin-right: 11%;
    margin-bottom: 20px;
	text-align:right;
    /*ie7*/

    &margin-top:30px;
    &margin-right:4%;
}
#footer ul.footer {
    color: #746A61;
    display: inline-block;
    border: 1px soid silver;
    background: url("../images/homepage.png") top repeat-x;
    background-position: -492px -605px;
    padding-left: 17px;
    line-height: 25px;
    margin-top: -10px;
    padding-top: 15px;
    width: 150px;
    &width: 150px;
}
#footer-contnet-bottom {
    max-width: 1000px;
    margin: auto;
    &width:1000px;
}
#footer ul.footer li {
    list-style: none;
    display: block;
    zoom: 1;

}
/*social icons*/

#footer .link-box .footer.social li a {
    background: url("../images/homepage.png") top;
    display: inline-block;
    width: 37px;
    height: 38px;
}
#footer .footer.social li {
    display: inline-block;
    margin-right: 3%;
    *display: inline;
    _height: 23px; /* CSS hack pro IE7 */
}
#footer .link-box .footer.social li a.facebook {
    background-position: -18px -717px;
}
#footer .link-box .footer.social li a.twitter {
    background-position: -68px -717px;
}
#footer .link-box .footer.social li a.youtube {
    background-position: -118px -717px;
    margin-right: 0px;
}
/*hover*/

#footer .link-box .footer.social li:hover a.facebook {
    background-position: -18px -670px;
}
#footer .link-box .footer.social li:hover a.twitter {
    background-position: -68px -670px;
}
#footer .link-box .footer.social li:hover a.youtube {
    background-position: -118px -670px;
    margin-right: 0px;
}
/*copyright*/

#copyright {
    max-width: 1000px;
    &width:1000px;
    margin: auto;
    clear: both;
    text-align: center;
    padding-top: 14px;
    background: url("../images/homepage.png") repeat-x top;
    background-position: -6px -791px;
    color: #524c49;
    font-size: 12px;
    margin-bottom: 0px;
    text-shadow: 0 1px 1px black;
}
#copyright a {
    color: #524c49;
    font-size: 12px;
    text-decoration: none;
}
/*------------------------------OTHER PAGE----------------------------*/



/*layout*/





#layout-otherpage #head {
    height: 81px;
}
#layout-otherpage #content-top {
    min-height: 122px;
}
#layout-otherpage #top {
    background: #F1ECE9 url("../images/top-otherpage.png") top center no-repeat;
    min-height: 231px;
    margin: 0px;
    text-align: left;
}



/* form registrace*/

#layout-homepage #content .submit {
    width: 371px;
    height: 109px;
    background: url("../images/homepage.png") no-repeat;
    background-position: -6px -267px;
    color: #FFF;
    margin-top: 25px;
    border: none;
    margin-left: -2%;
    cursor: pointer;
}
#layout-otherpage form.try {
    width: 100%;
    /* display: inline-block;*/

    display: none;
    height: 100px;
    float: left;
    text-align: center;
    margin-top: 25px;
}
#layout-otherpage form.try .left {
    display: inline-block;
    width: 6px;
    height: 100px;
    background: url("../images/homepage.png") left no-repeat;
    background-position: 0px -832px;
    margin: 0px;
    padding: 0px;
    float: left;
}
#layout-otherpage form.try .right {
    display: inline-block;
    width: 6px;
    height: 100px;
    background: url("../images/homepage.png") right no-repeat;
    background-position: -971px -832px;
    margin: 0px;
    padding: 0px;
    float: left;
}
#layout-otherpage form.try .center {
    display: inline-block;
    width: 95%;
    height: 124px;
    background: url("../images/homepage.png") bottom center repeat-x;
    margin: 0px;
    float: left;
    padding-left: 15px;
    text-align: left;
}
/*rozdělení reg. form. na tři boxy*/

#layout-otherpage form.try .center .box {
    display: inline-block;
    zoom: 1;
    *display: inline;
    _height: 23px; /* CSS hack pro IE7 */
    width: 32%;
    margin-top: 10px;
    font-size: 0px;
    margin-left: 1%;
}
#layout-otherpage form.try .center .box span {
    font-size: 14px;
    color: #FFF;
    text-shadow: 0px 1px 1px rgba(0,1,1,0.72);
}
/*input boxy*/

#layout-otherpage form.try .center input {
    width: 90%;
    height: 42px;
    marign-top: 0px;
    padding: 0px;
    display: inline-block;
    border: none;
    float: left;
    background: url("../images/homepage.png") center repeat-x;
    background-position: -34px -132px;
    &padding-top: 15px;
    font-size: 16px;
}
/*input box s adresou*/

#layout-otherpage form.try .center input.adress {
    width: 50%;
    width: -moz-calc(90% - 105px);
    /* WebKit */
    width: -webkit-calc(90% - 105px);
    /* Opera */
    width: -o-calc(90% - 105px);
    /* Standard */
    width: calc(90% - 105px);
    &width: 50%; /*dokud nepujde calc js tak pro ie nutná šířka*/
    &padding-top: 15px;
    height: 42px;
    marign-top: 0px;
    display: inline-block;
    border: none;
    float: left;
    background: url("../images/homepage.png") center repeat-x;
    background-position: -34px -132px;
    padding-left: 105px;
    padding-top:2px;

}
#layout-otherpage form.try .box .ledge {
    display: inline-block;
    width: 6px;
    height: 43px;
    background: url("../images/homepage.png") left no-repeat;
    background-position: -18px -132px;
    float: left;
}
#layout-otherpage form.try .box .redge {
    display: inline-block;
    width: 6px;
    height: 43px;
    background: url("../images/homepage.png") left no-repeat;
    background-position: -361px -132px;
    float: left;
}
/*hover input boxu*/


#layout-otherpage form.try .inputtype {
    position: relative;
}
#layout-otherpage form.try .inputtype:hover input {
    background-position: -24px -201px;
}
#layout-otherpage form.try .inputtype:hover .ledge {
    background-position: -18px -201px;
}
#layout-otherpage form.try .inputtype:hover .redge {
    background-position: -361px -201px;
}
/*tlačítko registrovat*/

#registrace, .btn_big {
    display: inline-block;
    background: none;
    border: none;
    margin: auto;
    cursor: pointer;
    margin-top: -20px;
    margin-left: -25px;
    &width:165px;
}
#registrace .ledge, .btn_big .ledge {
    display: inline-block;
    width: 6px;
    height: 53px;
    background: url("../images/gallery.png") left no-repeat;
    background-position: -36px -336px;
    float: left;
}
#registrace .centerbut, .btn_big .centerbut {
    color: #FFF;
    font-weight: bold;
    /*	padding-top: 18px;*/

    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    display: inline-block;
    width: 140px;
    height: 53px;
    background: url("../images/gallery.png") left repeat-x;
    background-position: -44px -336px;
    float: left;
    line-height: 53px;
}
#registrace .centerbut {
    padding-top: 18px;
}
.btn_big .centerbut {
    width: 100px;
}
#registrace .redge, .btn_big .redge {
    display: inline-block;
    width: 6px;
    height: 53px;
    background: url("../images/gallery.png") left no-repeat;
    background-position: -285px -336px;
    float: left;
}
/*hover*/

#registrace:hover .ledge, .btn_big:hover .ledge {
    background-position: -360px -336px;
}
#registrace:hover .redge, .btn_big:hover .redge {
    background-position: -609px -336px;
}
#registrace:hover .centerbut, .btn_big:hover .centerbut {
    background-position: -367px -336px;
}
/*reg button*/



#regbutton {
    background: url("../images/price-list.png") repeat-x;
    background-position: -46px -11px;
    width: auto;
    &width: 130px;
    height: 27px;
    display: inline-block;
    margin-left: -30px;
    position: absolute;
    right: 27px;
    top: 1px;
}
#regbutton .left {
    background: url("../images/price-list.png") left repeat-x;
    background-position: -26px -11px;
    width: 21px;
    height: 27px;
    margin-left: -20px;
    display: inline-block;
    float: left;
}
#regbutton a {
    color: #0F4A83;
    display: inline-block;
    float: left;
    font-weight: bold;
    height: 27px;
    line-height: 25px;
    padding: 0 2px;
    text-decoration: none;
    text-shadow: 1px 1px 1px #E2ECF8;
}
#regbutton a:hover {
    color: #032f59;
}
#regbutton a:active {
    line-height: 27px;
}
#regbutton .right {
    background: url("../images/price-list.png") left repeat-x;
    background-position: -225px -11px;
    width: 21px;
    height: 27px;
    display: inline-block;
    margin-right: -20px;
    float: right;
}
/*content*/
#content-left {
    max-width: 1000px;
    &width:1000px;
    margin: auto;
    margin-top: 40px;
    height: auto;
    position: relative;
    text-align: left;
}
#content-left .article {
    margin-bottom:25px;
}

#content-left h3 {
    font-size: 21px;
    text-shadow: 0px 1px 1px rgb(255,255,255);
    margin: 15px 0px 10px 0px;
}


#content-center {
    max-width: 1000px;
    &width:1000px;
    margin: auto;
    margin-top: 20px;
    height: auto;
    position: relative;
    text-align: center;
}
/* layout left box*/



#layout-otherpage div.left-box {
    display: inline-block;
    width: 25%;
    margin-top: 30px;
    float: left;
}
#layout-otherpage div.right-box {
    display: inline-block;
    width: 73%;
    float: right;
    margin-top: 30px;
}
/*left typbox*/

#content-center ul.left-info {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    text-align: left;
}
#content-center ul.left-info li {
    display: inline-block;
    list-style-type: none;
    margin-bottom: 20px;
    border-left: 1px solid #CFC9C6;
    border-right: 1px solid #CFC9C6;
    position: relative;
    max-width: 90%;
    width: 90%;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 8px;
    box-shadow: 0 1px 0 rgba(19, 8, 2, 0.2) inset, 0 0 0 1px #FBF7F6;
    background: #E5DFDC;
    background: linear-gradient(bottom, #E5E0DD, #F0EBE8);
    background: -o-linear-gradient(bottom, #E5E0DD, #F0EBE8);
    background: -moz-linear-gradient(bottom, #E5E0DD, #F0EBE8);
    background: -webkit-linear-gradient(bottom, #E5E0DD, #F0EBE8);
    background: -ms-linear-gradient(bottom, #E5E0DD, #F0EBE8);
    z-index: 0;
    font-style: italic;
    font-size: 14px;
    padding-bottom: 20px;
    margin-bottom: 40px;
    zoom: 1;
    color: #77726E;
    text-shadow: 1px 1px 0 #FCFAF8;
    border-top: 1px solid #CFC9C6\9; /*IE 8 <*/
}
#content-center ul.left-info li div.arrow {
    display: inline-block;
    width: 17px;
    height: 15px;
    background: url("../images/price-list.png") left repeat-x;
    background-position: -231px -206px;
    position: absolute;
    bottom: -15px;
    right: 15px;
    z-index: 1;
}
#content-center ul.left-info li h2 {
    margin: 0px;
    padding: 0px;
    margin-top: 15px;
    font-size: 14px;
    color: #666260;
}
/*price list*/

.pricelist {
    display: inline-block;
    height: auto;
    *margin-top: 0;
    text-align: left;
    width: 100%;
    border: 1px solid #E0DCD9;
    background-color: #F6F5F3;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.full{
    width: 100% !important;
}
.full .left {
    width: 75% !important;
}
.full .head .left {
    width: 78% !important;
}
.full .center {
    width: 20% !important;
}
.full .right {
    width: 20% !important;
}


/*hlavička ceníku*/

.center_text {

    text-align: center;
}

.pricelist .topbox {
    font-family: Arial, Helvetica, sans-serif;
}
.pricelist .topbox p {
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    *margin-top:10px;
}
.pricelist div.head {
    display: inline-block;
    width: 100%;
    /*  	border-bottom: 1px dashed black; */
    vertical-align: text-top;
}
.pricelist div.head .left {
    display: inline-block;
    width: 71%;
    height: 120px;
    margin: 0px;
    padding: 0px;
    float: left;
}
/*pro druhou tabulku s menší hlavičkou*/

.pricelist div.head .left.min {
    height: 80px;
    width: 59% !important;
}
.pricelist div.head .center {
    display: inline-block;
    width: 27.7%;
    height: 120px;
    margin: 0px;
    padding: 0px;
    float: left;
    background-color: #FEEDB9;
    position: relative;
    border-left: 1px solid #F0DFA9;
    border-right: 1px solid #F0DFA9;
}
.pricelist div.head .right {
    display: inline-block;
    width: 27.7%;
    height: 120px;
    margin: 0px;
    padding: 0px;
    float: left;
    background-color: #CFE9F8;
    position: relative;
    margin-left: 0.7%;
    border-left: 1px solid #C4DBEB;
    border-right: 1px solid #C4DBEB;
}
/*ikonky base a profi*/



.pricelist .head .center .base {
    background: url("../images/price-list.png") center;
    background-position: -11px -232px;
    display: inline-block;
    width: 204px;
    height: 153px;
    position: absolute;
    left: 0px;
    top: -41px;
    text-align: center;
}
.pricelist .head .right .profi {
    background: url("../images/price-list.png") center;
    background-position: -218px -232px;
    display: inline-block;
    width: 204px;
    height: 153px;
    position: absolute;
    left: 0px;
    top: -41px;
    text-align: center;
}
.pricelist .head h2 {
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    color: rgb(57,51,51);
    font-weight: bold;
    text-shadow: 0px 1px 0px rgb(255,255,255);
    margin-left: 20px;
    *margin-top: 10px;
}
/*nadpis*/

.pricelist .head h3 {
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin: 22px 0 0;
    padding: 0;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
    width: 100%;
}
/*cena variant*/

.pricelist .head h4 {
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4);
    font-size: 55px;
    font-weight: bold;
    margin: 0 auto;
    padding-left: 0px;
}
.pricelist .head h5 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4);
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    margin-top: 4px;
}
/*ceny v tabulce*/

.additional-conditions{
  font-size: 10px;
  line-height: 10px;
  margin-left: 9px;
  text-align: left;  
}

.prices {
    width: 100%;
    border: 0px;
    border-spacing: 0;
    /*  	border-bottom: 1px dashed #595959;*/

    line-height: 30px;
    font-size: 14px;
    min-height: 31px;
    z-index: 2px;
}
.prices.dark {
    background: url("../images/footer-shadow.png") repeat-x scroll -1px -24px transparent;
}
.prices.light {
    background: url("../images/footer-shadow.png") repeat-x scroll -1px -24px transparent;
}
.prices.light.center {
    text-align: center;
}
.prices .left {
    background-position: 0px -24px;
    display: inline-block;
    float: left;
    width: 68%;
    padding-left: 3%;
    z-index: 1;
    display: inline-block;
}
.prices .left_prem {
    background-position: 0px -24px;
    display: inline-block;
    float: left;
    width: 69%;
    height:30px;
    padding-left: 3%;
    z-index: 1;
    display: inline-block;
}
.prices .center {
    background: url("../images/footer-shadow.png") bottom repeat-x;
    background-position: 0px -24px;
    height: 31px;
    display: inline-block;
    float: left;
    width: 27.7%;
    background-color: #F7E0AA;
    border-left: 1px solid #F0DFA9;
    border-right: 1px solid #F0DFA9;
    text-align: center;
    font-size: 15px;
    z-index: 1;
    display: inline-block;
}
.individual-eshop .prices .center
{
    margin-left: 0.7%;
}
.prices .right {
    background: url("../images/footer-shadow.png") bottom repeat-x;
    background-position: 0px -24px;
    height: 31px;
    display: inline-block;
    float: left;
    width: 27.7%;
    background-color: #BCD9EB;
    margin-left: 0.7%;
    border-left: 1px solid #C4DBEB;
    border-right: 1px solid #C4DBEB;
    text-align: center;
    font-size: 15px;
    z-index: 1;
    display: inline-block;
}
/*světlé - tmavé pozadí*/

.prices.dark .center {
    background-color: #F7E0A9;
}
.prices.dark .right {
    background-color: #BBD8EB;
}
.prices.dark .left {
    background: url("../images/footer-shadow.png") repeat-x scroll -1px -24px #F1EDEA;
}
.prices.dark .left_prem {
    background: url("../images/footer-shadow.png") repeat-x scroll -1px -24px #F1EDEA;
}
.prices.light .left {
    background-color: none;
}
.prices.light .center {
    background-color: #FEEDB8;
}
.prices.light .right {
    background-color: #D0E9F9;
}
/*poslední položka*/
.pricelist-premium .right {
    width: 27.3%;
}
.full .left_prem {
    width: 76%;
}
.pricelist-premium .right {
    margin-left: 0;
}



.prices.last, .prices.last .left, .prices.last .center, .prices.last .right {
    min-height: 69px;
    &height:69px;
}
/*tláčítka vyzkoušet*/

/*první*/

.prices .center a {
    font-size: 21px;
    color: #262626;
    font-weight: bold;
    text-shadow: 0px 1px 1px rgba(255,255,255,0.33);
    display: block;
    background: url("../images/price-list.png") center;
    background-position: -11px -399px;
    width: 191px;
    height: 53px;
    margin-top: 8px;
    margin-left: 3%;
    text-decoration: none;
}
.prices .center a:hover {
    background-position: -11px -457px;
}
.prices a span {
    display: block;
    margin-top: -10px;
    padding: 0px;
    color: #FFF;
    text-shadow: 0px 1px 1px rgb(149,56,1);
    font-size: 18px;
}
/*druhé*/

.prices .right a {
    font-size: 21px;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4);
    font-weight: bold;
    display: block;
    background: url("../images/price-list.png") center;
    background-position: -218px -399px;
    width: 191px;
    height: 53px;
    margin-top: 8px;
    margin-left: 3%;
    text-decoration: none;
}
.prices .right a:hover {
    background-position: -218px -457px;
}
.prices a span {
    display: block;
    margin-top: -10px;
    &margin-top:-2px;
    padding: 0px;
    color: #FFF;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
    font-size: 18px;
    line-height: inherit;
}
/*zmenšené písmo*/

.prices span {
    font-size: 10px;
    line-height: 10px;
    margin-left: 21px;
}
/*----Ikonky enabled - disabled----*/



.prices span.enabled {
    display: inline-block;
    width: 24px;
    height: 20px;
    background: url("../images/price-list.png") left;
    background-position: -337px -184px;
    margin-top: 4px;
}
.prices span.disabled {
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url("../images/price-list.png") left;
    background-position: -282px -183px;
    margin-top: 4px;
}
/*-----------ukázky--------------*/



/*title*/



div.title {
    text-align: left;
    display: inline-block;
    width: 92%; /*při 100% rozšiřuje stránku ???*/
    padding-top: 35px;
    padding-left: 30px;
    text-shadow: 0px 1px 1px rgb(255,255,255);
}
div.title h1 {
    color: #B3ACA9;
    font-size: 24px;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
    display: inline;
    text-transform: uppercase;
}
div.title h2 {
    color: #898886;
    font-size: 14px;
    font-weight: normal;
    padding: 0px;
    display: block;
    margin-top: 10px;

}
/*submneu*/

#layout-otherpage nav.subnav {
    margin-top: -48px;
    &margin-top: -83px;
    margin-right: 20px;
}
#layout-otherpage nav.subnav ul {
    text-align: right;
    width: 50%;
    float: right;
}
/*pager*/



div.pager {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 20px;
    &margin-top:100px;
}
div.pager ul {
    list-style-type: none;
}
div.pager ul li {
    display: inline-block;
    min-width: 29px;
    height: 24px;
    zoom: 1;
    *display: inline;
    *max-width:25px;
    _height: 23px; /* CSS hack pro IE7 */
}
div.pager ul li a {
    color: #484848;
    display: inline-block;
    height: 16px;
    min-width: 8px;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    margin-left: 8px;
    padding: 0 5px;
    text-decoration: none;
    text-shadow: 0 1px 1px #FFFFFF;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 4px 4px 4px 4px;
}


/*zakomentovan hover pro pager*/
div.pager ul li a:active, div.pager ul li a:hover, div.pager ul li a.active {
    background: url("../images/gallery.png") no-repeat scroll -40px -401px transparent;
    border-color: #F4F2F1;
    box-shadow: 0 1px 2px rgba(0, 1, 1, 0.71);
    background-clip: padding-box;
}


.prev_gall_content {
    background-image: url("../images/gallery.png");
    background-repeat:  no-repeat;
    background-position: -163px -401px;
    display: block;
    height: 16px;
    margin: 0 auto;
    vertical-align: middle;
    width: 9px;
}
.next_gall_content {
    background: url("../images/gallery.png") no-repeat;
    background-position:-201px -401px;
    display: block;
    height: 16px;
    margin: 0 auto;
    vertical-align: middle;
    width: 9px;
}
/*jednotlivé ukázky referencí*/

#layout-otherpage div.samples {
    position: relative;
    text-align: left;
    display: inline-block;
    margin: 0 7px 13px;
    zoom: 1;
    *display: inline;
    _height: 23px; /* CSS hack pro IE7 */
}
#layout-otherpage div.round {
    background: url("../images/gallery.png") center center;
    display: inline-block;
    float: left;
    background-position: -11px -109px;
    background-clip: border-box;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    top: 0px;
    left: 3px;
    width: 314px;
    height: 211px;
    z-index: 2;
}
#layout-otherpage div.samples img {
    display: inline-block;
    clear: both;
    top: 7px;
    left: 7px;
    z-index: 0;
    z-index: 0;
    position: absolute;
}
#layout-otherpage div.samples h3 {
    margin: 0px;
}
#layout-otherpage div.samples h3 a {

    font-family: "Trebuchet MS";
    font-size: 16px;
    font-weight: bold;
    text-shadow: 0 1px 1px #fff; /* drop shadow */
    text-decoration: none;
    margin: 0px 0px 6px 10px;
    display: inline-block;
    &text-decoration: underline;
}
/*hover ukázek*/



#layout-otherpage .view {
    width: 307px;
    height: 211px;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: pointer;
    padding: 4px;
}
#layout-otherpage .view .mask, #layout-otherpage .view .content {
    width: 300px;
    height: 192px;
    position: absolute;
    overflow: hidden;
    top: 7px;
    left: 9px;
    border-radius: 4px;
}
.view img {
    display: block;
    position: relative;
}
#layout-otherpage .view a.info {
    background: url("../images/gallery.png") left;
    background-position: -338px -109px;
    display: inline-block;
    text-decoration: none;
    padding: 0;
    text-indent: -9999px;
    width: 295px;
    height: 190px;
    position: absolute;
    left: -100px;
    top: -100px;
    &background: none;
}
#layout-otherpage .view a.info {
    display: inline-block;
} /*pro ie9*/
#layout-otherpage .hover .mask {
    opacity: 0;
    overflow: visible;
    border: 100px solid rgba(0,0,0,0.7);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.hover a.info {
    opacity: 0;
    -webkit-transition: opacity 0.3s 0s ease-in-out;
    -moz-transition: opacity 0.3s 0s ease-in-out;
    -o-transition: opacity 0.3s 0s ease-in-out;
    -ms-transition: opacity 0.3s 0s ease-in-out;
    transition: opacity 0.3s 0s ease-in-out;
    z-index: 99;
}
#layout-otherpage .hover:hover .mask {
    opacity: 1;
    border: 100px solid rgba(0,0,0,0.7);
}
.hover:hover a.info {
    opacity: 1;
    -moz-transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
/*--------Funkce----------*/

.video {
    display: inline-block;
    width: 98%;
    &width:925px;
    height: 100%;
    &height:512px;
    background: #ece6e2 url("../images/video.png") left;
    background-size: 100% 100%;
    margin-bottom: 40px;
    position: relative;
		/* až bude video*/
	display:none;
}
/*přizpůsobení video*/

.h_iframe .ratio {
    display: block;
    width: 100%;
    height: auto;
}
.h_iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.play {
    width: 98px;
    height: 250px;
    display: inline-block;
    background: url("../images/play.png") top no-repeat;
    color: transparent;
}
.play:hover {
    color: transparent !important;
}
/*#content-center iframe {
width:100%;
height:100%;
position:absolute;
top:0px;
left:0px;
        }*/


.video h4 {
    color: #969391;
    font-family: "Arial";
    font-size: 24px;
    text-shadow: 0 1px 1px rgba(255,255,255,.67);
    margin-top: 18%;
}
/*obsah*/

div.wide-content-first {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    width: 100%;
    height: auto;
    display: inline-block;
    min-height: 250px;
}
div.wide-content-first .function {
    text-align: left;
    margin: auto;
    max-width: 1000px;
    clear: both;
    padding-top: 25px;
}
div.wide-content-first .function h2 {
    font-size: 21px;
    text-shadow: 0px 1px 1px rgb(255,255,255);
    color: #393434;
    margin: 15px 0px 10px 0px;
}
div.wide-content-first .function p {
    font-size: 13px;
    line-height: 185%;
    color: #6B6C6C;
    text-align: left;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.85);
    display: inline-block;
}
div.wide-content-first .function.odd .text {
    float: left;
    /*        margin-left: 55px;
    */
    margin-top: 12px;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}
div.wide-content {

    border-top: 1px solid hsl(23, 12%, 87%);
    display: inline-block;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    height: auto;
  min-height: 310px;
    width: 100%;
	padding-left:10px;
}

div.wide-content.sample {
	min-height:50px;
	}

div.wide-content.first {
	border:none !important;
		}

div.wide-content .function {
    text-align: left;
    margin: auto;
    max-width: 1000px;
    clear: both;
    padding-top: 25px;
}
div.wide-content .function h2 {
    font-size: 21px;
    text-shadow: 0px 1px 1px rgb(255,255,255);
    color: #393434;
    margin: 15px 0px 10px 0px;
}
div.wide-content .function p, div.wide-content .function ul li {
    font-size: 13px;
    line-height: 185%;
    color: #6B6C6C;
    text-align: left;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.85);
    display: block;
}
div.wide-content .function .text ul {
    margin: 0px;
    padding: 0px;
    width: 100%;
}
div.wide-content .function.odd .text {
    float: right;
   margin-left: 55px;
    margin-top: 12px;
    width: -moz-calc(93% - 459px);
    width: -webkit-calc(94% - 447px);
    width: -o-calc(94% - 447px);
    width: calc(94% - 447px);
}
div.wide-content .function.odd .text2 {
    float: right;
   margin-left: 55px;
    margin-top: 12px;
    width: -moz-calc(93% - 112px);
    width: -webkit-calc(94% - 100px);
    width: -o-calc(94% - 100px);
    width: calc(94% - 100px);
}
div.wide-content .function.even .text {
    float: left;
 /*   margin-right: 55px;*/
    margin-top: 12px;
    width: -moz-calc(93% - 459px);
    width: -webkit-calc(94% - 447px);
    width: -o-calc(94% - 447px);
    width: calc(94% - 447px);
}
div.wide-content .function.even img {
    float: right;
    border:none;
}
div.wide-content .function.odd img {
    float: left;
    border:none;
}
/*---------slider-----------*/

#slider .ls-layer .ls-s1 img {
    margin-left: -610px;
    margin-top: -57px;
}
#slider .ls-layer .ls-s2 img {
    margin-left: -515px;
    margin-top: 175px;
}
#slider .ls-layer .ls-s3 img {
    margin-left: -465px;
    margin-top: 25px;
}
#slider .ls-layer .ls-s4 img {
    margin-left: -258px;
    margin-top: 244px;
}


/*ověření domény*/

#content-top .domain {
	width:46%;
	text-align:right;
	float:right;
	margin-top:-90px;
	}

	#domain_registration {
		width:100%;
		}
#content-top .domain h2 {
 	color: hsl(0, 5%, 21%);
    font-size: 15px;
	width:113%;
    text-shadow: 0 1px 1px hsl(0, 0%, 100%);
	margin:auto;
	text-align:center;
	float:right;
	margin-left:-10px;

}


#domain_registration .domain_input {
	height: 159px;
    width: 100%;
	font-size:0px;
	text-align:right;
	margin:0px;
	padding:0px;
	position:relative;
	}

#domain_registration .domain_input .inputbox {
  background: none repeat scroll 0 0 transparent;
	width:100%;
    height: 42px;
    left: 19px;
float:left;
margin-top:57px;
border:none;
	}

#domain_registration .domain_input .sendbutton {
    background: none repeat scroll 0 0 transparent;
    display: inline-block;
    float: right;
    font-size: 0;
    height: 46px;
    margin: 57px 11px 0 0;
    padding: 0;
    width: 77px;
    cursor:pointer;
    border:none;

}


#domain_registration .domain_input .ledge {
	width:51px;
	height:149px;
	display:inline-block;
    background: url("../images/insearchofsunrice.png") left;
	background-position:-41px -12px;
	margin:0px;
	padding:0px;
	float:left;
	}
#domain_registration .domain_input .redge {
	width:90px;
	height:149px;
	display:inline-block;
	background: url("../images/insearchofsunrice.png");
	background-position:-337px -12px;
		float:left;
	}
#domain_registration .domain_input .redge:hover {
	width:90px;
	height:149px;
	display:inline-block;
	background: url("../images/insearchofsunrice.png");
	background-position:-337px -203px;
		float:left;
                border:none;
	}


#domain_registration .domain_input .center {
	width:50%;
	max-width:242px;
	height:149px;
	display:inline-block;
	background: url("../images/insearchofsunrice.png") top center;
	float:left;
	background-position:-96px -12px;

	}

div.domain_error, div.domain_success {
    margin-top: 10px;
    text-align: center;
    width: 92%;
	}


/*o nás*/

#content-top .title .wide-content .function.even .people {
	margin-top:80px;
	}
#content-top .title .wide-content .function.even .office {
	margin-top:20px;
	}

#content-top .title .wide-content.company {
	background:url(../images/logo_lion.jpg) no-repeat left;

	}

/*zrušení borderu u inputboxu*/
input[type="email"]:invalid {
    border:0;
    outline:none;
    box-shadow:none;
}
.login_av input {
    width: 250px;
    border: 0;
    height: 40px;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border: 1px solid #F0F0F0;
    background-image: linear-gradient(bottom, rgb(255,255,255) 49%, rgb(232,232,232) 99%);
    background-image: -o-linear-gradient(bottom, rgb(255,255,255) 49%, rgb(232,232,232) 99%);
    background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 49%, rgb(232,232,232) 99%);
    background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 49%, rgb(232,232,232) 99%);
    background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 49%, rgb(232,232,232) 99%);
    background-image: -webkit-gradient(  linear,  left bottom,  left top,  color-stop(0.49, rgb(255,255,255)),  color-stop(0.99, rgb(232,232,232))  );
}
.login_av .box {
    margin: 10px;
}
.login_av strong {
    font-size: 17px;
}
.login_av .box span {
    display: block;
}
.login_av .left_side, .login_av .right_side {
    float: left;
    width: 48%;
    height: 100%;
}
.login_av .left_side {
    border-right: 1px #E3DEDA dashed;
}
.login_av .right_side {
    margin-left: 10px;
}
#letter {
    margin: 0 auto;
    width: 940px;
    min-height: 500px;
    background-image: url('../images/pozadi.jpg');
    background-repeat: no-repeat;
    background-position: 50% 0;
}
#stonc {
    height: 421px;
    overflow: hidden;
}
#letter #subject {
    background-image: url("../images/popredi.png");
    background-position: 50% 14px;
    background-repeat: no-repeat;
    height: 117px;
    margin: 0 auto;
    padding-top: 38px;
    text-align: left;
    width: 940px;
    position: relative;
}
#letter #message {
    position: relative;
    width: 940px;
    text-align: left;
    margin: 0 auto;
    height: 234px;
    background-position: 50% 0;
    background-image: url('../images/pozadi_pruh.png');
    background-color: transparent;
    background-repeat: repeat-y;
}
#letter #subject input, #letter #message textarea {
    border-radius: 6px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-image: linear-gradient(bottom, rgb(247,247,247) 7%, rgb(255,255,255) 59%);
    background-image: -o-linear-gradient(bottom, rgb(247,247,247) 7%, rgb(255,255,255) 59%);
    background-image: -moz-linear-gradient(bottom, rgb(247,247,247) 7%, rgb(255,255,255) 59%);
    background-image: -webkit-linear-gradient(bottom, rgb(247,247,247) 7%, rgb(255,255,255) 59%);
    background-image: -ms-linear-gradient(bottom, rgb(247,247,247) 7%, rgb(255,255,255) 59%);
    background-image: -webkit-gradient(  linear,  left bottom,  left top,  color-stop(0.07, rgb(247,247,247)),  color-stop(0.59, rgb(255,255,255))  );
    box-shadow: 0 -1px 1px white inset;
    border: 1px solid #E6E6E6;
    outline: none;
}
#letter #subject input {
    margin-left: 110px;
    margin-top: 9px;
    padding-left: 14px;
    height: 45px;
    width: 289px;
    clear: both;
    display: block;
}
#letter #message textarea {
    margin-left: 109px;
    margin-top: 8px;
    width: 656px;
    height: 99px;
    padding: 14px;
    z-index: -10;
    resize: none;
}
#letter #overlayer {
    position: relative;
    width: 940px;
    height: 139px;
    background-image: url(../images/popredi.png);
    z-index: 100;
    background-position: 50% -163px;
    margin: 0 auto;
    bottom: 139px;
}
.bottom_relative {
    position: relative;
    bottom: 66px;
}
#thank_you {
    width: 1000px;
    display: hidden;
    display: table-cell;
    text-align: center;
    opacity: 0;
    vertical-align: middle;
}
#thank_you strong {
    font-size: 28px;
    color: #115197;
    font-style: italic;
}
.left_50 {
    float: left;
    width: 42%;
    margin-left: 4%;
    text-align: left;
    color: #393333;
    font-size: 14px;
    text-shadow: 1px 1px 0px #FCFAF8;
}
.left_33 {
    float: left;
    width: 32%;
}
.left_33 h2 {
    *margin-top:15px;
}
.left_50 h2 {
    margin-left: 12%;
}
.tech_support {
    height: 530px;
    background-repeat: no-repeat;
}
.tech_support img {
    background-image: url("../images/kontakty.png");
    background-position: -12px -11px;
    background-repeat: no-repeat;
    height: 139px;
    left: 30px;
    padding: 10px;
    position: relative;
    top: 3px;
    width: 110px;
}
.tech_support p {
    position: relative;
    text-shadow: 1px 1px 0px white;
}
.tech_support p.name {
    left: 175px;
    top: -174px;
    font-weight: bold;
    font-size: 17px;
}
.tech_support p.email {
    font-style: italic;
    background-image: url(../images/kontakty.png);
    background-position: -9px -261px;
    background-repeat: no-repeat;
    padding-left: 25px;
    max-width: 250px;
    left: 175px;
    top: -187px;
}
.tech_support p.email a {
    text-decoration: none;
}
.tech_support p.tel {
    font-style: italic;
    background-image: url(../images/kontakty.png);
    background-position: -9px -295px;
    background-repeat: no-repeat;
    padding-left: 25px;
    left: 175px;
    max-width: 255px;
    top: -197px;
    color: #115197;
}
.facebook iframe {
    margin-left: 8%;
}
.facebook {
    margin-left: 10%;
    height: 365px;
    background-image: url(../images/kontakty.png);
    background-repeat: no-repeat;
    background-position: -453px 0px;
    float: right;
}
.bottom_line {
    border-bottom: 1px solid #E1DCD9;
    clear: both;
}
#tech_img {
    width: 158px;
    height: 181px;
    margin-left: 30%;
    display: inline;
}
#tech_img img {
    margin-top: 10px;
    margin-left: 0px;
}
.contact_map {
    /*height: 333px;*/
}
.contact_map p {
    margin-top: 18px;
    margin-left: 8%;
}
.contact_map #map {
    background-image: url(../images/kontakty.png);
    background-repeat: no-repeat;
    background-position: -34px -325px;
    height: 300px;

}
.contact_map #map a img {
    width: 100%;
    height: 80%;
    margin-top: 20%;
}
.contact_val {
    margin-left: 10%;
    margin-top: 50px;
}
.contact_val p {
    color: #77726E;
}
#form_letter h2 {
    text-align: left;
    margin-left: 12%;
    color: #393333;
}
#page .footer-shadow.top {
    height: 18px !important;
}
.red{color:red; }
.blue{color:#0F4A83}
.brown1{color:#b3aca9}
.brown2{color:#806e6e}
.terms .red {
  color:red !important;
  font-weight: bold;
}

/*----------questions-----------------*/

#content-center .faq {
    text-align: left;
}
#content-center .faq .question {
    border-bottom: 1px dotted grey;
    padding-bottom: 32px;
    padding-top: 14px;
}
#content-center .faq .question.last {
    border-bottom: none;
}
#content-center .faq .question.first {
    padding-top: 0px;
}
#content-center .faq span {
    color: #393333;
}
#content-center .faq span strong {
    color: #3E51A5;
}
#content-center .faq .question h3 {
    color: hsl(0, 5%, 21%);
    font-size: 21px;
    margin: 15px 0 10px;
    text-shadow: 0 1px 1px hsl(0, 0%, 100%);
}
#content-center .faq .question ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
/*-------partners---------*/
div.partner {
    width: 100%;
    border-bottom: 1px solid hsl(23, 12%, 87%);
    padding-bottom: 20px;
    padding-top: 10px;
}

div.partner.last {
    border-bottom: none;
}

.partner span {
    color: #393333;
    display: inline-block;
    width: 80%;
    width: -moz-calc(80% - 161px);
    width: -webkit-calc(80% - 161px);
    width: -o-calc(80% - 161px);
    width: calc(80% - 161px);
}
.partner h4 {
    font-size: 18px;
    color: hsl(0, 6%, 21%);
    font-weight: bold;
    text-shadow: 0 1px 1px hsl(0, 0%, 100%);
    line-height: 10px;
}
.partner .logo {
    background-image: url(../images/partners.png);
    width: 160px;
    height: 60px;
    display: inline-block;
    float: left;
    margin-right: 4%;
    margin-top: 20px;
}
/*loga*/
.partner .logo.zbozi {
    background-position: 0px 0px;
}
.partner .logo.heureka {
    background-position: 0px -61px;
}
.partner .logo.point {
    background-position: 0px -123px;
}
.partner .logo.verified {
    background-position: 0px -183px;
}
.partner .logo.google {
    background-position: 0px -245px;
}
.partner .logo.posta {
    background-position: 0px -305px;
}
.partner .logo.zasilkovna {
    background-position: 0px -366px;
}
.partner .logo.hyperz {
    background-position: 0px -427px;
}
.partner .logo.monitor {
    background-position: 0px -489px;
}
.partner .logo.vybereme {
    background-position: 0px -549px;
}


.partner .logo.najduzbozi {
    background-position: 0px -611px;
}
.partner .logo.gopay {
    background-position: 0px -673px;
}
.partner .logo.paypal {
    background-position: -161px 0px;
}
.partner .logo.iplatba {
    background-position: -161px -61px;
}
.partner .logo.agmo {
    background-position: -161px -121px;
}
.partner .logo.webpay {
    background-position: -161px -184px;
}
.partner .logo.mojeid {
    background-position: -161px -246px;
}
.partner .logo.pohoda {
    background-position: -161px -306px;
}
.partner .logo.money {
    background-position: -161px -367px;
}
.partner .logo.ekonom {
    background-position: -161px -430px;
}
.partner .logo.homecredit {
    background-position: -161px -489px;
}
.partner .logo.essox {
    background-position: -161px -549px;
}
.partner .logo.piwik {
    background-position: -161px -609px;
}
#slider {
    height:370px;
    background-color: transparent;

}
.ls-layer {
    margin-top:-16px;
    padding-top:-5px;
}

#sign_in form #sign_in_btn:hover {
    background-image: url("../images/sign_up_btn1.png");
    background-repeat: no-repeat;
    background-position: 0% 100%;
    color:white;
}
.qtip_hidden p, .qtip_hidden strong {
    display:none;
}
.qtip-position {
    position: absolute !important;
    left: auto !important;
    margin-top:-300px !important;

}
.qtip-form-help {
    background-image: url("../images/bg_form_help_1.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 260px;
    height:90px;
    color: white !important;
}
.attention {
    background-position:0px -94px !important;
}
.qtip-form-help-nonindex {
    background-image: url("../images/bg_form_help_2.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 260px;
    height:90px;
    margin-top:-10px;
    color: white !important;
}
.qtip-form-help div {
    background-color: transparent !important;

}
.qtip-form-help div {
    background-color: transparent !important;

}
.qtip_help{
    display: none;

}
.ui-tooltip-content {
    color: white !important;
    font-size: 11.5px;
    text-align: left;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
    word-wrap: break-word;
    width: 157px;
}
.before_address {
    position: absolute;
    top:38px;
    left:20px;
    font-size:18px;
}
.check_name {
    padding-left:115px !important;
    width: 234px !important;
}

#login_form {
    display:none;
}
.prices .help {
    display:none;
}
.qtip-price-help {
    background-image: url("../images/price_list_help.png");
    background-position: -22px 0;
    background-repeat: no-repeat;
    width: 467px;
    height:90px;
    color: #393333 !important;
    margin-left:-8px !important;
    padding-right: 10px;
}
.qtip-price-help .ui-tooltip-content {
    color: #393333 !important;
    text-shadow: 1px 1px 1px #E5E0DD;
    width: 383px !important;
}
.qtip-price-help div {
    background-color: transparent !important;

}

.tech_support .between {
    margin-top: -67px;
}

#registration_details .row {
    display: block;
    height: 50px;
}
#registration_details .row label {
    color: #928881;
    float: left;
    padding-top: 11px;
    text-shadow: 1px 1px 0 white;
    width: 19%;
}
#registration_details .row input {
    width: 78%;
    height: 37px;
    border-radius: 6px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-image: linear-gradient(bottom, rgb(247,247,247) 7%, rgb(255,255,255) 59%);
    background-image: -o-linear-gradient(bottom, rgb(247,247,247) 7%, rgb(255,255,255) 59%);
    background-image: -moz-linear-gradient(bottom, rgb(247,247,247) 7%, rgb(255,255,255) 59%);
    background-image: -webkit-linear-gradient(bottom, rgb(247,247,247) 7%, rgb(255,255,255) 59%);
    background-image: -ms-linear-gradient(bottom, rgb(247,247,247) 7%, rgb(255,255,255) 59%);
    background-image: -webkit-gradient(  linear,  left bottom,  left top,  color-stop(0.07, rgb(247,247,247)),  color-stop(0.59, rgb(255,255,255))  );
    box-shadow: 0 -1px 1px white inset;
    border: 1px solid #D1CAC7;
    outline: none;
    padding-left:8px;
    line-height /*\**/: 3\9
}

#template_select {
    width: 100%;
    height: 300px;
}

.space {
    height: 10px;
    *height:150px;
    width: 83%;
    padding-left:17%;
}
.space .error_message {
    color: #B90505;
    text-shadow: 1px 1px 0 #FFFBFB;
    padding-top:0px;
    font-size:17px;
}
.tryitfree {
    margin-top:10px;
    margin-left: 450px;
    *padding-top: 15px;
    margin-left /*\**/: 370px\9
        _margin-left: auto !important;
    *margin-left: auto !important;
}
.tryitfree h5{
    font-size:27px !important;
    color: #E6E3E1 !important;
    display: inline-block !important;
    *display: inline !important;
    *float:left;
}
.tryitfree .btn {
    float:right;
    display: inline;
    cursor: pointer;
}
#registration_details .tryitfree .btn {
    margin-left: -215px;
}
.tryitfree .btn .left {
    background-image: url("three-d-skin/sprite.png");
    background-position: left -255px;
    min-width: 250px;
    max-width: 350px;
    height: 75px;
    display: inline-block;
    line-height:68px;
    float:left;
    padding-left:14px;
    padding-right:4px;
    text-align:center;
    font-size: 23px;
}
.tryitfree .btn .left input {
    *margin-top:16px;
}
.tryitfree .btn .left a {
    color: white !important;
    font-size: 23px;
    text-shadow: 0px 1px 1px #0C397D !important;
}
.tryitfree .btn .right {
    float:left;
    background-image: url("three-d-skin/sprite.png");
    background-position: 416px -255px;
    width:17px;
    height: 75px;
    display: inline-block;
}
.tryitfree:hover .btn .left {
    background-position: 2px -332px;
}
.tryitfree:hover .btn .right {
    background-position: 416px -332px;
}

#footer .tryitfree .btn .left {
    background-position: left -55px;
    height: 55px;
    line-height: 47px;
}
#footer .tryitfree .btn .left a {
    font-size: 18px;
}
#footer .tryitfree .btn .right {
    background-position: 416px -55px;
    height: 55px;
}
#footer .tryitfree:hover .btn .right {
    background-position: 416px -109px;
}
#footer .tryitfree:hover .btn .left {
    background-position: left -109px;
}
.link-right {

    margin-right:0 !important;
}
.no-left-margin {
    margin-left: 0 !important;
}
.no-border {
    border:0 !important;
}
.prices .left img, .prices .left_prem img {
    float:right;
    *float: none;
    margin-right:10px;
    margin-top:8px;
}

.premium .right {
    margin-left: 0.1% !important;
    width: 19.5% !important;
}
.margin-top-10 {
    margin-top:10px !important;
}
.margin-top-91 {
    margin-top:91px !important;
}
.margin-top-51 {
    margin-top:51px !important;
}
.numbers {
    display: inline-block;
    margin-right: 22px;
    background-image: url("../images/homepage.png");
    background-position: 251px 289px;
    *background-position: 252px 269px;
    zoom: 1;
	height:75px;
    *display: inline;
}
.numbers p.first {
    margin-left:5px;
}
.numbers p.last {
    margin-right:5px;
}

.numbers p {
    display: inline-block;
    height: 45px;
    *height: 55px;
    width: 38px;
    line-height: 45px;
    *line-height: 54px;
    text-align:center;
    color: #806e6e;
    opacity: 0.6;
    font-size:25px;
    zoom: 1;
    *display: inline;
}
#content-footer h5 a {
    color: #606060;
}
.price-title {
    background-color: #F1EDEA !important;
}
.price-title h2 {
    margin-top: 42px;
}
.price-title h2.two-line {
    margin-top: 14px !important;
    margin-bottom: 0;
}
.price-title h2 {
    margin-bottom: 0;
}
.two-line2 {
    min-height: 75px !important;
}

#steps {
    position: absolute;
    width: 60px;
    height: 685px;
    margin-left: -62px;
    margin-top:-15px;

}

#steps div {
    width: 100%;
    height: 100%;
    position: absolute;
    top:0; left: 0;
    background-image: url(../images/registrace.png);
    display: none;
}
#steps .step-1 {
    background-position: -189px 0px;
    display: block;
}
#steps .step-2 {
    background-position: -125px 0px;
}
#steps .step-3 {
    background-position: -62px 0px;
}
#steps .step-4 {
    background-position: 2px 0px;
}
.cleaner-r-1 {
    width: 100%;
}
.cleaner-r-2 {
    width: 100%;
    height: 1px;
    margin-top: -3px;
}
#reg-form h2 {
    color: #393333;
    margin-left: 10px;
    text-shadow: 1px 1px 1px white;
    font-size:17px;
    margin-top: 26px;
    *margin-top:-35px;
}

#reg-form h2.last {
    margin-top: 82px;
}

.template_selectors:hover .template_thumbnail_frames {
    background-position: left 207px !important;
    opacity: 0.5;
}
/**
* Carousel with image and text, custom skinned scrollbar
**/
.img_template_r  {
    background-color: transparent !important;
}
#template_select {
    width: 94%;
    height: 197px;
    margin: 0 auto;
}
#template_select .arrow-holder {
    height: 250px;
}
#template_select .touchcarousel-item {
    margin-left: 4px;
    margin-right: 1px;
    margin-top: 2px;
    width: 233px;
    height: 196px;
}
#template_select .item-block {
    width: 170px;
    height: 277px;
    display: block;
}
#template_select .item-block img,
#template_select .item-block h4,
#template_select .item-block p {
    float: left;
    position: relative;
    display: block;
    margin: 0;
}
#template_select .item-block img {
    width: 170px;
    height: 230px;
    border: 0;
    padding: 0;
}
#template_select .item-block {
    text-decoration: none;
    color: inherit;
}
#template_select .item-block h4 {
    font: bold 13px/20px Helvetica, Arial, sans-serif;
    color: #000;
    width: 158px;
    height: auto;
    padding: 2px 0 0 6px;
    -webkit-transition: color 0.2s ease-out;
    -moz-transition: color 0.2s ease-out;
    transition: color 0.2s ease-out;
}
#template_select .item-block:hover h4 {
    color: #1873c9;
}
#template_select .item-block p {
    font: normal 13px/20px Helvetica, Arial, sans-serif;
    color: #555;
    width: 158px;
    padding: 0 0 0 6px;
}
#template_select .scrollbar-holder {
    background: #ddd6d3;
    bottom: 0;
    height: 3px;
    left: 0;
    right: 0;
}
#template_select .scrollbar {
    background-color: #1c1c1c !important;
    bottom: 0;
}

.reg-btn .btn {
    float: left !important;
    margin-left: 20px;
    margin-top:55px;
}

#registration_details .reg-btn .btn {
    margin-top: 0px ;
}

.reg-btn .btn a{
    text-decoration: none;
}

.contact_faq ul {
    list-style: none outside none;
    padding-left: 5px;
    padding-right: 4px;
    text-align: left;
    *margin-left:5px;
}
.contact_faq ul li {
    background-image: url(../images/kontakty.png);
    background-position: -14px -321px;
    background-repeat: no-repeat;
    padding-left:14px;
    border-bottom: 1px dotted black;
    margin-bottom:8px;
    padding-bottom:8px;
    color: #393333;
    font-size:13px;
}
.contact_faq ul li a{
    text-decoration: none;
    font-weight: bold;
}

.full-list-btn {
    margin-top:10px;
    background-image: url(../images/sprite.png);
    width: 271px;
    height: 38px;
    background-repeat: no-repeat;
    background-position: -62px -168px;
    text-align: center;
    margin-left:-7px;
    cursor: pointer;
    padding-top: 2px !important;
    margin-top:16px;
}
.full-list-btn:hover {
    background-position: -62px -206px;
}
.full-list-btn a {
    text-decoration: none;
    color: #393333;
    text-shadow: 1px 1px 0px white;
}
.pricelist .last div {
    padding-top: 0px;
}
.pricelist .last .left {
    background: none !important;
}
.no-margin-top {
    margin-top: 0 !important;
}
.bg-right-line {
    background-image: url(../images/kontakty.png);
    background-repeat: no-repeat;
    background-position: -443px 0px;
    width:7px;
    height: 312px;
    float:left;
    margin-top: 13px;
}
.bg-big-right-line {
    background-image: url(../images/kontakty.png);
    background-repeat: no-repeat;
    background-position: -454px 0px;
    width:7px;
    height: 505px;
    float:left;
    margin-top: 13px;
    margin-left: 32px;
}

#registration_checks {
    display: inline-block;
    width:10%;
    *display: none;
}
#registration_checks ul {
    list-style: none;
}
#registration_checks ul li {
    background-image:url(../images/homepage.png);
    background-position: -858px 389px;
    padding-top:14px;
    padding-bottom:14px;
}
#registration_checks ul li.not-right{
    background-position: -858px 346px;
}
#login_details {
    display: inline-block;
    background-color: #ECE7E4;
    border: 1px solid #F7F3F1;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 2px #D0C9C6 inset;
    margin-left: 31px;
    padding-left: 30px;
    padding-top: 8px;
    width: 57%;
}
#submit_btn {
    background-color: transparent;
    border:0;
    font-size: 23px;
    color: white;
    text-shadow: 0px 1px 1px #0C397D !important;
}
#registration-success {
    width: 100%;
    min-height: 427px;
    background-image: url(../images/registration_success.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

#registration-success h1 {
    color: rgb(57, 51, 51);
    text-shadow: 1px 1px 0 white;
    font-size: 27px;
    text-align:center;
    font-style: italic;
    font-family: Arial;
    margin-bottom:0;
    padding-top:10px;
}

#registration-success .center_50 {
    float: left;
    width: 40%;
    text-align: center;
    padding-top:300px;

}
#registration-success .left {
    margin: 5% 0 5% 10%;

}
#registration-success .right {
    margin: 5% 10% 5% 0;

}
#registration-success .to_admin .unhover,#registration-success .to_admin .hover, #registration-success .to_page .hover, #registration-success .to_page .unhover {
    background-image: url(../images/registration_success.png);
    width: 431px;
    margin-bottom:20px;
    position: absolute;
    margin-left: -27px;
    top: 81px;
}
#registration-success .to_admin .unhover,#registration-success .to_admin .hover {
    margin-left:4px;
}
#registration-success .right:hover .to_admin .unhover, #registration-success .left:hover .to_page .unhover {
    opacity: 0;
}
#registration-success .right:hover .to_admin .hover, #registration-success .left:hover .to_page .hover {
    opacity: 1;
}
#registration-success .to_admin .unhover, #registration-success .to_admin .hover, #registration-success .to_page .unhover, #registration-success .to_page .hover
{
    transition: opacity 500ms;
    -moz-transition: opacity 500ms; /* Firefox 4 */
    -webkit-transition: opacity 500ms; /* Safari and Chrome */
    -o-transition: opacity 500ms; /* Opera */
}

#registration-success .left a img {
    clear: both;
    width:321px;
    height:209px;
    margin-left:76px;
    margin-top:39px;
    border: 1px solid #C7C7C7;
    border-top: 0;
    border-radius: 0 0 6px 6px;
}
#registration-success .left:hover .hover a img {
    background-position: -321px 0;
}
#registration-success .center_50 p {
    width: 70%;
    margin: 0 auto;
    margin-top:10px;
    font-family: Arial;
    font-size:12px;
    text-shadow: 1px 1px 0 white;
    color:#5c5854;
}
#registration-success .center_50 strong {
    margin: 0 auto;
    font-family: Arial;
    font-size:16px;
    text-shadow: 1px 1px 0 white;
    color:#393333;
}

#registration-success .to_admin .unhover {
    background-position: -437px -410px;
}

#registration-success .to_page .unhover {
    background-position: 0px -410px;
    float: right;
}
#registration-success .to_admin .hover {
    background-position: -437px -691px;
    opacity: 0;
}

#registration-success .to_page .hover {
    background-position: 0px -691px;
    opacity: 0;
}
#registration-success .left p {
    margin-left: 82px;
}
#registration-success .left strong {
    margin-left: 50px;
}
#registration-success .right strong {
    margin-left: -45px;
}
#registration-success .right p {
    margin-left: 34px;
}
.new_address {
    margin: 0 auto;
    margin-top: 171px;
    margin-bottom: 70px;
    text-align: center;
    background-image: url(../images/line.jpg);
    background-repeat: no-repeat;
    width:817px;
    min-height: 60px;
    font-size: 19px;
    font-family: Arial;
    font-style: italic;
    text-shadow: 1px 1px 0 white;
    color: #0c4172;
    padding-top:18px;
    font-weight: bold;

}
.new_address a {
    text-decoration: none;
    color: #0c4172;
}
.blog {
    width:30%;
    margin-left:10px;
    text-align: left;
}
.blog h2 {
    text-align: center;
}
.blog .line {
    border-bottom:1px dotted black;
    height:5px;
    width:100%;
}
.btn_go_line {
    background-image: url(three-d-skin/sprite.png);
    background-position: -37px -420px;
    height: 41px;
    width: 330px;
    margin-top: -60px;
}
.left .btn_go_line {
    margin-left: 61px;
}
.right .btn_go_line {
    margin-left: 14px;
}
.btn_go {
    width:231px;
    height:50px;
    background-image: url(three-d-skin/sprite.png);
    background-position: -81px -462px;
}
.left .btn_go {
    margin-left: 108px;
}
.right .btn_go {
    margin-left: 60px;
}
.btn_go a {
    color: white;
    font-size: 22px;
    font-weight: bold;
    line-height: 44px;
    text-decoration: none;
    text-shadow: 1px 1px 1px #064685;
    padding: 0px 67px;
}
.right .btn_go a {
    text-decoration: none;
    text-shadow: 1px 1px 1px #7B3802;
}

#registration-success .left:hover .btn_go {
    background-position: -81px -564px;
}

#registration-success .right:hover .btn_go {
    background-position: -81px -616px;
}

.orange {
    background-position: -81px -513px;
}

left_33.blog > p {
    color: #393333;
    font-size: 13px;
}
.left_33.blog > strong {
    color: #115197;
    font-size: 13px;
    background-image: url(../images/kontakty.png);
    background-position: -14px -321px;
    background-repeat: no-repeat;
    padding-left:14px;
}

.terms p {
    color: #393333;
}
.terms strong {
    color: black;
}
.pricelist-premium {
    *margin-top: -270px;
}
/* Fluid class for determining actual width in IE */
#qtip-rcontainer{
    position: absolute;
    left: -28000px;
    top: -28000px;
    display: block;
    visibility: hidden;
    border:0 !important;
}

/* Fluid class for determining actual width in IE */
#qtip-rcontainer .ui-tooltip{
    display: block !important;
    visibility: hidden !important;
    position: static !important;
    float: left !important;
    border:0 !important;
}

/* Core qTip styles */
.ui-tooltip, .qtip{
    position: absolute;
    left: -28000px;
    top: -28000px;
    display: none;
    min-width: 50px;
    border:0 !important;
    font-size: 10.5px;
    line-height: 12px;
}
.qtip-280 {
    max-width: 280px;
}
.ui-tooltip-content{
    position: relative;
    padding: 15px 9px 0 25px !important;
    color: white !important;
    overflow: hidden;
    border:0 !important;
    text-align: left;
    word-wrap: break-word;
    width:60%;
}

.ui-tooltip-titlebar{
    position: relative;
    min-height: 14px;
    padding: 15px 35px 5px 25px !important;
    overflow: hidden;
    border:0 !important;
    font-weight: bold;
    font-size:18px;
}

.ui-tooltip-titlebar + .ui-tooltip-content{ border-top-width: 0 !important; }

/* Default close button class */
.ui-tooltip-titlebar .ui-state-default{
    position: absolute;
    right: 4px;
    top: 50%;
    margin-top: -9px;

    cursor: pointer;
    outline: medium none;

}

* html .ui-tooltip-titlebar .ui-state-default{ top: 16px; } /* IE fix */

.ui-tooltip-titlebar .ui-icon,
.ui-tooltip-icon .ui-icon{
    display: block;
    text-indent: -1000em;
    direction: ltr;
}

.ui-tooltip-icon, .ui-tooltip-icon .ui-icon{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
}

.ui-tooltip-icon .ui-icon{
    width: 18px;
    height: 14px;

    text-align: center;
    text-indent: 0;
    font: normal bold 10px/13px Tahoma,sans-serif;


    background: transparent none no-repeat -100em -100em;
}


/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.ui-tooltip-focus{}

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.ui-tooltip-hover{}

/* Default tooltip style */
.ui-tooltip-default{

    background-color: transparent;

}

.ui-tooltip-default .ui-tooltip-titlebar{
    color: white !important;
}

.ui-tooltip-default .ui-tooltip-icon{
    color: white !important;
}

.ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover{
    color: white !important;
}

/* LayerSlider Styles */

.ls-noskin {
    position: absolute !important;
    top: 90px;
    visibility: visible !important;
}

.ls-inner {
    margin-top:94px;
}

.ls-inner,
.ls-layer {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.ls-layer {
    position: absolute;
    display: none;
    background-position: center center;
}

.ls-active,
.ls-animating {
    display: block !important;
}

.ls-layer > * {
    position: absolute;
    left: 0px;
    top: 0px;
}

.ls-layer .ls-bg {
    left: 50%;
    top: 50%;
}

.ls-bottom-nav-wrapper {
    z-index: 2;
    height: 0px;
}

.ls-bottom-nav-wrapper a,
.ls-nav-prev,
.ls-nav-next {
    outline: none;
}

.ls-vpcontainer {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.ls-videopreview {
    width : 100%;
    height : 100%;
    position : absolute;
    left : 0px;
    top : 0px;
    cursor : pointer;
}

.ls-playvideo {
    position: absolute;
    left: 50%;
    top: 50%;
    cursor: pointer;
}



/* WP plugin forceResponsive */

.ls-wp-forceresponsive-container {
    width: 100%;
    position: relative;
}

.ls-wp-forceresponsive-helper {
    position: absolute;
    margin-left: 50%;
}

#main {
    overflow: visible !important;
}

.margin-top-38 {
    margin-top:-38px !important;
    padding-bottom:25px;
}
.ie_slider {
    display: none;
    *display:block;
    *position: absolute;
    *left: 50%;
    *margin-left: -584px;
    *margin-top:00px;
}
@media all and (min-width:0) {
    .pricelist-premium {  margin-top:-150px\0/; }    /* IE9-IE10pp4 */
}

#layout-otherpage .check_name {
    /* tridu jsem odstranil z HTML misto toho input.adress v layout.css */
    width: 53% !important;
    padding-left:105px !important;
}*/

@-moz-document url-prefix() {
    #layout-otherpage .before_address {
    top: 10px !important;
}
}

/*-----------------MQ----------------------*/



@media (max-width: 1000px) {
    #content-footer {
        text-align: center;
    }
    #content-footer div.img {
        margin-right: 0%;
        margin-top: 10px;
    }
    div.link-box {
        margin-right: 5%;
    }
    .prices span {
        display: none;
    }
    #layout-otherpage nav.subnav ul {
        text-align: right;
        width: 65%;
        float: right;
    }

	div.wide-content .function.odd .text {
		margin-left:0px;
		}

#content-top .domain {
	margin-top:-10px;
	}

.tryitfree .btn {
	float:none;
	margin-left:2%;
	display:inline-block;
	}

}

#layout-otherpage form.try .center .box {

    margin-left:0%;
}


@media (max-width: 870px) {
    nav.menu {
        margin-top: -20px;
    }
    div.link-box {
        float: left;
        margin-right: 0%;
    }
    div.link-box {
        margin-right: 2%;
    }
    #footer-contnet-bottom {
        text-align: left;
    }

    div.title {
        padding-top: 5px;
    }

/*		    #layout-otherpage form.try {
        margin-top:0px;
    }*/


     /*ceník*/


    #layout-otherpage div.left-box {
        display: inline-block;
        width: 100%;
        float: none;
        text-align: center;
    }


    #layout-otherpage div.right-box {
        width: 100%;
    }
    #content-center ul.left-info li {
        float: left;
        display: inline-block;
        width: 25%;
        margin-left: 4%;
        min-height: 190px;
    }

	div.wide-content .function.odd .text {
		width:100%;
		}

		div.wide-content .function.even .text {
		width:100%;
		}


div.wide-content .function.odd img, div.wide-content .function.even img {
		margin-left:21%;
	float:none;
	display:inline-block;
	}


#top div.wide-content div.function a img.icon {
	padding-bottom: 0px;
	}


}
@media (max-width: 700px) {
    #slider {
        display: none;
    }
    nav.menu {
        position: absolute;
        left: 0px;
        top: 90px;
        display: block;
        text-align: left;
        width: 200px;
    }

			.tryitfree {
		margin-left:0px;
		margin-top:0px;
		}

div.wide-content {
	min-height:50px;
	}

div.title h2 {
margin-top:0px;
}
    #layout-homepage form.try {
        top: 30px;

    }
    form.try {
        top: 40px;
    }

    nav.menu a {
        display: block;
        width: 100%;
        float: none;
    }
    form.try {
        margin-top: 70px;
    }

    div.title {
        padding-top: 30px;
    }

    /*rozsireni headu  odskoceni menu*/

    #layout-otherpage #head {
        height: 130px;
    }

    /*cenik*/

    .prices {
        max-width: 900px;
    }
    #layout-otherpage nav.menu a {
        display: inline-block;
    }
    #layout-otherpage nav.menu {
        display: inline-block;
        width: 100%;
    }
    /*obsah*/

    div.contentbox {
        max-width: 45%;
        padding-top: 90px;
        text-align: center;
        display: inline-block;
        padding-right: 2%;
        padding-left: 2%;
        zoom: 1;
        *display: inline;
        _height: 23px; /* CSS hack pro IE7 */
    }
    nav.subnav ul {
        width: 100%;
    }
    #layout-otherpage form.try {
        margin-top: 120px;
    }
    nav.subnav a {
        font-size: 12px;
    }




}
@media (max-width: 680px) {
    #content-top .pricebox {
        margin-top: 20px;
    }

	#content-top .domain {
	width:85%;
	margin-top:20px;

	}


	}
@media (max-width: 580px) {
	nav.menu ul {
		margin-left:0px;
		padding-left:0px;
		}

		.prices {
			font-size:10px;
			}
}

/* iPhone ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
#layout-homepage form.try input {
	margin-bottom:2px;
	}

#layout-otherpage form.try .box .redge {
	margin-left:-4px;
	}
#layout-otherpage form.try .box .ledge {
	margin-right:-4px;
	}
}

.pricelist-premium {
	margin-top:0px !important;
	}

#footer-contnet-bottom .link-box.version {
	display:none !important;
	}

/* zakazkovy_eshop */
div.wide-content.individual-eshop-process .function .text
{
  float: none;
  width: 100%;
  margin-left: 0;
}

div.wide-content.individual-eshop-process .function .text ul
{
  background-image: url("../images/timeline.png");
  background-repeat: no-repeat;
  padding-left: 90px;
  margin-top: 30px;
  margin-left: 30px;
}

div.wide-content.individual-eshop-process .function .text ul li
{
  margin: 0;
  padding: 0;
  height: 188px;
}

div.wide-content.individual-eshop-process .function .text ul li strong
{
  font-size: 16px;
  line-height: 60px;
  height: 60px;
  display: block;
}

div.wide-content.individual-eshop-process .function .text ul li .desc
{
  width: 80%;
}

div.wide-content .function .image
{
  text-align: center;
  width: -moz-calc(7% + 402px);
  width: -webkit-calc(6% + 390px);
  width: -o-calc(6% + 390px);
  width: calc(6% + 390px);
}

div.wide-content .function .image img
{
  float: none;
}

div.wide-content .function.even .image
{
  float: right;
}

div.wide-content .function.odd .image
{
  float: left;
}
/* /zakazkovy_eshop */

.right-box.left_align p
{
  text-align: left;
}

.prices a.moreinfo span
{
  margin: 0;
  padding: 0;
  line-height: 10px;
}

a.link_email {
    font-style: italic;
    background-image: url(../images/kontakty.png);
    background-position: -9px -261px;
    background-repeat: no-repeat;
    padding-left: 25px;
    max-width: 250px;
    left: 175px;
    top: -187px;
    text-decoration: none;
}