/* CSS Document */

/* tags */
* { margin:0; text-decoration:none; text-decoration:none; font-family:"Trebuchet MS", Arial, Helvetica, Verdana; font-size:12px }
body { background:url(../imagens/img_bg_body.gif) repeat }
h1 a { float:left; display:block; height:15px; width:100px; background-repeat:no-repeat; text-indent:-9999px; 
	background:url(../imagens/logo.gif); overflow:hidden; margin:20px 0 0 10px }
h3 { display:block; width:100%; height:30px; background:url(../imagens/img_bg_servicos.gif) repeat-y top left #D8251E; color:#fff; font-size:14px; 
	text-transform:uppercase; line-height:30px; text-indent:10px; margin-bottom:5px }	
legend { padding:0 15px 0 15px; text-transform:uppercase; font-weight:bold; background:#C2C1C1 }
label { float:left; clear:left; margin-bottom:10px }
label span { width:150px; display:block; float:left; margin-right:5px; text-align:right }
label input { float:left }
a { color:#000 }
a:hover { color:#666; text-decoration:underline } 
a img { border: none}

/* selectors */
#content { margin:auto; width:1000px; display:table }
#top { float:left; width:100%; height:45px; background:url(../imagens/img_bg_top.gif); margin-bottom:10px }
#top p { text-align:right; margin:20px 10px 0 0 }
#menu { float:left; width:100%; height:35px; background:url(../imagens/img_bg_menu.gif) top left repeat-y #D9251E;
 border-top:2px solid #fff; border-bottom:2px solid #fff; margin-bottom:10px  }
#menu ul { padding:0 }
#menu ul li { float:left; list-style:none }
#menu ul li a { display:block; color:#fff; font-size:18px; text-transform:uppercase; padding:0 20px 0 20px; line-height:35px; text-decoration:none }
#menu ul li a:hover { background:#fff; color:#900 }

#middle { float:left; display:block }

#middle #banner { margin-bottom:10px }
#middle #banner img { border-top:2px solid #fff; border-bottom:2px solid #fff; width:100% }

#servicos { width:300px; display:block; float:left; margin-right:10px }
#servicos p { background:#fff; padding:10px; text-align:justify }

#sistemas { position:relative; margin:10px 0 0 310px }
#sistemas ul { display:block; width:100%; float:left; padding:0; display:table; background:#fff; }
#sistemas ul li { padding:5px; float:left; list-style:none; margin-bottom:10px }
#sistemas ul li img { float:left; margin:5px 5px 15px 5px; border:none;  }
#sistemas ul li h4 { color:#999; line-height:25px }
#sistemas ul li hr { clear:left; border-top:1px dashed #666; margin-top:5px } 

#col1 { position:relative; margin-right:210px }
#col1 div, fieldset { display:block; padding:10px; background:#fff }
#col1 div img { float:left; margin:0 25px 25px 0 }
#col1 div h4 { font-size:16px; line-height:45px; text-transform:uppercase; color:#F00 }
#outros { float:right; width:200px }
#outros ul { background:#fff; padding:0 }
#outros ul li { list-style:none; margin-bottom:5px; padding:5px; }
#colContato { width:785px; display:block; float:left; margin-right:10px }
#colHospedagem { width:790px; display:block; float:left; margin-right:10px }
#colHospedagem div { padding:10px; background:#fff; height:450px }
#colHospedagem div div#tecnologias_suportadas { background:#fff; width:760px; height:130px; clear:both }
#colHospedagem div div#tecnologias_suportadas img { float:left; width:120px; margin:20px 0 0 100px }
#colHospedagem div table { width:245px; float:left; margin-left:8px }
#colHospedagem div table thead { background:#CCCCCC }
#colHospedagem div table thead tr td { height:48px; text-align:center }
#colHospedagem div table thead tr td h2 { font-size:20px; margin-top:10px }
#colHospedagem div table thead tr td img { float:left; width:48px; height:48px }
#colHospedagem div table tbody { background:#EDEDED }
#colHospedagem div table tbody tr td { line-height:35px }
#colHospedagem div table tfoot { background:#F5F5F5; text-align:right; }
#colHospedagem div table tfoot tr td { padding-right:15px; font-weight:bold; color:#D8251E }
#foot { float:left; clear:both; display:block; width:100%; margin-top:10px; text-align:center; height:30px; line-height:30px; background:#303437; color:#fff }

/* class*/
.topicos { float:left }
.topicos ul { padding:0}
.topicos ul li { display:block; float:left }