@charset "utf-8";
/* CSS Document */

/* FONT FACE DEFINITION */

/* For IE */

@font-face {
	font-family: 'Aller';
	src: url('/fonts/aller.eot');
}

/* For Other Browsers */

@font-face {
	font-family: 'Aller';
	src: local('Aller'),
	     local('Aller'),
	     url('/fonts/aller.ttf') format('truetype');
}

/* For IE */

@font-face {
	font-family: 'Aller Light';
	src: url('/fonts/aller_lt.eot');
}

/* For Other Browsers */

@font-face {
	font-family: 'Aller Light';
	src: local('Aller'),
	     local('Aller'),
	     url('/fonts/aller_lt.ttf') format('truetype');
}

ul, li {
	margin:0;padding:0;
}

a {
color:#F8EACC;	
text-decoration:underline;
}

a:hover {
text-decoration:none;	
}



body {
font-family: Helvetica, Arial, sans-serif;
line-height:160%;
font-size:0.8em;
margin:0;
padding:0;
background:#59402A url(../images/back.png) repeat-x;
color:#F8EACC;
}

#container {
	width:938px;
	margin:auto;
	position:relative;
}

p {
	margin:10px 0;
}

/* Header */

#header {
	height:148px;
	width:100%;
	position:relative;
	
}

#logo {
	width:321px;
	height:106px;
	background:url(/images/logo.png) no-repeat;
	position:absolute;
	top:6px;
	left:10px;
}

#logo a {
	width:321px;
	height:106px;
	display:block;
	line-height:1000px;
	overflow:hidden;
}

/* MENU */

#menu ul {
	position:absolute;
	margin:0;padding:0;
	top:0;
	right:0;
	display:block;
	height:118px;
	width:578px;
}

#menu ul li {
	display:block;
	float:left;
	margin-left:5px;
	width:130px;
	height:118px;
	overflow:hidden;
	
	
}

#menu ul li a {
	width:130px;
	text-align:center;
	padding-top:70px;
	height:118px;
	display:block;
	color:#F8EACC;
	text-decoration:none;
	font-size:110%;
}

#menu ul li a:hover, #menu ul li a.active {
	padding-top:90px;
	font-size:125%;
}

/* MENU BACKPIC  */

#hlavní_stránka {
	background:url(../images/menu01p.jpg) no-repeat;
}

#hlavní_stránka a {
	background:0 -200px url(../images/menu01a.jpg) no-repeat;	
}

#hlavní_stránka a:hover, #hlavní_stránka a.active {
	background:0 0 url(../images/menu01a.jpg) no-repeat;	
}

#služby a {
	background:0 -200px url(../images/menu02a.jpg) no-repeat;	
}

#služby {
	background:url(../images/menu02p.jpg) no-repeat;
}

#služby a:hover , #služby a.active{
	background:0 0 url(../images/menu02a.jpg) no-repeat;	
}

#ukázky_práce {
	background:url(../images/menu03p.jpg) no-repeat;
}

#ukázky_práce a {
	background:0 -200px url(../images/menu03a.jpg) no-repeat;	
}

#ukázky_práce a:hover, #ukázky_práce a.active {
	background:0 0 url(../images/menu03a.jpg) no-repeat;	
}

#kontakt {
	background:url(../images/menu04p.jpg) no-repeat;
}

#kontakt a {
	background:0 -200px url(../images/menu04a.jpg) no-repeat;	
}

#kontakt a:hover, #kontakt a.active {
	background:0 0 url(../images/menu04a.jpg) no-repeat;	
}

#menu ul li#EN {
	width:33px;
	height:32px;
	overflow:hidden;

}

#menu ul li#EN a {
	width:33px;
	height:32px;
	background:url(../images/menulangp.jpg) no-repeat;
	overflow:hidden;
	padding-top:7px;
}

#menu ul li#EN a:hover {
	width:33px;
	height:32px;
	background:url(../images/menulanga.jpg) no-repeat;
	overflow:hidden;
	padding-top:6px;
}

#menu ul li#CS {
	width:33px;
	height:32px;
	overflow:hidden;

}

#menu ul li#CS a {
	width:33px;
	height:32px;
	background:url(../images/menulangp.jpg) no-repeat;
	overflow:hidden;
	padding-top:7px;
}

#menu ul li#CS a:hover {
	width:33px;
	height:32px;
	background:url(../images/menulanga.jpg) no-repeat;
	overflow:hidden;
	padding-top:6px;
}

h1,h2,h3 {
	font-family:'Aller', Arial, Helvetica, sans-serif;
	background:#453221;
	padding:15px;
	margin:15px 0 15px -15px;
	
}

.inside {
	padding:20px;
}

h1 {
font-size:180%;	
}

h2 {
font-size:160%;	
width:100%;
}

#right h2 {
width:367px;	
}

h3 {
font-size:140%;	
}

#main {
	padding-top:140px;
}

#left {
	width:500px;
	float:left;
}

#right {
	width:400px;
	float:right;
	position:relative;
	
}

#slider {
	border:15px solid #453221;
	margin-left:-15px;
}

#contact-box {
	background:url(/images/businesscards.jpg) right bottom no-repeat #453221;
	width:397px;
	height:90px;
	position:relative;
	left:-15px;
	margin-top:15px;
	margin-bottom:15px;
}

#contacts {
	position:absolute;
	top:35px;
	left:70px;
	font-size:150%;
}

#contact-box h2 {
	margin:0;
	padding:0;
	font-size:130%;
	padding:15px 20px;
	margin:0 15px;
	background:url(../images/arrow.jpg) left center no-repeat;
}

h2 span {
	font-size:50%;
	font-weight:normal;
	float:right;
}

#prevBtn a {
width:40px;
height:58px;
display:block;
line-height:200px;
background:url(../images/left.gif) no-repeat;
overflow:hidden;
position:absolute;
top:196px;
left:-30px;
z-index:10;
}

#nextBtn a {
width:40px;
height:58px;
display:block;
line-height:200px;
background:url(../images/right.gif) no-repeat;
overflow:hidden;
position:absolute;
top:196px;
left:362px;
z-index:10;
}

#servicesbox {
	background:#453221;
	padding:15px;
}

#moi {
	border:15px solid #453221;
	float:left;
	margin:0 15px 5px 0;
}

#servicesbox li {
	display:block;
	width:294px;
	height:142px;
	float:left;
	margin-right:11px;
}

#servicesbox li h3 a {
	color:#F8EACC;
	text-decoration:none;
}

#servicesbox li h3 a:hover {
	text-decoration:underline;
}

#servicesbox li h3 {
	background:none;
	margin-left:20px;
}

#servicesbox li p {
	margin:10px 20px 10px 34px;
	color:#453220;
}

#servicesbox li#sem h3 a {
	color:#453220;
}

#servicesbox li#design {
background:url(../images/box01.gif) no-repeat;
}

#servicesbox li#cms {
background:url(../images/box02.gif) no-repeat;
}

#servicesbox li#sem {
background:url(../images/box03.gif) no-repeat;
margin-right:0;}

#clients {
	background:#453221;
	padding:15px;
	margin:15px 0;
}

#footer {
	background:#453221;
	padding:15px;
	margin:15px 0;
}

#clients img {
	margin:0 14px;
}

#client-list li{
	list-style:none;
	line-height:180%;
}

.orange {
color:#F06524;	
}

.blue {
color:#6FA2D9;
}

.work {
font-size:80%;	
}

.mandatoryMark {
	color:#F06524;
}

#contact-form label {
	display:block;
	font-weight:bold;
	
}

#contact-form input {
	width:100%;
	padding:10px;
	
}

#contact-form textarea {
	width:100%;
	padding:10px;
	
}

#bc {
	height:310px;
	width:100%;
	background:url(../images/businesscardsbig.jpg) no-repeat right top;
}

#contact-form .button {
	width:40%;
}

#contact-form table {
width:100%;	
}

#reference {
	clear:both;
	width:100%;
}

.reference {
	background:#453221;
	padding:15px;
	margin:0 3px 15px 3px;
	height:210px;overflow:hidden;
	
}

.reference img {
	float:left;
	margin:0 15px 15px 0;
	border:0;
}

.reference h3 {
	font-size:120%;
	margin-top:0;
	margin-bottom:0;
	padding-top:10px;
	padding-bottom:5px;
}

.reference .text {
	width:300px;
	display:block;
	float:left;
	font-size:11px;
}

.reference .details {
	width:200px;
	margin-left:40px;
	float:left;
	margin-top:10px;
}

.reference .details li {
	list-style:none;
	padding-left:15px;
	background:url(../images/smallarrow.gif) left 3px no-repeat;
}

.clear {
	clear:both;
	height:1px;
	overflow:hidden;
}

/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider, #slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:329px;
		height:205px;
		overflow:hidden; 
		}
	span#prevBtn{}
	span#nextBtn{}		
	
	#slider img {
	border:0;	
	}

/* // Easy Slider */