@import 'general.css';
@import 'common.css';

/*--ESSENTIAL--------------------------------------------------------------*/

* {
    margin: 0;
    padding: 0;
}

html {
	padding:0px; 
}

body {
    padding:0px;
    behavior: url("scripts/csshover.htc");
	background:#e3e3e3;
}

/*--LAYOUT----------------------------------------------------------------*/

#container{
	text-align:center;
} 

#mainContainer{
	width:930px;
	margin: 0 auto 0 auto;
	background:url(../images/container_bg.png) repeat-y #FFF; 
}

#main{
	width: 930px;    
	padding: 166px 0 0 0;
	position: relative; 
	text-align: left;
	background:url(../images/footer_bg.png) no-repeat left bottom; 
}

#page {
	
}

#content{
	padding:0px 30px 50px 30px;  
	min-height:280px;	   
}

#content.text{
	padding:10px 70px 100px 60px;       
} 

#footer {
	background:#e3e3e3;
	padding:10px 20px;
	text-align:left;
} 

#about{
	float:left;
	width:240px;
	padding:0px 0px 0px 30px;
	color:#798999;
	font-size:11px;
}   

#about table td{
	color:#798999;
} 

#about big{
	font-size:12px;
	font-weight:bold; 
} 

#about a {
	color:#798999;
	text-decoration:none;
	font-weight:bold;
} 

#partners{
	float:right;
	width:470px;  
	padding:0px 10px 0px 0px;
}

#partners h4{
	font-style:italic;
	font-size:13px;
	font-weight:normal; 
	color:#798999;
	padding:0px;
	margin:0px 0px 5px 0px;
} 

#partners a.partner{
	float:left;
}
 
/*--HEADER----------------------------------------------------------------*/

#header {
	width: 930px;
	height: 166px; 
	position: absolute;
	left: 0;
	top: 0;
} 

a#logo{
	display:block;
	background:url(../images/eportaly_logo.png) no-repeat;
	width:232px;
	height:60px;
	position:absolute;
	top:32px; 
	left:65px;  
	text-decoration:none; 
}

#hand{
	background:url(../images/hand.jpg) no-repeat;
	width:138px;
	height:93px;
	position:absolute;
	top:27px;
	left:431px;
}

#toppromo{
	width:295px;
	height:85px;
	position:absolute;
	top:27px;
	text-align:center; 
	left:575px;
}

/* menu */
#menu{
	display:block;
	height:39px;
	margin:0px;
	padding:0px;
	position:absolute;
	bottom:0px;
	width:870px;
	left:30px;
	background:url(../images/menu_bg.png) repeat-x #686868;
}

#menu a, #menu li{
	display:block;
	float:left;
	height:40px;
}

#menu li{
	margin:0px 0px 0px 0px; 
	padding:0px;  
	list-style:none;
}

#menu a{	
	height:33px; 
	padding:6px 23px 0px 23px; 
	font-size:13px;
	font-weight:bold; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#ffffff; 
	text-decoration:none;
	text-transform:lowercase;
	position:relative; 
}

#menu a:hover, #menu a.active{ 
	background:url(../images/m_active.png) top repeat-x; 
}

/* homepage */
#homepromo{
	background:url(../images/hp_ref_bg.jpg) no-repeat;
	height:210px; 
	position:relative;
	padding:20px 0px 0px 125px;   
}

#SlideItMoo_back, #SlideItMoo_forward{
	width:33px;
	height:33px;
	display:block; 
	position:absolute;
	cursor:pointer; 
}

#SlideItMoo_back{
	background:url(../images/ref_SlideItMoo_back.png) no-repeat 0px 0px;
	top:90px;
	left:40px;
}

#SlideItMoo_back:hover{
	background-position:0px -33px;
}

#SlideItMoo_forward{
	top:90px;
	right:40px; 
	background:url(../images/ref_SlideItMoo_forward.png) no-repeat 0px 0px;
}
 
#SlideItMoo_forward:hover{
	background-position:0px -33px;
}

.hpimg{ 
	width:612px;
	height:165px; 
	color:#4e5b69;
} 

.hpimg .title{
	font-size:18px;
	display:block;
	margin:0px 0px 10px 0px; 
}

.hpimg .title a{
	color:#333;
	text-decoration:none;
}

.hpimg .title a:hover{
	color:#c21416;
} 

.himg{
	float:left;
	width:251px;
	height:161px;
	background-repeat:no-repeat;
	background-position:5px 5px;
	overflow:hidden;
	margin:0px 15px 0px 0px; 
}

.im{
	width:251px;
	height:161px; 
	background:url(../images/ref_border.png) no-repeat;
	overflow:hidden; 
}

table.hometable{ 
	border-collapse:collapse;
	margin:20px 0px 0px 0px;  
}

table.hometable td.t1{
	padding:20px 20px 10px 50px;
	font-size:15px; 
	width:480px;      
}

table.hometable td.t2{ 
	width:280px;
	text-align:right;
} 

/* projekty */
.project{
	clear:both;
	margin:5px 0px 15px 0px;
	width:700px;  
}

.project img{
} 

.pimg{
	display:block; 
	max-height:90px;  
	overflow:hidden;
	border:2px solid #333;   
	float:left; 
	margin:0px 15px 35px 0px;  
}

.pimg:hover{
	border-color:#c21416;
} 



/* ----------------IMAGE SLIDER------------- */
#SlideItMoo_outer {  
	width:600px;   
	display:block;  
	position:relative; 
	padding:0px;
}
/* create custom forward-backward buttons for this container */
#SlideItMoo_outer .SlideItMoo_forward, 
#SlideItMoo_outer .SlideItMoo_back{ 
	width:33px;
	height:33px;
	display:block; 
	position:absolute;
	right:-65px;   
	top:65px;   
	cursor:pointer; 
	background:url(../images/ref_next.png) no-repeat 0px 0px;
} 
#SlideItMoo_outer .SlideItMoo_back { 
	left:-95px;    
	background:url(../images/ref_prev.png) no-repeat 0px 0px;
}

#SlideItMoo_outer .SlideItMoo_back:hover {
	background:url(../images/ref_prev.png) no-repeat 0px -33px;
} 

#SlideItMoo_outer .SlideItMoo_forward:hover {
	background:url(../images/ref_next.png) no-repeat 0px -33px; 
}
/* the width is set to show the number of thumbnails that will be visible */
#SlideItMoo_inner{ 
	position:relative ; 
	overflow:hidden ; 
	width:600px ; /* set a display width to make the slider look good in case js is disabled */ 
	margin:0px auto 0px; 
}
/* the thumbnails container; set a width on it so everything will be fine */
#SlideItMoo_items { 
	display:block; 
	position:relative; 
}
/* single element design */
#SlideItMoo_items div.SlideItMoo_element { 
	display:block; 
	position:relative; 
	float:left; 
	margin:0px;     
	width:600px;
	height:180px;   
	overflow:hidden; 
}