html, body { height: 100%; }

html, body,
div, p, cite, blockquote, code,
table, tr, td,
ul,
form, fieldset, legend, input, label, button, textarea, select {
	padding: 0; margin: 0;
	font-style: normal; font-weight: normal;
}
ul, ol, li { font-style: normalb; font-weight: normal; }
img { padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; font-weight: bold; }

div, p { text-align: left; }
div, p, br { clear: both; }

img, label, input, button, select { display: inline-block; vertical-align: middle; }
textarea { display: inline-block; vertical-align: text-top; }

a, label[for], button,
input[type~=submit reset button], button { cursor: pointer; } 
a { outline: none; }

table { border-collapse: collapse; empty-cells: hide; caption-side: bottom; }
th, td { vertical-align: middle; border:  none; }
th { font-weight: bold; text-align: center; }
td { text-align: left; }

em { font-style: italic; }
strong { font}

body {
background-color: #8f8f8f; color: #737373;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin-bottom: 15px;
}
html { padding-bottom: 15px; }

/***************************************************
 * IDs
 ***************************************************/
#wrap { width: 945px; margin: 24px auto; position: relative; }
.col1 { float: left; width: 230px; overflow: hidden; }
.col2 { float: right; width: 700px; }
#foot { float: left; padding: 10px 0; _width: 300px; }
#foot small { color: #ffffff; font-family: Arial, sans-serif; font-size: 10px; }

#logo { background-color: #ffffff; margin-bottom: 5px; }

#menu {
background-color: #ffffff;
margin-bottom: 5px; padding: 15px 0;
}
.L1 { margin: 0px 0px 0px 4px; width: 100px; }
.L2 { margin-left: 15px; }
.L5 { color: #ffffff; padding: 9px 2px; }
.L5 a, .L5 a:hover { color: #ffffff; }
.L5 a:hover { text-decoration: underline; }


#text_socialnetworks
{
color:#FFFFFF;
overflow: hidden;
float:left;
padding-top:7px;
padding-left: 20px;
font-weight: normal;
}


#menu-socialnetworks
{
width:100%;
height:33px;
background: #737373;
overflow: hidden;
margin-top:5px;
}

#menu-socialnetworks li
{
margin:0px;
margin-left:7px;
width: 22px;
height: 22px;
overflow: hidden;
text-indent: -5000px;
float:left;
background: transparent url(http://www.transglobal.pt/Files/System/Transglobal/bt_redes.png);
}

#menu-socialnetworks li.menui-facebook
{
background-position:0 0;
}

#menu-socialnetworks li.menui-twitter
{
background-position:-22px 0;
}

#menu-socialnetworks li.menui-linkedin
{
background-position:-43px 0;
}

#menu-socialnetworks li.menui-youtube
{
background-position:-66px 0;
}

#menu-socialnetworks li.menui-facebook:hover
{
background-position:0 44px;
}

#menu-socialnetworks li.menui-twitter:hover
{
background-position:-22px 44px;
}

#menu-socialnetworks li.menui-linkedin:hover
{
background-position:-43px 44px;;
}

#menu-socialnetworks li.menui-youtube:hover
{
background-position:-66px 44px;
}

#menu-socialnetworks li a
{
display: block;
width:100%;
height:100%;
}


#menu-socialnetworks ul
{
list-style:none;
margin: 5px;
float:right;
}

.portf {
 width:700px;
}

.img {
 background-color: #FFFFFF;
 text-align:center;
 padding: 20px;
 margin: 0 auto;
}

.inf {
background-color: #797979;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color:#FFFFFF;
text-align:left;
padding: 2px 10px;
}

.inf2 {
background-color: #797979;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color:#FFFFFF;
text-align: right;
padding: 2px 10px;
}

.inf2 a { color: #ffffff; }
.inf2 a:hover { color: #f33500; }

.vantagens {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: left;
text-transform: uppercase;
color: #FFFFFF;
background-color:#797979;
padding: 2px 5px;


}

.sucesso {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
text-align: left;
color: #FFFFFF;
background-color:#797979;
padding: 2px 5px;
width: 200px:

}


.produtos_tit {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
text-transform: uppercase;
text-align: left;
color: #FFFFFF;
background-color:#797979;
padding: 2px 5px;
width: 200px:

}


.produtos {
border-bottom: 1px solid #797979;
width:290px;
}



#news-section { position: relative; width: 230px; }
#news-section h2 {
 background-color: #f33500; 
 margin: 0;
 margin-right: 5px; padding: 5px 8px 5px 12px;
 text-align: right;
 float: left;
 cursor: pointer;
}



#news-section h2,
#news-section h2 a,
#news-section h2 a:hover { color: #ffffff; font-size: 12px; text-transform: uppercase; }
#news-section h2.selected { background-color: #ffffff; color: #ffffff; }
#news-section h2.selected,
#news-section h2.selected a,
#news-section h2.selected a:hover { color: #f33500; }
.cs {
 background-color: #ffffff;
 padding: 11px 20px; margin: 0;
}


#main-links {
	background-color: #f33500; color: #ffffff;
	width: 700px; height: 31px;
	position: absolute; right: 0;
	_position: relative; float: right;
}
#main-links-links {
	position: absolute; top: 0; right: 10px;
	_position: static; _float: right; _margin-right: 50px;
}




#legenda {

                margin-left: 35px;
                margin-top: -21px;

}

#Legend {

	display: inline-block; vertical-align: middle;
	zoom: 1; _display: inline; _float: left;

}


#icon {
	display: inline-block; vertical-align: middle;
	zoom: 1; _display: inline; _float: left;
}


#content {
	position: absolute; left: 245px; top: 35px;
	_position: relative; _top: 5px; _left: 0;
}


#top-section {
background-color: #ffffff;
width: 700px;
border-bottom: 7px solid #f33500;
overflow: hidden;
}

#top-section2 {
background-color: #ffffff;
width: 700px;
}

#top-section-clientes {
background-color: #ffffff;
padding: 33px;
}

.logo-clientes { padding:5px; }

#sections .c {
float: left; width: 231px; height: 118px;
background-color: #ffffff; border-bottom: 3px solid #737373;
position: relative;
}
#sections .more {
	position: absolute; bottom: 0; right: 0;
	background-color: #737373; color: #ffffff;
}