/*	
	Platino Template
	File: stylesheet.css
	Stefano Giliberti - kompulsive@gmail.com clickswitch.net		
*/

/* Main */
body {
	background:url(../images/back.gif) repeat-x #FFF;
	color:#454950;
	font:62.5% Helvetica, Arial, sans-serif;
	line-height:1.4em;
}
p {
	font-size:1.4em;
	line-height:1.5em;
	padding:0 0 10px 0;
}
.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both;
}
.center {
	text-align:center;
}
.spacer {
	padding:0 0 35px 0;
}
.small-spacer {
	padding:0 0 20px 0;
} 
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
hr {
	background:#c1c2c3;
	border: 0;
	color: #c1c2c3;
	height: 1px;
	margin:25px 0;
}
.a-left {
	text-align:left;
}
.a-right {
	text-align:right;
}
.marker {
	font-weight:bold;
	font-size:1.6em;
	line-height:1.3em;
	color:#777;
}
.small {
	color:#919191;
	font-size:1.2em;
	line-height:1.8em;
}

.hidden {
   display:none;
}

/* Tables Styling */
table span {
	padding:0 10px 0 0;
	font-weight:bold;
}
td {
	padding:17px 7px;
	border-bottom: 1px solid #e2e2e2;
	font-size:1.3em;
	text-align:center;
}
td a.promo-link {
	font-size:.9em;
}
tr.table-header {
	background:url(../images/upper-shade.gif) repeat-x;
}
tr.table-header h4 {
	padding:15px 0;
}
th {
	padding: 0px 10px;
	border-top:1px solid #d4d4d4;
	border-bottom:1px solid #e2e2e2;
	font-weight:bold;
}

/* Quotes styling */
blockquote {
	width:400px;
	margin:10px 0 15px 0;
	padding:10px 0 10px 20px;
	border-left:2px solid #CCC;
	font-size:1.5em;
	line-height:1.4em;
	color:black;
	font-weight:bold;
}
cite {
	padding:10px 0 0 0;
	color:#777;
	display:block;
}

/* Lists */
#content ul,
#content ol {
	padding:10px 0 10px 18px;
}
	#content ul li,
	#content ol li {
		font-size:1.4em;
		padding:0 0 5px 0;
	}

/* Headings */
h1, h2, h3, h4, h5 {
	color:#454950;
	font-size:3.7em;
	font-weight:bold;
	padding:5px 0 15px 0;
	font-family: georgia;
}
h2 {
	font-size:2.2em;
	color:#373A3F;
	padding:5px 0 20px 0;
}
h3 {
	font-size:1.9em;
	font-weight:bold;
}
h4 {
	font-size:1.6em;
	line-height:1.4em;
}
h5 {
	font-size:1.4em;
	line-height:1.3em;
}

/* Links Style */
a:link, a:visited, a:active {
	color:#2080d5;
	text-decoration:none;
}
a:hover {
	color:black;
	text-decoration:underline;
}

/* Promo links */
a.promo-link {
	line-height:41px;
	width:133px;
	background:transparent url(../images/promo-link.png) 0 0;
	color:#2e2e2e;
	text-align:center;
	font-size:1.3em;
	font-weight:bold;
	margin:0 5px 0 5px;
	cursor:pointer;
}
	a:hover.promo-link {
		background-position: 0 -41px;
		text-decoration:none;
		color:#4481d4;
	}
	
/* Wrapper */
#wrapper {
	position:relative;
	margin:0 auto;
	width:960px;
	padding:0 0 30px 0;
}
/* Header */
#header {
	position:relative;
	height:134px;
}
	/* Logo */
	#header h1#logo, #header h1#logo a { 
		display:block;
		height:39px;
		width:180px;
		color: #000;
	}
	#header h1#logo { 
		background:url('../images/new/levne-weby.png') no-repeat;
		border:none;
		height:39px;
		left:0px;
		margin:0;
		padding:0;
		position:absolute;
		text-indent:-999em;
		top:33px;
	}
	/* Navigation */
	ul#navigation {
	 	margin:0;
  		list-style:none;
		position:absolute;
		bottom:0;
		padding:0;
	}
		ul#navigation li {
			float:left;
			background:url(../images/tab-unactive-left.gif) no-repeat left top;
			margin:0;
			padding:0 0 0 5px;
			margin:0 4px 0 0;
		}
		ul#navigation a {
			float:left;
			display:block;
			background:url(../images/tab-unactive-right.gif) no-repeat right top;
			padding:10px 15px 10px 10px;
			text-decoration:none;
			font-weight:bold;
			font-size:1.3em;
			color:white;
		}
		ul#navigation a:hover {
			color:#d0d5de;
		}
			/* Hover class */
			ul#navigation .hover {
				background:url(../images/tab-hover-left.gif) no-repeat left top;
			}
			ul#navigation .hover a {
				background:url(../images/tab-hover-right.gif) no-repeat right top;
			}
			/* Current list item */
			ul#navigation .current {
				background:url(../images/tab-active-left.gif) no-repeat left top !important;
			}
			ul#navigation .current a {
				background:url(../images/tab-active-right.gif) no-repeat right top !important;
				color:#2b2e32;
			}
			/* Highlighted (blue) list item */
			ul#navigation .main-menu-kontakt {
				background:url(../images/tab-highlighted-left.gif) no-repeat left top;
			}
			ul#navigation .main-menu-kontakt a {
				background:url(../images/tab-highlighted-right.gif) no-repeat right top;
			}
			ul#navigation .main-menu-kontakt a:hover {
				color:#000000;
			}
			
	/* Right upper menu */
	ul#fast-links {
	 	margin:0;
  		list-style:none;
		position:absolute;
		bottom:0;
		right:0;
		padding:0;
	}
		ul#fast-links li {
			float:left;
			margin:0;
			padding:0 0 0 5px;
			margin:0 2px 0 0;
		}
		ul#fast-links a {
			float:left;
			display:block;
			padding:10px 10px 12px 5px;
			text-decoration:none;
			font-weight:bold;
			font-size:1.2em;
			color:#c6c9d1;
		}
		ul#fast-links a:hover {
			text-decoration:underline;
		}
			/* Current list item */
			ul#fast-links .current {
				background:url(../images/fast-links-hover-left.gif) no-repeat left center;
			}
			ul#fast-links .current a {
				background:url(../images/fast-links-hover-right.gif) no-repeat right center;
			}
	
	/* Promo Container */
	#promo-container {
		background:url(../images/promo-shade.gif) bottom no-repeat;
		padding:30px 0 60px 0;
		margin:0 0 20px 0;
		position:relative;
	}
		#promo-info {
			position:absolute;
			bottom:50px;
			right:0;
			color:black;
		}
		/* Pages title */
		#promo-container h1,
		#promo-container h2,
		#promo-container h3 {
			color:#2B2E32;
			padding:25px 0 0 0;
		}
		ul#sub-menu {
			margin:0;
			list-style:none;
			position:absolute;
			bottom:45px;
			right:0;
			padding:0;
		}
			ul#sub-menu li {
				float:left;
				margin:0;
				padding:0 0 0 5px;
				margin:0 2px 0 0;
			}
			ul#sub-menu a {
				float:left;
				display:block;
				padding:10px 10px 12px 5px;
				text-decoration:none;
				font-size:.9em;
			}
			ul#sub-menu li.current a {
				color:black;
				cursor:default;
			}

		/* "Signup for free" or "Take the tour" links positioning */
		#promo-links {
			position:absolute;
			top:190px;
			left:40px;
		}
		/* "or" text */
		#promo-links span {
			font-size:1.8em;
			color:white;
			line-height:41px;
			margin:0 5px 0 5px;
		}
		#promo-links a.promo-link,
		#promo-links span {
			float:left;
		}

	/* Home introduction text and info strips */
	.intro-div {
		width:580px;
		padding:0 0 50px 0;
	}
	.info-strip {
		width:479px;
		min-height:120px;
		padding:0 0 25px 0;
	}
		.info-strip .desc {
			width:75%;
			padding:0 50px 0 0;
		}

	/* Columns */
	.left-column {
		width:479px;
		padding:0 0 30px 0;
	}
	.right-column {
		width:372px;
		padding:0 0 30px 40px;
		background:url(../images/left-shade.gif) no-repeat left center;
		min-height:400px;
	}
	.center-box {
		width:700px;
		margin:0 auto;
		margin-bottom:40px;
		padding:30px;
		background:url(../images/upper-shade.gif) top repeat-x;
		text-align:center;
		border:1px solid #e2e2e2;
		border-bottom:1px solid #d4d4d4;
	}
	
	/* Features tabs */
	ul.tabs {
  		list-style:none;
		padding:0 !important;
	}
		ul.tabs li {
			float:left;
			margin:0 1px 0 0;
			text-align:center;
		}
		ul.tabs li a {
			display:block;
			width:92px;
			line-height:37px;
			background:url(../images/tabs.gif) no-repeat left top;
			color:#777;
			font-size:0.9em;
			font-weight:bold;
		}
		ul.tabs li a.selected {
			background-position:0 -37px;
			color:black;
		}
	
	/* Bottom Promo */
	/* First panel left border trick */
	#bottom-promo .first {
		background:url(../images/bottom-promo-left-border.gif) left repeat-y;
	}
	#bottom-promo .panel {
		width:239px;
		height:165px;
		float:left;
		border:1px solid #cacaca;
		border-left:none;
		margin:30px 0 25px 0;
	}
		/* Panel icon */
		#bottom-promo .panel img {
			padding:10px 15px 0 10px;
		}
		/* Panel title */
		#bottom-promo .panel h3 {
			padding:28px 0 30px 0;
		}
		/* Panel description */
		#bottom-promo .panel p {
			line-height:1.4em;
			font-size:1.3em;
			padding:0 13px 13px 13px
		}
		/* Search panel */
		input#panel-search {
			margin:13px 0 0 0;
			width:192px;
		}
		
		
		
	img.reference {
	
			float:left;
			margin-right:20px;
			margin-bottom:20px;
		}
		
	div.clear {
	
			float: none;
			height: 35px;

		}

	div.clear1px {
	
			float: none;
			height: 1px;

		}

/* -- Objednavka -- */

#order .left-col {
  float: left;
  width: 608px;
}
#order .right-col {
  float: right;
  width: 331px;
}

.boxes {  width: 293px; margin: 0 0 10px 0; }		
.boxes-long {  width: 608px; margin: 0 0 10px 0; }	

.boxes .title,
.boxes-long .title {
  position: relative;
  margin-bottom: 5px;
  height: 57px;
  font-size: .9em;
}

.boxes      .title { background: #f3f3f3 url(../images/title-bg.gif) 0 0 no-repeat; }
.boxes-long .title { background: #f3f3f3 url(../images/title-long-bg.gif) 0 0 no-repeat; }
.boxes .title.correct,
.boxes-long .title.correct { background-position: 0 -57px; }		
.boxes .title.error,
.boxes-long .title.error   { background-position: 0 -114px; }		
.boxes h4,
.boxes-long h4             { margin: 0; padding: 0 0 0 45px; line-height: 41px; }

.title.ico-db span {
  position: absolute; top: 7px; left: 10px;
  display: block; width: 22px; height: 28px;
  background: url(../images/ico-database.gif) 0 0 no-repeat;
}
.title.ico-pages span {
  position: absolute; top: 7px; left: 10px;
  display: block; width: 23px; height: 27px;
  background: url(../images/ico-pages.gif) 0 0 no-repeat;
}
.title.ico-lock span {
  position: absolute; top: 7px; left: 10px;
  display: block; width: 21px; height: 28px;
  background: url(../images/ico-lock.gif) 0 0 no-repeat;
}

#order .col {
  width: 45%;
}

#price {
  position: relative;
  margin: 0; padding: 0 0 16px 0;
  width: 311px; height: 120px;
  text-align: center; 
  border-top: 1px solid #e2e2e2;
  background: #f3f3f3 url(../images/bg-price.gif) left bottom no-repeat;
}
#price span {
  position: absolute; top: 55px; right: 70px;
  display: block; width: 40px; height: 50px;
  font-size: 2.5em; font-weight: bold; color: #282e33; 
}
#price strong {
  position: absolute; top: 55px; right: 110px;
  display: block; width: 200px; height: 50px;
  text-align: right;
	font-size: 3.5em; font-family: Arial, sans-serif; color: #3bb303;
}

/* table */
table.tab {
  width: 311px;
  margin: 1em 0 1.6em 0;
  border-collapse: collapse; 
  font-size: .9em; color: #6d6d6d;
  border: 0px !important;
}
table.tab tr td {
  border-bottom: 1px solid #e2e2e2;
}
tr.none td {
  border-bottom: 0px !important;
}
table.tab td {
  padding: 0 10px;
  height: 30px; line-height: 30px;
  text-align: left;
}
table.tab th {
  padding: 0 10px;
  height: 30px; line-height: 30px;
  text-align: left; font-size: 1.4em; color: #0c0c0c;
  border-top: none;
}
table.tab td.r {
  text-align: right !important;
}

.note {
	font-size: 1.2em; font-style: italic; color: #919191;
}

/* slider */
.slider {
  margin: 38px auto 0 auto;
  position: relative; 
  width: 238px; height: 4px;  
  background: url('../images/bg-slider.gif') 50% 0 no-repeat; 
}
  
.slider .lista { 
  position: absolute; left: 0; top: 0; 
  height: 4px; width: 0; 
  background: url('../images/bg-slider-lista.png') no-repeat; 
}
.slider .posuvnik     { 
  position: absolute; top: -10px; left: 0; 
  display: block; 
  cursor: pointer; 
  width: 27px; height: 24px;
  padding-top: 5px; 
  color: #fff; text-align: center; font-size: 1.2em; font-weight: bold; 
  background: url('../images/bg-slider-actual.png') no-repeat; 
}

.interest {
  padding: 0 20px;
	height: 25px;
	line-height: normal;
}
.interest label {
	padding: 0 0 0 10px;
	font-weight: normal; font-size: 1.2em;
}
.order-form .interest { padding: 10px 0 0 0; }

h3.linie      { background: url(../images/bg-heading.gif) 0 45% repeat-x; position: relative;}
h3.linie span { background: #fff; padding: 0 10px 0 0; }

/* Form Styling - order */
.order-form label {
	display:block;
	margin:15px 0 10px 0;
	font-size:1.4em;
	color:black;
	font-weight:bold;
}
.order-form .check-label label {
  display:inline;
  margin: 0;
  font-size:1.2em;
  color:black;
  font-weight:normal;
}

  
.order-form .input,
.order-form textarea {
	background:url(../images/upper-shade.gif) repeat-x top;
	border:1px solid #cacaca;
	padding:7px;
	margin:0 0 5px 0;
	font-family: Helvetica, Arial, sans-serif;
}
.order-form .input {
	width:260px;
}
	.order-form .input.smaller {
		width:110px;
	}
	.order-form .input.larger {
		width:400px;
	}
.order-form .submit {
    border:none;
	width:170px;
	height:37px;
	margin:10px 5px 0 0;
	font-weight:bold;
	color:#fff;
    background:url(../images/button.gif) no-repeat 0 0;
}
	.order-form .submit:hover {
		background-position: 0 -37px;
		cursor:pointer;
	}
.order-form .button {
	border:1px solid #2E3136;
	background:#45494F;
	padding:5px 15px;
	color:white;
	font-weight:bold;
	font-size:1.2em;
}

label.checked {
  font-weight: bold; color: #000;
}

tr.pages-added span, tr.modules-added span{
padding: 0px;
font-weight: normal;
}

ul.form-message { margin: 0 0 10px 5px !important; padding: 0 !important; list-style: none;}
ul.form-message li { font-size:1.2em; line-height: 25px; height: 25px; margin: 0px !important; padding: 0 0 0 25px !important; background: 0 4px no-repeat; }
ul.form-message.error li   { color: #cf3300; background-image: url(../images/ico-error.gif); }
ul.form-message.correct li { color: #33b200; background-image: url(../images/ico-correct.gif); }

/* -- Overlay vrstva -- */
#overlay { display: none;}

.lightbox { color: #2C2B29; left: 50%; position: fixed; top: 30%; z-index: 102;
  width: 400px; /* vychozi sirka */
  margin-left: -200px; /* vychozi sirka/2 */
}

.lightbox a.close { background: url(../images/overlay-close.gif) 0 0 no-repeat; display: block; height: 19px; position: absolute; right: 15px; top: 10px; width: 19px;}
.lightbox a.close:hover { background-position: 0 100%;}

.lightbox .top, .lightbox .bottom { background: url(../images/overlay-corners.png) 0 0 no-repeat; height: 9px; margin-right: 9px;}
.lightbox .bottom { background-position: 0 100%;}

.lightbox .top b, .lightbox .bottom b { background: url(../images/overlay-corners.png) 100% 0 no-repeat; display: block; height: 9px; position: absolute; right: 0; top: 0; width: 9px;}
.lightbox .bottom b { background-position: 100% 100%; top: auto; bottom: 0;}

.lightbox .inside { background: #fff; padding: 15px 30px 0; overflow: auto; position: relative; }
.lightbox .inside h2 { font-size: 1.7em; margin-top: 0; color: #0063a8;}
.lightbox .inside h3 { margin: 0; text-align: left; font-size: 1.5em;  color: #0063a8; font-weight: normal;}

.lightbox .overflow { height: 100%; overflow: auto; padding-right: 10px;}
.lightbox_overlay { position: fixed; z-index: 100; top: 0; left: 0; height: 100%; width: 100%; background-color: #000; filter: alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60;}
.lightbox .col { float: left; margin-right: 1%; width: 31%;}

.lightbox .send { margin: 0 auto; }

/* -- Box -- */
.sendBox {
  margin: 0 auto 10px; padding: 20px 40px 0 40px;
  width: 450px; height: 150px;
  background: #454545 url(../images/bg-sendBox.gif) 0 0 no-repeat;
}

.sendBox p { 
  margin: 0;
  line-height: 160%;
  color: #fff;
  font-size: 1.25em;
}

.sendBox h2 { 
  margin: 0 0 5px 0;
  font-size: 2em !important; 
  color: #fff !important;
}

#send-links {
  margin: 0 auto;
  width: 143px;
}
#send-links a.promo-link {
  float: left;
}


/* layoutmašina addons */

#header p{
 	margin: 0;
	list-style: none;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 0 0 21px 0;
	font-family:  georgia;
	font-size:  13px;
	color: #8e8e8e;
	line-height: 22px;
}

#header p span{
	font-size: 20px;
	color: #fff;
	padding: 0 0 0 8px;
}

.cleaner {
	clear: both;
	height: 0;
	line-height: 0;
    font-size: 0;
}

.main-reference-left {
    float: left;
    width: 548px;
    margin: 0 0 42px 0;
}

.main-reference-right {
    float: left;
    width: 412px;
    padding: 46px 0 0 0;
    position: relative;
}

.main-reference-right img{
    float: right;
    margin: 0 0 42px 0;
}

.main-reference-left h2,
.main-reference h2{
    margin: 0;
    padding: 52px 0 30px 0;
    font-size: 30px;
    font-family: georgia;
    line-height: 32px;
    font-weight: bold;
    color: #2b2e32;
}

.main-reference-left h2 span{
    font-size: 20px;
}

.main-reference-left div.col{
    float: left;
    width: 274px;
}

.main-reference-left div.col ul{
    margin: 0 0 25px 0; 
    padding: 0;
    list-style-type: none;
}

.main-reference-left div.col ul li{
    margin: 0 0 7px 14px; 
    padding: 0 0 0 9px;
    list-style-type: none;
    background: url('../images/new/li-dot.gif') left 7px no-repeat;
    color: #565757;
    font-size: 120%;
}

.main-reference-left div.col ul li a{
    color: #565757;
    font-weight: bold;
    text-decoration: underline;
}

.main-reference-left div.col ul li a:hover{
    text-decoration: none;
}

a.show-more {
    display: block;
    float: left;
    font-size: 120%;
    color: #282e33;
    text-decoration: underline;
    line-height: 37px;
    background: #f9f9ac;
    font-weight: bold;
    padding: 0 13px;
    position: relative;
    left: 12px;
}

a.show-more:hover {
    background: #ffff85;
}

.main-reference-right div.price{
    width: 98px;
    height: 60px;
    position: absolute;
    left: 0;
    top: 149px;
}

.main-reference-right div.price p{
    width: 98px;
    height: 60px;
    margin: 0;
    padding: 0;
    background: url('../images/new/flag-red.png') left top no-repeat;
}

.main-reference-right div.price p span{
    color: #fff;
    font-weight: bold;
    display: block;
    padding: 36px 0 0 17px;
    text-align: left;
    font-size: 12px;
}


.main-reference-right div.cms{
    width: 98px;
    height: 65px;
    position: absolute;
    left: 4px;
    top: 207px;
}

.main-reference-right div.cms p{
    width: 98px;
    height: 65px;
    margin: 0;
    padding: 0;
    background: url('../images/new/flag-grey.png') left top no-repeat;
}

.main-reference-right div.cms p span{
    color: #fff;
    font-weight: bold;
    display: block;
    padding: 9px 0 0 15px;
    text-align: left;
    font-size: 12px;
}

.main-reference-right div.cms p span{
    color: #fff;
    font-weight: bold;
    display: block;
    padding: 9px 0 0 17px;
    text-align: left;
    font-size: 12px;
}

hr.clear-border {
    border-bottom: 1px solid #c7c8ca;
    margin: 0 0 41px 0;
    line-height: 1px;
    font-size: 1px;
    clear: both;
    background: none;
}

hr.clear-border-sluzby {
    border-bottom: 1px solid #c7c8ca;
    margin: 0;
    line-height: 1px;
    font-size: 1px;
    clear: both;
    background: none;
}

.rozumime-webum {
    float: left;
    width: 446px;
}

.rozumime-webum h2{
    margin: 0;
    padding: 0px 0 30px 0;
    font-size: 30px;
    font-family: georgia;
    line-height: 32px;
    font-weight: bold;
    color: #2b2e32;
}

.rozumime-webum ul{
    margin: 0 0 25px 0; 
    padding: 0;
    list-style-type: none;
}

.rozumime-webum ul li{
    margin: 0 0 7px 0; 
    padding: 0 0 0 9px;
    list-style-type: none;
    background: url('../images/new/li-dot.gif') left 7px no-repeat;
    color: #565757;
    font-size: 120%;
}

.rozumime-webum ul li a{
    color: #565757;
    background: #f9f9ac;
    text-decoration: underline;
}

.rozumime-webum ul li a:hover{
    background: #ffff85;
    text-decoration: underline;
}

.people {
	position: relative;
    float: left;
    width: 514px;
    margin: 0 0 66px 0;
}

.people .col{
    float: left;
    width: 150px;
    margin: 0 32px 30px 0;
}

.people .col-last{
    margin: 0 0 30px 0;
}

.people .col img{
    float: left;
    margin:  0 0 7px 0;
}

.people .col p{
    color: #565757;
    margin: 0;
    padding: 0;
    line-height: 17px;
    clear: left;
    font-size: 120%;
}

.people .col p strong{
    display: block;
}

.references-bottom{
    width: 300px;
    height: auto;
    position: relative;
    margin: 0 30px 41px 0;
    float: left;
}

.references-bottom-last{
    margin: 0 0 41px 0;
}

.references-bottom div.price{
    width: 98px;
    height: 60px;
    position: absolute;
    left: -9px;
    top: 87px;
}

.references-bottom div.price p{
    width: 98px;
    height: 60px;
    margin: 0;
    padding: 0;
    background: url('../images/new/flag-red.png') left top no-repeat;
}

.references-bottom div.price p span{
    color: #fff;
    font-weight: bold;
    display: block;
    padding: 36px 0 0 17px;
    text-align: left;
    font-size: 12px;
}

.references-bottom div.cms,
.references-bottom div.link{
    width: 98px;
    height: 65px;
    position: absolute;
    left: -9px;
    top: 145px;
}

.references-bottom div.cms p,
.references-bottom div.link p{
    width: 98px;
    height: 65px;
    margin: 0;
    padding: 0;
    background: url('../images/new/flag-grey.png') left top no-repeat;
}
.references-bottom div.link p a{
    color: #fff;
    display: block;
    padding: 9px 0 0 15px;
    text-align: left;
    font-size: 11px;
}

.references-bottom div.cms p span{
    color: #fff;
    font-weight: bold;
    display: block;
    padding: 9px 0 0 17px;
    text-align: left;
    font-size: 12px;
}

.footer {
    width: 960px;
    border-top: 1px solid #c7c8ca;
}

.footer p.left{
    float: left;
    color: #565757;
    margin: 0;
    line-height: 16px;
    padding: 15px 0 0 0;
    font-size: 120%;
}

.footer p.right{
    float: right;
    color: #565757;
    margin: 0;
    line-height: 16px;
    font-size: 120%;
}

.footer p.right span{
    float: left;
    line-height: 50px;
    display: block;
    margin: 0 6px 0 0;
}

.footer p.right a{
    float: left;
    color: #565757;
    display: block;
    line-height: 50px;
}

.footer p.right a.author{
    padding: 0 0 0 26px;
    background: url('../images/new/breezy-footer.png') left center no-repeat;
}

.footer p.right a.fb{
    margin: 0 0 0 20px;
}

.bublina1 {
    width: 265px;
    margin: 60px 75px 20px 0;
    background: url('../images/new/bublina.gif') left top no-repeat;
    float: left;
}

.bublina2 {
    width: 265px;
    margin: 0 75px 20px 0;
    background: url('../images/new/bublina-leva.gif') left top no-repeat;
    float: left;
}

.bublina3 {
    width: 265px;
    margin: 20px 0 20px 0;
    background: url('../images/new/bublina.gif') left top no-repeat;
    float: left;
}

.reference-text {
    height: 180px;
}

.reference-text p{
    font-size: 14px;
    font-family: georgia;
    padding: 36px 40px 0 40px;
    color: #545454;
    line-height: 20px;
    font-style: italic;
}

.bublina1 p.sign,.bublina2 p.sign,.bublina3 p.sign {
    margin: 0 15px;
    text-align: right;
    font-size: 14px;
    font-family: georgia;
    padding: 0;
    color: #272727;
    line-height: 20px;
    font-style: italic;
}

.bublina2 p.sign {
    text-align: left;
}

.reference-double {
    width: 328px;
}

.grafika-kod {
    position: relative;
    width: 632px;
}

.grafika-kod div.col{
    width: 280px;
}

.grafika-kod div.col ul li{
    margin-left: 0;
}

.grafika-kod div.col2{
    width: 320px;
}

.administracni-system {
    width: 434px;
}

.administracni-system div.col ul li{
    margin-left: 0;
}

.administracni-system div.col{
    width: 434px;
}

.reference-triple {
    width: 526px;
}

.partners {
    padding: 0 0 0 10px;
    margin: 0;
}

.partners img{
    padding: 0 30px 0 0;
}

h2.sluzby{
    margin: 0;
    padding: 30px 0 10px 0;
    font-size: 30px;
    font-family: georgia;
    line-height: 32px;
    font-weight: bold;
    color: #2b2e32;
}

.people-contact a.show-more,.grafika-kod a.show-more  {
    left: 0;
}

.osveta {
    padding: 50px 0 0 0;
}

.osveta h2,
.kontakt h2{
    margin: 0;
    padding: 0px 0 20px 0;
    font-size: 30px;
    font-family: georgia;
    line-height: 32px;
    font-weight: bold;
    color: #2b2e32;
}

.osveta h3,
.kontakt h3{
    margin: 0;
    padding: 30px 0 40px 0;
    font-size: 25px;
    font-family: georgia;
    line-height: 27px;
    font-weight: bold;
    color: #2b2e32;
    float: left;
}

.osveta h3.last{
    padding: 30px 0 15px 0;
}

.osveta p,
.kontakt p{
    color: #565757;
    font-size: 120%;
    line-height: 20px;
}

.osveta p.last{
    margin-bottom: 10px
}

.osveta ul{
    margin: 0 0 25px 0;
    padding: 15px 0 0 0;
    float: left;
    width: 550px;
    list-style-type: none;
}

.osveta ul li{
    margin: 0;
    padding: 0;
    list-style-type: none;
    color: #000000;
    font-size: 120%;
    line-height: 24px;
}

.osveta ul li a,
.kontakt a {
    background: #f9f9ac;
    text-decoration: underline;
    color: #000000;
}

.osveta ul li a:hover,
.kontakt a:hover {
    background: #ffff85;
    text-decoration: underline;
}

.osveta img.img-patent{
    padding: 25px 0 0 0;
}

.osveta div.text{
    float: left;
    width: 560px;
    text-align: center;
    margin: 0 90px 0 0;
}

.osveta div.text h4{
    color: #111112;
    text-align: left;
    margin: 0 0 0 32px;
    padding: 0;
    font-weight: bold;
    line-height: 20px;
    font-size: 120%;
}

.osveta div.text p{
    color: #565757;
    text-align: justify;
    margin: 0 0 40px 32px;
    padding: 0;
    line-height: 20px;
}

.osveta div.text img{
    margin: 0 0 60px 32px;
}

.osveta div.img{
    float: left;
    padding: 20px 0 60px 0;
    width: 300px;
}

.osveta a.nahoru{
    float: right;
    display: block;
    background: url('../images/new/texty-osveta/nahoru.png') left center no-repeat;
    padding: 0 0 0 14px;
    text-decoration: underline;
    margin: 38px 0 0 0;
    color: #565757;
    font-size: 120%;
}

.osveta a.nahoru span{
    background: #f9f9ac;
    cursor: pointer;
}

.osveta a.nahoru:hover span{
    background: #ffff85;
}

.osveta a.nahoru:hover{
    text-decoration: underline;
}

.osveta table{
    width: 960px;
    padding: 0;
    vertical-align: middle;
}

.osveta table th{
    padding: 0 18px;
    height: 45px;
    text-align: left;
    font-size: 14px;
    color: #232527;
    font-weight: bold;
    font-family: georgia;
    vertical-align: middle;
    border: 0;
    width: 442px;
}

.osveta table th.right{
    text-align: right;
    float: none;
}

.osveta table td{
    padding: 0 18px;
    height: 45px;
    text-align: left;
    font-size: 12px;
    color: #565757;
    vertical-align: middle;
    border: 0;
    width: 442px;
}

.osveta table td.right{
    text-align: right;
    float: none;
}

.osveta table tr.odd td{
    background: #f0f0f0;
}

.img-under-table {
    text-align: center;
    padding: 30px 0;
}

.img-under-cols {
    text-align: center;
    padding: 0 0 30px 0;
}

.col-polovina1 {
    float: left;
    width: 520px;
    padding: 20px 0 0 0;
}

.col-polovina2 {
    float: left;
    width: 440px;
    padding: 20px 0 0 0;
}

.col-polovina1 p{
    margin: 0 70px 30px 0;
}

.col-polovina2 p{
    margin: 0 0 30px 0;
}

.col-polovina1 p strong,.col-polovina2 p strong{
    color: #000;
}


.title { text-align: center; margin-bottom: 20px; }
.title a {     
    font-size: 120%;
    color: #282e33;
    text-decoration: underline;
    line-height: 37px;
    font-weight: bold;
    padding: 4px 13px;
    background: #f9f9ac;
}
.title a:hover {
    background: #ffff85;
}

/* call me */
#callmeLink {
  display:block;
  position:fixed; right:10px; bottom:20px;
  width:114px; height:30px; line-height: 28px; text-align: center;
  font-family: georgia; font-weight: bold; font-size: 11px; color: #282e33;
  background: url(../images/bg-callmeLink.png) 0 0 no-repeat;
}
#callme {
  display: none;
  position:fixed; right:10px; bottom:20px;
  width:411px; height:151px;
  font-family: georgia; font-weight: bold; font-size: 11px; color: #282e33;
  background: url(../images/bg-callme.png) 0 0 no-repeat;
}
#callme fieldset {
  margin: 0 24px; padding-top: 20px;
}
#callme .con-half {
  margin-bottom: 10px;
  width: 172px; height: 30px; 
  background: url(../images/bg-con-half.gif) 0 0 no-repeat;
}
#callme .con-full {
  margin-bottom: 10px;
  width: 364px; height: 30px; 
  background: url(../images/bg-con-full.gif) 0 0 no-repeat;
}
#callme .input {
  padding: 8px 5px;
  background: none; border: none;
}
#callme .con-half .input { width: 162px; }
#callme .con-full .input { width: 354px; }
#callme .submit {
  padding:0 8px; margin-right: 10px;
  height:30px;
  font-size:14px; font-weight:bold;
  color: #020202;
  text-shadow:1px 1px 1px #FFFFFF;
  vertical-align: middle;
  border-color:#D1D1D1 #C1C1C1 #A1A1A1; border-style:solid; border-width:1px;
}
/* -- samolepka Jak se pozna kvalitni web? -- */
a.label-kvalitni-web {
  display: block;
  width: 132px; height: 133px;
  background: url(../images/label-kvalitni-web.png) 0 0 no-repeat;
}
a.label-kvalitni-web:hover {
  background: url(../images/label-kvalitni-web.png) 0 -133px no-repeat;
}
.people .label-kvalitni-web {
  position: absolute; top: -80px; left: -95px;
}
.grafika-kod .label-kvalitni-web {
  position: absolute; bottom: -90px; left: 450px;
}

/* -- samolepka Hosting zdarma -- */
a.label-hosting-zdarma {
  display: block;
  width: 132px; height: 133px;
  background: url(../images/label-hosting-zdarma.png) 0 0 no-repeat;
}
a.label-hosting-zdarma:hover {
  background: url(../images/label-hosting-zdarma.png) 0 -133px no-repeat;
}
.thumb-ref .label-hosting-zdarma {
  position: absolute; bottom: 12px; right: -5px;
}

.podekovani p a{
    color: #565757;
    background: #f9f9ac;
    text-decoration: underline;
}

.podekovani p a:hover{
    background: #ffff85;
    text-decoration: underline;
}

/* -- contact-form -- */
#contact-form { 
  margin: 0 0 20px 0;
  width: 700px;
  background: #f3f3f3;
}
#contact-form form {
  margin: auto; padding: 5px 0 20px;
  width: 660px;
}

.kontakt #contact-form form h4 {
  margin-bottom: 10px;
  font-family: arial; font-size: 1.4em;
}

.formBox .clearfix {
  margin-bottom: 10px;
  overflow: hidden;
}
.formBox .lab {
  float: left;
  width: 125px; height: 31px; line-height: 31px;
  font-size: 1.2em; color: #161616;
}
.formBox .con {
  float: left;
  width: 230px; height: 31px; line-height: 31px;
  background: url(../images/bgFormInput.gif) 0 0 no-repeat;
}
.formBox .con .input {
  margin: 0 5px; padding: 8px 0 0 0 !important;
  width: 220px;
  color: #464646;
  border: none;
  background: none;
}

.formBox .con-textarea {
  float: left;
  width: 660px; height: 151px;
  background: url(../images/bgFormTextarea.gif) 0 0 no-repeat;
}
.formBox .con-textarea .textarea {
  margin: 0 5px; padding: 8px 0 8px 0 !important;
  width: 650px; height: 135px;
  font-family: Arial; font-size: 1.3em; color: #464646;
  color: #464646;
  border: none;
  background: none;
}

.formBox .con-check {
  padding-top: 3px;
  float: left;
  width: 25px; height: 21px; line-height: 24px;
}
.formBox .lab-check {
  float: left;
  width: 240px; height: 24px; line-height: 24px;
  font-size: 1.2em; color: #161616;
}
.formBox .clearfix.error .lab {
  color: #cf2816;
}
.formBox .clearfix.error .con {
  background-position: 0 -31px;
}

.formBox .cols {
  margin-bottom: 20px;
}

.formBox .submit {
  display: block; float: right;
  width: 120px; height: 38px; line-height: 38px;
  font-size: 1.2em; font-weight: bold; text-decoration: underline;
  border: none; text-align: center;
  color: #000;
  background: #f9f9ac;
}
.formBox .submit:hover {
  text-decoration: none;
  background: #ffff85;
}
/* -- Cols layout -- */
.cols { overflow: hidden; height: 100%; clear: both; }
.cols .col1 { float: left; }
.cols .col2 { float: left; }
.cols50 .col1 { float: left; width: 47% !important; }
.cols50 .col2 { float: right; width: 47% !important; }
.cols3 .col1,
.cols3 .col2,
.cols3 .col3 { width: 33%; }
.cols3 .col3 { float: right; }

.cols2v1 .col1 { float: left; width: 380px !important; }
.cols2v1 .col2 { float: right; width: 270px !important; }

.kontakt .content { float: left; }
.kontakt .column { float: right; width: 220px; }

/* --- slogan --- */
.slogan {
	position: absolute; top: 50px; right: 0px;
	padding-left: 50px;
	height: 45px;
	background: url(../images/certificate.gif) 0 0 no-repeat;
}
.slogan h2 {
	margin: 0 0 5px 0; padding: 8px 0 0 0;
	font-size: 1.8em; font-weight: normal;
	color: #fff;
}
.slogan a {
	font-size: 1.2em;
	color: #c5c5c5; text-decoration: underline;
}
.slogan a:hover {
	color: #fff; text-decoration: none;
}	

/* --- main-content --- */
.main-content {
    margin: 0;
}

.main-content .main-left {
	float: left;
	width: 520px;
}
.main-content .main-right {
    float: right;
    width: 412px;
    position: relative;
}

.main-content .main-right .show-more {
	float: right;
	margin: 52px 20px 20px 0;
}

.main-reference-right img{
    float: right;
    margin: 0 0 42px 0;
}

.main-content h2 {
    margin: 0;
    padding: 52px 0 30px 0;
    font-size: 30px;
    font-family: georgia;
    line-height: 32px;
    font-weight: bold;
    color: #2b2e32;
}

.main-content h2 span{
    font-size: 20px;
}

.main-content .main-left h3 {
	font-size: 18px;
}

.main-content ul li{
    margin: 0 0 7px 14px; 
    padding: 0 0 0 9px;
    list-style-type: none;
    background: url('../images/new/li-dot.gif') left 7px no-repeat;
    color: #565757;
    font-size: 120%;
}

.main-content ul li a{
    color: #565757;
    font-weight: bold;
    text-decoration: underline;
}

.main-content ul li a:hover{
    text-decoration: none;
}

.price-item {
	margin-bottom: 20px;
	background: url(../images/bg-arrow.gif) 90% bottom no-repeat;	
}
.price-item .price {
	float: right;
	margin: 0;
  padding: 5px 0 15px 0;
	font-size: 16px;
	font-family: georgia;
	font-weight: bold;
	color: #2b2e32;
	background-color: #fff;	
}

.price-item h3 {
  font-size: 16px;
}

.thumb-ref {
	position: relative;
	margin-bottom: 20px;
	clear: both;
}
.thumb-ref img {
	margin-bottom: 5px;
}
.thumb-ref a {
	font-size: 1.2em;
	color: #2b2b2b; font-weight: bold;
	text-decoration: underline;
}
.price-total {
	margin-bottom: 10px;
	overflow: hidden;
	font-size: 16px;
	font-family: georgia;
	height: 32px;line-height: 32px;
	font-weight: bold;
	color: #2b2e32;	
	background-color: #e8e8e8;
}
.price-total span {
	float: left;
 	margin: 0 10px;
}
.price-total .price {
	float: right;
}
.main-content .main-left .note {
	margin: 0 10px;
	font-size: 1.2em;
	color: #787b7b; font-style: italic;
}

.perex {
  padding: 10px 20px 10px 20px; margin-bottom: 20px;
  border-bottom: 1px solid #dbdba0;
  background: #ffffd2;
}

.perex .cols3 .col1 { width: 43%; }
.perex .cols3 .col3 { width: 23%; }

.perex .cols3 .col1 p { margin-right: 20px; } 

.thumb-people { 
  margin: 0 10px 0 0;
  float: left; 
}
.thumb-people.last { margin: 0; }