/* --------------------------------------------------------------------------------------------------------------------------------------------------

	PROJECT:

		Thosting.cz, www.thosting.cz

	AUTHOR:

		Nuvio, www.nuvio.cz, ahoj@nuvio.cz

	UPDATED:

		2013-02-22, 15:20 GMT+1

	PROPERTIES:

		- DISPLAY: display, visibility, content, overflow
		- POSITIONING: clear, float, position, z-index
		- BOX MODEL: box-sizing, width, height, margin, padding, outline, border, border-radius, box-shadow
		- COLORS, TYPOGRAPHY: background, color, text-shadow, font, line-height, text-align, text-decoration, text-transform, letter-spacing, white-space, word-wrap
		- OTHER: opacity, cursor

	CONTENT:

		- GLOBAL:	HTML ELEMENTY
		- GLOBAL:	LAYOUT
		- GLOBAL:	LAYOUT PODSTRÁNKY
		- PAGE:		ÚVOD
		- PAGE:		PRODUKT
		- PAGE:		DETAIL PRODUKTU
		- PAGE:		CENÍK
		- PAGE:		OBJEDNÁVKA
		- PAGE:		POROVNÁNÍ PRODUKTŮ
		- PAGE:		ADMINISTRACE - ÚVOD
		- PAGE:		ADMINISTRACE - SPRÁVA WEBHOSTINGU
		- INCLUDE:	ADMINISTRACE - KROKY
		- INCLUDE:	FORMULÁŘOVÉ PRVKY
		- INCLUDE:	INLINE IKONKY
		- INCLUDE:	SYSTÉMOVÉ HLÁŠKY
		- INCLUDE:	TLAČÍTKA
		- INCLUDE:	OSTATNÍ

-------------------------------------------------------------------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------------------------------------------------------------
@FONT-FACE
-------------------------------------------------------------------------------------------------------------------------------------------------- */

@import url("http://fonts.googleapis.com/css?family=Open+Sans:400,600,700&subset=latin-ext,latin");

/* --------------------------------------------------------------------------------------------------------------------------------------------------
GLOBAL: HTML ELEMENTY
-------------------------------------------------------------------------------------------------------------------------------------------------- */

body {
	background: #FFF url("../design/background.png") 50% 0 no-repeat;
	font: 13px/1.6 "Arial", sans-serif;
	color: #2F2F2F;
}

address, blockquote, dl, fieldset, h1, h2, h3, h4, h5, h6, ol, p, table, ul {
	margin: 15px 0;
}

a {
	color: #174B84;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	-webkit-transition: color 0.3s ease-in-out;
	-moz-transition: color 0.3s ease-in-out;
	-ms-transition: color 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;		
	color: #FF8000;
}

h1 {
	color: #FF8000;
	font: 48px/1 "Open Sans", "Arial", sans-serif;
	font-weight: 700;
}
h2 {
	color: #174B84;
	font: 28px/1.3 "Open Sans", "Arial", sans-serif;
	font-weight: 600;
}
h3 {
	color: #4083CC;
	font: 20px/1.3 "Open Sans", "Arial", sans-serif;
	font-weight: 400;
}

table {
	width: 100%;
	margin: 25px 0;
}
th, td {
	padding: 4px 0;
	border-bottom: 1px dotted #DFDFDF;
	vertical-align: middle;
}
th {
	color: #174B84;
	font-weight: bold;
}
table.hover tr:hover td {
	background-color: #FF8000;
	color: #FFF;
}

table.vertical {
	margin: 20px 0;
	border: 1px solid #DFDFDF;
}
table.vertical th, 
table.vertical td {
	padding: 5px 10px;
	border-bottom: 1px solid #DFDFDF;
	vertical-align: middle;
}
table.vertical th {
	background-color: #F7F7F7;
	color: #5F5F5F;
	font-weight: normal;
}

table.horizontal {
	margin: 20px 0;
	border: 1px solid #DFDFDF;
}
table.horizontal th, 
table.horizontal td {
	padding: 5px 10px;
	border-bottom: 1px solid #DFDFDF;
	vertical-align: middle;
}
table.horizontal th {
	background-color: #F7F7F7;
	color: #5F5F5F;
	font-weight: normal;
}
table.horizontal tr.even td {
	background-color: #F7F7F7;
}
table.horizontal.grid th,
table.horizontal.grid td {
	border: 1px solid #DFDFDF;
}

ul {
	margin-left: 20px;
}
ul li {
	padding-left: 22px;
	background: url("../design/ul.png") 0 8px no-repeat;
}
ul ul {
	margin: 0;
}

dl {
	display: block;
}
dt {
	color: #4083CC;
	font-size: 15px;
	font-weight: bold;
}
dd {
	margin: 5px 0 15px 20px;
}
dd ul {
	margin: 0;
}

code {
	font: 13px/1.4 monospace;
}

.desktop {
	display: block;
}

.mobile {
	display: none;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
GLOBAL: LAYOUT
-------------------------------------------------------------------------------------------------------------------------------------------------- */

.flash.error{
	border: 2px solid #f00;
	color: #f00;
	padding: 5px 8px;
	border-radius: 5px;
}
.flash.success{
	border: 2px solid #080;
	color: #080;
	padding: 5px 8px;
	border-radius: 5px;
}

#wrapper {
	width: 980px;
	margin: 0 auto;
}

.wrapper{
	width: 940px;
	padding: 0 20px 20px 20px;
}

#tray {
	display: block;
	padding: 10px 20px;
	color: #BCDCFF;
}
#tray p {
	margin: 0;
	text-align: right;
}
#tray a {
	margin-left: 10px;
	color: #BCDCFF;
}
#tray a:hover {
	color: #FFF;
}
#tray .login {
	padding: 1px 0 1px 18px;
	background: url("../design/icon-login.png") 0 50% no-repeat;
}

#header {
	padding: 15px 20px;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px;
	background-color: #FFF;
}
#logo {
	float: left;
	margin: 0;
}
#logo img {
	display: block;
	width: 153px;
	height: 50px;
}
#nav {
	float: right;
	padding-top: 10px;
	font: 14px/1 "Open Sans", "Arial", sans-serif;
	font-weight: 600;
	text-transform: uppercase;
}
#nav ul {
	margin: 0;
}
#nav li {
	display: inline;
	padding: 0;
	background: none;
}
#nav a {
	position: relative;
	display: block;
	float: left;
	padding: 7px 10px;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px;
	background: url("../design/nav-separator.png") 100% 0 repeat-y;
}
#nav li.current a {
	margin: 0 3px;
	background: #FF8000;
	color: #FFF;
}
#nav li.current span {
	overflow: hidden;
	position: absolute; 
	bottom: -9px; 
	left: 50%;
	width: 13px;
	height: 9px;
	margin-left: -5px;
	background: url("../design/nav-current.png") 0 0 no-repeat;
}
/*	#nav li.last a,
	#nav li:last-child a {
		padding-right: 0;
		background: none;
	}*/
#nav li.nobg a {
	background: none;
}

#main-headings {
	position: relative;
	padding: 30px 20px 40px 20px;
}
#main-headings h1,
#main-headings h3 {
	margin: 0;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
}
#main-headings h1 {
	margin-bottom: 10px;
	color: #FFF;
	font: 48px/1 "Open Sans", "Arial", sans-serif;
	font-weight: 700;
}
#main-headings h3 {
	color: #BCDCFF;
	font: 24px/1 "Open Sans", "Arial", sans-serif;
	font-weight: 400;		
}
#support {
	position: absolute; 
	top: 35px; 
	right: 0;
	margin: 0;
}
#support img {
	display: block;
	width: 270px;
	height: 80px;
}

.section {
	padding: 00px;
	padding-top: 0;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px;
	background-color: #FFF;
}
.content {
	float: left;
	width: 690px;
	padding: 0 20px;
}
.aside {
	float: right;
	width: 230px;
	min-height: 350px;
	padding-top: 10px;
	padding-left: 20px;
	background: url("../design/sidebar.png") 0 0 no-repeat;
}

#sitemap {
	margin-top: 40px;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px;	
	background: #e1ecf7;
}
#sitemap dl {
	float: left;
	width: 190px;
	margin: 0;
	margin-right: 20px;
	padding: 20px;
}
#sitemap dl.last {
	margin-right: 0;
}
#sitemap dt {
	margin-bottom: 5px;
	padding-bottom: 3px;
	border-bottom: 2px solid #174B84;
	color: #174B84;
	font-size: 13px;
	font-weight: bold;
}
#sitemap dt a {
	color: #174B84;
}
#sitemap dd {
	margin: 0;
}
#sitemap dd a {
	display: block;
	color: #5F5F5F;
}	
#sitemap a:hover {
	color: #FF8000;
}

#our-projects {
	margin-top: 20px;
	padding-top: 40px;
	background: url("../design/separator.png") 0 0 no-repeat;
}
#our-projects dl {
	float: left;
	width: 220px;
	margin: 0;
	margin-left: 20px;
}
#our-projects dt {
	color: #8F8F8F;
	font-size: 13px;
	font-weight: bold;
}
#our-projects dt a {
	color: #8F8F8F;
}
#our-projects dd {
	margin: 0;		
}
#our-projects dd a {
	display: block;
	color: #8F8F8F;
}
#our-projects a:hover {
	color: #FF8000;
}

#footer-icons {
	display: block;
	margin: 20px 0;
}
#footer-icons li {
	display: block;
	float: left;
	margin-right: 15px;
	padding: 0;
	background: none;
}
#footer-icons img {
	display: block;
}

#footer {
	display: block;
	margin: 30px 0;
	padding-top: 15px;
	background: url("../design/separator-dots.png") 0 0 repeat-x;
	color: #5F5F5F;
}
#footer p {
	margin: 0;
}
#footer a {
	color: #5F5F5F;
}
#footer a:hover {
	color: #FF8000;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
GLOBAL: LAYOUT PODSTRÁNKY
-------------------------------------------------------------------------------------------------------------------------------------------------- */

#subnav {
	display: block;
	padding: 10px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	background-color: #0F3259;
	font: 14px/1 "Open Sans", "Arial", sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	text-transform: uppercase;
}
#subnav ul {
	margin: 0;
}
#subnav li {
	display: inline;
	padding: 0;
	background: none;
}
#subnav a {
	display: block;
	float: left;
	padding: 0 10px;
	background: url("../design/subnav-separator.png") 100% 0 repeat-y;		
	color: #FFF;
}
#subnav a:hover {
	color: #BCDCFF;
}
#subnav li.current a {
	color: #FF8000;
}
#subnav li:last-child a {
	background: none;
}

#perex {
	padding: 15px 20px 15px 20px;
	background: url("../design/separator-dots.png") 0 100% repeat-x;
	color: #5F5F5F;
	font-size: 15px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
#perex p {
	margin: 0;
}

#perex.gray{
	background-color: #f0f0f0;
}

#perex.no-line{
	background: transparent;
	padding: 0;
}

#breadcrumbs {
	padding: 15px 20px 10px 20px;
	background: url("../design/separator-dots.png") 0 100% repeat-x;
}
#breadcrumbs p {
	margin: 0;
}
#breadcrumbs a {
	margin-right: 3px;
	padding-right: 15px;
	background: url("../design/icon-right.png") 100% 50% no-repeat;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
PAGE: ÚVOD
-------------------------------------------------------------------------------------------------------------------------------------------------- */

#hp .section {
	padding: 0;
	background: none;
}

#hp #main-headings {
	min-height: 90px;
	padding: 56px 20px;
}
#hp #main-headings h1 {
	font-size: 48px;
	text-transform: uppercase;
}
#hp #main-headings h3 {
	font-size: 30px;
}
#hp #support {
	position: absolute; 
	top: 60px; 
	right: 0;
	margin: 0;
}

#services {
	display: block;
	margin-bottom: 20px;
}
#services article {
	overflow: hidden;
	display: block;
	float: left;
	width: 180px;
	margin-right: 20px;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px;
	background-color: #EAEAEA;
}
#services article.last,
#services article:last-child {
	margin-right: 0;
}
.ie8 #services article.last {
	margin-right: -3px;
}
#services h2 {
	margin: 0;
	font: 18px/1 "Open Sans", "Arial", sans-serif;
	font-weight: 600;		
}
#services h2 a {
	display: block;
	padding: 15px;
	background-color: #FF8000;
	color: #FFF;
}
#services h2 a:hover {
	color: #2F2F2F;
}
#services h2 a.inactive{
	background-color: #929292
}
#services ul {
	margin: 0;
	padding: 15px;
}
#services li {
	padding: 0;
	background: none;		
}
#services .services-image {
	margin: 0;
}
#services .services-image img {
	display: block;
	width: 180px;
	height: 100px;
}

#promo-container {
	overflow: hidden;
	float: left;
	width: 540px;
	height: 110px;
	padding: 20px;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px;
	background: #EAEAEA url("../design/promo.jpg") 100% 50% no-repeat;
}
#promo-container h3 {
	margin: 0;
	color: #174B84;
	font: 24px/1 "Open Sans", "Arial", sans-serif;
	font-weight: 600;
}
#promo-container h3 span {
	color: #FF8000;
}
#promo-container ul {
	margin: 12px 0 15px 0;
}
#promo-container li {
	padding: 0;
	background: none;
}
#promo-container p {
	margin: 0;
}

.domeny #promo-container {
	overflow: hidden;
	float: left;
	width: 648px;
	height: 110px;
	padding: 20px;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px;
	background: #EAEAEA url("../design/promo.jpg") 100% 50% no-repeat;
	border: 1px solid #d0d0d0;
	margin-top: 20px;
}

.domain-availability {
	overflow: hidden;
	float: right;
	width: 240px;
	height: 110px;	
	padding: 20px;
	padding-right: 120px;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px;
	background: #4083cc url("../design/domain-availability.jpg") 100% 0 no-repeat;
}
.domain-availability.centered {
	float: none;
	margin: 0 auto;
}
.domain-availability h4 {
	margin: 0;
	margin-bottom: 10px;
	color: #FFF;
	font: 24px/1 "Open Sans", "Arial", sans-serif;
	font-weight: 600;
}
.domain-availability p {
	margin: 0;
	color: #BCDCFF;
}
.domain-availability form {
	margin-top: 10px;
}
.domain-availability .input-text {
	width: 120px;
	border: 0;
}
.domain-availability .input-select {
	width: 60px;
	border: 0;
}
.domain-availability .input-submit {
	width: 40px;
	padding: 6px 10px;
	border: 0 !important;
}
.domain-availability.fullsize {
	float: none;
	overflow: visible;
	width: 550px;
	height: auto;
	margin: 20px 0 0 0;
}
.domain-availability.fullsize .input-text {
	width: 300px;
}
.domain-availability.fullsize .input-submit {
	width: 140px;
}
.domain-availability.fullsize label {
	display: inline-block;
	margin-top: 5px;
	margin-right: 5px;
	color: #FFF;
}

#news {
	position: relative;
	float: left;
	width: 338px;
	min-height: 128px;
	margin-right: 20px;	
	padding: 20px;
	padding-bottom: 0;
	border: 1px solid #EFEFEF;	
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px;
}
#news h4 {
	margin: 0;
	color: #4083CC;
	font: 18px/1 "Open Sans", "Arial", sans-serif;
	font-weight: 600;			
}
#news ul {
	margin: 10px 0;
}
#news ul span {
	display: inline-block;
	width: 60px;
	color: #FF8000;
}
#news ul a {
	color: #5F5F5F;
}
#news ul a:hover {
	color: #FF8000;
}
#news li {
	padding: 0;
	background: none;		
}
#news p {
	margin: 0;
}
#news .rss {
	position: absolute; 
	top: 20px; 
	right: 20px;
}

#server-availability {
	float: left;
	width: 220px;
	height: 182px;
	margin-right: 20px;	
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;
	/*background: #FF8000 url("../design/server-availability.png") 0 100px no-repeat;	*/
	background: url("../design/like2.png") no-repeat center 25px #f0f0f0;
	/*color: #FFF;*/
	text-align: center;
	border: 1px solid #d0d0d0;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
#server-availability dl {
	margin: 0;
	padding-top: 100px;
}
#server-availability dt {
	margin-bottom: 5px;
	font: 18px/1 "Open Sans", "Arial", sans-serif;
	font-weight: 400;	
	color: #174b84;
}
#server-availability dd {
	font: 28px/1 "Open Sans", "Arial", sans-serif;
	font-weight: 600;	
	margin: 0;
	color: #ff8000;
}

#promo-banner {
	float: left;
	width: 380px;
}
#promo-banner img {
	display: block;
	width: 380px;
	height: 150px;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
INCLUDE: NADPISY
-------------------------------------------------------------------------------------------------------------------------------------------------- */

.title-separator {
	background: url("../design/dot.png") 0 50% repeat-x;
}
.title-separator span {
	padding-right: 10px;
	background-color: #FFF;
}
.title-separator.t-center span {
	padding: 0 10px;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
PAGE: PRODUKT
-------------------------------------------------------------------------------------------------------------------------------------------------- */

.tarifs {
	margin: 20px 0;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 20px 0px 0 0px;
}
.tarifs li {
	display: block;
	float: left;
	padding: 0;
	background: none;
	background-color: #EFEFEF;
	text-align: center;
}
.tarifs h3 {
	margin: 0;
	margin-bottom: 10px;
	padding: 10px 0;
	background-color: #174B84;
	color: #FFF;
	font-size: 16px;
}
.tarifs dl {
	margin: 0;
	margin-bottom: 20px;
}
.tarifs dt {
	margin: 0;
	padding: 0;
	padding-top: 5px;
	color: #2F2F2F;
	font-size: 13px;
	font-weight: normal;
}
.tarifs dd {
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #DADADA;
	color: #4084CC;
	font-size: 16px;
}
.tarifs li.best-offer {
	overflow: hidden;	
	position: relative;
	margin-top: -15px;
	padding-bottom: 15px;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px;
	background-color: #FF8000;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;
	background-clip: padding-box;   
	z-index: 999;
}
.tarifs li.best-offer h3 {
	padding-top: 25px;
	background-color: #FF8000;
}
.tarifs li.best-offer dd {
	border-bottom: 1px solid #FFA000;
	color: #FFF;
}
.tarifs.six-columns li {
	width: 156px;
}
.tarifs.six-columns li:last-child {
	width: 160px;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
PAGE: podstránky hosting
-------------------------------------------------------------------------------------------------------------------------------------------------- */

.tarifs.five-columns li h3{
	margin: 0;
}

.tarifs.five-columns li.first h3{
	border-top-left-radius: 5px;
}

.tarifs.five-columns li.last h3{
	border-top-right-radius: 5px;
}

.tarifs.five-columns li.first{
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	width: 106px;
}

.tarifs.five-columns li{
	width: 118px;
	border-bottom: 1px solid #D0D0D0;
}

.tarifs.five-columns li.best-offer{
	border-bottom: none;
}

.tarifs.five-columns li:last-child, .tarifs.five-columns li.last{
	width: 112px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.tarifs.five-columns li dl{
	margin: 0;
	padding-top: 5px;
}

.tarifs.five-columns li dd{
	height: 20px;
	line-height: 20px;
	padding: 5px 0;
	font-size: 14px;
	color: #444;
}

.tarifs.five-columns li.first dl{
	border-left: 1px solid #D0D0D0;
}

.tarifs.five-columns li.first p{
	border-left: 1px solid #D0D0D0;
	border-bottom-left-radius: 5px;
}

.tarifs.five-columns li.first dt{
	border-bottom: 1px solid #dadada;
	height: 20px;
	line-height: 20px;
	padding: 5px 0 5px 10px;
	text-align: left;
}

.tarifs.five-columns li.last dl{
	border-right: 1px solid #D0D0D0;
}

.tarifs.five-columns li.last p{
	border-right: 1px solid #D0D0D0;
	border-bottom-right-radius: 5px;
}

.tarifs.five-columns li p{
	line-height: 22px;
	margin: 0;
	padding: 15px 0;
}

.tarifs.five-columns .best-offer{
	border-radius: 10px;
	font-weight: bold;

}

.tarifs.five-columns li.best-offer dd{
	color: #fff;
}

.tarifs.five-columns .best-offer h3{
	font-weight: bold;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
PAGE: DETAIL PRODUKTU
-------------------------------------------------------------------------------------------------------------------------------------------------- */

.product-icon {
	float: left;
	width: 100px;
	padding-top: 20px;
}
.product-icon p {
	margin: 0;
}

.product-description {
	float: right;
	width: 540px;
}
.product-description ul {
	margin-left: 0;
}
.product-price {
	margin: 30px 0;
	text-align: center;
	font-size: 20px;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
PAGE: CENÍK
-------------------------------------------------------------------------------------------------------------------------------------------------- */

.pricelist {
	width: 100%;
	margin-bottom: 10px;
	border-bottom: 1px solid #EFEFEF;
}
.pricelist th,
.pricelist td {
	padding: 5px 10px;
	border: 0;
	text-align: center;
}
.pricelist th {
	padding: 8px 10px;
	border-top: 1px solid #EFEFEF;
}
.pricelist .odd td {
	background-color: #F5F5F5;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
PAGE: OBJEDNÁVKA
-------------------------------------------------------------------------------------------------------------------------------------------------- */

#order-form {
	display: block;
}
#order-form .input-text {
	width: 300px;
}
#order-form .input-textarea {
	width: 458px;
	height: 100px;
}

#calculation {
	color: #7F7F7F;
}
#calculation form li {
	margin-bottom: 7px;
}
#calculation .input-text {
	width: 218px;
}
#calculation .input-select {
	width: 228px;
}
#calculation ul {
	margin: 0;
}
#calculation li {
	margin: 0;
	padding: 0;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
PAGE: POROVNÁNÍ PRODUKTŮ
-------------------------------------------------------------------------------------------------------------------------------------------------- */

#compare {
	width: 100%;
}
#compare th,
#compare td {
	padding: 5px 0;
	border: 0;
}
#compare th {
	padding-left: 10px;
	color: #5F5F5F;
	font-weight: normal;
}
#compare .compare-header th,
#compare .compare-header td {
	padding-bottom: 10px;
	border-bottom: 2px solid #EFEFEF;
}
#compare .compare-footer th,
#compare .compare-footer td {
	padding: 10px 0;
	border-top: 2px solid #EFEFEF;
	border-bottom: 1px solid #EFEFEF;
}	
#compare .compare-title {
	color: #4083CC;
	font: 20px/1.3 "Open Sans", "Arial", sans-serif;
	font-weight: 400;
}
#compare tr.even th,
#compare tr.even td {
	background-color: #F7F7F7;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
PAGE: ADMINISTRACE - ÚVOD
-------------------------------------------------------------------------------------------------------------------------------------------------- */

#sidebar-nav {
	display: block;
}
#sidebar-nav ul {
	margin: 0;
}
#sidebar-nav li {
	display: inline;
	padding: 0;
	background: none;
}
#sidebar-nav a {
	display: block;
	padding: 5px 0;
	border-bottom: 1px dotted #DFDFDF;
}
#sidebar-nav .current a {
	margin-left: -35px;
	padding: 7px 10px 7px 35px;
	border: 0;
	background: url("../design/sidebar-nav-current.png") 0 50% no-repeat;
	color: #FFF;
	font-weight: bold;
}
#sidebar-nav ul.secondary {
	border-top: 1px dotted #DFDFDF;
}

.big-icons {
	margin: 20px 0 0 0;
}
.big-icons li {
	display: inline;
	padding: 0;
	background: none;
}
.big-icons a {
	display: block;
	float: left;
	width: 215px;
	padding-top: 125px;
	padding-bottom: 15px;
	margin-right: 9px;
	margin-bottom: 9px;
	border: 1px solid #DFDFDF;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px;
	background-position: 50% 15px;
	background-repeat: no-repeat;
	color: #4083CC;
	font: 18px/1.3 "Open Sans", "Arial", sans-serif;
	font-weight: 400;		
	text-align: center;
}
.big-icons a:hover {
	border: 1px solid #CFCFCF;
	background-color: #EFEFEF;
	color: #2F2F2F;
}
.big-icons li.last a,
.big-icons li:nth-child(3n) a {
	margin-right: 0;
}
.big-icons .icon-domains a {
	background-image: url("../design/big-icon-domains.png");
}
.big-icons .icon-dns a {
	background-image: url("../design/big-icon-dns.png");
}
.big-icons .icon-email a {
	background-image: url("../design/big-icon-email.png");
}
.big-icons .icon-webhosting a {
	background-image: url("../design/big-icon-webhosting.png");
}
.big-icons .icon-webhosting-settings a {
	background-image: url("../design/big-icon-webhosting-settings.png");
}
.big-icons .icon-disk-space a {
	background-image: url("../design/big-icon-disk-space.png");
}
.big-icons .icon-ftp a {
	background-image: url("../design/big-icon-ftp.png");
}
.big-icons .icon-database a {
	background-image: url("../design/big-icon-database.png");
}
.big-icons .icon-settings a {
	background-image: url("../design/big-icon-settings.png");
}
.big-icons .icon-user a {
	background-image: url("../design/big-icon-user.png");
}
.big-icons .icon-invoices a {
	background-image: url("../design/big-icon-invoices.png");
}
.big-icons .icon-mobile a {
	background-image: url("../design/big-icon-mobile.png");
}

.ads {
	margin-bottom: 0;
	margin-left: 0;
}
.ads li {
	display: block;
	float: left;
	margin-right: 10px;
	padding: 0;
	background: none;
}
.ads li.last {
	margin-right: 0;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
PAGE: ADMINISTRACE - SPRÁVA WEBHOSTINGU
-------------------------------------------------------------------------------------------------------------------------------------------------- */

.account-container {
	padding: 15px;
	border: 3px solid #DFDFDF;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.account-container table {
	margin-top: 30px;
	margin-bottom: 0;
}
.account-container .col-01 {
	position: relative;
	padding-left: 60px !important;
	color: #174B84 !important;
}
.account-container .col-01 img {
	display: block;
	position: absolute;
	top: -20px;
	left: 10px;
}
.account-container .col-02 {
	width: 300px;
}
.account-container .col-03 {
	width: 16px;
}

.account-header {
	position: relative;
	border-bottom: 1px dotted #DFDFDF;
}
.account-header h2 {
	margin: 0;
}
.account-header p {
	margin: 5px 0;
	color: #7F7F7F;
}
.account-header ul {
	position: absolute; 
	top: 10px; 
	right: 0;
	margin: 0;
}
.account-header li {
	display: block;
	float: left;
	margin-left: 7px;
	padding: 0;
	border: 0;
}
.account-header img {
	display: block;
}

.account-space {
	overflow: hidden;
	height: 30px;
	margin: 15px 0;
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	border-radius: 2px;
	background: #EFEFEF url("../design/account-space.png") 0 0 repeat-x;
	line-height: 30px;
	text-align: center;
}
.account-space div {
	height: 30px;
	background: url("../design/account-space-bar.png") 0 0 no-repeat;
}
.account-space span {
	position: relative; 
	top: -30px;
	color: #2F2F2F;
	font-size: 15px;
	font-weight: bold;
	text-shadow: 0 1px 1px rgba(255,255,255,0.6);
}

.account-space-bar {
	overflow: hidden;
	width: 300px;
	height: 10px;
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	border-radius: 2px;	
	background: #EFEFEF url("../design/account-space.png") 0 0 repeat-x;
}
.account-space-bar span {
	display: block;
	height: 10px;
	background: url("../design/account-space-bar-02.png") 0 0 no-repeat;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
INCLUDE: ADMINISTRACE - KROKY
-------------------------------------------------------------------------------------------------------------------------------------------------- */

.process {
	margin: 0;
}
.process li {
	display: block;
	float: left;
	margin-right: 5px;
	padding: 0;
	background: url("../design/icon-right.png") 100% 50% no-repeat;
	line-height: 1.3;
	text-align: center;
}
.process a,
.process span {
	display: block;
	margin-right: 15px;
	padding: 5px 0;
	border: 1px solid #DFDFDF;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px;
}
.process a:hover {
	border: 1px solid #174B84 !important;
	background-color: #174B84 !important;
}
.process span {
	color: #7F7F7F;
}
.process li.last,
.process li:last-child {
	margin-right: 0;
	background: none;
}
.process li.last a,
.process li:last-child span {
	margin-right: 0;
}
.process li.done a,
.process li.done span {
	border: 1px solid #4083CC;
	background-color: #4083CC;
	color: #FFF;
}
.process li.current a,
.process li.current span {
	border: 1px solid #FF8000;
	background-color: #FF8000;
	color: #FFF;
}
.process.six-steps a,
.process.six-steps span {
	width: 93px;
	min-height: 30px;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
INCLUDE: FORMULÁŘOVÉ PRVKY
-------------------------------------------------------------------------------------------------------------------------------------------------- */

form {
	display: block;
	margin: 0;
}
form table {
	margin: 0;
	border-top: 1px dotted #DFDFDF;
}
form th,
form td {
	vertical-align: middle;
}
form th {
	width: 200px;
	padding-top: 10px;
	color: #5F5F5F;
	font-weight: normal;
}
form tr.noborder th,
form tr.noborder td {
	border: 0;
}

.form {
	margin: 0;
}
.form li {
	padding: 0;
	background: none;
}
.form label {
	display: block;
}

.input {
	border: 1px solid #BFBFBF;
	border-right: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	border-radius: 2px;		
	font: 13px/1.5 "Arial", sans-serif;
}
.input-text,
.input-textarea {
	padding: 3px 5px;
}
.input-select {
	padding: 3px 20px 3px 5px;
	background: #FFF url("../design/input-select.png") 100% 50% no-repeat;
}
.input-submit {
	padding: 5px 10px;
	border: 1px solid #174B84;
	background-color: #174B84;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
	cursor: pointer;
}
.input-submit.xl {
	padding: 8px 15px;
	font-size: 15px;
}
.input-submit:hover {
	border: 1px solid #FF8000;
	background-color: #FF8000;		
}
.required {
	position: relative;
	top: 3px;
	color: #E00;
	font-size: 20px;
	line-height: 1;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
INCLUDE: SYSTÉMOVÉ HLÁŠKY
-------------------------------------------------------------------------------------------------------------------------------------------------- */

.system-message {
	padding: 8px 12px;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px;
}
.system-message.ok {
	background-color: #C0EDB9;
	color: #080;
}
.system-message.error {
	background-color: #F7D2C0;
	color: #E00;
}
.system-message.info {
	background-color: #D1E4F7;
	color: #058;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
INCLUDE: INLINE IKONKY
-------------------------------------------------------------------------------------------------------------------------------------------------- */

.inline-icon {
	display: inline-block;
	padding-left: 22px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.inline-icon.add,
.inline-icon.create {
	background-image: url("../design/icon-create.png");
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
INCLUDE: TLAČÍTKA
-------------------------------------------------------------------------------------------------------------------------------------------------- */

.button {
	padding: 5px 10px;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px;	
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
}
.button.xl {
	padding: 10px 20px;
	font-size: 15px;
}
.button.style-01 {
	background-color: #FF8000;
	color: #FFF;
}
.button.style-02 {
	background-color: #174B84;
	color: #FFF;
}
.button.style-03 {
	background-color: #4083CC;
	color: #FFF;
}
.button.style-01:hover,
.button.style-02:hover,
.button.style-03:hover {	
	background-color: #2F2F2F;
	color: #FFF;
}

.alternate-button {
	display: inline-block;
	padding: 2px 4px;
	border: 1px solid #DFDFDF;
	border-right: 1px solid #BFBFBF;
	border-bottom: 1px solid #BFBFBF;
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	border-radius: 2px;
	background: #FFF url("../design/alternate-button.png") 0 100% repeat-x;
	color: #4F4F4F;
	font-size: 12px;
	line-height: 1;
	font-weight: bold;
	text-transform: uppercase;
}
.alternate-button.xl {
	padding: 5px 8px;
}
.alternate-button.xxl {
	padding: 10px 20px;
	font-size: 14px;
}	
.alternate-button.style-01 {
	color: #D00;
}
.alternate-button.style-02 {
	color: #080;
}
.alternate-button.style-03 {
	color: #05A;
}
a:hover.alternate-button {
	color: #2F2F2F;
}

.next {
	padding-right: 15px;
	background: url("../design/icon-right.png") 100% 50% no-repeat;
	color: #4083CC;
}
a:hover.next {
	color: #FF8000;
}

.prev {
	padding-left: 15px;
	background: url("../design/icon-left.png") 0 50% no-repeat;
	color: #4083CC;
}
a:hover.next {
	color: #FF8000;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
INCLUDE: OSTATNÍ
-------------------------------------------------------------------------------------------------------------------------------------------------- */

.vertical-margin {
	height: 20px;
}

.smaller {
	font-size: 11px;
}

.bigger {
	font-size: 15px;
}

.grey {
	color: #7F7F7F;
}

.orange {
	color: #FF8000;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
PAGE: ČASTÉ OTÁZKY
-------------------------------------------------------------------------------------------------------------------------------------------------- */

.faq-wrapper {
	margin: 7px 0;
	padding: 10px 15px;
	border: 1px solid #D0D0D0;
	background: url("../design/gradient-02.png") 0 100% repeat-x;	
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px;
}
.faq-question a {
	display: block;
	padding-left: 25px;
	background: url("../design/faq-question.png") 0 4px no-repeat;
	font-size: 16px;
	cursor: pointer;
}
.faq-answer {
	display: none;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dotted #D0D0D0;
	color: #505050;
}
.faq-answer p:first-child {
	margin: 0;
}


.partnerLogo .blue{
	color: #1899D6;
}


.partnerLogo table{
	width: 100%; 
	border: none;
	margin-top: 0px; 
}

.partnerLogo table td{
	vertical-align: middle;
	border: none;
	text-align: justify;
}

.partnerLogo.map table td{
	vertical-align: top;
	border: none;
	line-height: 25px;
}

.partnerLogo table th{
	vertical-align: middle;
	text-align: left;
	border-left: none;
	border-right: none;
	border-top: none;
}

.partnerLogo.map .openTime table{
	height: auto !important;
	width: auto !important;
}

.partnerLogo.map .openTime table td{
	padding: 0;
	padding-right: 10px;
}

.partnerLogo table td.links{
	width: 150px;
	text-align: center;
}

.partnerLogo table a{
	font-weight: bold;
}

.partnerLogo table strong{
	font-weight: bold;
	line-height: 25px;
}

.partnerLogo table{
	line-height: 20px;
}

.partnerLogo .logo{
	width: 160px;
	padding: 0 30px 0 10px;
}


.icoPdf{
	background: url("../design/ico/pdf.png") no-repeat scroll 0 0 transparent;
	display: inline-block;
	height: 35px;
	line-height: 40px;
	padding-left: 40px;
}

.icoJpg{
	background: url("../design/ico/jpg.png") no-repeat scroll 0 0 transparent;
	display: inline-block;
	height: 35px;
	line-height: 40px;
	padding-left: 40px;
}

.pdf {
	padding-left: 20px;
	background: url("../design/pdf.png") 0 0 no-repeat;
}

.Bold{
	font-weight: bold;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
PAGE: KONTAKT
-------------------------------------------------------------------------------------------------------------------------------------------------- */

.contact {
	display: block;
	margin: 0 0px;
	padding: 5px 20px;
	border-bottom: 1px solid #E0E0E0;
	border-radius: 5px;
}
.ie7 .contact {
	padding-bottom: 25px;
}
.contact.yellow {
	background-color: #FFB;
}
.contact h2 {
	float: left;
	display: block;
	width: 300px;
}
.contact h2 span {
	display: block;
	padding-top: 5px;
	color: #808080;
	font: normal 14px/1.4 "Arial", sans-serif;
}
.contact ul {
	float: right;
	width: 630px;
	margin: 0;
	margin-top: 27px;
	font-size: 18px;
}
.contact ul a {
	color: #202020;
}
.contact ul a:hover {
	color: #1899D6;
}
.contact li {
	display: block;
	float: left;
	width: 190px;
	padding: 0;
	padding-left: 30px;
	background-position: 0 50%;
	background-repeat: no-repeat;
}
.contact .phone {
	background-image: url("../design/phone_1.png");
	width: 120px;
	line-height: 28px;
}

.contact .phonePrice{
	font-style: italic; 
	color: #aaa; 
	font-size: 10px; 
	margin-right: 253px;
	margin-top: 4px;
	float: right;
	line-height: 12px;
}

.contact .fax {
	padding-left: 37px;
	background-image: url("../design/fax.png");
	line-height: 28px;
}
.contact .email {
	padding-left: 37px;
	background-image: url("../design/email_1.png");
	width: 210px;
	line-height: 28px;
}

.contact .open{
	background: none repeat scroll 0 0 transparent;
	color: #808080;
	font-size: 16px;
	list-style-type: none;
	padding: 0;
	text-align: right;
	width: 230px;
	line-height: 28px;
}

.contact.cf:after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
PAGE: PODPORA
-------------------------------------------------------------------------------------------------------------------------------------------------- */

.techbase-index {
	margin: 0;
	font-size: 16px;
}
.techbase-index li {
	display: inline;
	padding: 0;
	background: none;
}
.techbase-index a {
	overflow: hidden;
	display: block;
	float: left;
	width: 253px;
	margin-right: 15px;
	margin-bottom: 15px;
	padding: 20px;
	border: 1px solid #D0D0D0;
	background: url("../design/gradient.png") 0 100% repeat-x;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1); 
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); 
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;
	background-clip: padding-box;
	text-align: center;
}
.techbase-index a:hover {
	border: 1px solid #1899D6;
	background: #1899D6;
	color: #FFF;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2); 
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2); 
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
.techbase-index li.last a {
	margin-right: 0;
}
.techbase-text {
	float: right;
	width: 620px;
}
.techbase-tree {
	float: left;
	width: 310px;
	min-height: 200px;
	padding: 20px 0;
	background: url("../design/tabs-bg.png") 100% 0 no-repeat;
}
.techbase-tree ul {
	width: 280px;
	margin: 0;
}
.techbase-tree li {
	display: block;
	margin-bottom: 5px;
	padding: 0;
	padding-bottom: 30px;
	background: url("../design/techbase-tree.png") 50% 100% no-repeat;
}
.techbase-tree a {
	display: block;
	margin-bottom: 5px;
	padding: 10px 15px;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px;
	background-color: #1899D6;
	color: #FFF;
}
.techbase-tree li.first a {
	border: 1px solid #D0D0D0;
	background: url("../design/gradient-02.png") 0 100% repeat-x;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1); 
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); 
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	color: #202020;
	font-weight: bold;
	text-align: center;
}
.techbase-tree li.first a:hover {
	color: #1899D6;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2); 
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2); 
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
.techbase-tree li.current {
	padding: 0;
	background: none;
}
.techbase-tree li.current a {
	background-color: #174b84;
}


/* --------------------------------------------------------------------------------------------------------------------------------------------------
INCLUDE: JAK NA TO
-------------------------------------------------------------------------------------------------------------------------------------------------- */

.how-to {
	margin-bottom: 20px;
}
.how-to h2 {
	margin: 15px 0;
}
.how-to article {
	float: left;
	width: 233px;
	margin-right: 19px;
	background-color: #F0F0F0; 
}
.how-to article.last {
	margin-right: 0;
}
.how-to a {
	display: block;
	height: 45px;
	padding: 20px;
	padding-top: 115px;
	border: 1px solid #D0D0D0;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1); 
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); 
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	background-position: 50% 20px;
	background-repeat: no-repeat;
	font-size: 16px;
	line-height: 1.4;
	text-decoration: none;
	text-align: center;
}
.how-to a:hover {
	border: 1px solid #C0C0C0;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2); 
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2); 
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
.how-to .how-to-01 a {
	background-image: url("../design/how-to-01.jpg");
}
.how-to .how-to-02 a {
	background-image: url("../design/how-to-02.jpg");
}
.how-to .how-to-03 a {
	background-image: url("../design/how-to-03.jpg");
}
.how-to .how-to-04 a {
	/*background-image: url("../design/how-to-07.jpg");*/
}
.how-to .how-to-05 a {
	background-image: url("../design/how-to-05.png");
}
.how-to .how-to-06 a {
	background-image: url("../design/how-to-06.png");
}
.how-to .how-to-07 a {
	background: url("../design/map3.png") no-repeat center 25px transparent;
}
.how-to .how-to-04 a {
	/*background: url("../design/ico/Samoobsluha.png") no-repeat center 50px transparent;*/
	background: url("../design/logo.png") no-repeat center 50px transparent;
}
.faq-teaser, .techbase-teaser {
	float: left;
	width: 448px;
	margin-bottom: 20px;
}
.faq-teaser p, .techbase-teaser p {
	margin-bottom: 0;
}
.techbase-teaser {
	float: right;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
INCLUDE: DŮVODY PROČ GOMOBIL
-------------------------------------------------------------------------------------------------------------------------------------------------- */

.why-us {
	margin-bottom: 20px;
	padding: 20px 20px;
	padding-right: 360px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;
	/*background: #EAEAEA url("../design/why-us.png") 100% 50% no-repeat;*/
	background: #EAEAEA url("../design/Fotolia_37877043_XS_web.png") 100% 50% no-repeat;
}
.why-us h2 {
	margin: 0;
}
.why-us2 p{
	font-size: 14px;
}

.why-us ul {
	margin: 0;
	margin-top: 20px;
	font-size: 13px;
}

.why-us h3{
	color: #174b84;
	font: 600 24px/1 "Open Sans","Arial",sans-serif;
	margin: 0;
}

.why-us2, .why-us3{
	margin-bottom: 20px;
	padding: 20px 20px;
	padding-right: 20px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;
	background: #f0f0f0;
	float: left;
	border: 1px solid #d0d0d0;
}

.why-us2 h3, .why-us3 h3{
	color: #174b84;
	font: 600 24px/1 "Open Sans","Arial",sans-serif;
	margin: 0;
}

.why-us2 h4, .why-us3 h4{
	font-weight: bold;
	font-size: 16px;
}

.why-us2 .block{
	width: 230px; 
	height: 150px;
	padding: 5px 25px;
	margin: 15px 15px;
	/*background: #4083cc url(../design/background_block.png) no-repeat; */
	background: #4083cc;
	border-radius: 5px; 
	color: #fff;
	float: left;
}

.why-us3 .block{
	background: none repeat scroll 0 0 #e1ecf7;
	border: 1px solid #4083cc;
	border-radius: 5px;
	color: #174b84;
	float: left;
	height: 150px;
	margin: 20px 15px;
	padding: 5px 25px;
	width: 230px;
}

.why-us2.border{
	border: 1px solid #d0d0d0;
  border-radius: 5px;
	margin: 20px 20px 0;
}

.why-us2.border .block{
	width: 217px;
	height: 210px;
}

.why-us2.border h3{
	margin: 0;
}

.why-us3 p.speed{
	padding-right: 60px;
	background: url('../design/speed_blue.png') no-repeat right top;
}

.why-us3 p.unlimit{
	padding-right: 60px;
	background: url('../design/unlimit_blue.png') no-repeat right top;
}

.why-us3 p.lock{
	padding-right: 60px;
	background: url('../design/lock_blue.png') no-repeat right top;
}

.why-product2, .why-product3{
	margin-bottom: 20px;
	padding: 20px 20px;
	padding-right: 20px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;
	background: #EAEAEA;
	float: left;
}

.why-product2 h4, .why-product3 h4{
	margin: 10px 0 5px;
	font-weight: bold;
	font-size: 14px;
}

.why-product2 h3, .why-product3 h3{
	color: #174b84;
}

.why-product3 .block{
	background: none repeat scroll 0 0 #e1ecf7;
	border: 1px solid #4083cc;
	border-radius: 5px;
	color: #174b84;
	float: left;
	height: 210px;
	margin: 5px 10px;
	padding: 5px 15px;
	width: 170px;
}

.why-product2 .block{
	background: #4083cc ;
	border: none;
	border-radius: 5px;
	color: #fff;
	float: left;
	height: 210px;
	margin: 10px 12px;
	padding: 5px 15px;
	width: 170px;
}

.why-product2 .block.first, .why-product3 .block.first{
	margin-left: 0;
}
.why-product2 .block.last, .why-product3 .block.last{
	margin-right: 0;
}

.why-product3 p.speed{
	padding-bottom: 45px;
	background: url('../design/speed_blue.png') no-repeat right bottom;
}

.why-product3 p.unlimit{
	padding-bottom: 55px;
	background: url('../design/unlimit_blue.png') no-repeat right bottom;
}

.why-product3 p.lock{
	padding-bottom: 65px;
	background: url('../design/lock_blue.png') no-repeat right bottom;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
PAGE: ostatní společné
-------------------------------------------------------------------------------------------------------------------------------------------------- */

.news{
	background-color: #F0F0F0;
	border-radius: 5px;
	float: left;
	min-height: 115px;
	padding: 20px;
	width: 438px;
	font-size: 14px;
	border: 1px solid #D0D0D0;
	border-radius: 5px;
}

.news li{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	padding: 0px;
}
.news ul{
	margin: 0;
}

.news table tr:first-child td.top {
	border-top: medium none;
}
.news table td.top {
	border-top: 1px solid #D0D0D0;
}
.news table td {
	border: medium none;
	margin: 0;
	padding: 0 5px;
}

.news .news-date {
	color: #777777;
	display: inline-block;
	font-size: 13px;
	width: 75px;
}

.get-in-touch {
	background-color: #F0F0F0;
	border-radius: 5px;
	float: right;
	min-height: 115px;
	padding: 20px;
	width: 438px;
	border: 1px solid #D0D0D0;
	border-radius: 5px;
}

.get-in-touch h3{
	margin: 0;
}

.get-in-touch p {
	color: #808080;
	margin: 10px 0 15px;
	font-size: 14px;
}

.get-in-touch li {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	display: block;
	float: left;
	margin-right: 5px;
	padding: 0;
}

.cf:after, .box:after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
}

.button {
	background: #FF8000;
	border: 0 none;
	border-radius: 5px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	color: #FFFFFF !important;
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
	text-transform: uppercase;
}



.help {
	background: url("../design/help.jpg") 320px 10px no-repeat;
}
.help h3 {
	color: #174B84;
	font: 600 28px/1.3 "Open Sans","Arial",sans-serif
}
.help p {
	margin: 0;
	margin-top: 10px;
}

.two-columns{
	padding: 0 20px;
}

.two-columns article {
	float: left;
	width: 470px;
}


.description {
	float: left;
	width: 670px;
}

.fullBlock{
	position: relative;
	float: left;
	background: #efefef;
	width: 648px;
	border-radius: 3px;
	border: 1px solid #D0D0D0;
	padding: 20px;
	margin-top: 20px;
}

.fullBlock table tr.even{
	background: #eee;
}

.fullBlock table td{
	padding: 5px;
}

.halfBlock{
	position: relative;
	float: left;
	background: #efefef;
	width: 293px;
	border-radius: 3px;
	border: 1px solid #D0D0D0;
	padding: 20px;
}

.halfBlock.right{
	margin-left: 20px;
}

.halfBlock h4, .fullBlock h4, .no-padding h4{
	color: #4083CC;
	font: 600 18px/1 "Open Sans","Arial",sans-serif;
	margin: 0 0 10px;
}

.no-padding{
	float: left;
	margin-top: 20px;
	position: relative;
	padding: 0;
	width: 670px;
}

.no-padding h4{
	padding: 20px 20px 0;
	margin: 0;
}

.domain-availability.fullsize .input-submit {
	margin-left: 10px;
}

.buttons{

}

.buttons a{
	vertical-align: top;
	display: inline-block;
	width: 270px;
	border-right: 1px solid #ff8000;
	padding-left: 15px;
}

.buttons a.last{
	width: 350px;
	border: none;
}

.buttons a.first{
	padding-left: 0;
}

.serverHousing .why-us{
	float: left;
	margin-top: 15px;
	background: #174b84 url('../design/Fotolia_42456111_XS_valer.png') no-repeat right; 
	width: 560px;
	border: 0px solid #d0d0d0;
	border-radius: 5px;
	color: #fff;
	margin: 20px 20px 0 20px;
}

.serverHousing .why-us h2{
	color: #ff8000;
}

.serverHousing h3{
	margin: 15px 20px;
}

.serverHousing .tarifs{
	margin: 20px 20px 0 20px;
}

.serverHousing .news{
	margin-left: 20px;
	width: 418px;
	height: 215px;
}

.serverHousing p.smaller{
	margin: 0 20px;
}

.serverHousing .tarifs li{
	border-bottom: 1px solid #d0d0d0;
}

.serverHousing .tarifs li h3{
	margin: 0;
}

.serverHousing .tarifs .first{
	border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}

.serverHousing .tarifs .last{
	border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}

.serverHousing .tarifs dl{
	padding-top: 5px;
	margin: 0;
}

.serverHousing .tarifs .first dl{
	border-left: 1px solid #d0d0d0;
}

.serverHousing .tarifs .last dl{
	border-right: 1px solid #d0d0d0;
}

.serverHousing .tarifs p{
	margin: 0;
	padding: 15px 0;
}
.serverHousing .tarifs .first p{
	border-left: 1px solid #d0d0d0;
}

.serverHousing .tarifs .last p{
	border-right: 1px solid #d0d0d0;
}

.serverHousing .tarifs .first h3{
	border-top-left-radius: 5px;
}

.serverHousing .tarifs .last h3{
	border-top-right-radius: 5px;
}

.serverHousing .tarifs .best-offer {
	border-radius: 10px;
	font-weight: bold;
	border-bottom: none;
}

.serverHousing .tarifs .best-offer h3{
	font-weight: bold;
}

.serverHousing .ask{
	background-color: #f0f0f0;
	border: 1px solid #d0d0d0;
	border-radius: 5px;
	float: right;
	margin-right: 20px;
	width: 460px;
	height: 255px;
}

.serverHousing .ask .g-recaptcha{
    margin: 20px 20px 0 ;
}

.serverHousing .ask table{
	border:  none;
}

.serverHousing .ask td{
	padding: 0;
	border: none;
}

.serverHousing .ask h4{
	font-size: 16px;
	padding: 10px 20px 5px 00px;
	margin: 0;
	color: #4083cc
}

.serverHousing .ask textarea{
	height: 60px;
	width: 413px;
	margin: 0 20px;
	resize: none;
	overflow-y: scroll;
	border: 1px solid #d0d0d0;
}

.serverHousing .ask label{
	margin-left: 20px;
}

.serverHousing .ask input[type=submit]{
	float: right;
	margin-right: 20px;
}

.serverHousing input[type=text]{
	border: 1px solid #d0d0d0;
	padding: 3px;
}

.faq .faq-answer a, .qh a{
	text-decoration: underline;
}

.qh .techbase-index a{
	text-decoration: none;
}

.help-tip{
		display: inline-block;
		height: 20px;
		width: 20px;
		float: none !important;
		
}
.help-tip span{
		/*background: url('../design/blue-dot.png') no-repeat;*/
		background: url('../design/faq-question.png');
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    height: 16px;
    line-height: 16px;
    padding-left: 1px;
    text-align: center;
    width: 15px;
		float: left;
		margin: 2px;
		margin-top: 5px;
		font-family: "Arial",sans-serif;
}

.ui-widget-content{
	background-image: none !important;
}