@font-face {
 font-family: GoodTime;
 src: url("goodtime.eot") /* EOT file for IE */
}
@font-face {
 font-family: GoodTime;
 src: url("goodtime.ttf") /* TTF file for CSS3 browsers */
}

body {
		margin: 0;
    padding: 0;
    min-width: 860px;
    background-color: black;
    font-family: Arial;
    font-size: 11pt;
    color: white;
}

html {

}

a, a:link, a:visited, a:hover, a:active, a img, a:link img, a:visited img, a:hover img {
	text-decoration: none;
	border: 0;
}
h2, h3 {
	font-size: 15px;
	margin: 12px 0;
}
.right {
	position: relative;
	float: right;
}

.ralign {
	text-align: right !important;
}
.lalign {
	text-align: left !important;
}
/* HTML 5 VALIDITY FIX */
.clear_all {
	clear: both;
}
.no_cell td {
	margin: 0;
	padding: 0;
}
.no_border {
	border: 0 none transparent;
}
.align_center {
	text-align: center;
}
.left_float {
	z-index: 10;
	position: relative;
}
.align_middle {
	vertical-align: middle;
}

.container {
	padding: 0 20px;
}



.left_half, .left_float {float:left;}
.right_float {float:right;}
.right_half {}
.right_half img {margin-left: 50px;}
.captcha_helper {text-align:center}
.captcha_input {padding: 9px 5px;}


.content .homepage .right_half p {vertical-align:top;}

#portfolio-inner-pages .right_half img {margin-left: 0px !important;}
#captcha1, #captcha2 {margin-left:15px;margin-right:0px !important;float:left;}
#different_image1, #different_image2 {
	display: inline-block;
	float: left;
}
.marg_15_left {margin-left: 15px;}
.marg_15_top {margin-top: 15px !important;}
.padd_15_top {padding-top: 15px !important;} 
.wrap {
}

#all_wrap {
}

#central_wrap {
	background: url('../images/background_center_logo_emptyjpg2.jpg') left top no-repeat;
}
#left_wrap {
    min-width: 100px;
    width: 25%;
}
#right_wrap {
    margin: 0 auto auto 20%;
    min-height: 670px;
    width: 850px;
}

#header {
	font-family: GoodTime, Verdana, Arial, sans-serif;
	margin: 0 auto auto 20%;
	width: 820px;
}

#header .container {
	padding: 20px 20px 0 0;
}

#top_row {
	background: transparent url('../images/top-hex.png') left top repeat-x scroll;
	height: 150px;	
}

#corner {
	position: absolute;
}

.page {

		font-size: 10.5pt;
		text-align: justify;
}

.content p {
		margin-top: 0;
}

.content ul {
	list-style: none outside none;
  padding: 0;
}
#content_container {
	margin-left: 70px;
}

.page .content {
	background: transparent url('../images/background_content.png') left top repeat scroll;
	padding: 13px 15px 10px 13px;;	
}

.row {
    margin: 0;
    padding: 0;
    /*max-width: 980px;
    min-width: 727px;
    width: 100%;
    max-width: 1100px;
    */
    
}

.row:before, .row:after {
    content: "";
    display: table;
}
.row:after, .clearfix:after {
    clear: both;
}
.row:before, .row:after {
    content: "";
    display: table;
}
.row, .clearfix {
}

/* SITE HEADER */
#site_name {
	font-size: 18px;
	height: 77px;
	padding-top: 23px;
}
#site_name h1 a {
	font-weight: normal;
	color: #00ffff !important;
	
}

#site_name_inner {
  position: relative;
	z-index: 5;
	margin: 0;
	padding: 40px;
	background: transparent url('../images/background_aura.png') left top no-repeat scroll;
}

#site_name_inner_overlay {
		height: 95px;
    margin: 25px auto auto 20%;
    position: absolute;
    width: 663px;
    background: transparent url('../images/background_aura.png') left top no-repeat scroll;
    z-index: 1;
}
#site_name_small {
	font-size: 10px;
}

.text-tooltip-anchor {
		color: #00CCFF;
}
.text-tooltip {
		background: url("../images/popisky-pole.png") repeat scroll center center transparent;
    color: #FFFFFF;
    padding: 10px;
    width: 167px;
    color: #FFFF00; 
    }  
.text-tooltip {
    position: absolute;
    color: 
}


/* MENU */
.menu {

}

.menu ul li a, .menu ul li a:visited, .menu ul li a:hover {
    background: none repeat scroll 0 0 transparent;
    line-height: 20px;
    padding: 0 10px;
    transition-duration: 0.2s;
    color: #00CCFF;
    font-size: 17px;
		letter-spacing: 1px;
}

.menu ul li:first-child a, .menu ul li:first-child a:visited, .menu ul li:first-child a:hover {
    padding: 0 10px 0 40px;
}


.menu ul li a.active, .menu ul li a:active {
    color: #ffff00;
}

#menu-header {
	display: none;
}

.block-grid {
	list-style: none outside none;
	margin: 0;
  padding: 0;
}

.block-grid > li {
    display: block;
    float: left;
    height: auto;
}

.flag {
		padding: 15px 10px 0 0;
		float: right !important;
}

/* STRANKOVANI */
.pagination {
  padding: 0 15px;
  vertical-align: middle;
}
.pagination, .pagination_num {
  height: 38px;
  line-height: 38px;
  position: relative;
} 
.pagination_num {
	vertical-align: top;
	margin-left: 42%;
}

/* OBSAH STRÁNEK */    
.page .menu a, .page .menu a:link, .page .menu a:visited, .page .menu a:hover, .content a, .content a:link, .content a:visited, .content a:hover {
		color: yellow;
}

.page .menu a:hover, .content a:hover {
		text-decoration: underline;
}
.pagination a:hover {
		text-decoration: none !important;
}
.italics {
		font-style: italic;
}
.page img {
		margin-right: 15px;
}
#inner-portfolio img {
		margin-right: 0 !important;
}
.spacer {
		line-height: 25px;
}
/* PORTFOLIO */
#inner-portfolio{
	width: 700px;
}
.portfolio_label {
    background: url("../images/background_portfolio_content_label.png") repeat-x scroll left bottom transparent;
    color: white;
    font-family: Arial;
    font-size: 11pt;
    padding: 5px 0 5px 10px;
    position: absolute;
    text-decoration: none;
    top: -16px;
    width: 317px;
    line-height: 20px;
}
#pages_total {
		display: none;
}
.portfolio_table td {
		padding: 0 13px 11px 0;
}

.portfolio_table a img {

    height: 173px;
    width: 317px;
}

.portfolio_table a img, .portfolio_table a:link img, .portfolio_table a:visited img {
    border: 5px solid #333333;
}

.portfolio_table a:hover img {
		border: 5px solid gray !important;
}

.portfolio_table a {
		position: relative;
    }
.back_button {
  	margin-top: 60px;
	}
/* WEBDESIGN */
#webdesign-table td{
		width: 140px;
		vertical-align: top;
}
#webdesign-table img {
		margin-right: 0 !important;
}
#inner-webdesign {
		background: url("../images/kosik.png") no-repeat scroll right bottom transparent;
}

/* FOOTER */
#footer {
	background: transparent url('../images/bottom-hex.png') left top repeat-x scroll;
	height: 88px;
	font-size: 8pt;
	color: #aaaaa9;
}

#footer td {
		background: url("../images/separator_footer.png") no-repeat scroll right center transparent;
		padding: 0 15px 0 15px;
		height: 81px;
		font-size: 8pt;
	color: #aaaaa9;
}
#footer img {
		margin: 0;
		padding: 0;
}
#footer a, #footer a:visited, #footer a:link, #footer a:hover {
		text-decoration: none;
		color: #aaaaa9;
}

/* KALKULACE */
.sup, .sup span {
		vertical-align: top;
		}

.yellow, a.yellow, a:link.yellow, a:visited.yellow, a:hover.yellow {
		color: yellow;
}
fieldset {
		border: 0 none;
}
select, input, textarea {
		margin: 0 15px;
}
select, textarea, input {
		background-color: black;
    border: 1px solid gray;
    color: white;
}
select {
		padding: 0 0 0 15px;
}
textarea, input {
    padding: 0;
}
label {
		line-height: 35px;
}
#inner-kalkulace td {
		text-align: center;
}
textarea, #jmeno, #email, #tel {
		width: 300px;
}
#poptavka {
		width: 130px;
}
.vtop {
		vertical-align: top;
}
.submitbtn {
		background-image: url("../images/submit_button.png");
    border: 0 none;
    height: 38px;
    width: 171px;
    margin-top: 10px;
    padding-right: 50px;
    cursor: pointer;
}
.kontaktni_udaje label {
    line-height: 25px !important;
}
.kontakt_adresa {
		display: block;
}

/* E-APLIKACE */
#eapps {
		background: url("../images/e-aplikace.png") no-repeat scroll center center transparent;
		width: 700px;
		height: 370px;
}
.tooltip p {
		background: url("../images/popisky-pole.png") repeat scroll center center transparent;
    color: #FFFFFF;
    padding: 10px;
    width: 167px;
    }
  
    
.tooltip {
    position: absolute;
    
}


#tooltip-2 p, #tooltip-4 p, #tooltip-5 p  {
		width: 180px !important;
}
#tooltip-3 p {
		width: 215px !important;
}

#tooltip-2, #tooltip-3, #tooltip-5 {
		bottom: 0;
}
#tooltip-1 {
    top: -25px;
}
#tooltip-4 {
    top: -15px;
}     
.tooltip .wrapper {
    display: table-cell;
    vertical-align: middle;
}

.eapp-tooltip-wrap, .tooltip p {
    width: 167px;
		height: 74px;
}
.client-logo {
		position: absolute;
		display: block;
		width: 100%;
		height: 100%; 
}
.eapp-tooltip-wrap {
		position: relative;
		
}
#eapp-1 {
		left: 550px; 
		top: 100px;
}
#eapp-2 {
		height: 120px;
		left: 440px;
		top: -40px;
}
#2 {height: 120px !important;}
#3 {height: 190px !important;}
#4 {height: 90px !important;}
#5 {height: 160px !important;}
#eapp-3 {
	height: 190px;
	left: 150px;
	top: -190px;
	width: 200px;
}
#eapp-4 {
	height: 90px;
	left: 10px;
	top: -170px;
}
#eapp-5 {
  height: 160px;
  left: 275px;
  top: -300px;
}
.zluta {
	color: #FFFF00;
}
.purpurova {
	color: #FF00FF;
}
.modra {
	color: #00CCFF;
}
.oranzova {
	color: #FF6600;
}
.zelena {
	color: #00FF00;
}