/*
* About us - flowtabs
* ------------------------------------------------------------------------------
*/


#flowtabs li {
    list-style-type: none;
    float: left;
    margin: 5px;
    
}


/* override the root element to enable scrolling */ 
#flowpanes { 
    position:relative; 
    overflow:hidden; 
    clear:both; 
    width:620px;
	height:320px;	
} 
 
/* override single pane */ 
#flowpanes div { 
    float:left; 
    display:block;  
    cursor:pointer; 
     width:580px;
     padding:0px 20px;
} 
 
/* our additional wrapper element for the items */ 
#flowpanes .items { 
    width:20000em; 
    position:absolute; 
    clear:both; 
    margin:0; 
    padding:0; 
} 


/*
* References - flowtabs
* ------------------------------------------------------------------------------
*/



#references-tabs {
    margin: 0px;
    padding: 0px;
    height: 440px;
    width: 960px;
	clear:both;
	border-bottom: 1px solid #222231;
	padding: 15px 0 0;
	margin: 0 0 15px 0;
}
#references-tabs li {
    list-style-type: none;
    float: left;
    margin: 0 15px 10px 0;
    
}
#references-tabs img {
    width: 165px; 
    padding: 1px;
    border: 4px solid #222231;
}

#references-tabs .ui-tabs-selected img {
    border: 4px solid #843092;
}
#references-tabs a {
	outline: none;
    
}


/* override the root element to enable scrolling */ 
#references-panes { 
    position:relative; 
    overflow:hidden; 
    clear:both; 
    width: 960px;
    min-height: 300px;

} 
 
/* override single pane */ 
#references-panes div { 
    float:left; 
    display:block;  
    cursor:pointer; 

} 
 
/* our additional wrapper element for the items */ 
#references-panes .items { 
    width:20000em; 
    position:absolute; 
    clear:both; 
    margin:0; 
    padding:0; 
} 










.ref-info {
    list-style-type: none;
    margin: 0;
    padding: 0;

}

.ref-info span{
    text-transform: uppercase;
    font-size: 80%;
    color: gray;
}


#featured img{
	width:435px;
	height:270px;	
}
#featured-pager {
	margin: 0 auto;	
}

#featured-pager a {
	height: 14px;
	width: 14px;	
	background: url(images/button.png) no-repeat 0 0;
	margin: 5px 10px 5px 0;
	display: block;
	float: left;
}
#featured-pager a.activeSlide {
	background-position: 0 -14px;
}











/*
* Postranní navigace u sluzeb
* ------------------------------------------------------------------------------
*/
#services-navig {padding: 10px 0px 20px;}
#services-navig ul { padding: 0; margin: 0;}
#services-navig li { list-style-type:none;}

#services-navig h3 { 
	font-size: 110%;
	color: #843092;
	padding: 0 20px;
}

#services-navig li a{
	display: block;
	color:#DDDDDD; 
	outline:none;
	text-decoration:none;
	font-size: 110%;
	border-top: 1px solid black;
	padding:5px 5px 5px 40px;
}

#services-navig li a:hover{
	background: #2B1535;
}

#services-navig li.current_page_item a{
	background: #2B1535;
}



/*
* Služby
* ------------------------------------------------------------------------------
*/
.services, .services-steps {
	padding:10px 10px 20px 10px;
	margin:10px 0px;
	border-bottom: 1px solid #222231;
}



.services h2 {color:#843092; padding: 0 10px;}
.services h2.www-icon{padding: 5px 55px;display:block;height:40px;}
.services h2.multimedia {padding: 10px 50px;display:block;height:40px;}
.services h2.optimalizace {padding: 5px 50px;display:block;height:40px;}

.services .perex-services{
	font-size:120%;
	font-style:italic;
	padding: 0 10px;
}
.services .section h3 { 
	margin: 12px 0;
	font-size: 140%;
}
.services .section h4{
	margin-top:5px;
}

.services .section{
	width:318px;
	padding:0px 10px 10px 10px;
	float:left;
}

.services .section ul{
	margin:10px 10px 0 10px;
}


/* Postup tvorby */
.services-steps h3 {color:#843092;}
.services-steps li{
	list-style-type:none;
	padding-left:0px;
	padding-bottom:5px;
}
.services-steps .section{
	width:300px;
	padding-left:30px;
	float:left;
}



/*
* Breadcrumbs - drobeckova navigace u sluzeb
* ------------------------------------------------------------------------------
*/
#breadcrumbs {
    padding: 3px 0 10px 0;
    color: #777777;
    color: #3B3B4F;
}
#breadcrumbs a { color: #777777; color: #3B3B4F;float: left; }
#breadcrumbs a:hover { color: #9F9F9F; }

#breadcrumbs .first {
	background:transparent url(images/icons/breadcrumbs_home.gif) no-repeat scroll 0 0;
	height: 16px !important;
	margin: 3px 0px 0 0;
	overflow: hidden;
	padding: 0;
	text-indent: -1000em;
	width: 16px;
	display: block;
	float: left;
}
#breadcrumbs .first:hover {
	background-position: 0 -16px;
}

#breadcrumbs .separator {
	margin: 0px 5px 0 5px;
	padding: 0;
	width: 10px;
	display: block;
	float: left;
}

.container {
	margin:0 auto;
	width:960px;
	height:30px;
}




/*
* O nas
* ------------------------------------------------------------------------------
*/
.about {
	padding:10px 10px 20px 10px;
	margin:10px 0px;
	border-bottom: 1px solid #222231;
}
.about h3 {color:#843092; padding: 0;margin: 0 0 10px;}




.go-contact-box {
	background: transparent url(images/odkazy/go-contact-boxAB.png) no-repeat top left;
	display:block;
	height:39px;
	width:147px;
	float:left;
	margin-top:10px;
	position:relative;
	top:0px;
	font-weight: normal;
}

.go-contact-box:hover{
	background-position: 0 -39px; 

}

.go-contact-box span{
	display:none;
}


/*
* Kontakt box
* ------------------------------------------------------------------------------
*/

.kontakt-box {
	padding-top:50px;
	border-bottom: 0px solid #222231;

}

.kontakt-box .go-contact-box{    
    float:right;
    position:relative;
    right:250px; 
    top:-15px;
}


.ui-tabs .ui-tabs-hide {
     display: none;
}