*{margin:0;padding:0}

body{margin:0.5em 0 0 0;padding:0;text-align:left;font-family:Tahoma, 'Trebuchet MS',arial,sans-serif;color:#999;background-color:#666; font-size:11px;}
body,html{height:95%}
h1{text-indent:-9000px;height:80px;background:transparent url(../gif/logo.gif) 0% 50% no-repeat;}
h2{display:none}
h3{font-size:11px}


a:link,a:visited{color:#ccc;text-decoration:none}
a.selected:link,a.selected:visited{color:#fff}
a:hover,a:visited:hover{color:#fff}
a:link img{border:1px solid #b3b3b3}
a:visited img{border:1px solid #666}
a:hover img,a:visited:hover img{border:1px solid #fff}
a.selected:link img,a.selected:visited img{border:1px solid #f90}
a.selected:hover img,a.selected:visited:hover img{border:1px solid #f90}

#Wrapper{margin:0 auto;height:100%;width:100%;position:relative}
#Wrapper[id]{display:table;position:static}

#InnerWrapper{position:absolute;top:0;left:0}
#InnerWrapper[id]{display:table-cell;vertical-align:middle;position:static}
#OuterContainer{position:relative;top:-50%}
#Frame{width:100%}
#Container{margin:0 auto;position:relative;width:400px;height:300px;background-color:#4d4d4d;overflow:hidden}

#PhotoRow    {background:#666 url(../img/bkd_gray_diagonal3.gif)}
#PhotoRow td {text-align:right;width:45%}
#PhotoRow td#PhotoCell{width:10%}

#PhotoRow2    {background:#666 url(../img/bkd_gray_diagonal3.gif)}
#PhotoRow2 td {text-align:right;width:10%; padding:1px;}
#PhotoRow2 td#PhotoCell2{width:10%}

#HeaderRow td{background:#666 url(../img/bkd_fade_top.gif) left bottom repeat-x}
#LoadContainer{height:25%;width:50%;position:absolute;top:40%;left:25%;text-align:center;z-index:1}

#MenuLink{display:block;float:right;height:120px;width:26px;background:#4d4d4d url(../gif/bkd_menu.gif) 0 70px no-repeat;text-decoration:none}
#MenuLink:hover,#MenuLink:visited:hover{background:#4d4d4d url(../gif/bkd_menu.gif) -26px 70px no-repeat}
#MenuLink.selected:link,#MenuLink.selected:hover,#MenuLink.selected:visited{background:#4d4d4d url(../gif/bkd_menu.gif) -52px 70px no-repeat}
#MenuLink span{display:none}
#MenuContainer{display:none;position:absolute;top:0;left:0;z-index:200;background-color:#333;width:100%;height:120px;filter:alpha(opacity:80);KHTMLOpacity:0.8;MozOpacity:0.8;opacity:0.8}
#MenuContainer ul{margin:0;text-align:left;list-style:none;line-height:18px;font-size:11px;background:transparent url(../img/bkd_menu_li.gif) 0 bottom repeat-x}

#colA{position:absolute;top:15px;left:15px}
#colB{position:absolute;top:15px;left:150px}
#colC{position:absolute;top:15px;left:285px}

#MenuContainer ul li{width:120px;padding:0 0 0 5px;white-space:nowrap;background:transparent url(../img/bkd_menu_li.gif) 0 0 repeat-x}
#MenuContainer ul li.selected{background-color:#4d4d4d}
#MenuContainer a{width:120px;display:block}
#MenuContainer ul li a:link,#MenuContainer ul li a:visited{color:#999}
#MenuContainer ul li a:hover,#MenuContainer ul li a:visited:hover{color:#ccc}
#MenuContainer ul li.selected a:link,#MenuContainer ul li.selected a:visited{color:#fff;background:transparent url(../img/bkd_menu_arrow.gif) 108px 50% no-repeat}
#LinkContainer{display:none;position:absolute;top:0;left:0;height:200px;width:200px;z-index:100;filter:alpha(opacity:50);KHTMLOpacity:0.5;MozOpacity:0.5;opacity:0.5;background:url(../img/c.gif) 50% 50% no-repeat}

#PrevLink{z-index:100;position:absolute;top:0%;left:0%;height:200px;width:50%;display:block}
#NextLink{z-index:100;position:absolute;top:0%;left:50%;height:200px;width:50%;display:block}
#PrevLink:hover,#NextLink:hover{text-decoration:none}
#PrevLink:hover{background:transparent url(../gif/sinal_menos.gif) 50% 50% no-repeat}
#NextLink:hover{background:transparent url(../gif/sinal_mais.gif) 50% 50% no-repeat}
#PrevLink span,#NextLink span{display:none}
#PhotoContainer{visibility:hidden}
#
ThumbnailRow td{background-color:#808080;border-bottom:1px solid #999}
#ThumbnailRow td ul{margin:9px 0;text-align:right;list-style:none;float:right}
#ThumbnailRow ul li{margin:0 0 0 2px;float:left;height:42px;width:75px;background-color:#666;overflow:hidden}
#Footer{margin:0 auto 0.5em auto;background:#666 url(../gif/bkd_fade_bottom.gif) left top repeat-x;padding-top:20px}
#Footer p{font-size:10px}
img{border:none}
p{font-size:11px;padding:0.5em 0}


#ClientList{position:relative;margin:2.0em 0;height:0px;}
#ClientList ul{margin:0;text-align:left;list-style:none;line-height:24px;font-size:11px;border-top:2px solid #666;}
#ClientList #colA{position:absolute;top:0;left:0}
#ClientList #colB{position:absolute;top:0;left:210px}
#ClientList #colC{position:absolute;top:0;left:420px}
#ClientList ul li{width:170px;padding:0 0 0 5px;white-space:nowrap;background:transparent url(../gif/bkd_menu_li_light.gif) 0 bottom repeat-x}

/* FORMULÁRIO:
----------------------------------------------- */
select, textarea, input { border-style: solid; font-face: verdana; font-size: 11px; color: #000000; background-color: #F2F2F2; border-color: #D5D5D5; border-width: 1px; }
option { font-family: verdana; font-size: 11px; color: #000000;}
.button{ cursor:pointer;  margin-top:0px;  border:outset 1px #ccc; background:#999; font-size:.9em; color:#666; font-weight:bold; padding:5px;  background:url("../gif/button-bg.gif") repeat-x left top; padding:1px;  }
.form_field { font-family: verdana; font-size: 10px; } /* estilo para "select" */

td.formata,th.formata {
	padding:2px;
	font-family:Tahoma,'Trebuchet MS',arial,sans-serif;color:#999;
	font-size:11px;
}

.right { text-align:right; }

.tit {color:#FFFFFF; font-size:16px; vertical-align:middle; font-weight:bold}

.red { 
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

/* Tooltip ======================================================================================= */
@charset "utf-8";*{margin:0px;padding:0px;border:none}
#referenzen div h2{padding:7px 15px 10px 25px;font-size:8pt;font-weight:normal}
#referenzen div.projekt{padding:6px 15px 9px 25px;cursor: help}
#referenzen div h3{font-size:10pt;font-weight:normal;margin-bottom:5px}
#referenzen div p{font-style:italic}
#trailimageid{position:absolute;visibility:hidden;left:0px;top:0px;width:200px;height:0px;z-index:800}
#trailimageid .hover{position:absolute;padding:10px 15px 10px 10px;background-color:#0d0d0d;z-index:801;width:310px;height:auto}
#trailimageid ul{color:#d9d9d9;margin-left:13px;list-style-type:square}
#trailimageid ul li{margin-bottom:5px}
#trailimageid h4{color:#ff8c00;margin-bottom:8px}