/* CSS Document */

/*PAGE LAYOUT*/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#logo{float:left; background-image:url(tie_logo.gif); width:274px; height:135px;}
#topheader{float:right; width:526px; height:97px; background-color:#F0F0F0; position:relative}
#toplinks{position:absolute; right:10px; top:10px;}
#menu{float:right; width:526px; height:32px; background-image:url(bg_menu.gif); background-repeat:repeat-x;}
#submenu{float:right; width:526px; height:32px; background-image:url(bg_submenu.gif); background-position:top; background-repeat:repeat-x;}
#cintillo{float:center; width:504px; height:87px; background-image:url(cintillo.gif); background-position:top; background-repeat:repeat-x;}
#edificio{float:right; width:214px; height:325px; background-image:url(edificio.jpg); background-position:top; background-repeat:repeat-x;}
#consultor{float:right; width:227px; height:325px; background-image:url(consultor.jpg); background-position:top; background-repeat:repeat-x;}
#contacto{float:right; width:216px; height:327px; background-image:url(contacta.jpg); background-position:top; background-repeat:repeat-x;}
#engranes{float:right; width:250px; height:325px; background-image:url(engranes.jpg); background-position:top; background-repeat:repeat-x;}
#bullet{float:left; width:56px; height:54px; background-image:url(sphere.gif); background-position:top; background-repeat:repeat-x;}
#bullet_small{float:left; width:24px; height:23px; background-image:url(sphere-small.gif); background-position:top; background-repeat:repeat-x;}
#endeavour{float:left; width:161px; height:325px; background-image:url(endeavour.jpg); background-position:top; background-repeat:repeat-x;}
#business{float:left; width:216px; height:325px; background-image:url(business.jpg); background-position:top; background-repeat:repeat-x;}
#sap_logo{float:left; width:87px; height:53px; background-image:url(sap-logo.png); background-position:bottom; background-repeat:repeat-x;}
#support{float:left; width:238px; height:224px; background-image:url(support.gif); background-position:top; background-repeat:repeat-x;}
#contenttext{float:up; width:504px;}
#leftpanel{float:left; width:234px;}
#footer{float:center; width:800px; background-color:#F0F0F0; padding:10px;}

/*GRAY PANEL*/
.graypanel{
	border:solid 1px #666666; background-color:#F7F7F7; padding:10px; margin:2px;
}

/*TEXT STYLES*/
.bodytext {
	font: 0.7em Arial, sans-serif;
	font-size:12px;
	color: #444444;
}

.bodytext2 {
	font: 0.7em Arial, sans-serif;
	font-size:14px;
	color: #333333;
}


.titletext {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#000088;
}
.whitetitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#FFFFFF;
}
.smalltitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#000088;
}
.smallwhitetext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
}
.smallwhitetext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
}
.smallwhitetext a:hover{
	text-decoration:underline;
}
.smallgraytext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#999999;
}
.smallgraytext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#999999;
	text-decoration:none;
}
.smallgraytext a:hover{
	text-decoration:underline;
}
.smallredtext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#000088;
}
.smallredtext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#000088;
	text-decoration:none;
}
.smallredtext a:hover{
	text-decoration:underline;
}
.biggraytext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 20px;
	font-weight:medium;
	color:#023C6E;
}