/**
 * AUTHOR Ondrej Slamecka, oslamecka@gmail.com, http://numero.name
 * RIGHTS © Ladislav Menyhart
 * SITE http://www.menyhart.name
 * YEAR 2009
*/


/* LAYOUT
----------------------------*/
body{
	font-family: sans-serif;
	font-size: 95%;
	background: #1c1c1c;
}

#header{
	background: #f7f7f7 url(../img/header-bg.jpg) top repeat-x;
	text-align: center;
}

	#headerCenter{
/*		background: url(../img/header-center-bg.gif) center top no-repeat;*/
		width: 902px;
		height: 228px;
		margin: 0 auto;
		text-align: left;
	}
	
		h1{
			position:relative;
			width: 175px;
			height: 50px;
			overflow:hidden;
			float: left;

			margin: 45px 0 0 19px;
		}
			
		h1 span{
			display:block;
			z-index:1;
			width: 175px;
			height: 50px;
			position:absolute;
		
			left:0; top:0;
			background: url("../img/logo.gif") no-repeat;
		}
		
		#header ul.menu{
			float: right;
			margin: 65px 0 0 0; 
		}
		
			#header ul.menu li{
				float: left;
			}
			
				#header ul.menu li a{
					color: #8a8a8a;
					border-left: 2px solid #8a8a8a;
					font-weight: bold;
					font-size: 95%;
					text-decoration: none;
					padding: 0.4em 0.8em 0.4em 0.9em;
					display: block;
				}
		
				#header ul.menu li a:hover{
					color: #525252;
					border-left: 2px solid #797979;
					text-decoration: none;
				}		
		
				#header ul.menu li a.active{
					color: #cd1f4b;
					border-left: 2px solid #cd1f4b;
					text-decoration: none;
				}
						
#citationLine{
	background: #f2f2f2 url("../img/citationline-hbg.gif") top repeat-x;
	text-align: center;
}

	#citationLineCenter{
		height: 95px;
		width: 902px;
		margin: 0 auto;
		text-align: left;
	}
	
		#citationLineCenter p{
			margin: 0;
			text-indent: 0;
			padding:0;			
		}
	
		#citation{
			padding: 2.1em 0 0 0;
			margin: 0 0 0 40px;
			text-align: center;
		}

	#citationLine blockquote{
		margin: 0 auto;
		font-weight: bold;
		font-size: 116%;
		color: #be1f45;
	}
	
		#citationLine .citationText{
			background: url(../img/quotes-begin.gif) top left no-repeat;
			padding: 10px 0 25px 30px;
		}
		
			#citationLine .citationText .endingQuote{
				background: url(../img/quotes-ending.gif) bottom right no-repeat;
				padding: 0 38px 8px 0;
			}
	
	#citationLine cite{
		color: #797979;
		font-style: normal;
		float: right;
		margin: 10px 90px 0 0;
		font-size: 85%;
	}

	
	#citationTemplatesAdBottom{
		background: url(../img/templatescreator-link-bottm.gif) no-repeat;
		height: 20px;
		width: 112px;
		float: right;
		margin: 0 10px 0 0;
	}

#templatesAd{
	padding-top: 49px;
	clear: left;
	float: right;
}

	#templatesLink{
		position:relative;
		width: 112px;
		height: 84px;
		overflow:hidden;
		float: right;
		margin: 0 10px 0 0;
	}
			
	#templatesLink span{
		display:block;
		z-index:1;
		width: 112px;
		height: 84px;
		position:absolute;
	
		left:0; top:0;
		background: url("../img/templatescreator-link.gif") no-repeat;
	}
		
	#templatesAdText{
		margin: 38px 25px 0 0;
		float: left;
		color: #a4a4a4;
		font-weight: bold;
		font-size: 95%;
	}

/* Content */
	
#content{
	background: #191919;
	padding-bottom: 2em;
	text-align: center;
}

	#contentCenter{
		width: 860px;
		margin: 0 auto;
		color: #f9f9f9;
		font-size: 80%;
		line-height: 1.45;
		text-align: left;
	}
		
	#content p{
		padding-left: 3.5em;
		margin-left: 0.5em;
	}
	
		#content p.first{
			border-left: 2px solid #be1f45;		
			margin-top: 0;
		}
		
	#chooseLanguage{
		margin: 2em 0.5em 0 0;
		float: right;
	}
		
		#chooseLanguage .lang{
			position:relative;
			width: 24px;
			height: 24px;
			overflow:hidden;
			float: left;
			margin: 0 0 0 5px;
		}
	
		#chooseLanguage .lang span{
			display:block;
			z-index:1;
			width: 24px;
			height: 24px;
			position:absolute;		
			left:0; top:0;
		}
		
			#chooseLanguage a.lang.sk span{
				background: url("../img/lang-sk.gif") no-repeat;
			}
			#chooseLanguage a.lang.en span{
				background: url("../img/lang-en.gif") no-repeat;
			}
			
			#chooseLanguage a.lang.sk:hover span, #chooseLanguage a.lang.sk.active span{
				background-position: 0 -24px;
			}
			#chooseLanguage a.lang.en:hover span, #chooseLanguage a.lang.en.active span{
				background-position: 0 -24px;
			}
			
			#mearta .logo{
				background:url("../img/meartalogo.jpg") no-repeat;
				width:146px;
				height:52px;
				margin: 25px 20px 25px 20px;
				float:left;
			}

				#mearta p{
				  float:left;
				  text-indent:0px;
				  padding: 0;
				  margin-top: 1em;
				}
				
				#mearta div.flright{
          width: 670px;
        }
			
			
			table#meartainfo{
        margin-bottom: 4em;
      }
      
        #meartainfo thead th{
          background: #2c2c2c;
          
        }
        
        #meartainfo td, #meartainfo th{
          border: 1px solid #4c4c4c;
          padding: 0.4em 1.8em;
        }
        
        #meartainfo .term{
          width: 390px;
          text-align: left;          
        }
        
          #meartainfo .seemoreinfo{
            float: right;
          }
        
          .seemoreinfo{            
            padding-right: 20px;
            background: url( ../img/arrow-normal.png ) right no-repeat;
          }
          
            #meartainfo tr:hover .seemoreinfo, .seemoreinfo:hover{
              background-image: url( ../img/arrow-hover.png );
            }
            
            #meartainfo tr .seemoreinfo.active{
              background-image: url( ../img/arrow-active.png );
            }
          
          #meartainfo .seemoreinfo, #meartainfo .moreinfo{
            color: #bdbdbd;
          }
          
          #meartainfo .moreinfo{
            margin: 0.7em 0 0.3em;
            display: none;
          }
        
        #meartainfo .define{
          text-align: center;
        }
        
          #meartainfo td.define{
            color: #bdbdbd;
          }
          
        #meartainfo .greyout{
          color: #5c5c5c;
        }
		
	/* Headings */
	
	#content h2{
		border-left: 2px solid #be1f45;
		margin: 2em 0 0 0.5em;
		font-size: 150%;
		padding: 0 0 0 1em;
	}
	
	 #content h2+p{
    text-indent: 0;
   }
   
   #content p+table{
      margin-top: 0;
   }
	
		#content h2.imgHeading{
			position:relative;
			overflow:hidden;
			font-size: 100%;
			padding: 0;
		}
		
		#content h2.imgHeading span{
			position:absolute;		
			left:0; top:0;
			display:block;
			z-index:1;
		}
	
			#content h2.imgHeading.nejnovejsiprace{
				width: 114px;
				height: 22px;			
			}
		
			#content h2.imgHeading.nejnovejsiprace span{
				width: 114px;
				height: 22px;
				background: url("../img/heading-nejnovejsiprace.gif") bottom right no-repeat;
			}
		
			#content h2.imgHeading.naseprace{
				width: 82px;
				height: 22px;
				float: left;
			}
		
			#content h2.imgHeading.naseprace span{
				width: 82px;
				height: 22px;
				background: url("../img/heading-naseprace.gif") bottom right no-repeat;
			}
	
			#content h2.imgHeading.cennik{
				width: 55px;
				height: 16px;
			}
		
			#content h2.imgHeading.cennik span{
				width: 55px;
				height: 16px;
				background: url("../img/heading-cennik.gif") bottom right no-repeat;
			}
			
			#content h2.imgHeading.meartacennik{
				width: 128px;
				height: 22px;
			}
		
			#content h2.imgHeading.meartacennik span{
				width: 128px;
				height: 22px;
				background: url("../img/heading-meartacennik.gif") bottom right no-repeat;
			}
			
			#content h2.imgHeading.eshopmearta{
				width: 195px;
				height: 22px;
				float: left;
			}
		
			#content h2.imgHeading.eshopmearta span{
				width: 195px;
				height: 22px;
				background: url("../img/heading-eshopmearta.png") bottom right no-repeat;
			}
			
			#content h2.imgHeading.meartainfo{
				width: 150px;
				height: 22px;
			}
		
			#content h2.imgHeading.meartainfo span{
				width: 150px;
				height: 22px;
				background: url("../img/heading-meartainfo.gif") bottom right no-repeat;
			}
			
			#content h2.imgHeading.kontakt{
				width: 62px;
				height: 18px;
			}
		
			#content h2.imgHeading.kontakt span{
				width: 62px;
				height: 18px;
				background: url("../img/heading-kontakt.gif") bottom right no-repeat;
			}
			
			#content h2.imgHeading.kontaktnyFormular{
				width: 136px;
				height: 20px;
			}
		
			#content h2.imgHeading.kontaktnyFormular span{
				width: 136px;
				height: 20px;
				background: url("../img/heading-kontaktnyformular.gif") bottom right no-repeat;
			}
			
			#content h2.imgHeading.nahlady{
				width: 68px;
				height: 22px;
			}
		
			#content h2.imgHeading.nahlady span{
				width: 68px;
				height: 22px;
				background: url("../img/heading-nahlady.gif") bottom right no-repeat;
			}
			
			#content h2.imgHeading.klienti{
				width: 54px;
				height: 18px;
			}
		
			#content h2.imgHeading.klienti span{
				width: 54px;
				height: 18px;
				background: url("../img/heading-klienti.gif") bottom right no-repeat;
			}
	
	
	#content #kontaktInfoContainer{
		float: left;
		width: 45%;
	}	
	
	#content ul#kontaktInfo{
		margin: 2em 0 0 4em;
		line-height: 2;
	}	
	
		#content #kontaktInfo li{
			color: #a4a4a4;
		}
		
		#content #kontaktInfo li strong{
			color: #ffffff;
			font-weight: bold;
		}
		
	#content #kontaktFormContainer{
		margin: 0 0 4.5em 0;
	}	
	
		#kontaktFormContainer table{
			margin-top: 2em;
			margin-left: 2em;
			line-height: 2;
		}
		
		#kontaktFormContainer table tr{
		}
		
	
	ul.rozsahPrace{
		float: none;
	}
	
		ul.rozsahPrace li{
			float: left;
			color: #5c5c5c;
		}
			
		ul.rozsahPrace li.provedeno{
			color: #a4a4a4;
		}
	
	/* References */
	
	.references{
	}
		
		.referenceBox{
			width: 178px;
			margin: 2.5em 0 2.5em 3em;
			float: left;
		}
		
		.references .referenceBox{
			margin-bottom: 5.5em;
		}
		
			.referenceBox a{
				border-left: 4px solid #a4a4a4;
				display: block;
				height: 134px;
				margin: 0 0 0.45em 0;
			}
			
			.referenceBox a:hover{
				border-left-color: #be1f45;
			}
			
			.loadBefore{
				position: absolute;
				top: -800px;
				width: 1px;
				height: 1px;
			}
					
			.name{
				float: left;
				font-weight: bold;
				color: #ffffff;
				padding: 0 0 0 0.3em;
			}
			
			.made{
				float: right;
			}
			
			.referenceBox.first{
				margin-left: 2.5em;
			}
			
	.referencesList{
		
	}
	
		.smallReferencesListContainer{ /* contains arrows */
			background: url(../img/hr-bg-upper.gif) bottom center no-repeat;
			margin: 0 0 0 2.5em;
		}
	
		.referencesList.small{
			float: left;
			width: 100%;
		}
		
			.referencesList.small .referenceBox{
				width: 148px;
				margin: 1.5em 0 2.5em 3em;
				float: left;
			}
		
			.referencesList.small .referenceBox a{
				height: 108px;
				margin: 0 0 0.45em 0;
			}
			
				.referencesList.small .made{
					padding-right: 0.3em;
					color: #a4a4a4;			
				}
			
			
		.setOfReferences{
		}

	.referencesListingButtons, .overviewsListingButtons{
		
	}
		
		.referencesListingButtons.upper, .overviewsListingButtons.upper{
			float: right;
			margin: 2em 0.5em 0 0;
		}
		
			.overviewsListingButtons.upper{
				margin-top: 0;
				margin-bottom: 1em;
			}
			
			.overviewsListingButtonsLowerContainer{
				margin: 0 2em 0 0;
			}
	
		.referencesListingButtons.lower, .overviewsListingButtons.lower{
			float: right;
			margin: 0 0.5em 2em 0;
		}
	
	/* Listing buttons on sides */

	.leftSideReferencesListingButton{
		float: left;
		margin-top: 60px;
	}
	
	.rightSideReferencesListingButton{
		float: left;
		margin: 60px 0 0 2.5em;	
	}
	
			
		.referencesListingButtons .listButton, .overviewsListingButtons .listButton{
			position:relative;
			width: 24px;
			height: 24px;
			overflow:hidden;
			float: left;
			margin: 0 0 0 5px;
		}
	
		.referencesListingButtons .listButton span, .overviewsListingButtons .listButton span{
			display:block;
			z-index:1;
			width: 24px;
			height: 24px;
			position:absolute;		
			left:0; top:0;
		}
			
		.referencesListingButtons a.listButton.toLeft span, .overviewsListingButtons a.listButton.toLeft span{
			background: url("../img/list-to-left.gif") no-repeat;
		}
		.referencesListingButtons a.listButton.toRight span, .overviewsListingButtons a.listButton.toRight span{
			background: url("../img/list-to-right.gif") no-repeat;
		}
		
		.referencesListingButtons a.listButton.toLeft:hover span, .overviewsListingButtons a.listButton.toLeft:hover span{
			background-position: 0 -24px;
		}
		.referencesListingButtons a.listButton.toRight:hover span, .overviewsListingButtons a.listButton.toRight:hover span{
			background-position: 0 -24px;
		}
		
	.overviewHeader{
		border-bottom: 1px solid #424242;
		margin: 2em 1em 1em 3em;
	}
	
		.overviewHeader h3{
			float: left;
			padding: 0.5em 0 0 0.5em;
		}
	
		.pocetNahledu{
			color: #a4a4a4;
		}
		
	.overview{
		margin: 2em 1em 1em 4em;
	}
	
		.safari .overview{
			min-height: 300px;
		}
		
	/* Tables */
	#cennik{
		width: 90%;
	}
	
		#cennik .sluzba{
			color: #ffffff;
			font-weight: bold;
			padding: 0.6em 0.3em 0.4em 0.4em;
		}
		
		#cennik .sluzba .upresneni{
			font-weight: normal;
			color: #a4a4a4;
		}
	
		#cennik .cena{
			color: #ffffff;
			text-align: right !important;
			font-weight: bold;
			padding: 0.3em 0.5em 0.4em 0.3em;
		}
		
	.poznamka{
		color: #8a8a8a;
		float: right;
		margin: 2em 5% 2em 0;
	}
	
	
	/* Lists */
	#podrobnostiReference{
		width: 90%;
		margin: 3em 0 0 4em;
	}
	
		.podrobnostiReferenceLine{				
				padding: 0.6em 0.3em 0.4em 0.4em;
				border-bottom: 1px solid #424242;
		}
		
			#podrobnostiReference .nazev{
				float: left;
				font-weight: bold;
				color: #ffffff;
			}
		
			#podrobnostiReference .obsah{
				width: 100%;
				color:  #a4a4a4;
			}
		
		.podrobnostiReferenceLine:hover{
			background-color: #232323;
		}

		.podrobnostiReferenceLine.last{
			border-bottom: 0;
		}

		
	.klientsList{
		margin: 2em 0 4em 0;
	}
	
		.klientsList.left{
			margin-left: 4em;
		}
	
		.klientsList.left, .klientsList.right{
			float: left;
			width: 45%;
		}
	
	
		.klientsList li{
				padding: 0.6em 0.3em 0.4em 0.4em;
				border-bottom: 1px solid #424242;
		}
		
		.klientsList li:hover{
				background-color: #232323;
		}
	
		
/* Footer */
	
#footer{
	background: #1c1c1c;
	border-top: 1px solid #212121;
	color: #a4a4a4;
	font-size: 80%;
	padding: 0.6em 0 0.6em 0;
	text-align: center;
}

	#footerCenter{
		width: 882px;
		margin: 0 auto;
		text-align: left;
	}
	
	
	#footer #copyright{
		margin: 0.4em 0 0 18px;
		float: left;
	}
	
		#footer #copyright a.menyhartlink{
			color: #a4a4a4;
			font-weight: bold;
			text-decoration: none;
		}
		
		#footer #copyright a.menyhartlink:hover{
			color: #f2f2f2;
			text-decoration: none;
		}
	
	#footer ul.menu{
		float: right;
		margin: 0 0 0.5em 0;
	}
		
		#footer ul.menu li{
			float: left;
			margin: 0.4em 0 0 0;
		}
		
			#footer ul.menu li a{
				color: #a4a4a4;
				border-left: 1px solid #a4a4a4;
				font-size: 95%;
				text-decoration: none;
				padding: 0.1em 0.5em 0.1em 0.4em;
			}
		
			#footer ul.menu li a.active, #footer ul.menu li a:hover{
				color: #f2f2f2;
				border-left: 1px solid #f2f2f2;
				text-decoration: none;
			}
			
		#footer ul.menu li#goTopButton{
			position:relative;
			overflow:hidden;			
			margin: 0 0 0 0.5em;
			
			border-left: 0;
			color: #a4a4a4;				

			/* float: left;*/
		}

		
		#footer ul.menu li#goTopButton, #footer ul.menu li#goTopButton a, #footer ul.menu li#goTopButton a span{
			width: 23px;
			height: 23px;
			display: block;
			background: url(../img/go-top-button.gif);
		}
			
		
		#footer ul.menu li#goTopButton a span{
			position: absolute;
			left: 0;
			top: 0;
		}
		
		#footer ul.menu li#goTopButton a:hover span{
			background-position: 0 -23px;
		}

				
/* TEXT
-------------------*/

p{
  text-indent: 3em;
  margin-top: 1.5em;
  margin-bottom: 1em;
  padding: 1.2em 0 1.2em 0;
}

	p.first{
		text-indent: 0;
	}

acronym, abbr, .about{
	border-bottom: 1px dotted gray;
	cursor: help;
}

blockquote, q{
	
}

	.enteringQuote{
		padding: 0.2em 0 0.4em 0.4em;
		display: block;
		font-style: italic;
	}
	
hr{
	padding: 0;
	
}

	div.hr.upper{
		background: url(../img/hr-bg-upper.gif);
		height: 40px;
		width: 870px;
		margin:0;
	}

	div.hr.lower{
		background: url(../img/hr-bg-lower.gif);
		height: 40px;
		width: 870px;
		margin:0;
	}
	
	div.hr hr {
  		display: none;
	}
	
.podpis{
	margin: 1.5em 0 0 60%;
	display: block;
}

/* links */
a{
	color: #f9f9f9;
}
	
a:hover{
	color: #CD1F4B;
}

	a.seeAll{
		background: url(../img/arrow-right.gif) right no-repeat;
		font-weight: bold;
		padding: 0 16px 0 0;
		right: 0;
		float: right;
		color: #a4a4a4;
		margin-bottom: 2.5em;
		text-decoration: none;
	}
	
		a.seeAll.inLine{
			margin-bottom: 0;
		}
		
		a.seeAll.seeOnline{
			margin: 2em 2.5em 0 0;
		}
	
	a.seeAll:hover{
		background: url(../img/arrow-right-hover.gif) right no-repeat;
		text-decoration: none;
		color: #f2f2f2;
	}
	
/* skipLink */
.skipLink{
	position:absolute;
	top:-800px;
	border-bottom:0 !important;
}
.skipLink:focus, a .skipLink:active {
	top:100px;
	left: 2em;
	background: #f7f7f7;
	color: #525252;
}
	
	
/* TABLES, FORMS
----------------------*/

/* Do not edit (start)-> */
th, td {
    font-\size: 100%
}


th {
    text-align: right;
    vertical-align: top;
    padding: .1em .5em 0 0;
}


pre {
    background: #F9F9F9;
    border: 1px dashed #B4B4B4;
    border-bottom-color: #EDEDED;
    border-right-color: #EDEDED;
    padding: 7px;
    overflow: auto;
    _overflow-y: visible;
    _padding-bottom: 2em;
}

/* ->(end) Do not edit */


table{
	margin: 3em 0 0 4em;
}

table caption{
	position:absolute;
	top:-800px;
}

		table tr{
			border-bottom: 1px solid #424242;
		}	
		
		table tr:hover{
			background-color: #232323;
		}	
		
			table tr.last{
				border-bottom: 0;
			}

form input, form textarea{
	background: #1f1f1f;
	border: 1px solid #282828;
	color: #a4a4aa;
}

form input.submit{
	background: #191919 url(../img/arrow-right.gif) right no-repeat;
	padding: 0 16px 0 0;
	margin: 0.9em 0 0 0;
	border: 0;
	color: #a4a4a4;
	font-weight: bold;
	float: right;
}

form input.submit:hover{
	background: #191919 url(../img/arrow-right-hover.gif) right no-repeat;
}

	form table tr{
		border:0;
	}
	
	form table tr:hover{
		background: inherit;
	}
	
	
/* SPECIAL
---------------------*/

.flleft{ float: left; } .flright{ float:right;  } .flclear{ clear: both; }

.clear{
	clear: both;
	background: 0;
	border: 0;
	margin: 0;
	height: 0px;
	visibility: hidden;
	padding: 0; margin: 0;
}

.hidden{
	position:absolute;
	top:-800px;
}