@-ms-viewport {
  width: device-width;
}

/**
 * ---------------
 * clearovani
 */
.clearfix:before,
.clearfix:after      {
	 content: ' ';
	 display: table;
}
.clearfix:after      {clear: both;}
.clearfix            {zoom: 1;}

/**
 * ---------------------
 * inline block element
 */
.inline-block        {
	display: -moz-inline-box;
	display: inline-block;
	=display: inline;
	=zoom: 1;
}

/**
 * --------------------
 * formulare
 */
form                                {}
form:before,
form:after                          {content: "\0020"; display: block; height: 0; overflow: hidden;}
form:after                          {clear: both;}
fieldset.quickform-border-hidden    {border: 0;}
legend                              {}

.fieldset-box               			{padding: 10px; zoom: 1;}
.fieldset-box:before,
.fieldset-box:after        			{content: "\0020"; display: block; height: 0; overflow: hidden;}
.fieldset-box:after        			{clear: both;}
form dl                             {margin: 0 0 10px 0; zoom: 1;}
form dl:before,
form dl:after                       {content: "\0020"; display: block; height: 0; overflow: hidden;}
form dl:after                       {clear: both;}
form dt                             {margin: 0 0 5px 0;}
form dd                             {margin: 0;}
form div.error                      {
	color: red;
	font-weight: bold;
	padding: 5px 0 0 0;
}
form b.required,
form span.quick-form-required-note-asterisk {color: red; font-weight: bold; padding-left: 5px;}

[readonly],
[disabled]                          {cursor: not-allowed;}

label[for]                          {cursor: pointer;}

/* nastavit spravny boxmodel pro neposedne form elementy */
input,
input[type="search"], /* override */
button,
select,
textarea {
	box-sizing: border-box;
}

input + label,
label + input,
label + select,
select + label,
label + textarea                    {margin-left: .25em;}

label                {font-size: 16px;}

input.text,
input.password,
textarea             {
	border: 1px solid #ddd;
	font-family: inherit;
	font-size: 16px;
	padding: 0 5px;
	height: 49px;
	line-height: 49px;
	border-radius: 8px;
	outline: none;
}
textarea             {padding: 5px;}

input.text:focus,
input.password:focus,
textarea:focus,
input#domain.selectfocus {border: 1px solid #3fb7c8;}

input#domain.selectfocus {
	border-radius: 8px 8px 0 8px;
}

input.submit         {
	background-color: #f6ab0a;
	border: 1px solid #FFF;
	border-radius: 8px;
	text-transform: uppercase;
	color: #FFF;
	font-size: 21px;
	font-weight: bold;
	height: 49px;
	padding: 0 20px;
	box-shadow:  0px 0px 0px 1px rgba(81, 81, 81, 0.4);

	transition: all 500ms ease-in-out;
}
input.submit:hover,
input.submit:focus   {opacity: 0.8;}

select               {font-size: 16px;}

/**
 * fancyform
 */
span.fancy-radio,
span.fancy-checkbox              {
	display: -moz-inline-box;
	display: inline-block;
	=display: inline;
	=zoom: 1;
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
	vertical-align: middle;
}

span.fancy-radio                 {background-image: url('radio.gif'); background-position: 0 0;}
span.fancy-checkbox              {background-image: url('checkbox.gif'); background-position: 0 0;border: 1px solid #838B8B;}
.fancy-on span.fancy-radio,
.fancy-on span.fancy-checkbox    {background-position: 0 -18px;}
.fancy-on span.label             {}
.fancyform-item span.label       {
	display: -moz-inline-box;
	display: inline-block;
	=display: inline;
	=zoom: 1;
	vertical-align: middle;
}


/**
 * chybove hlasky ve formularich
 */
form ul.error        {
	margin: 0 auto;
	padding: 0;
	min-width: 280px;
	max-width: 600px;
	text-align:center;
}
form ul.error li     {
	margin: 0 0 10px 0;
	padding: 5px 10px;
	list-style-type: none;
	font-weight: bold;
	background-color: #cf0000;
	color: #FFF;
	border-radius: 5px;
	text-align:center;
}

/**
 * globalni chybove hlasky
 */
#snippet--flashMessages                {
	margin: 0 auto;
	padding: 0;
	min-width: 280px;
	max-width: 600px;
}
#snippet--flashMessages div.error      {
	margin: 0 0 20px 0;
	padding: 5px 10px;
	list-style-type: none;
	font-weight: bold;
	background-color: #cf0000;
	color: #FFF;
	border-radius: 5px;
}
#snippet--flashMessages div.success    {
	margin: 0 0 20px 0;
	padding: 5px 10px;
	list-style-type: none;
	font-weight: bold;
	background-color: #269e23;
	color: #FFF;
	border-radius: 5px;
}
#snippet--flashMessages div.info       {
	margin: 0 0 20px 0;
	padding: 5px 10px;
	list-style-type: none;
	font-weight: bold;
	background-color: #ea6211;
	color: #FFF;
	border-radius: 5px;
}


/**
 * -------------
 * nadpisy
 */
h1,
h2,
h3,
h4,
h5,
h6          {margin: 0 0 .5em;}
h1,
.h1         {font-size: 28px; letter-spacing: -1px; margin: 0 0 0.75em 0;}
h2          {font-size: 22px; font-style: italic; font-weight: normal;}
h3          {font-size: 18px;}
h4          {font-size: 16px;}
h5          {font-size: 14px;}
h6          {font-size: 12px;}

/**
 * ------------
 * odkazy
 */
a           {text-decoration: underline; color: #3fb7c8;}
a:hover,
a:focus,
a:active    {text-decoration: none;}

/**
 * -----------
 * obrazky
 */
img         {border: 0; max-width: 100%;}

/**
 * -----------
 * ostatni
 */
p           {margin: 0 0 1em 0;}

#devel-info {
	position: fixed;
	top: 0;
	left: 0;
	background: lime;
	padding: 5px;
	font-weight: bold;
	font-size: 10px;
}


/**
 * -------------------
 * layout
 */
html                          {margin: 0; padding: 0;}
body                          {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-family: 'OpenSans', arial, sans-serif;
	color: #404040;
	line-height: 1.4;

	overflow-y: scroll;
}

.page             {min-width: 320px;}

.page-header,
.page-ahead,
.page-main,
.page-bfooter,
.page-footer,
.page-footer-info {padding-left: 20px; padding-right: 20px;}

.page-content     {
	margin-left: auto;
	margin-right: auto;
	max-width: 1240px;
}

/**
 * ---------------
 * hlavicka
 */
.page-header         {
	background-color: #515151;
	min-height: 44px;
}
.page-logo           {float: left; padding: 2px 0 8px 0;}
.page-logo a         {
	outline: none;
	display: block;
	width: 160px;
	height: 34px;
	background: url('logo.png') 0 0 no-repeat;
}
.page-logo img       {vertical-align: top; border: 0;}
.page-logo span      {display: none;}

/**
 * ------------------
 * menu v hlavicce
 */
#header-menu-btn     {
	display: none;
	text-decoration: none;
	font-weight: 900;
	color: #f5f5f5;
	font-size: 20px;
	float: right;
	line-height: 20px;
	outline: none;
	margin-top: 10px;
}
#header-menu-btn span.ico {
	display: -moz-inline-box;
	display: inline-block;
	=display: inline;
	=zoom: 1;
	vertical-align: middle;
	width: 28px;
	height: 20px;
	background: url('hamburger.png') 0 0 no-repeat;
	margin-left: 10px;
}

#header-menu-close         {
	display: none;
	width: 20px;
	height: 20px;
	background: url('btn-delete.png') 0 0 no-repeat;
	position: absolute;
	bottom: 10px;
	right: 10px;
}
#header-menu-close span    {display: none;}

.header-menu               {text-align: right; padding-right: 17px; color: #f5f5f5; font-size: 16px;}
.header-main-menu ul       {margin: 0; padding: 0;}
.header-main-menu li       {
	margin: 0 0 0 45px;
	padding: 0;
	list-style-type: none;

	display: -moz-inline-box;
	display: inline-block;
	=display: inline;
	=zoom: 1;
	vertical-align: top;
	line-height: 44px;
	white-space: nowrap;
}
.header-main-menu a        {
	color: #f5f5f5;
	text-decoration: none;
	font-size: 16px;
	outline: none;
}
.header-main-menu span     {
	display: -moz-inline-box;
	display: inline-block;
	=display: inline;
	=zoom: 1;
	vertical-align: middle;
}
.header-main-menu span.ico {
	height: 18px;
	margin: 0 10px 0 0;
	background: url('header-menu.png') -9999px 0 no-repeat;
}
.header-main-menu .i-login span.ico         {background-position: 0 0; width: 18px;}
.header-main-menu .i-registration span.ico  {background-position: 0 -25px; width: 20px;}
.header-main-menu .i-help span.ico          {background-position: 0 -50px; width: 12px;}
.header-main-menu .i-settings span.ico      {background-position: 0 -75px; width: 17px;}
.header-main-menu .i-logout span.ico        {background-position: 0 -100px; width: 18px;}
.header-main-menu .i-credit span.ico        {background-position: 0 -125px; width: 19px;}
.header-main-menu a:hover span,
.header-main-menu a:focus span              {text-decoration: underline;}

/* slopcove menu v hlavicce */
.header-menu .column-menu {display: none;}

/**
 * -------------------------------
 * za hlavickou - vyhledavani
 */
.page-ahead                {
	background: #3fb7c8 url('ahead-bg.jpg') center top no-repeat;
	border-bottom: 1px solid #FFF;
	padding: 73px 0 55px 0;
}
.page-admin .page-ahead    {
	padding: 11px 0;
}


/**
 * ------------------------------
 * hlavni obsah
 */
.page-main              {
	background-color: #d6eff2;
	border-bottom: 1px solid #ecf8f9;
	padding-top: 12px;
	padding-bottom: 12px;
}
.page-admin .page-main  {
	background-color: #fff;
	border: 0;
}


/**
 * --------------------
 * trojsloupec
 */
div.page-container   {}
div.page-col-1       {float: left; width: 17.6613%;/*219px*/ margin-right: 1.9354%;/*24px*/}
div.page-col-2       {float: left; width: 60.3225%;/*748px*/ margin-right: 1.9354%;/*24px*/ padding-top: 2%; margin-bottom: 75px;}
div.page-col-3       {float: left; width: 18.1451%;/*225px*/ min-width: 225px; padding-top: 2%;}

div.page-admin div.page-col-2    {padding-top: 0;}
div.page-admin div.page-col-3    {padding-top: 0;}


/**
 * row - fifty fifty
 */
.col-2-row                       {}
.col-2-row .i-left,
.col-2-row .i-right              {float: left; width: 50%; margin: 0 0 30px 0;}
.col-2-row .i-left .i-in         {padding: 0 15px 0 0;}
.col-2-row .i-right .i-in        {padding: 0;}


/**
 * ------------------
 * pred patickou
 */
.page-bfooter        {
	background-color: #FFF;
}


/**
 * ------------------
 * vyhody
 */
.advantages          {
	color: #515151;
	font-size: 18px;
	text-align: center;
	margin: 55px 0 31px 0;
}
.advantages ul       {
	margin: 0 40px 20px;
	padding: 0;
	text-align: left;
}
.advantages li       {
	margin: 0 0 4px 0;
	padding: 0 0 0 20px;
	list-style-type: none;
	background: url('li.png') 0 8px no-repeat;
	white-space: nowrap;
}
.advantages li a {
	color: #515151;
	text-decoration: none;
}
.advantages li a:hover,
.advantages li a:focus {
	text-decoration: underline;
}


/**
 * ------------------
 * paticka
 */
.page-footer            {
	background-color: #415f63;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #94a2a4;
	padding-left: 0;
	padding-right: 0;
}
.page-footer-box        {
	color: #FFF;
	font-size: 14px;
	padding: 35px 0 0 0;
}

.page-footer h3         {
	font-weight: normal;
	font-size: 16px;
	margin: 0 0 15px 0;
}
.page-footer h3 a       {text-decoration: none;}
.page-footer h3 a:hover,
.page-footer h3 a:focus {text-decoration: underline;}

.footer-menu            {
	float: left;
	width: 60.4838%;
	margin: 0 0 33px 0;
}
.footer-menu-in         {
	background: url('footer-menu-border.png') 33.3333% 0 no-repeat;
}
.footer-menu-in2         {
	background: url('footer-menu-border.png') 66.6666% 0 no-repeat;
}
.footer-menu .col       {
	float: left;
	width: 33.3333%;
}
.footer-menu ul         {
	margin: 0;
	padding: 0;
	/*border-right: 2px dotted #6d7e80;*/
}
.footer-menu .col-3 ul  {border: 0;}
.footer-menu li         {
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
}
.footer-menu h3,
.footer-menu ul         {padding-left: 22px; padding-right: 22px;}
.footer-menu a          {color: #FFF;}

/**
 * --------------
 * socials
 */
div#socials                   {
	float: right;
	max-width: 439px;
	min-width: 292px;
	width: 35.5%;
	margin: 0 0 0 22px;
}
div#socials h3                {margin: 0 0 15px 0;}
div.twitter-box,
div.fb-like-box               {
	background-color: #FFF;
	float: left;
	width: 292px;
	margin: 0 12px 33px 0;
	overflow: hidden;
	max-width: 292px;
}
div.socials-btns              {
	float: left;
	width: 135px;
	margin-bottom: 33px;
}
div#socials a.social-btn      {
	display: block;
	width: 134px;
	height: 31px;
	background-image: url('socials-btns.png');
	background-repeat: no-repeat;
	margin: 0 0 9px 0;
}
div#socials a.btn-facebook    {background-position: 0 0;}
div#socials a.btn-gplus       {background-position: 0 -35px;}
div#socials a.btn-instagram   {background-position: 0 -70px;}
div#socials a.btn-youtube     {background-position: 0 -105px;}
div#socials a span            {display: none;}


.page-footer-info       {
	background-color: #FFF;
	border-top: 1px solid #efefef;
	padding-left: 0;
	padding-right: 0;
}
.page-footer-info-box   {
	color: #666;
	font-size: 12px;
	padding: 15px 0 15px 0;
	line-height: 40px;
}

.footer-copyright       {float: left; margin-left: 22px; margin-right: 40px;}

.footer-cert            {float: left;}
.footer-cert span       {
	width: 125px;
	height: 47px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	vertical-align: middle;
	background: url('cards.png') 0 0 no-repeat;
}

.footer-search                {
	float: left;
	padding-top: 8px;
	margin-left: 70px;
	margin-right: 40px;
}
.footer-search input          {vertical-align: top;}
.footer-search input.text     {
	width: 210px;
	height: 30px;
	line-height: 30px;
	border-radius: 4px;
	font-size: 13px;
}
.footer-search input.btn-blue {
	height: 30px;
	line-height: 30px;
	border-radius: 4px;
	font-size: 13px;
}

.footer-payments        {float: right;}
.footer-payments span   {
	width: 44px;
	height: 29px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	vertical-align: middle;
	background-image: url('cards.png');
	background-repeat: no-repeat;
}
.footer-payments .visaelectron   {background-position: -132px -9px;}
.footer-payments .visa           {background-position: -181px -9px;}
.footer-payments .maestro        {background-position: -230px -9px;}
.footer-payments .mastercard     {background-position: -279px -9px;}
.footer-payments .paypal         {
	width: 160px;
	height: 41px;
	background-position: -333px -8px;
	margin-left: 10px;
}


/**
 * ------------------------
 * btns
 */
.btn-blue-b,
.btn-gray-b,
.btn-yellow-b,
.btn-orange-b,
.btn-blue,
.btn-gray,
.btn-yellow,
.btn-orange {
	display: -moz-inline-box;
	display: inline-block;
	=display: inline;
	=zoom: 1;

	text-decoration: none;
	text-align: center;
	text-indent: 0;

	border-radius: 8px;

	transition: all 500ms ease-in-out;

	outline: none;
}
.btn-blue-b,
.btn-gray-b,
.btn-yellow-b,
.btn-orange-b {
	height: 49px;
	line-height: 49px;
	text-transform: uppercase;
	font-size: 21px;
	font-weight: normal;
	padding: 0 25px;
	font-weight: 600;
}
.btn-blue,
.btn-gray,
.btn-yellow,
.btn-orange {
	height: 37px;
	line-height: 37px;
	font-size: 15px;
	font-weight: normal;
	padding: 0 8px;
}
.btn-blue-b,
.btn-blue      {
	border: 1px solid #549fa9;
	background-color: #3fb7c8;
	color: #FFF;
}
.btn-gray-b,
.btn-gray      {
	border: 1px solid #ddd;
	background-color: #f6f6f6;
	color: #6e6e6e;
}
.btn-yellow-b,
.btn-yellow    {
	border: 1px solid #fff;
	background-color: #F6AB0A;
	color: #FFF;
}
.btn-orange-b,
.btn-orange {
	border: 1px solid #fff;
	background-color: #eb6207;
	color: #FFF;
}

.btn-blue-b:hover,
.btn-blue-b:focus,
.btn-gray-b:hover,
.btn-gray-b:focus,
.btn-yellow-b:hover,
.btn-yellow-b:focus,
.btn-orange-b:hover,
.btn-orange-b:focus,
.btn-blue:hover,
.btn-blue:focus,
.btn-gray:hover,
.btn-gray:focus,
.btn-yellow:hover,
.btn-yellow:focus,
.btn-orange:hover,
.btn-orange:focus {
	opacity: 0.8;
}

.btn-gray-b:hover,
.btn-gray-b:focus,
.btn-gray:hover,
.btn-gray:focus {
	border-color: #549fa9;
}

.btn-blue-b:hover,
.btn-blue-b:focus,
.btn-blue:hover,
.btn-blue:focus   {border-color: #515151;}

.btn-yellow-b:hover,
.btn-yellow-b:focus,
.btn-yellow:hover,
.btn-yellow:focus {border-color: #de9904;}


/* toggle content */
.btn-toggle,
.btn-plus                  {
	display: -moz-inline-box;
	display: inline-block;
	=display: inline;
	=zoom: 1;

	/*width: 21px;*/
	height: 21px;
	line-height: 21px;

	background: url('btn-toggle.png') 0 0 no-repeat;
	padding: 0 0 0 30px;
	cursor: pointer;
}
.btn-toggle.toggle-open    {background-position: 0 0;}
.btn-toggle.toggle-close   {background-position: 0 -21px;}
.btn-toggle span           {}
.btn-plus                  {background: url('btn-plus.png') 0 0 no-repeat;}

/* napoveda */
.btn-help,
.btn-bubble-help,
.bubble-help-ico           {
	display: -moz-inline-box;
	display: inline-block;
	=display: inline;
	=zoom: 1;
	vertical-align: middle;
}
.btn-bubble-help           {height: 22px;}
.btn-help,
.bubble-help-ico           {
	width: 21px;
	height: 22px;

	background: url('btn-help.png') 0 0 no-repeat;
	cursor: pointer;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	margin: 0 0 0 20px;
}
.bubble-help-ico           {margin: 0; vertical-align: top;}
.help-bubble               {
	display: none;
	box-sizing: border-box;
	border: 1px solid #3FB7C8;
	background-color: #fff;
	border-radius: 5px;
	padding: 10px;
	font-size: 13px;
	font-weight: normal !important;
	text-indent: 0;
	line-height: 1.2;
	position: absolute;
	top: 0;
	left: 31px;
	min-width: 400px;
	max-width: 500px;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
	cursor: pointer;
	/*color: #3FB7C8;*/
}
.btn-bubble-help.open                  {position: relative;}
.btn-bubble-help.open .help-bubble     {display: block; z-index: 5;}
.btn-bubble-help.inline .help-bubble   {top: 30px; min-width: 0;}


/**
 * ---------------------
 * akce - buttonky
 */
a.action             {
	display: -moz-inline-box;
	display: inline-block;
	=display: inline;
	=zoom: 1;
	vertical-align: middle;

	text-align: center;
	text-decoration: none;
	color: #828282;
	font-size: 12px;
	outline: none;
}
a.action span        {display: block;}
a.action span.ico    {
	display: -moz-inline-box;
	display: inline-block;
	=display: inline;
	=zoom: 1;
	vertical-align: middle;
	height: 26px;
	background-image: url('action-icons.png');
	background-repeat: no-repeat;
	background-position: 0 -9999px;
	margin: 0 0 3px 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}
a.action-dns span.ico         {background-position: 0 0; width: 33px;}
a.action-server span.ico      {background-position: -50px 0; width: 23px;}
a.action-redirect span.ico    {background-position: -100px 0; width: 29px;}
a.action-prolong span.ico     {background-position: -150px 0; width: 29px;}
a.action-hosting span.ico     {background-position: -200px 0; width: 28px;}
a.action-edit span.ico        {background-position: -250px 0; width: 25px;}
a.action-delete span.ico      {background-position: -300px 0; width: 25px;}
a.action-pay span.ico         {background-position: -350px 0; width: 27px;}

a.action-dns:hover span.ico,
a.action-dns:focus span.ico         {background-position: 0 -30px;}
a.action-server:hover span.ico,
a.action-server:focus span.ico      {background-position: -50px -30px;}
a.action-redirect:hover span.ico,
a.action-redirect:focus span.ico    {background-position: -100px -30px;}
a.action-prolong:hover span.ico,
a.action-prolong:focus span.ico     {background-position: -150px -30px;}
a.action-hosting:hover span.ico,
a.action-hosting:focus span.ico     {background-position: -200px -30px;}
a.action-edit:hover span.ico,
a.action-edit:focus span.ico        {background-position: -250px -30px;}
a.action-delete:hover span.ico,
a.action-delete:focus span.ico      {background-position: -300px -30px;}
a.action-pay:hover span.ico,
a.action-pay:focus span.ico         {background-position: -350px -30px;}

a.action:hover,
a.action:focus    {color: #4fc4d6;}


.solo-actions a.action  {margin: 5px 15px;}


/**
 * ---------------------
 * vyhledani domeny
 */
form#domainForm                           {
	color: #FFF;
	text-align: center;
}
form#domainForm fieldset                  {border: 0; padding: 0; margin: 0;}
form#domainForm div.fieldset-box          {padding: 0;}
form#domainForm .i-domain                 {
	padding: 0 20px;
	box-sizing: border-box;
	min-width: 320px;
}
form#domainForm .i-domain-box,
form#domainForm .i-domain-in,
form#domainForm .i-domain-pre,
form#domainForm .i-submit                 {
	display: -moz-inline-box;
	display: inline-block;
	=display: inline;
	=zoom: 1;
	vertical-align: top;
}
form#domainForm .i-domain-pre             {
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 21px;
	line-height: 51px;
}
form#domainForm .i-domain-box             {
	width: 60%;
	max-width: 500px;
	margin-left: 10px;
	margin-right: 10px;
}
form#domainForm .i-domain-in              {position: relative; width: 100%;}

form#domainForm input.text                {
	padding-left: 15px;
	padding-right: 118px;
	width: 100%;
	height: 51px;
	line-height: 51px;
	background: #fff;
}
form#domainForm .tld-box      {
	position: absolute;
	top: 0;
	right: 0;
	/*padding-top: 1px;
	padding-right: 1px;*/
}
form#domainForm .select2-container {
	width: 105px;
}
form#domainForm .select2-container .select2-choice {
	/*border-color: #fff;*/
	border: none;
	height: 51px;
	line-height: 51px;
	background: none;
}
form#domainForm .select2-container .select2-choice .select2-arrow {
	background: none;
	top: 7px;
}

form#domainForm .i-submit                 {}


/**
 * ------------------
 * kroky
 */
div.steps                     {text-align: left; white-space: nowrap;}
div.steps span                {
	display: -moz-inline-box;
	display: inline-block;
	=display: inline;
	=zoom: 1;
	vertical-align: top;
	background-repeat: no-repeat;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}
div.steps a                   {
	display: -moz-inline-box;
	display: inline-block;
	=display: inline;
	=zoom: 1;
	vertical-align: top;

	transition: all 500ms ease-in-out;
}
div.steps a:hover,
div.steps a:focus             {opacity: 0.8;}
/* krok 1 - hp */
div.steps span.steps-1-hp     {
	width: 346px;
	height: 89px;
	background: url('steps-1.png') 0 0 no-repeat;
}
div.steps span.steps-1-hp span {
	background: url('steps-1-small.png') 0 0 no-repeat;
	display: none;
}
/* krok 2 + 3 */
div.steps span                {height: 57px; background-image: url('steps-2.png');}
div.steps .i-step-1,
div.steps .i-step-2,
div.steps .i-step-3           {width: 57px;}
div.steps .i-step-1           {background-position: 0 top;}
div.steps .i-step-2           {background-position: -82px top;}
div.steps .i-step-3           {background-position: right top;}
div.steps .i-step-1-arrow     {width: 25px; background-position: -57px top;}
div.steps .i-step-2-arrow     {width: 23px; background-position: -139px top;}
/* krok 1 */
div.steps-1                   {text-align: center;}
div.steps-1 span              {background-image: url('steps-1-small.png');}
/* krok 3 */
div.steps-3 span              {background-image: url('steps-3.png');}

/**
 * ----------------
 * 1. krok
 */
div.step1               {text-align: center; padding: 43px 0 43px 0;}
div.step1 h1            {
	font-size: 36px;
	color: #515151;
	font-weight: normal;
}
div.step1 h1 span       {font-weight: bold; color: #3fb7c8; white-space: nowrap;}
div.steps-1             {margin: 0 0 19px 0;}
div.step1 p             {color: #515151; font-size: 22px; margin: 0;}
div.step1 p span        {color: #3fb7c8; font-weight: bold;}

div.step1 .basket                   {max-width: 600px; margin: 20px auto 0;}
div.step1 .basket p                 {color: #545454; font-size: 16px;}
div.step1 .basket .i-total p        {font-size: 16px;}
div.step1 .basket .i-total p span   {color: #545454;}

/**
 * -----------------
 * 2. krok
 */
div.page-col-1 div.steps   {padding-top: 22px; margin: 0 0 30px 0;}

.steps-table               {width: 100%; font-size: 20px;}
.steps-table th            {
	text-align: left;
	padding: 10px 0 10px 15px;
	background-color: #D6EFF2;
}
.steps-table td            {
	text-align: left;
	padding: 10px;
	background-color: #D6EFF2;
}
.steps-table .odd th,
.steps-table .odd td       {background-color: #e7f4f6;}

.steps-table td.i-action      {padding: 5px 0; width: 94px;}
.steps-table td.i-action a    {width: 86px; padding: 0;}

span.loader                {
	display: -moz-inline-box;
	display: inline-block;
	=display: inline;
	=zoom: 1;
	width: 32px;
	height: 32px;
	background: url('ajax-loader_02.gif') 0 0 no-repeat;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	vertical-align: middle;
}
.odd span.loader           {
	background: url('ajax-loader.gif') 0 0 no-repeat;
}

.free    {color: #019212; font-weight: bold;}
.busy    {color: #d70000; font-weight: bold;}

.steps-table #domainName         {
	max-width: 310px;
	word-wrap: break-word;
	overflow: auto;
}

.steps-table td.i-time span      {
	display: -moz-inline-box;
	display: inline-block;
	=display: inline;
	=zoom: 1;
	vertical-align: bottom;
}
.steps-table input.domainPeriod  {
	border-radius: 8px;
	border: 0px;
	width: 40px;
	vertical-align: middle;
	margin-right: 3px;
}
.steps-table span.year-info   {margin-right: 15px;}


/**
 * pridat dalsi koncovky
 */
.add-other-tld {
	border-top: 1px solid #3fb7c8;
	padding-top: 10px;
	margin-top: 25px;
}
.add-other-tld .i-title {
	color: #3fb7c8;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	margin: 0;
}
.add-other-tld .i-title:after {
	content: '';
	display: block;
	width: 24px;
	height: 14px;
	background: url('arrow-down.png') center 0 no-repeat;
	margin: 6px auto 0;
}
.add-other-tld ul {
	margin: 16px -10px 0;
	padding: 0;
}
.add-other-tld li {
	margin: 0 20px 15px;
	list-style-type: none;
	display: inline-block;
	vertical-align: top;
	line-height: 37px;
}
.add-other-tld li a {
	text-decoration: none;
	display: inline-block;
	vertical-align: middle;
	height: 35px;
	line-height: 35px;
	padding: 0 2px;
	background-color: #56c663;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	position: relative;
}
.add-other-tld li.must-check a {
	background-color: #e8e8e8;
	color: #575757;
	border: 1px solid #8c8c8c;
}
.add-other-tld li a:before,
.add-other-tld li a:after {
	content: '';
	display: inline-block;
	width: 8px;
	height: 35px;
	background-image: url('add-other-tld.png');
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
}
.add-other-tld li a:after {
	background-position: 0 0;
	right: -8px;
}
.add-other-tld li a:before {
	background-position: 0 -35px;
	left: -8px;
}
.add-other-tld li.must-check a:after {
	height: 37px;
	background-position: 0 -70px;
	top: -1px;
}
.add-other-tld li.must-check a:before {
	height: 37px;
	background-position: 0 -107px;
	top: -1px;
}



/**
 * ----------------------
 * krok 2 - novy
 */
.order-step2-col-left {
	float: left;
	width: 79.8549%;
}
.order-step2-col-right {
	float: right;
	width: 18.1451%;
}

.order-step2 {
	margin-bottom: 30px;
}
.order-step2 .steps {
	text-align: left;
}
.order-step2 .steps span {
	vertical-align: middle;
}
.order-step2 .steps strong {
	font-weight: 100;
	text-transform: uppercase;
	font-size: 18px;
	color: #3fb7c8;
	display: inline-block;
	vertical-align: middle;
	margin-left: 12px;
}

.order-domain-list {
	display: table;
	width: 100%;
	font-size: 20px;
	margin-bottom: 28px;
	box-sizing: border-box;
}
.order-domain-list-in {
	display: table-row;
	box-sizing: border-box;
}
.order-domain-list .td {
	display: table-cell;
	vertical-align: middle;
	border-bottom: 2px solid #b8e4ea;
	padding: 12px 10px;
	box-sizing: border-box;
}

.order-domain-list #domainName         {
	max-width: 270px;
	word-wrap: break-word;
	overflow: auto;
	display: inline-block;
}
.order-domain-list input.domainPeriod  {
	border-radius: 8px;
	border: 0px;
	width: 40px;
	vertical-align: middle;
	margin-right: 3px;
}
.order-domain-list .btn-blue {
	background-color: #79c6d1;
	border-color: #79c6d1;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
.order-domain-list .btn-gray {
	background-color: #f6f6f6;
	border-color: #ddd;
	color: #6e6e6e;
}
.order-domain-list .free {
	color: #50c57f;
}
.order-domain-list .btn-delete {
	width: 17px;
	height: 17px;
	background: url('btn-delete-gray.png') 0 0 no-repeat;
	margin-bottom: 7px;
}
.order-domain-list .i-delete {
	padding-left: 0;
}
.order-domain-list .i-action {
	text-align: right;
	padding-right: 2px;
}
.page-logged .order-domain-list span.loader {
	background: url('ajax-loader_02-white.gif') 0 0 no-repeat;
}


.order-step2 .register-express {
	display: none;
	margin-bottom: 23px;
}


.order-step2-check-other-domains {
	color: #3fb7c8;
}
.order-step2-check-other-domains h3 {
	font-size: 18px;
	font-weight: 100;
	margin: 0 0 33px 0;
}
.order-step2-check-other-domains .tld-list {}
.order-step2-check-other-domains .tld-list .i-row {
	border-bottom: 1px solid #9edae3;
}
.order-step2-check-other-domains .tld-list .i-title {
	font-size: 18px;
	font-weight: 100;
	padding: 11px 50px 14px 4px;
	cursor: pointer;
	position: relative;
}
.order-step2-check-other-domains .tld-list .i-title:hover {
	text-decoration: underline;
}
.order-step2-check-other-domains .tld-list .i-title:after {
	content: '';
	display: block;
	width: 23px;
	height: 14px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAOCAYAAADE84fzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0M0NzVCQThFNEEzMTFFNUI1QjFFNjU3OTg0RjM2QzQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0M0NzVCQTlFNEEzMTFFNUI1QjFFNjU3OTg0RjM2QzQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3QzQ3NUJBNkU0QTMxMUU1QjVCMUU2NTc5ODRGMzZDNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3QzQ3NUJBN0U0QTMxMUU1QjVCMUU2NTc5ODRGMzZDNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuMm5K0AAAEBSURBVHjanJTBDcIwDEWdTNABQOICZ5iAMgIbECaAEdiACWg3KRvAGS5IMEA2KN+ViyLkNG0tua0s5/3YcWPquqbi+cmI6AD3bj45k5gxhobY5fGe4bWDv/aLaWkEfkNgKTkl/AgRPwQOMK+v4JmEThbgPACTKFdSzVgw29ricVfym2QsykaC2bzl8vHhxgh0gHnDjndOECiHCiDG7btFwBscqLdtJBDwKQEBF8pmfuBm2nhaQsNBdpW6hed9wCo8IeCVmApms9pBoUVNstIiDXzVwNGd96igtRJQF1tvu2YYC2MVJMFJeCCw+vvZkuBkW8K7RUaRR9DzpdTnWvgKMAAq5IAN5ulEdQAAAABJRU5ErkJggg==) 0 0 no-repeat;
	position: absolute;
	right: 14px;
	top: 50%;
	margin-top: -7px;
}
.tld-button {
	box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
	color: #3fb7c8;
	font-weight: bold;
	font-size: 18px;
	text-transform: uppercase;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 8px;
	height: 42px;
	line-height: 40px;
	text-decoration: none;
	padding: 0 20px;
}
.order-step2-check-other-domains .i-tld {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin: 0 0 20px 36px;
}
.order-step2-check-other-domains .i-tld span {
	display: block;
	font-size: 10px;
	text-transform: uppercase;
	padding-top: 4px;
}
.order-step2-check-other-domains .i-top-domains,
.order-step2-check-other-domains .i-list {
	margin-left: -36px;
}

.page-logged .tld-button {
	border-color: #3fb7c8;
}


/**
 * --------------
 * kosik
 */
.basket {
	margin-bottom: 30px;
}

#basket-small {
	display: none;
}

.basket-full .basket-title {
	background-color: #79c6d1;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	margin: 0;
	line-height: 52px;
	height: 52px;
	text-indent: 15px;
	border-radius: 7px 7px 0 0;
}
.basket-items {
	background-color: #fff;
	border: 1px solid #fff;
	border-top: 0;
	border-radius: 0 0 7px 7px;
	color: #545454;
	padding: 0 17px 0 17px;
}
.basket .i {
	padding: 5px 0 5px 3px;
	font-size: 16px;
	border-bottom: 2px solid #cbebf0;
}
.basket .i .i-name {
	float: left;
	margin-right: 10px;
	line-height: 30px;
	max-width: 170px;
	overflow: auto;
	word-wrap: break-word;
	text-align: left;
}
div.step1 .basket .i .i-name {
	max-width: 80%;
}
.basket .i .i-delete {
	float: right;
}
.basket .btn-delete {
	width: 17px;
	height: 17px;
	background: url('btn-delete-basket.png') 0 0 no-repeat;
}
.basket .i p {
	margin: 0;
}
.basket .i .i-time {
	float: left;
	margin-right: 10px;
}
.basket .i .i-price {
	float: right;
}

a.btn-delete {
	display: -moz-inline-box;
	display: inline-block;
	=display: inline;
	=zoom: 1;
	width: 20px;
	height: 20px;
	background: url('btn-delete.png') 0 0 no-repeat;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	vertical-align: middle;
}

.basket .i-faktura {
	line-height: 30px;
}

.basket .i-total {
	padding: 10px 0 0 0;
	font-size: 16px;
}
.basket .i-total p {
	margin: 0;
}
.basket .i-totalWithVat {
	font-weight: bold;
	padding-bottom: 22px;
}
.basket .i-total .i-total-label {
	float: left;
	letter-spacing: -1px;
}
.basket .i-total .i-total-price {
	float: right;
}
.basket .i-total .i-btn {
	clear: both;
	text-align: center;
	padding: 0 0 22px 0;
}

.page-logged .basket-items {
	border-color: #79c6d1;
}


/**
 * -----------------------
 * 3. krok
 * + uniform ala 3. krok
 */
div.step3Form-box                   {
	float: left;
	margin: 0 27px 0 0;
}
form#step3Form,
form.uniForm                        {}
form#step3Form fieldset,
form.uniForm fieldset               {border: 0; margin: 0; padding: 0;}
form#step3Form div.fieldset-box,
form.uniForm div.fieldset-box       {padding: 0 0 0 5px;}
form#step3Form dl,
form.uniForm dl                     {margin: 0 0 23px 0;}
form#step3Form dt,
form#step3Form dd,
form.uniForm dt,
form.uniForm dd                     {
	display: -moz-inline-box;
	display: inline-block;
	=display: inline;
	=zoom: 1;
	vertical-align: middle;
}
form#step3Form dt,
form.uniForm dt                     {width: 145px;}
form#step3Form input.text,
form.uniForm input.text             {width: 310px;}
form#step3Form select,
form.uniForm select,
form#step3Form .select2-container,
form.uniForm .select2-container     {width: 310px;}

form#step3Form span.fancy-radio,
form.uniForm span.fancy-radio       {
	width: 22px;
	height: 22px;
	background-image: url('radio.png');
}
form#step3Form label.fancyform-item,
form.uniForm label.fancyform-item         {
	display: -moz-inline-box;
	display: inline-block;
	=display: inline;
	=zoom: 1;
	vertical-align: middle;
	margin-right: 10px;
}
form#step3Form .fancy-on span.fancy-radio,
form.uniForm .fancy-on span.fancy-radio   {background-position: 0 -22px;}

form#step3Form .i-texthelp,
form.uniForm .i-texthelp            {
	font-size: 12px;
	color: #3fb7c8;
	display: none;
	position: absolute;
	right: -275px;
	top: 0;
	width: 250px;
	padding: 0 0 0 25px;
	background: url('orderform-help-arrow.png') 7px 6px no-repeat;/*22px*/
}
form#step3Form .btn-texthelp,
form.uniForm .btn-texthelp          {background-position: 7px 10px;}
form#step3Form .btn-plus,
form.uniForm .btn-plus              {margin-left: 20px;}
form#step3Form .btn-bubble-help,
form.uniForm .btn-bubble-help       {margin-left: 20px;}

input#frmudajeForm-predvolba,
input#frmudajeForm-faxpredvolba,
input#frmkontaktForm-predvolba,
input#frmkontaktForm-faxpredvolba   {width: 55px !important;}
input#frmudajeForm-telefon,
input#frmudajeForm-fax,
input#frmkontaktForm-telefon,
input#frmkontaktForm-fax            {width: 251px !important;}


/**
 * -----------------------
 * uni tabulka
 */
table.uni-table            {
	width: 100%;
	margin: 0 0 20px 0;
}
table.uni-table th,
table.uni-table td         {
	color: #404040;
	font-size: 15px;
	text-align: left;
	padding: 13px 8px 11px;
}
table.uni-table th         {border-bottom: 1px solid #ddd;}
table.uni-table th,
table.uni-table .odd td    {background-color: #f6f6f6;}
table.uni-table .even td   {background-color: #fff;}
table.uni-table tr th:first-child,
table.uni-table tr td:first-child   {
	padding-left: 28px;
}
table.uni-table th.i-actions,
table.uni-table td.i-actions           {
	text-align: right;
	padding-left: 0;
	padding-right: 18px;
}
table.uni-table td.i-actions           {padding-top: 8px; padding-bottom: 6px; white-space:nowrap;}
table.uni-table td.i-actions .action   {margin: 5px 10px;}

table.uni-table p.i-par                {
	margin: 0 0 5px;
}
table.uni-table p.i-par:last-child     {margin-bottom: 0;}
table.uni-table .smaller               {font-size: 13px;}

table.uni-table .val-note {
	display: block;
	font-size: 12px;
	color: #777;
}

/**
 * -----------------------
 * menu ve sloupci
 */
.column-menu      {margin: 0 0 30px 0;}
.column-menu ul   {margin: 0; padding: 0;}
.column-menu li   {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.column-menu a    {
	text-decoration: none;
	color: #7a7a7a;
}

.column-menu a.m1                {
	display: block;
	font-size: 17px;
	padding: 7px 10px 8px 20px;
}
.column-menu .active a.m1        {
	background-color: #f5f5f5;
	color: #50c6d6;
	border-radius: 7px;
}

.column-menu ul.m2               {padding: 15px 0 0 33px;}
.column-menu li.m2               {margin-bottom: 5px;}
.column-menu a.m2                {
	font-size: 13px;
	background: url('column-menu-it.gif') 0 6px no-repeat;
}
.column-menu a.m2 span           {
	display: -moz-inline-box;
	display: inline-block;
	=display: inline;
	=zoom: 1;
	padding-left: 12px;
	background: url('column-menu-it-act.gif') -9999px 6px no-repeat;
}
.column-menu a.m2.active         {
	font-weight: bold;
	background-position: -9999px 6px;
}
.column-menu a.m2.active span    {
	background-position: 0 6px;
}

.column-menu ul.m3               {padding: 4px 0 4px 18px;}
.column-menu li.m3               {margin-bottom: 2px;}
.column-menu a.m3                {
	font-size: 13px;
	color: #4fc5d6;
}
.column-menu a.m3.active         {font-weight: bold;}

.column-menu a:hover,
.column-menu a:focus,
.column-menu a.m2:hover span,
.column-menu a.m2:focus span      {text-decoration: underline;}

/* column menu v hlavicce */
.header-menu .column-menu {
	border-top: 1px solid #f5f5f5;
	padding: 10px 15px 10px;
	font-size: 16px;
	margin: 0;
}
.header-menu .column-menu a {
	color: #f5f5f5;
}
.header-menu .column-menu a.m1 {
	font-size: 16px;
	padding: 7px 30px 7px 30px;
	display: -moz-inline-box;
	display: inline-block;
	=display: inline;
	=zoom: 1;
}
.header-menu .column-menu a.m2 {
	background-image: url('header-column-menu-it.gif');
}
.header-menu .column-menu a.m2 span {
	background-image: url('header-column-menu-it-act.gif');
}


/**
 * --------------------
 * zapomenute heslo
 */
#frm-lostPasswordForm         {margin: 0 0 30px 0; text-align: center;}
#frm-lostPasswordForm input,
#frm-lostPasswordForm label   {
	display: -moz-inline-box;
	display: inline-block;
	=display: inline;
	=zoom: 1;
	vertical-align: middle;
}

/**
 * -------------------------
 * registrace, prihlaseni
 */
#frm-registraceForm              {text-align: center;}
#frm-signInForm input.text,
#frm-registraceForm input.text   {width: 400px;}


/**
 * ----------------------------
 * zmena hesla, zmena emailu
 */
#frm-newPasswordForm             {}
#frm-newPasswordForm dt,
#frm-changeEmailForm dt          {
	float: left;
	width: 150px;
	line-height: 49px;
	margin: 0;
}
#frm-newPasswordForm input.text  {width: 250px;}
#frm-changeEmailForm dt          {width: 60px;}
#frm-changeEmailForm input.text  {width: 380px;}


/**
 * ----------------------------
 * potvrzeni objednavky
 */
.order-confirm          {}
.order-confirm h2       {margin: 0 0 1em 0;}

.order-confirm-reg h3   {line-height: 50px;}
.order-confirm-reg p    {margin: 0 0 5px 0;}

.order-confirm-basket .basket    {margin: 0;}

.order-confirm-bank p   {margin: 0 0 5px 0;}
.order-confirm-qr img   {vertical-align: top; max-width: 200px;}

.order-confirm-cardpay  {}
.order-confirm-cardpay a.visa,
.order-confirm-cardpay a.visaelectron,
.order-confirm-cardpay a.mastercard,
.order-confirm-cardpay a.maestro {margin-right: 20px; margin-bottom: 20px;}

a.visa,
a.visaelectron,
a.mastercard,
a.maestro               {
	width: 88px;
	height: 58px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	vertical-align: top;
	background-image: url('cards@2x.png');
	background-repeat: no-repeat;
}
a.visaelectron          {background-position: -264px -18px;}
a.visa                  {background-position: -362px -18px;}
a.maestro               {background-position: -460px -18px;}
a.mastercard            {background-position: -558px -18px;}

.order-confirm-generate-password    {
	border: 1px solid #04879A;
	padding: 10px;
	border-radius: 10px;
	margin: 30px 0 30px 0;
}


/**
 * --------------------
 * prevod domeny
 */
/* info */
div.transfer-info    {
	display: none;
	padding: 10px;
	font-weight: bold;
}
/* prevod */
.transferDomain .i-new-account input.text    {width: 100%;}
.transferDomain .i-login                     {text-align: center;}
div.transferDomain-data h2 span              {font-style: normal; font-weight: bold;}


/**
 * --------------------
 * detail domeny
 */
.domain-detail          {}
.domain-detail h1 span  {font-weight: normal;}
.domain-detail-box      {margin-bottom: 30px;}


/**
 * --------------------
 * editace dns domeny
 */
.domain-dns-edit                             {}
.domain-dns-edit table.uni-table             {margin: 0 0 30px 0;}
.domain-dns-edit table.uni-table .i-actions  {white-space: nowrap;}


/**
 * --------------------
 * napoveda
 */
.help-categories-menu   {
	padding-top: 11%;
}

.help                   {}
.help ul.items,
.help-list ul.items,
.help-tags ul.items     {
	margin: 0 0 1em 0;
	padding: 0;
	list-style: none;
}
.help li.i              {
	margin: 0 0 .5em 0;
	padding: 0;
	list-style-type: none;
}
.help-categories-list      {}
.help-categories-list li.i {
	font-size: 18px;
	font-weight: bold;
}

.help .i-back,
.help-back                 {margin-top: 2em; margin-bottom: 2em; font-size: 13px;}
.help .i-back a,
.help-back a               {color: #404040;}

.help-list li.i            {
	background: url('li-dark.png') 0 6px no-repeat;
	padding-left: 20px;
	margin-bottom: 1em;
}
.help-list .i-text         {margin: 0;}

.help-article                 {}
.help-article .help-editorial,
.help-article .help-content   {margin-bottom: 30px;}

.help-similar                 {margin: 30px 0;}
.help-tags                    {margin: 30px 0;}
.help-tags li:after           {
	content: '|';
	display: -moz-inline-box;
	display: inline-block;
	=display: inline;
	=zoom: 1;
	vertical-align: top;
	font-size: 12px;
	color: #ccc;
}
.help-tags li:last-child:after {display: none;}

.help-similar li            {
	font-size: 16px;
	font-weight: bold;
}

.help-navigate,
.help-bc                   {margin: 0 0 20px 0;}
.help-navigate span,
.help-bc span              {font-weight: bold;}


/* cloud */
.tags-cloud          {
	text-align: center;
	margin: -5px 0 0 0;
	padding: 0;
	list-style: none;
}
.tags-cloud li       {
	margin: 5px;
	vertical-align: middle;
}
.tags-cloud a        {}

.tags-cloud a.tag0 {font-size: 0.8em; font-weight: normal;}
.tags-cloud a.tag1 {font-size: 0.9em; font-weight: normal;}
.tags-cloud a.tag2 {font-size: 1.0em; font-weight: normal;}
.tags-cloud a.tag3 {font-size: 1.1em; font-weight: normal;}
.tags-cloud a.tag4 {font-size: 1.2em; font-weight: normal;}
.tags-cloud a.tag5 {font-size: 1.3em; font-weight: 600;}
.tags-cloud a.tag6 {font-size: 1.4em; font-weight: 600;}
.tags-cloud a.tag7 {font-size: 1.5em; font-weight: bold;}
.tags-cloud a.tag8 {font-size: 1.6em; font-weight: bold;}
.tags-cloud a.tag9 {font-size: 1.8em; font-weight: 900;}
.tags-cloud a.tag10 {font-size: 2.0em; font-weight: 900;}



/**
 * -------------------------------------
 * slevovy prouzek nad hlavickou
 */
.header-discount-banner {
	color: #fff;
/*   background-color: #b7225a;*/
	background-color:rebeccapurple;
	border-bottom: 3px solid #fff;
}
.header-discount-banner-box {
	position: relative;
}
.header-discount-banner .i-title {
	float: left;
	font-weight: 100;
	font-size: 18px;
	text-transform: uppercase;
	line-height: 40px;
	margin-right: 11px;
	margin-top: 13px;
	margin-bottom: 13px;
}
.header-discount-banner .i-domain {
	float: left;
	margin-top: 13px;
	margin-bottom: 13px;
}
.header-discount-banner input.text {
	height: 40px;
	line-height: 40px;
	border: 1px solid #ddd;
	vertical-align: top;
	width: 310px;
	font-size: 14px;
	padding: 0 15px;
}
.header-discount-banner .i-tld {
	font-weight: bold;
	font-size: 28px;
	line-height: 40px;
	display: inline-block;
	margin-left: 9px;
	text-transform: uppercase;
}
.header-discount-banner .i-countdown-box {
	float: right;
}
.header-discount-banner .i-countdown-title {
	font-weight: normal;
	font-size: 24px;
	text-transform: uppercase;
	margin-right: 13px;
	line-height: 40px;
	margin-top: 13px;
	margin-bottom: 13px;
}
.countdown {
	text-align: center;
	padding-top: 7px;
	vertical-align: top;
}
.countdown .i {
	margin: 0 0 0 3px;
}
.countdown .i-val {
	position: relative;
	height: 38px;
	line-height: 38px;
	width: 30px;

	background: #202020;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIwMjAyMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzFkMWQxZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzM1MzUzNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMjIyMjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #202020 0%, #1d1d1d 50%, #353535 51%, #222222 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#202020), color-stop(50%,#1d1d1d), color-stop(51%,#353535), color-stop(100%,#222222));
	background: -webkit-linear-gradient(top,  #202020 0%,#1d1d1d 50%,#353535 51%,#222222 100%);
	background: -o-linear-gradient(top,  #202020 0%,#1d1d1d 50%,#353535 51%,#222222 100%);
	background: -ms-linear-gradient(top,  #202020 0%,#1d1d1d 50%,#353535 51%,#222222 100%);
	background: linear-gradient(to bottom,  #202020 0%,#1d1d1d 50%,#353535 51%,#222222 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202020', endColorstr='#222222',GradientType=0 );

	border-radius: 3px;

	border-top: 1px solid #4D4D4D;
	border-bottom: 1px solid #000;

	box-shadow: 0 0 3px 0 rgba(0,0,0,0.4), inset 0 -1px 0 0 rgba(48,48,48,1);

	color: #fff;
	font-family: Oswald;
	font-size: 20px;
	font-weight: normal;
}
:root .countdown .i-val {
	filter: none;
}
.countdown .i-val:after {
	content: '';
	width: 100%;
	height: 1px;

	background-color: #000;

	box-shadow: 0 0 1px 0 rgba(0,0,0,0.4);

	position: absolute;
	top: 50%;
	left: 0;
}
.countdown .i-label {
	display: block;
	font-size: 9px;
	line-height: 1;
}


/**
 * -------------------------
 * reference
 */
.references {
	text-align: center;
	background: url('references-title-border.gif') 0 0 repeat-x;
	padding-top: 40px;
	margin-top: 40px;
	margin-bottom: 25px;
}
.references h2 {
	color: #3fb7c8;
	font-size: 30px;
	font-weight: 100;
	font-style: normal;
	margin: 0 0 35px 0;
}
.references .i {
	display: inline-block;
	vertical-align: top;
	width: 33.333333%;
	padding: 0 40px;
	box-sizing: border-box;
	margin-bottom: 50px;
}
.references .i-image {
	margin-bottom: 33px;
}
.references .i-image img {
	vertical-align: top;
	border-radius: 50%;
	border: 1px solid #aed0d8;
}
.references .i-person {
	background: url('references-border.gif') 0 bottom repeat-x;
	margin: 0 35px 26px;
	padding-bottom: 17px;
}
.references h3 {
	font-size: 24px;
	font-weight: 100;
	margin: 0;
}
.references .i-position {
	margin: 0;
	font-size: 16px;
	color: #3fb7c8;
	font-weight: 100;
}
.references .i-text {
	font-size: 16px;
	font-weight: 100;
}


/**
 * ----------------------
 * popup - newsletter
 */
#popup-newsletter {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 120;
}
#popup-newsletter.top {
	position: absolute;
	top: 0;
	bottom: auto;
}
#popup-newsletter .i-box {
	margin: 0 auto;
	max-width: 765px;
	position: relative;

	background-color: #bbe8d5;
	color: #158595;
	font-size: 14px;
}
#popup-newsletter .i-content {
	padding: 85px 45px 95px 52px;
}
#popup-newsletter .i-image {
	display: inline-block;
	vertical-align: middle;
	width: 36.22%;
	margin-right: 8.23%;
}
#popup-newsletter .i-image img {
	vertical-align: middle;
	height: auto;
}
#popup-newsletter .i-text {
	display: inline-block;
	vertical-align: middle;
	width: 55.39%;
}
#popup-newsletter h3 {
	color: #515151;
	font-size: 22px;
}
#popup-newsletter .i-text p {
	margin: 0;
}

#popup-newsletter .i-form {
	background-color: #415f63;
}
#popup-newsletter div.fieldset-box {
	padding: 32px 49px 39px 67px;
	position: relative;
}
#popup-newsletter .i-email {
	padding-right: 268px;
}
#popup-newsletter .i-submit {
	position: absolute;
	right: 49px;
	top: 32px;
}
#popup-newsletter input.text {
	border: 0 !important;
	height: 64px;
	line-height: 64px;
	padding: 0 25px;
	font-size: 20px;
	color: #303030;
	width: 100%;
}
#popup-newsletter input.submit {
	border: 0;
	height: 64px;
	line-height: 64px;
	font-size: 20px;
	padding: 0;
	width: 240px;
}

#popup-newsletter .popup-close {
	pointer:cursor;
	display: block;
	width: 20px;
	height: 20px;
	background: url('btn-delete.png') 0 0 no-repeat;
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}

#popup-overlay {
	background-color: #000;
	opacity: 0.7;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
}


/**
 * ---------------------------------------------
 * *************** media queries ***************
 * ---------------------------------------------
 */
@media screen and (max-width: 1280px) {
	.page {
		padding-bottom: 65px;
	}

	/* 3col layout */
	div.page-col-1       {width: 23%; min-width: 225px; margin-right: 0;}
	div.page-container   {float: right; width: 74%;}
	.page-anonymous div.page-container {float: none; width: 100%;}
	div.page-col-2       {float: none; width: auto; margin: 0 0 30px 0;}
	div.page-col-3       {float: none; width: 50%; min-width: 225px; clear: both;}

	/* slevovy prouzek */
	.header-discount-banner-box {
		padding: 0 20px;
	}
	.header-discount-banner .i-title,
	.header-discount-banner .i-tld {
		font-size: 26px;
	}
	.header-discount-banner input.text {
		width: 275px;
	}
	.header-discount-banner .i-countdown-title {
		font-size: 18px;
	}

	/* references */
	.references .i-person {
		margin-left: 0;
		margin-right: 0;
	}


	/* objednavka - krok 2 */
	.order-step2-col-left {
		float: none;
		width: 100%;
	}
	.order-step2-col-right {
		float: none;
		width: 100%;
	}

	.order-step2 .register-express {
		display: block;
	}

	/* objednavka - kosik */
	.basket {
		width: 100%;
		position: fixed;
		left: 0;
		bottom: 0;
		margin: 0 !important;
		max-width: none !important;
	}
	.basket.absolute {
		position: absolute;
		bottom: auto;
	}
	.basket-box {
		padding: 0 20px;
	}
	.basket-box2 {
		box-sizing: border-box;
		margin-left: auto;
		margin-right: auto;
		max-width: 280px;
		box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
		border-radius: 7px 7px 0 0;
	}
	#basket-full {
		display: none;
	}
	#basket-small {
		display: block;
	}
	#basket-small-btn {
		display: block;
		background-color: #79c6d1;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		border-radius: 7px 7px 0 0;
		text-decoration: none;
		padding: 8px 15px 9px;
		outline: none;
	}
	#basket-small-btn:before {
		content: '';
		display: inline-block;
		width: 32px;
		height: 32px;
		background: url('basket-ico.png') 0 0 no-repeat;
		float: left;
		margin-right: 15px;
		margin-top: 7px;
	}
	.basket-small-in {
		overflow: hidden;
	}
	.basket-small-title {
		font-size: 18px;
		font-weight: normal;
		text-transform: uppercase;
		margin: 0;
	}

	.basket.open .basket-small-data {
		display: none;
	}
	.basket.open #basket-small-btn:before {
		margin-top: -2px;
	}
	.basket.open #basket-small-btn {
		padding: 12px 15px 13px;
		position: relative;
	}
	.basket.open #basket-small-btn:after {
		content: '';
		display: block;
		width: 20px;
		height: 20px;
		background: url('btn-delete.png') 0 0 no-repeat;
		position: absolute;
		right: 15px;
		top: 50%;
		margin-top: -10px;
	}
	.basket.open #basket-full {
		display: block;
	}
	.basket .basket-full .basket-title {
		display: none;
	}
	.basket .basket-items {
		border-radius: 0;
	}
	.basket .i .i-name {
		max-width: 205px;
	}

	.basket.open.absolute .basket-box2 {
		border-radius: 7px;
	}
	.basket.open.absolute .basket-items {
		border-radius: 0 0 7px 7px;
	}
}

@media screen and (min-width: 991px) and (max-width: 1239px) {

}

@media screen and (max-width: 1100px) {
	/* footer */
	.page-footer-info    {padding-left: 22px; padding-right: 22px;}
	.footer-copyright    {margin-bottom: 15px; margin-left: 0;}
	.footer-cert         {margin-bottom: 15px;}
	.footer-search       {float: right; margin-right: 0; margin-left: 20px;}
	.footer-payments     {float: none; clear: both;}

	/* slevovy prouzek */
	.header-discount-banner .i-tld {
		font-size: 22px;
	}
	.header-discount-banner .i-countdown-title {
		font-size: 12px;
	}
}

@media screen and (max-width: 990px) {
	.column-menu {display: none;}

	/* header */
	.page-header {
		height: 44px;
	}

	#header-menu-btn,
	#header-menu-close {display: block;}
	.header-menu      {
		display: none;
		text-align: left;
		padding: 0;
	}
	.header-menu.show {
		display: block;
		position: absolute;
		top: 44px;
		left: 0;
		z-index: 100;
		width: 100%;
		background-color: #515151;
		color: #f5f5f5;
		padding-top: 10px;
		padding-bottom: 10px;
		box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3);
	}

	.header-main-menu {
		padding: 0 15px;
	}
	.header-main-menu li {
		display: block;
		margin: 0 0 10px 0;
		line-height: 1.4;
		word-break: break-all;
	}
	.header-main-menu span.ico {
		width: 20px !important;
	}
	.header-main-menu li span {
		white-space: normal;
	}

	.header-menu .column-menu {
		display: block;
	}

	/* footer */
	.footer-menu      {float: none; width: 100%;}
	div#socials       {
		float: none;
		max-width: none;
		width: auto;
	}

	/* 3col layout */
	div.page-col-1          {float: none; width: auto; min-width: auto; margin-bottom: 0;}
	div.page-container      {float: none; width: auto;}

	/* slevovy prouzek */
	.header-discount-banner .i-title,
	.header-discount-banner .i-tld {
		font-size: 18px;
	}
	.header-discount-banner input.text {
		width: 200px;
	}
	.header-discount-banner .i-countdown-title {
		margin-right: 10px;
	}

	/* references */
	.references .i {
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media screen and (max-width: 800px) {
	/* slevovy prouzek */
	.header-discount-banner .i-title,
	.header-discount-banner .i-domain {
		margin-top: 29px;
	}
	.header-discount-banner .i-countdown-box {
		margin: 13px 0;
	}
	.header-discount-banner .i-countdown-title {
		display: block;
		line-height: 1;
		margin: 0;
	}

	/* references */
	.references .i {
		padding-left: 20px;
		padding-right: 20px;
		width: 100%;
	}

	/* newsletter popup */
	#popup-newsletter {
		position: absolute;
		top: 0;
		bottom: auto;
	}
	#popup-newsletter .i-content {
		padding: 40px 30px;
	}
	#popup-newsletter h3 {
		font-size: 18px;
	}
	#popup-newsletter div.fieldset-box {
		padding: 30px;
	}
	#popup-newsletter .i-submit {
		top: 30px;
		right: 30px;
	}


	/* objednavka krok 2 */
	.order-step2 .steps strong {
		display: block;
		margin: 10px 0 0 0;
	}
	.order-domain-list {
		display: block;
	}
	.order-domain-list-in {
		display: block;
		border-bottom: 2px solid #b8e4ea;
		padding: 12px 0;
	}
	.order-domain-list .td {
		/*display: block;*/
		border: 0;
		padding: 3px 0;
		display: inline-block;
		margin-right: 15px;
	}
	.order-domain-list .i-delete {
		display: inline-block;
		vertical-align: middle;
		margin-right: 12px;
	}
	.order-domain-list .btn-delete {
		/*margin-bottom: 5px;*/
	}
	.order-domain-list .i-name {
		display: inline-block;
		vertical-align: middle;
		max-width: 80%;
	}
	.order-domain-list #domainName {
		max-width: 100%;
	}
	.order-domain-list .i-action {
		text-align: left;
		margin-right: 0;
	}
}

@media screen and (max-width: 768px) {
	/* vyhledavani */
	form#domainForm .i-domain-pre,
	form#domainForm input.text,
	form#domainForm .select2-container .select2-choice {font-size: 15px;}
	form#domainForm input.submit     {font-size: 18px;}

	/* 3col layout */
	div.page-col-3       {width: 100%;}

	/* step3 */
	div.step3Form-box             {float: none; margin: 0;}

	form#step3Form dt,
	form#step3Form dd,
	form.uniForm dt,
	form.uniForm dd               {display: block;}
	form#step3Form dt,
	form.uniForm dt               {float: left; line-height: 51px;}
	form#step3Form dd,
	form.uniForm dd               {float: left;}
	form#step3Form label.fancyform-item,
	form.uniForm label.fancyform-item   {line-height: 51px;}
	form#step3Form .i-texthelp,
	form.uniForm .i-texthelp      {
		position: static;
		top: auto;
		left: auto;
		width: 310px;
		padding: 5px 0 0 0;
		background: none !important;
	}
	form#step3Form dl.formitem-agree label.fancyform-item,
	form.uniForm dl.formitem-agree label.fancyform-item      {line-height: 1.3;}


	/* tabulky */
	table.uni-table,
	table.uni-table thead,
	table.uni-table tbody,
	table.uni-table tr,
	table.uni-table th,
	table.uni-table td            {
		display: block;
	}
	table.uni-table thead tr      {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	table.uni-table tr            {
		border: 1px solid #ddd;
		border-bottom: 0;
	}
	.ie9 table.uni-table tr       {
		float: left;
		clear: both;
		border-bottom: 1px solid #ddd;
	}
	.ie9 table.uni-table tr.odd   {background-color: #f6f6f6;}
	table.uni-table td            {
		border: none;
		border-bottom: 1px solid #ddd;
		position: relative;
		padding-left: 50% !important;
		padding-top: 7px;
		padding-bottom: 6px;
		white-space: normal;
		text-align: left;
	}
	.ie9 table.uni-table td       {float: left; border: 0;}
	table.uni-table td:before     {
		position: absolute;
		top: 7px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		text-align: left;
		font-weight: bold;
	}
	table.uni-table td:before     {content: attr(data-title);}

	table.uni-table th.i-actions,
	table.uni-table td.i-actions  {text-align: left; white-space:normal;}
	table.uni-table td.i-actions .action:first-child   {margin-left: 0;}

	table.uni-table td.m-td-full:before {display: none !important;}
	table.uni-table td.m-td-full        {padding-left: 6px !important;}

	/* editace dns */
	.domain-dns-edit table.uni-table .i-actions  {white-space: normal;}

	/* tabulka - step 2 */
	.steps-table table,
	.steps-table tr,
	.steps-table th,
	.steps-table td               {display: block;}

	.steps-table tr               {
		float: left;
		clear: both;
		width: 100%;
	}
	.steps-table tr.odd           {background-color: #E7F4F6;}

	.steps-table th,
	.steps-table td               {background: none !important;}
	.steps-table th               {padding: 10px !important;}
	.steps-table td               {
		float: left;
		padding-left: 0 !important;
		padding-right: 0 !important;
		width: 33.33%;
		text-indent: 10px;
	}
	.steps-table td.i-action      {width: auto; float: right; padding-right: 10px !important;}

	div.steps   {text-align: center;}

	/**
	 * potvrzeni objednavky
	 */
	.col-2-row div.i-left,
	.col-2-row div.i-right           {float: none; width: auto;}

	/* detail domeny */
	.domain-detail #frm-billingContactChangeForm select,
	.domain-detail #frm-billingContactChangeForm .select2-container {width: 280px;}

	/* btns */
	.btn-blue-b,
	.btn-gray-b {
		font-size: 18px;
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media screen and (max-width: 660px) {

	div.steps span.steps-1-hp {
		background: none !important;
		width: 219px;
		height: 56px;
	}
	div.steps span.steps-1-hp span {
		display: block;
		width: 219px;
		height: 56px;
	}

	/* vyhledavani */
	.page-ahead                      {padding: 30px 0 30px;}

	form#domainForm .i-domain-box    {width: 80%; margin-right: 0;}
	form#domainForm .i-submit        {display: block; padding-top: 10px;}

	/* footer */
	.footer-menu                     {margin: 0 0 13px 0;}
	.footer-menu-in                  {background: none;}
	.footer-menu-in2                 {background: none;}
	.footer-menu .col                {float: none; width: auto; margin-bottom: 25px;}
	.footer-menu ul                  {}
	.footer-menu li                  {
		display: -moz-inline-box;
		display: inline-block;
		=display: inline;
		=zoom: 1;

		padding: 0;
		margin-bottom: 8px;
	}
	.footer-menu li:last-child       {border: 0;}
	.footer-menu li:after            {
		content: '|';
		color: #8a9394;
		display: -moz-inline-box;
		display: inline-block;
		=display: inline;
		=zoom: 1;
		margin: 0 5px;
		font-weight: 100;
	}
	.footer-menu li:last-child:after {display: none;}

	.footer-search                   {float: none; margin: 0 0 15px 0; clear: both;}

	/* slevovy prouzek */
	.header-discount-banner .i-domain-box {
		float: left;
	}
	.header-discount-banner .i-title,
	.header-discount-banner .i-domain {
		margin: 0;
		display: block;
		float: none;
	}
}

@media screen and (max-width: 600px) {
	/* newsletter popup */
	#popup-newsletter .i-email {
		padding-right: 210px;
	}
	#popup-newsletter input.text,
	#popup-newsletter input.submit {
		height: 40px;
		line-height: 40px;
		font-size: 16px;
	}
	#popup-newsletter input.text {
		padding: 0 15px;
	}
	#popup-newsletter input.submit {
		width: 190px;
	}
}

@media screen and (max-width: 540px) {
	/* step3 */
	div.step3Form-box                {float: none; margin: 0;}

	form#step3Form div.fieldset-box,
	form.uniForm div.fieldset-box    {padding: 0;}
	form#step3Form dt,
	form#step3Form dd,
	form.uniForm dt,
	form.uniForm dd                  {display: block; width: 100%;}
	form#step3Form dt,
	form.uniForm dt                  {line-height: 1.4;}
	form#step3Form input.text,
	form.uniForm input.text          {width: 100%;}
	form#step3Form select,
	form.uniForm select              {width: 280px;}
	form#step3Form .select2-container,
	form.uniForm .select2-container  {width: 280px;}
	form#step3Form .i-texthelp,
	form.uniForm .i-texthelp         {width: auto;}
}

@media screen and (max-width: 480px) {
	/* vyhledavani */
	form#domainForm .i-domain-pre {
		display: block;
		line-height: 1.3;
		margin-bottom: 7px;
	}
	form#domainForm .i-domain-box {
		width: 100%;
		min-width: 280px;
		margin: 0;
	}
	form#domainForm input.text,
	form#domainForm .select2-container .select2-choice {font-size: 14px;}
	form#domainForm input.submit {
		font-size: 16px;
		height: 45px;
	}

	/* step1 */
	div.step1         {padding: 25px 0;}

	/* bfooter - vyhody */
	.advantages       {text-align: left; margin-top: 35px;}
	.advantages ul    {display: block; margin: 0;}
	.advantages li    {white-space: normal;}

	#frm-newPasswordForm dt,
	#frm-changeEmailForm dt          {float: none; width: auto; line-height: 1.4; margin-bottom: 5px;}
	#frm-newPasswordForm input.text,
	#frm-changeEmailForm input.text  {width: 100%;}

	/* slevovy prouzek */
	.header-discount-banner .i-domain-box,
	.header-discount-banner .i-countdown-box {
		float: none;
	}

	/* newsletter popup */
	#popup-newsletter .i-email {
		padding-right: 0;
		margin-bottom: 15px;
	}
	#popup-newsletter .i-submit {
		position: static;
		top: auto;
		right: auto;
		text-align: center;
	}
}

@media screen and (max-width: 400px) {
	/* vyhledavani */
	form#domainForm input.text,
	form#domainForm .select2-container .select2-choice {font-size: 13px;}
	form#domainForm input.text {padding-left: 10px;}

	/* tabulka - step 2 */
	.steps-table td.i-action   {float: left; padding-bottom: 10px;}

	#frm-signInForm input.text,
	#frm-registraceForm input.text   {width: 100%;}

	/* newsletter popup */
	#popup-newsletter .i-image {
		display: block;
		margin: 0 0 20px 0;
		width: auto;
		text-align: center;
	}
	#popup-newsletter .i-image img {
		max-width: 165px;
	}
	#popup-newsletter .i-text {
		display: block;
		width: auto;
		text-align: center;
	}
}

@media screen and (max-width: 320px) {
	.page-header,
	.page-ahead,
	.page-main,
	.page-bfooter,
	.page-footer,
	.page-footer-info {padding-left: 0; padding-right: 0;}

	.page-content     {
		margin-left: auto;
		margin-right: auto;
		width: 300px;
	}

	/* footer */
	.footer-menu h3,
	.footer-menu ul   {padding-left: 0; padding-right: 0;}
	div#socials       {margin-left: 0;}
}



/**
 * -------------------------------------
 * kretina
 * -------------------------------------
 */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

	/* logo */
	.page-logo a {
		background-image: url('logo@2x.png');
		background-size: 160px 34px;
	}
	/* form els */
	span.fancy-radio {
		background-image: url('radio@2x.gif');
		background-size: 18px 36px;
	}
	span.fancy-checkbox {
		background-image: url('checkbox@2x.gif');
		background-size: 18px 36px;
	}
	form#step3Form span.fancy-radio,
	form.uniForm span.fancy-radio {
		background-image: url('radio@2x.png');
		background-size: 21px 44px;
	}
	/* menu v hlavicce */
	#header-menu-btn span.ico {
		background-image: url('hamburger@2x.png');
		background-size: 28px 20px;
	}
	.header-menu span.ico {
		background-image: url('header-menu@2x.png');
		background-size: 25px 150px;
	}
	/* vyhody */
	.advantages li {
		background-image: url('li@2x.png');
		background-size: 10px 11px;
	}
	/* socials v paticce */
	div#socials a.social-btn {
		background-image: url('socials-btns@2x.png');
		background-size: 134px 140px;
	}
	/* btns */
	.btn-toggle,
	.btn-plus {
		background-image: url('btn-toggle@2x.png');
		background-size: 21px 42px;
	}
	.btn-plus {
		background-image: url('btn-plus@2x.png');
		background-size: 21px 22px;
	}
	.btn-help {
		background-image: url('btn-help@2x.png');
		background-size: 21px 22px;
	}
	a.btn-delete,
	#header-menu-close,
	.basket.open #basket-small-btn:after {
		background-image: url('btn-delete@2x.png');
		background-size: 20px 20px;
	}
	/* actions */
	a.action span.ico {
		background-image: url('action-icons@2x.png');
		background-size: 400px 60px;
	}
	/* steps */
	div.steps span.steps-1-hp {
		background-image: url('steps-1@2x.png');
		background-size: 346px 89px;
	}
	div.steps span {
		background-image: url('steps-2@2x.png');
		background-size: 219px 57px;
	}
	div.steps-1 span,
	div.steps span.steps-1-hp span {
		background-image: url('steps-1-small@2x.png');
		background-size: 219px 56px;
	}
	div.steps-3 span {
		background-image: url('steps-3@2x.png');
		background-size: 219px 57px;
	}
	/* order form help */
	form#step3Form .i-texthelp,
	form.uniForm .i-texthelp {
		background-image: url('orderform-help-arrow@2x.png');
		background-size: 7px 6px;
	}
	/* menu ve slouci */
	.column-menu a.m2 {
		background-image: url('column-menu-it@2x.gif');
		background-size: 7px 7px;
	}
	.column-menu a.m2 span {
		background-image: url('column-menu-it-act@2x.gif');
		background-size: 7px 7px;
	}
	/* menu ve slouci - v hlavicce */
	.header-menu .column-menu a.m2 {
		background-image: url('header-column-menu-it@2x.gif');
		background-size: 7px 7px;
	}
	.header-menu .column-menu a.m2 span {
		background-image: url('header-column-menu-it-act@2x.gif');
		background-size: 7px 7px;
	}
	/* certifikat a platebni karty */
	.footer-cert span       {
		background-image: url('cards@2x.png');
		background-size: 493px 48px;
	}
	.footer-payments span   {
		background-image: url('cards@2x.png');
		background-size: 493px 48px;
	}
	a.visa,
	a.visaelectron,
	a.mastercard,
	a.maestro               {
		background-image: url('cards@4x.png');
		background-size: 985px 97px;
	}
	/* napoveda */
	.help-list li.i {
		background-image: url('li-dark@2x.png');
		background-size: 10px 11px;
	}
	/* pridat dalsi koncovky */
	.add-other-tld .i-title:after {
		background-image: url('arrow-down@2x.png');
		background-size: 24px 14px;
	}
	.add-other-tld li a:before,
	.add-other-tld li a:after {
		background-image: url('add-other-tld@2x.png');
		background-size: 8px 144px;
	}

	/* basket */
	#basket-small-btn:before {
		background-image: url('basket-ico@2x.png');
		background-size: 32px 32px;
	}
}


@media screen and (max-width: 1024px) {
	#nette-debug {
		display: none !important;
	}
}