l/*
    Document   : codeworks
    Created on : 6.2.2010, 1:31:21
    Author     : mikie
    Description:
        Purpose of the stylesheet follows.
*/



root {
    display: block;
}



* {
	margin: 0;
	padding: 0;
}


/* Body Typeset
-------------------------- */
body {
	font: 11px Verdana, Arial, Helvetica, sans-serif;

	color: #7f7f7f;

}

#homepage{

	background:  url('../images/bg_hor_x.jpg') repeat-x;
	background-color: #000;
}

#subpage{

	background:  url('../images/bg_content_kontakt.jpg') repeat-x;
	background-color: #000;

}

#home {
	border: 1px solid white;
	height: 100px;
	width: 100px;

}

h1,h2,h3 {

	font-weight: normal;

}
/* Layout
-------------------------- */

#container {
	width: 996px;
	margin: 0 auto;
	position: relative;
	/*height:1000px;*/

}
#header {
	height: 238px;
	background:  url('../images/bg_header.jpg') no-repeat;
	position: relative;
}


#headerSmall {
	height: 209px;
	background:  url('../images/bg_header1.jpg') no-repeat;
	position: relative;

}

p {
	line-height: 19px;
	text-align: left;
}


#languages {
	position: absolute;
	right: 122px;
	top: 30px;
	height: 22px;
	width: 106px;
	text-align: center;
	padding-top: 1px;
	background:  url('../images/bg_jazyky.png') no-repeat;
	display: none;

}

#languages a {
	font-size: 10px;
}

.active {
	color:#91f95e !important;
}

.home{
	display: block;
	width: 150px;
	height: 50px;
	position: absolute;
	left:128px;
	top: 115px;


}
/*	MENU	*/

#menu {
	position: absolute;
	top: 100px;
	right: 122px;
}

#menu li {
	display: inline;
	list-style: none;
	color: #7f7f7f;
}

#menu li a {
	padding: 0 6px 0 3px;
}


.pipe {

}
/*	Anchors	*/
a {
	border:none;
	outline: none;
	cursor: pointer;
}

.green{
	color:#91f95e;
	font-weight: bold;
}

img {

	border:none;
	outline: none;
}

a:link, a:visited {
	color: #7f7f7f;
	text-decoration: none;
	border: none;
}

a:hover, a active{
	color:#91f95e;
	text-decoration: none;
}


#cw_portfolio{
	position: absolute;
	bottom: 6px;
	left: 545px;
	font-size: 10px;
	_zoom:1;
	width:345px;
}

#cw_portfolio #points {
    display: inline;
    position: relative;
    top: -1px;
}

#lineNav {
	margin-top: 101px;
	margin-left: 495px;
	width:420px;
}

.p_detail{
	display: none;
	position: relative;
	left: 50px;
	top: 60px;
	width: 325px;
}

/*	MAC	*/
#mac {
	background:  url('../images/bg_mac.png') no-repeat;
	height: 267px;
	width: 397px;
	position: relative;
	top: -48px;
	left: 96px;
	float: left;
}

#portfolio {
	float: left;
	background:  url('../images/bg_home_reference.png') no-repeat;
	height: 220px;
	width: 446px;
	position: relative;
	left: 96px;

}
#fader img{
	display: none;
}

.portContent h2 {
	color: #939393;
	font-weight: normal;
	font-size: 20px;
	margin-bottom: 5px;
}

.portContent {
	width: 320px;
	padding-top: 5px;

}


.portContent span {

	font-weight: bold;

}

#content {
	clear: left;
	background:  url('../images/bg_content.jpg') no-repeat;
	position: relative;
	top: -47px;
	padding-left: 80px;
	padding-top: 5px;
	min-height: 225px;
	_height: 265px;
}


/*Buttons*/

a.crmButton {
	background: url('../images/crm.png') no-repeat;
	display: block;
	height: 22px;
	width: 190px;
	text-indent: -9999px;

}
a.crmButton_en {
	background: url('../images/crm_en.png') no-repeat;
	display: block;
	height: 22px;
	width: 190px;
	text-indent: -9999px;

}

a.crmButton:hover,a.crmButton.active,a.crmButton_en:hover,a.crmButton_en.active  {
	background-position: 0px -22px;
}


a.appButton {
	background: url('../images/app.png') no-repeat;
	display: block;
	height: 22px;
	width: 190px;
	text-indent: -9999px;
}

a.appButton_en {
	background: url('../images/app_en.png') no-repeat;
	display: block;
	height: 22px;
	width: 190px;
	text-indent: -9999px;
}

a.appButton:hover, a.appButton.active,a.appButton_en:hover, a.appButton_en.active {

	background-position: 0px -22px;
}


a.cmsButton {
	background: url('../images/cms.png') no-repeat;
	display: block;
	height: 22px;
	width: 190px;
	text-indent: -9999px;

}

a.cmsButton_en {
	background: url('../images/cms_en.png') no-repeat;
	display: block;
	height: 22px;
	width: 190px;
	text-indent: -9999px;

}
a.cmsButton:hover, a.cmsButton.active,a.cmsButton_en:hover, a.cmsButton_en.active {

	background-position: 0px -22px;
}


a.wwwButton {
	background: url('../images/www.png') no-repeat;
	display: block;
	height: 22px;
	width: 190px;
	text-indent: -9999px;
}

a.wwwButton_en {
	background: url('../images/www_en.png') no-repeat;
	display: block;
	height: 22px;
	width: 190px;
	text-indent: -9999px;
}

a.wwwButton:hover, a.wwwButton.active,a.wwwButton_en:hover, a.wwwButton_en.active {
	background-position: 0px -22px;
}

/* CRM, CMS, APLICATION*/

#content .col {
	float: left;
	width: 215px;
}

#content .col .link {
	margin-top: 40px;
}

#content .col .content {
	padding: 20px 20px 5px 12px;
	text-align: left;
	line-height: 20px;
}


#loga {
	background:  url('../images/bg_line_grey.jpg') no-repeat;
	height:70px;
	padding-top: 10px;
}

#loga ul, #control ul{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	text-align: center;
	margin: 5px 0px;
}

#loga li{
	display: inline;
}


#footer {
	min-height: 85px;
	_height: 85px;
	background:  url('../images/bg_footer.jpg') repeat-x;
	text-align:  center;
	padding-top: 15px;
	color: #404040;
}


/* IMAGE ROTATOR */

.pics {
    height:331px;
    width: 206px;
	position: relative;
	top: 14px;
	left: 60px;


}

.pics img {

    border:  none;
    background-color: #eee;
    width:  331px;
    height: 206px;
    top:  0;
    left: 0;

}

#points a{
	margin-right:  5px;
	margin-left: 5px;
	margin-top: 5px;
	height: 5px;
	width: 5px;

}

.ac {
	background:url('../images/point_inactive.png') no-repeat;
	height: 10px;
	width:10px;
	display: inline-block;
	/*float: left;*/
	margin-right: 5px;
}

.activeSlide{
	background:url('../images/point_active.png') no-repeat;
	height: 10px;
	width:10px;
}

#contentContact a:hover,
a active,#control a:hover,
a active,
#solution a:hover,
#csstable a:hover{
	/*color:#629a39;*/
	color:#66cc33;
	text-decoration: none;
}


/* KONTAKT*/

#contentContact {
	float: left;
	width:400px;
	min-height: 420px;
	padding: 30px 0px 0px 30px;
	text-align: left;
}

#contentContact  {
	font-size: 13px;
}

#contentContact h1  {
	font-size: 30px;
	padding-bottom: 10px;
}

#chair {
	float:left;
	background:url('../images/chair.png') no-repeat;
	width: 318px;
	height: 347px;
	position: relative;
	left: 50px;
	top: 65px;
}

#phone {
	float:left;
	background:url('../images/phone.png') no-repeat;
	width: 400px;
	height: 237px;
	position: relative;
	top: 65px;
}

#kiwi {
	float:left;
	background:url('../images/kiwi.png') no-repeat;
	width: 315px;
	height: 315px;
	position: relative;
	left: 50px;
	top: 65px;
}


#meter {
	float:left;
	background:url('../images/meter.png') no-repeat;
	width: 278px;
	height: 305px;
	position: relative;
	left: 50px;
	top: 65px;
}
#cubes {
	float:left;
	background:url('../images/cubes.png') no-repeat;
	width: 243px;
	height: 320px;
	position: relative;
	left: 50px;
	top: 65px;
}

#webPresentation {
	float:left;
	background:url('../images/web.png') no-repeat;
	width: 345px;
	height: 318px;
	position: relative;
	left: 50px;
	top: 65px;
}

.kontakt {
	margin-top: 542px !important;
}

input, textarea {

	border: none;
}

.formHolder {
	margin-top: 10px;
	margin-bottom: 10px;

}

.formHolderBig {
	margin-bottom: 25px;

}

.formHolderBig .connect {
	padding-right: 144px;


}
.formName {
	background: url('../images/form_name.png') no-repeat;
	width: 204px;
	height: 24px;
	font-size: 11px;
	color:white;
	padding: 0;
	padding-left: 50px;
}

.formEmail {
	background: url('../images/form_email.png') no-repeat;
	width: 204px;
	height: 24px;
	font-size: 11px;
	padding: 0;
	padding-left: 50px;
	color:white;

}


.formHolder textarea {
	background: url('../images/form_message.png') no-repeat;
	width: 204px;
	height: 78px;
	padding: 5px 0px 0px 50px;
	font-size: 11px;
	color:white;

}


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

.sendButton {
	background:url('../images/send.png') no-repeat;
	width: 58px;
	height: 16px;
	cursor: pointer;

}
.connect {
	float: right;

}

#control{
	clear:  both;
	height: 27px;
	background: url('../images/line.png') no-repeat;
	/*padding: 12px 30px 0px 30px;*/
	margin-left: -75px;
}

#control ul{
	list-style-type: none;
	text-align: left;
	margin: 0;

}

#control li{
	display: inline;
	list-style: none;
	color: #7f7f7f;
	padding-right: 2px;
	line-height: 26px;

}

#control_ul{
	margin-left:  105px;
}

/* REFERENCE */

#control_ref{
	margin-left:  60px;
}

#contentArea {
	height: 589px;
	padding-left: 70px;
}

#contentReference h2{
	font-size: 15px;
	margin-bottom: 2px;

}

#contentReference {
	/*float: left;*/
	/*width:996px;*/
	min-height: 420px;
	padding: 30px 0px 0px 50px;
	text-align: left;
}


#csstable {
    min-height: 390px;
	padding-top: 30px;
}
#csstable h2{
	color:#666666;
}

#csstable div {
	background: url('../images/ref_background.jpg') no-repeat;
	height: 170px;
	width:189px;
    float:left;
	margin-right: 25px;
	padding-left: 2px;
    text-align: left;
	margin-bottom: 20px;
}

#csstable div h2 {
	margin-top: 10px;
}

.br {
    clear:both;
}

#pagin {
    position: relative;
    left: 20px;
}

#solution{
	position: relative;
	float:right;
	right: 45px; /* 150px */
}


/**/

#nav {
	margin: 0;

}
#nav li {
	margin: 0 5px;
	float: left;
	position: relative;
	list-style: none;
}


/* main level link */
#nav a {
	text-decoration: none;
	/*display: block;*/
	margin: 0;
	display: inline-block;

}
#nav a:hover {

	color: #629a39;
}

/* main level link hover */
#nav .current a, #nav li:hover > a {

	color: #629a39;

	/* border-top: solid 1px #f8f8f8;*/

}

/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
	background: none;
	border: none;
	color: #666;

}
#nav ul a:hover {
	color: #629a39 !important;

}

/* dropdown */
#nav li:hover > ul {
	display: block;
}

/* level 2 list */
#nav ul {
	display: none;
	margin: 0;
	padding: 0;
	width: 185px;
	position: absolute;
	left: 0;
	top: 26px;
	background: #ddd url(img/gradient.png) repeat-x 0 0;
	border: solid 1px #b4b4b4;
	z-index: 99999;
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
	text-align: left;

}

#nav ul.sub a { display: block; padding: 0 8px; }

#nav ul a {
	font-weight: bold;
	text-shadow: 0 1px 0 #fff;
}



/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#nav {
	display: inline-block;
}
html[xmlns] #nav {
	display: block;
}

* html #nav {
	height: 1%;
}

/**/

/* Paginator*/

.paginator{
	float: left;
	line-height:26px;
}
.paginator a, .paginator span{
	padding-right: 5px;
}
.current {
	font-weight: bold;
	color: #629a39;
}

.vyhody{
	line-height: 20px;
	padding-left: 14px;
}



/* icons */
a.icon { padding-left: 20px; }
a.icon.back { background: url('/images/back_grey.jpg') left center no-repeat; }

#g-plusoneDiv{
	float: right;
    position: absolute;
    right: 105px;
    top: 219px;
    z-index: 1500;;

}

#g-plusoneSub{
	 float: right;
    position: absolute;
    right: 105px;
    top: 189px;
    z-index: 1500;

}