/****************************************************************************************/
/*                                                                                      */
/* cyberstream.cz website - GLOBAL DESIGN                                               */
/*                                                                                      */
/* Central menu:    top, horizontal                                                     */
/* Submenu:         left, vertical                                                      */
/*                                                                                      */
/* Version:         2009-01-21 15:00                                                    */
/* Last changed by: Michal Pelech                                                       */
/*                                                                                      */
/****************************************************************************************/

/* GLOBAL STYLES =======================================================================*/

form, ul, li, ol, h1, h2, h3, h4, h5, h6, object, p, body, form, dl, dd, dt
{
	margin: 0;
	padding: 0;
}

body
{
	margin: 0 0 40px 0;
	font-size: 100%;
	font-family: "Tahoma", "Verdana", "Arial";
	font-family: Tahoma, Verdana, Arial;
	background: #ffffff;
	color: #000000;
	text-align: center;
}

h1, h2, h3, h4, h5, h6, input, select, textarea
{
	font-size: 100%;
	font-family: "Verdana", "Tahoma", "Arial";
	font-family: Verdana, Tahoma, Arial;
}

h2
{
	font-size: 90%;
	color: #000;
}

img
{
	border: none;
}

a
{
	color: #000;
	cursor: pointer;
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}

.left 
{
	float: left;
}

.right
{
	float: right;
}

.clear
{
	height: 1%;
	clear: both;
	font-size: 1px;
	visibility: hidden;
}

/* PAGE ==================================================================================*/

#page
{
	width: 1000px;
	margin: 0 auto;
	position: relative;
	text-align: left;
}

/* MAIN ==================================================================================*/

#main
{
	width: 1000px;
	height: 732px;
	position: relative;
}

.subpage
{
	background: #979797 url(../images/design/main_subpage.jpg) left top no-repeat;
}

.homepage
{
	background: #979797 url(../images/design/main_homepage.jpg) left top no-repeat;
}

/* MAIN CONTENT ==========================================================================*/

#mainContent
{
	width: 1000px;
	height: 165px;
	position: absolute;
	left: 0;
	bottom: 0;
	overflow: hidden;
	color: #ffffff;
}

#mainContent #leftPanel
{
	width: 260px;
	height: 165px;
	padding: 10px 20px;
	float: left;
	overflow: hidden;
	position: relative;
}

#mainContent #leftPanel ul
{
	width: 250px;
	height: 160px;
	margin: 0;
	list-style: none;
	position: absolute;
	left: 0;
	top: 5px;
}

#mainContent #leftPanel .submenu ul
{
	width: 250px;
	height: 60px;
	margin: 0;
	list-style: none;
	position: absolute;
	left: 0;
	top: 80px;
}

#mainContent #rightPanel
{
	width: 700px;
	height: 165px;
	float: right;
	overflow: hidden;
}

#mainContent #rightPanel a
{
	color: #fff;
}

#mainContent #rightPanel ul.products
{
	margin: 15px 0 0 25px;
	font-size: 100%;
	list-style: none;
}

#mainContent #rightPanel .leftPanelContent,
#mainContent #rightPanel .rightPanelContent
{
	width: 340px;
	height: 155px;/*height: 110px;*/
	float: left;
	overflow: hidden;
}

/* PAGE CONTENT ======================================================================*/

#pageContent
{
	padding: 10px 0 0 0;
	/*position: relative;*/
}

#pageContent p
{
	letter-spacing: 1px;
}

#pageContent #rightContent
{
	width: 700px;
	float: right;
	overflow: hidden;
}

#pageContent #rightContent .leftPageContent,
#pageContent #rightContent .rightPageContent
{
	width: 340px;
	float: left;
	overflow: hidden;
}

#pageContent #rightContent .leftPageContent p
{
	padding: 0 20px 0 0;
}

#pageContent #leftProject
{
	width: 300px;
	float: left;
	overflow: hidden;
}

#pageContent #references
{
	width: 1000px;
	height: 155px;
	margin: 0;
	position: relative;
	overflow: hidden;
}

#pageContent #references .item
{
	height: 150px;
	margin: 0 20px;
	float: left;
	display: inline;
	text-align: center;
	overflow: hidden;
}

#pageContent #paging
{
	font-size: 70%;
}

/* LAST PROJECT ======================================================================*/

#lastProject
{
	width: 245px;
	height: 265px;
	position: absolute;
	right: 0;
	top: 273px;
}

/* FOOTER ============================================================================*/

#footer
{
	width: 1000px;
	position: relative;
}

#footer #search
{
	width: 315px;
	height: 90px;
	position: relative;
	background: #ffffff url(../images/design/search_bg.png) no-repeat left top;
}

#footer #search input
{
	width: 160px;
	height: 20px;
	position: absolute;
	left: 90px;
	top: 60px;
	border: none;
	background: #e7eff2;
	font-size: 80%;
}

#footer #search input.buttonSearch
{
	width: 25px;
	height: 20px;
	position: absolute;
	left: 260px;
	top: 62px;
	color: #000000;
	background: url(../images/design/lupa_bg.png) left top no-repeat;
}

#footer #contact
{
	width: 200px;
	height: 210px;
	padding: 0 0 0 165px;
	position: absolute;
	right: 40px;
	top: 5px;
	background: #ffffff url(../images/design/phone.png) left top no-repeat;
}

#footer #bottomMenu
{
	margin: 10px 0 0 30px;
}

/* LOGO ==============================================================================*/

#logo
{
	width: 246px;
	height: 76px;
	position: absolute;
	left: 40px;
	top: 0;
}

#logo h2,
#logo h2 span
{
	width: 246px;
	height: 76px;
	position: absolute;
	overflow: hidden;
}

#logo h2 span
{
	display: block;
	left: 0;
	top: 0;
	background: url(../images/design/logo.png) left top no-repeat;
}

#logo h2 a
{
	color: #000000;
	text-decoration: none;
}

/* TOP MENU ============================================================================*/

#topMenu
{
	width: 651px;
	height: 79px;
	position: absolute;
	right: 0;
	top: 0;
	background: transparent url(../images/design/top-menu_bg.png) left top no-repeat;
}

/* CLIENTS CENTER ======================================================================*/
/* =====================================================================================*/

#mainClients
{
	width: 960px;
	height: 1%;
	margin: 0 auto 0 auto;
	position: relative;
}

#mainClients div
{
	text-align: left;
}

#mainClients #header
{
	width: 960px;
	height: 90px;
	margin: 0 0 75px 0;
	padding: 20px 0 0 0;
}

#mainClients #header h1,
#mainClients #header h1 span
{
	width: 132px;
	height: 37px;
	position: absolute;
	left: 250px;
	top: 45px;
	overflow: hidden;
}

#mainClients #header h1 span
{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/design/customer_center_cz.png) left top no-repeat;
}


#mainClients #header h2,
#mainClients #header h2 span
{
	width: 246px;
	height: 76px;
	position: relative;
	overflow: hidden;
}

#mainClients #header h2 span
{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/design/logo.png) left top no-repeat;
}

#mainClients #contentClients
{
	width: 100%;
}

#mainClients #contentClients .login
{
	margin: 0 0 30px 0;
	padding: 30px 0 60px 30px;
	background: #c0d833;
	color: #fff;
}

#mainClients #contentClients .footer
{
	padding: 0 0 0 20px;
}

#mainClients #menuClients
{
	width: 900px;
	height: 65px;
	position: absolute;
	left: 10px;
	top: 110px;
}

#mainClients #navigation
{
	width: 900px;
	height: 15px;
	position: absolute;
	left: 20px;
	top: 5px;
	overflow: hidden;
}