@charset "utf-8";
/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:inherit;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a,a:visited {text-decoration:underline;color:#004a80;}
a:hover {text-decoration:underline;color:#004a80;}
a img {border:none;}
/* CSS Document */
body {line-height:1.5;font-family:Arial, Helvetica, sans-serif;color:#464646; font-size:14px; background-color: #f7f7f7;} 
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}
hr {}

.principal, .corpo, .meiocorpo, .meioprincipal
{
   background-color:#ffffff;
   width:970px;
   margin:0px auto;
   height:1140px;
}
.meioprincipal
{
   height:745px;
}
.corpo, .meiocorpo
{
   height:auto;
}
.cabecalho
{
   background:#ffffff url(./images/logosstecnologia.jpg); 
   height: 105px;
   line-height: 105px;
   width: 940px;
   float:left;
   text-align:right;
   vertical-align:middle;
   padding-right:30px;
}
.cabecalho a, .cabecalho a:visited, .rodape a, .rodape a:visited
{
   color: #ffffff;
   text-decoration: none;
}
.cabecalho a:hover, .rodape a:hover
{
   text-decoration:underline; 
}
.cabecalho iframe{
    margin: 0px 0px 0px 30px;
    padding: 0;
}
.bordaesq , .bordadir, .meiabordaesq, .meiabordadir
{
   width:5px;
   height:1035px;
}
.meiabordaesq, .meiabordadir
{
   height:640px;
}
.bordaesq, .meiabordaesq
{
   background-image:url(./images/bordaesq.gif);
   float:left; 
}
.bordadir, .meiabordadir
{
   background-image:url(./images/bordadir.gif);
   float:right;    
}
.home, .produtos
{
   width: 640px;
   float:left;
   padding: 30px; 
   text-align:justify; 
   background-color:#ffffff;
}
.home ul, .produtos ul
{
   width:305px;
}
.home .blocoesq, .produtos .blocoesq
{
   padding-right:15px;
   float:left;
}
.home .blocodir, .produtos .blocodir
{
   padding-left:15px;
   float:right;
}
.home ul li, .produtos ul li
{
   list-style-type:none;
}
.home ul li div
{
   line-height:20px;
   height:150px;
}
.produtos ul li div
{
   line-height:20px;
   height:200px;
}
.lista
{
   margin-left:30px;
}
.lista li
{
   margin-bottom:20px;
}
.depoimento, .meiodepoimento
{
   height:1035px;
   line-height:20px;
   width: 260px;
   float:right;
   background-color:#ebebeb;
}
.meiodepoimento
{
   height:640px;
}
.depoimento .texto, .meiodepoimento .texto
{
   text-align:justify;
   font-size:11px;
   padding:30px;
}
.imagem, .centralizar
{
   text-align:center;
}
.depoimento .topico, .meiodepoimento .topico
{
   padding:0px;
   line-height:50px;
   background-color:#d7d7d7; 
   text-align:center;  
   font-size: 14px;
   font-style: normal;
   font-weight:normal;
}
.depoimento li, .meiodepoimento li
{
   list-style-type:none;
}
.textolista li, .iconlista li
{
   vertical-align:middle;
}
.iconlista li, .textolista li
{
   line-height:22px;
   height:22px;
   vertical-align:middle;
}
.iconlista
{
   float:left;
   width:25px;
}
.textolista
{
   float:right;
}
.autor
{
   font-style: normal;
   font-size: 70%; 
   line-height:15px;
   margin-bottom:30px;
}
.titulo
{
   width:100%;
   color:#004a80;
   font-size: 14px;
   font-style: normal;
   font-weight:normal;
   text-align: left;
   border-bottom: solid #004a80 1px;
   line-height: 20px;
   margin-bottom: 20px;
}
.titulo div
{
   width:10px;
   margin-right:5px;
   background-color:#004a80;
   float:left;
}
.rodape
{
   background-image:url(./images/rodapesstecnologia.jpg); 
   height: 60px;
   width: 970px;
   float:left;
   line-height:55px;
   color: #ffffff;
   font-size: 10px;
   vertical-align: middle;
   text-align: center;
}
.rodape img
{
   margin-top:10px;
}
legend
{
   float:left;
   width:100%;
}
input
{
   float:left;
}
fieldset
{
   line-height:20px;
   margin-bottom:8px; 
}
.baixorodape
{
   float:left;
   width:100%;
   text-align:center;
   margin-top:20px;
   height:auto;
}

.left {
    text-align: left;
}

.height {
   height: 1236px; 
}
