@import 'sIFR-screen.css';
@import 'form.css';

* {
margin:0;
padding:0;
}
body {
background: #fff url(../cssImg/backGround.jpg) repeat-x;
margin:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#555656;
}

a {
color:#007ac3;
text-decoration:none;
}
a:hover {
text-decoration:underline;

}

h1,h2 {
font-size:18px;
margin:0px 0;
}

 

#epix-main {
margin:auto;
width:1024px;
position:relative;
z-index:1;
 
}

#epix-upHead {
background:url(../cssImg/upper.jpg) no-repeat;
width:1024px;
height:81px;
text-align:right;
z-index:999;
}

#epix-upHead img {
margin:auto 30px;
}

#epix-main #mb1 {
width:1024px;
background:url(../cssImg/mainBack.jpg) no-repeat;
float:left;
}

#epix-main #contBack {
width:1024px;
background:url(../cssImg/mainBackCont.jpg) repeat-y;
float:left;
}

#epix-main #mb3 {
width:1024px;
background:url(../cssImg/mainBackEnd.jpg);
float:left;
height:7px;
}

#epix-inside {
padding:0px 60px 10px 60px;
z-index:500;
}

#epix-inside #menu {
/*width:700px;*/
margin:8px 0 12px 0 ;
 
}

#epix-inside #menu a {
margin:5px 0px 10px 0px;
color:#555656;
text-decoration:none;
border-right:1px solid #e1e1e1;
padding:0px 10px 0px 10px;
font-size:14px;
}

#epix-inside #menu a:hover {
margin:5px 0px 10px 0px;
color:#007ac3;
}


.last {
border:none !important;
}

#flags {
position:absolute;
z-index:100;
right:60px;
/* margin:8px 0 12px 0 ; */
}

#flags a {
margin:auto 0px 0px 10px;
width:23px;
height:16px;
display:block;
float:left;
color:white;
z-index:100;
}


#flags #fl1 {
background:url(../cssImg/en-flag.jpg) no-repeat;
}

#flags #fl2 {
background:url(../cssImg/sk-flag.jpg) no-repeat;
}

#flags #fl3 {
background:url(../cssImg/hun-flag.jpg) no-repeat;
}
#slideShow {
width:672px;
height:245px;
float:left;
background:url(../cssImg/border.jpg) no-repeat;
}

#flash {
width:645px;
height: 223px;
margin:11px 0px 0px 14px;
}
#contact-datas {
float:left;
margin:30px 0px 0px 27px;
text-align:right;
z-index:300;
position:absolute;
right:60px;

}

.blue {
color:#007ac3;
}

.blue-bold {
color:#007ac3;
font-weight:bold;
}

#content {
clear:both;
margin:0px 8px 20px 8px;
padding:20px 0;
z-index:1000;

}
#copyright {
text-align:center;
color:#aaa;
margin:auto auto 20px auto;

}

#home_sepa {
width:656px;
float:left;
}
p {
text-align:justify;
margin:2px auto 5px auto;
}

#actual_project {
width:200px;
padding:0 0 0 32px;
float:left;
position:relative;
}

#actual_project label {
width:70px;
display:block;
float:left;
height:20px;
line-height:20px;
text-align:right;
margin:0 10px 0 0;
}

#actual_project input {
width:100px;
border:1px solid #aaa;
background:#eee;
}


#ok {
position:absolute;
right:-20px;
top:35px;
width:30px !important;
border:1px solid #aaa;
background:#eee;
color:#333;
height:18px;

}


.act_proj_hold {
background:url(../cssImg/backActual.jpg) no-repeat;
width:200px; height:149px;
margin:0px 0 10px 0;
padding:0 0 10px 0;
}

.act_proj_hold img {
margin:12px 0 0 10px;

}

#actual_project p {
text-align:center;
margin:10px 0 10px;
color:#abc;

}


#references a {
display:block;
float:left;
width:222px;
 
text-decoration:none;
text-align:center;
font-size:13px;

}

#references #vybrane a {
display:block;
float:left;
width:444px !important;
 
text-decoration:none;
text-align:center;
font-size:13px;

}

 #references a :hover {
 text-decoration:underline;
 cursor:pointer;
 }

#references a span {
display:block;
height:auto;
margin:5px auto 15px auto;

}

#references a img {

background: #eee;
padding:3px;
border:1px solid #999;

color:#fff;

}

#references #vybrane a img {

background: #eee;
padding:3px;
border:1px solid #999;

color:#fff;

}
 

.newRef {
position:relative;
background:url(../cssImg/refBack.jpg) 11px 0px no-repeat;
z-index:999!important;
}
.newRef img  {
border:none !important;
background:none !important;
margin:8px 0 0 0px;
}

#vybrane .newRef {
position:relative;
background:url(../cssImg/refBackBig.jpg) 11px 0px no-repeat;
z-index:999!important;
}
#vybrane .newRef img  {
border:none !important;
background:none !important;
margin:8px 0 0 0px;
}

#eso_holder {
position:absolute; 
top:0; 
right:0; 
overflow:hidden;
z-index:2;
}
#they-told {
width:100%; 
height:auto;
}

#they-told ul {
width:656px;
padding:0px 0px;
list-style:none;
float:left;
}

#they-told ul li {

width:190px;
float:left;
margin:0 25px 0 0;
}

#they-told ul li img {
background:#007ac3;
padding:5px;
border:1px solid #bbb;

}

#they-told ul li p {
color:#999;
margin:5px 0px 5px 10px;
}

#they-told ul li p span {
font-style:italic;
display:block;
text-align:right;
color:#666666;

}

#profileUL {
width:886px;
list-style:none;
padding:0px 0px;
float:left;
}

#profileUL li {

width:33%;
float:left;
 
}

#profileUL li p {
color:#999;
margin:5px 20px 15px 0px;

}

#productUL {
width:886px;
list-style:none;
padding:0px 0px;
float:left;
}

#productUL li {

width:25%;
float:left;
padding-bottom: 30px;
 
}

#productUL li p {
color:#999;
margin:5px 20px 15px 0px;

}

#productUL li b {
	color: #e10000;
	font-weight: bold;
	float: right;
	display: block;

}
#productUL li ul {
	width: auto !important;

}
#productUL li ul li {
	list-style-image: url(../cssimg/li2.jpg);
	width: auto !important;
	clear: both;
	padding-left: 5px;
	margin-left: 25px;
	padding-bottom: 0px;
}
#productUL li ul .add {
	list-style-image: url(../cssimg/plus.jpg) !important;
}
	


#bottom-links {
clear:both;
text-align:center;
padding:20px 0 10px 0;
text-transform:lowercase;
}
#bottom-links a {
color:#999999;

}

.homeImg {
padding:15px;
background:url(../cssImg/homeBack.jpg) no-repeat;
float:right;
margin:0 0 0 20px;


}

.profileImg {
padding:15px;
background:url(../cssImg/profileBack.jpg) no-repeat;
margin:0px;
}

.prodBack {
	padding:12px 15px;
background:url(../cssImg/prodBack.jpg) no-repeat;
margin:0px;
	
}
.servicesTXT {
	width:100%;
}
#servicesImg1 {

float:right;
margin:0 50px 0 10px;

}

#contactImg {

float:right;
margin:0 0px 30px 80px;
}

#cpImg1 {
float:right;
margin:0 0px;
}
.servicesImg {
padding:15px 15px 20px 15px;
background:url(../cssImg/profileBack.jpg) no-repeat;
margin:0 20px 40px 0px;
float:left;
}

#servicesUL li {
background:url(../cssImg/serviceUl.jpg) left no-repeat;
list-style:none;
padding-left:25px;
margin:5px 0;

}
.quotationheader {
	float:left;
	width:470px;
	margin-top:50px;
}
.quotationheader h1, .quotationheader h3, .quotationheader p {
	padding-bottom:5px;
}

.cboth {
clear:both;
}

#slideshow {
	display:block;
	position:relative;
	float:right; 
	overflow:hidden; 
	width:420px; 
	height:200px; 
	background-image:url(../cssImg/refBackBig.jpg);
	}
	
#slideshow img {
	border:0;
	position:absolute;
	top:8px;
	left:9px;
	}
	
	.ref-link img{
	border:none;
	}
	
	
	.red, .red:link {
	color: #e10000 !important;
	font-weight: bold;
}