/* @group 2010 tavasz */

body #container {	
	background: #f5f5f5 url(../i/bktop_10_tavasz1.jpg) no-repeat;
	/*background: url(../i/template.jpg) no-repeat left top;*/
}

body #content {	
	background: url(../i/bkbottom.jpg) no-repeat 0 bottom;
}

body img.webapps,  div#leftcontent img {
	opacity: 0;
	visibility: hidden;
}





/* @end */




/* @group general */
.flag  {
 height: 1em; 
}

body {
	color: #353535;
	margin: 12px 0 0;
	font: small "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Lucida, Verdana, "Bitstream Vera Sans", sans-serif;
}

ul li {
	list-style-type: none;
}

ul {
	padding-left: 0;
}

a {
	text-decoration: none;
	color: #353535;
}

img {
	border-style: none;
	border-width: 0;
}

/* @end */

/* @group layout */

#container {
	width: 1008px;
	position: absolute;
	left: 50%;
	margin-left: -504px;
	background: #f5f5f5 url(../i/bktop.gif) no-repeat;
	/*background: url(../i/template.jpg) no-repeat left top;*/
}

#header ul li {
	display: inline;
	
	
}

#header ul {
	position: absolute;
	top: 47px;
	margin: 0px;
}

ul#lang {	
	width: 240px;
	border-bottom: 1px solid #bababa;
	margin-left: 49px;
	margin-top: 2px;
}

ul#topfooter {
	left: 304px;
}

#leftcontent {
	float: left;
	margin-top: 237px;
	padding-left: 50px;
}

#content {
	padding-left: 305px;
	padding-top: 98px;
	padding-bottom: 60px;
	background: url(../i/bkbottom.gif) no-repeat 0 bottom;
}

#content img.webapps {
	margin-left: 54px;
	
}

#bottomfooter {
	background-color: white;
	margin-top: 0;
	padding-bottom: 20px;
}

#bottomfooter p {
	margin-top: 0;
	padding-top: 2px;
	margin-left: 660px;
	font-size: 90%;
	color: #919191;
	padding-bottom: 3px;
}


#content ul  {
	margin-left: 60px;
	margin-top: 60px;
}

 #content ul li,  #content ul li a{
	display: inline;
}



/*

 @end */

/* @group typography */

#lang a, #topfooter a {
	font-size: 80%;
	color: #7b7b7b;
	font-weight: normal;
	font-style: normal;
}
#lang a:hover, #topfooter a:hover {
	color: black;
}
#topfooter li {
	text-indent: 0;
	background: url(../i/brdr.gif) no-repeat left center;
	padding-left: 9px;
	margin-right: 3px;
}

#topfooter li.first {
	background-image: none;
}

#leftcontent ul {
	
	text-align: right;
	padding-right: 0;
	margin-right: 4px;
	margin-top: 54px;
	line-height: 1.7em;
	font-size: 90%;
	padding-top: 0;
}


#leftcontent a:hover {
	color: #b6b6b6;
}

#content h2 {
	margin-top: 33px;
	color: #787878;
	font: normal normal 150% "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Lucida, Verdana, "Bitstream Vera Sans", sans-serif;
		text-indent: -4000px;
	margin-left: 3px;
	margin-bottom: 0;
	
}
.hidden {
	display: none;
}

#content h5, #content p {
	text-align: left;
	padding-left: 101px;
	margin-right: 93px;
	margin-left: 0;
}

#content h5 {
	line-height: 1.7em;
	font-size: 90%;
	padding-top: 33px;
	padding-left: 102px;
}

#content h5.first, #content h3.first, #content p.first {
	background: url(../i/headerdiv.gif) no-repeat;
	margin-top: 34px;
	padding-top: 33px;	
}

#content h3 {
	line-height: 1.7em;
	font-size: 90%;
	padding-top: 16px;
	padding-left: 102px;
}

#content p {
	font-size: 90%;
	line-height: 1.5em;
}

#content a {
	color: #3580dd;
	font-size: 90%;
}

#content a:hover {
	
	text-decoration: underline;
}

#content table {
	font-size: 80%;
	color: #4b4b4b;
	width: 630px;
	padding-left: 50px;
	padding-top: 50px;
	border-collapse: collapse;
	margin-top: 22px;
	margin-left: 30px;
}
#content table th {
	border-bottom: 2px solid #38d938;
	line-height: 2em;
}

#content table td {
	border-bottom: 1px solid #eaeaea;
	line-height: 1.4em;
	padding-top: 5px;
	padding-bottom: 5px;
	
	vertical-align: top;
	padding-left: 5px;
}

#content table tr.pair {
	background-color: #fbfbfb;
}

/* @end */

/* @group page specific */

.about #topfooter .about a, .solutions #topfooter .solutions a, .technology #topfooter .technology a, .references #topfooter .references a, .partners #topfooter .partners a, .contact #topfooter .contact a {
	color: black;
}

.about #leftcontent .about a, .solutions #leftcontent .solutions a, .technology #leftcontent .technology a, .references #leftcontent .references a, .partners #leftcontent .partners a, .contact #leftcontent .contact a {
color: #b6b6b6;}

.about #content h2{
	background: url(../i/sonrisaslogan.gif) no-repeat;

}

.solutions s#content h2 {
	background: url(../i/sonrisasolutions.gif) no-repeat;
}

.technology #content h2 {
	background: url(../i/sonrisatechnology.gif) no-repeat;
}

.references #content h2 {
	background: url(../i/sonrisareferences.gif) no-repeat;
}

.partners #content h2 {
	background: url(../i/sonrisapartners.gif) no-repeat;
}
.solutions #content h2 {
	background: url(../i/sonrisasolutions.gif) no-repeat;
}


.contact #content h2{
	background: url(../i/sonrisaslogan.gif) no-repeat;
}

/* @end */