/*++++++++++++++++++++++++++++++++++++++++++++++++++++++
// Ofimatic
// Author: Fernando Rossi - Max Synergy Studios
// Created: January 01, 2007
// Last modified: January 18, 2007
// Contact: phase3@gmail.com
++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/* ------------- Positioning ------------- */

* {
padding: 0;
margin: 0;
}

ul {
list-style: none;
}

li.ni {
list-style-image:none;
list-style: none;
}


body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
background: #2680ba;
/*background: #f8f8f4 url(../img/sbg.jpg) repeat-x;*/
}

div#wrap {
margin: .6em auto 0 auto;
position: relative;
width: 725px;
min-height: 300px;
height: auto !important;
height: 300px;
border: 4px solid #2e383b;
background: #fff url(../img/bgcontent.jpg) no-repeat right bottom;
}

div#header {
height: 74px;
}

div#logo {
float: left;
}

#logo img {
border: none;
}

div#topnav {
float: right;
position:relative;
padding-right: 10px;
}

#topnav li {
float: left;
}

div#nav {
clear: both;
height: 34px;
background: #a5c7e6;
}

#nav li {
float: left;
margin-top: 10px;
margin-right: 34px;
}

div#screen {
height: 192px;
background: #fff;
}

div#content {
width: 100%;
min-height: 140px;
height: auto !important;
height: 140px;
}

#wrap #content {
width: 714px;
}

#content dl.items {
float: left;
padding-right: 16.6px;
}

#content dt {
padding-top: 10px;
}

#content dd {
padding-top: 10px;
}

#content dl.products {
float: left;
padding-right: 64px;
}

#content dt.products, #content dd.products {
margin: 0;
padding: 0;
}

#content dd.products {
width: 170px;
height: 71px;
background:url(../img/p_details.jpg) no-repeat;
}

#content dd.prod_notificador {
width: 170px;
height: 71px;
background:url(../img/p_notificador.jpg) no-repeat;
}
#content dd.prod_contactcenter {
width: 170px;
height: 71px;
background:url(../img/p_contactcenter.jpg) no-repeat;
}
#content dd.prod_grabadora {
width: 170px;
height: 71px;
background:url(../img/p_grabadora.jpg) no-repeat;
}
#content dd.prod_mensajeria {
width: 170px;
height: 71px;
background:url(../img/p_mensajeria.jpg) no-repeat;
}
#content dd.prod_marcador {
width: 170px;
height: 71px;
background:url(../img/p_marcador.jpg) no-repeat;
}
#content dd.prod_faxserver {
width: 170px;
height: 71px;
background:url(../img/p_faxserver.jpg) no-repeat;
}
#content dd.prod_enlinea {
width: 170px;
height: 71px;
background:url(../img/p_enlinea.jpg) no-repeat;
}
#content dd.prod_encuestador {
width: 170px;
height: 71px;
background:url(../img/p_encuestador.jpg) no-repeat;
}
#content dd.prod_ivrhosting {
width: 170px;
height: 71px;
background:url(../img/p_ivrhosting.jpg) no-repeat;
}
#content dd.prod_solivr {
width: 170px;
height: 71px;
background:url(../img/p_solivr.jpg) no-repeat;
}
#content dd.prod_solivrafp {
width: 170px;
height: 71px;
background:url(../img/p_solivrafp.jpg) no-repeat;
}
#content dd.prod_solivrars {
width: 170px;
height: 71px;
background:url(../img/p_solivrars.jpg) no-repeat;
}
#content dd.prod_solivrpagos {
width: 170px;
height: 71px;
background:url(../img/p_solivrpagos.jpg) no-repeat;
}
#content dd.prod_solivrcentros {
width: 170px;
height: 71px;
background:url(../img/p_solivrcentros.jpg) no-repeat;
}


/* ######################### */

#content dd.products a, #content dd.prod_notificador a, #content dd.prod_contactcenter a,
#content dd.prod_grabadora a, #content dd.prod_mensajeria a, #content dd.prod_marcador a,
#content dd.prod_faxserver a, #content dd.prod_enlinea a, #content dd.prod_encuestador a,
#content dd.prod_ivrhosting a, #content dd.prod_solivr a, #content dd.prod_solivrafp a,
#content dd.prod_solivrars a, #content dd.prod_solivrpagos a, #content dd.prod_solivrcentros a{
display: block;
height: 71px;
text-indent: -9999em;
}

#content dt.pnotificador, #content dt.pcontact, #content dt.pgrabadora,
#content dt.pmensajeria, #content dt.pmarcador, #content dt.pservidor,
#content dt.penlinea, #content dt.pencuestador, #content dt.pivr, #content dt.psolvir,
#content dt.psolivrafp, #content dt.psolivrars, #content dt.psolivrpagos,
#content dt.psolivrcentros {
width: 170px;
height: 32px;
margin: 0;
padding: 0;
text-indent: -9999em;
}

#content dt.pnotificador {
background:url(../img/p_vd_notificador.jpg) no-repeat;
}
#content dt.pcontact {
background:url(../img/p_vd_contact.jpg) no-repeat;
}
#content dt.pgrabadora {
background:url(../img/p_vd_grabadora.jpg) no-repeat;
}
#content dt.pmensajeria {
background:url(../img/p_vd_mensajeria.jpg) no-repeat;
}
#content dt.pmarcador {
background:url(../img/p_vd_marcador.jpg) no-repeat;
}
#content dt.pservidor {
background:url(../img/p_vd_servidor.jpg) no-repeat;
}
#content dt.penlinea {
background: url(../img/p_vd_enlinea.jpg) no-repeat;
}
#content dt.pencuestador {
background: url(../img/p_vd_encuestador.jpg) no-repeat;
}
#content dt.pivr {
background: url(../img/p_vd_ivr.jpg) no-repeat;
}
#content dt.psolvir {
background:url(../img/p_vd_solivr.jpg) no-repeat;
}
#content dt.psolivrafp {
background:url(../img/p_vd_solivrafp.jpg) no-repeat;
}
#content dt.psolivrars {
background:url(../img/p_vd_solivrars.jpg) no-repeat;
}
#content dt.psolivrpagos {
background:url(../img/p_vd_solivrpagos.jpg) no-repeat;
}
#content dt.psolivrcentros {
background:url(../img/p_vd_solivrcentros.jpg) no-repeat;
}


div#footer {
position: relative;
width: 100%;
height: 34px;
background: #a5c7e6;
font-size: 11px;
}

div#copy {
position: relative;
float: left;
padding-left: 4px;
}

div#auxnav {
position: relative;
float: right;
padding-right: 4px;
}

#copy, #auxnav {
padding-top: 8px;
}

#auxnav li {
float: left;
margin-left: 2em;
}
div#designby {
margin: 0 auto;
text-align: right;
padding-top: 8px;
padding-bottom: 12px;
font-size: 11px;
color: #0a293d;
width: 725px;
}

div#icrv {
position:absolute;
top: 264px;
width: 725px;
height: 67px;
background:url(../img/i_mi_crv.jpg) no-repeat;
text-indent: -9999em;
}

div#feedback {
position: absolute;
width: 300px;
text-align: right;
left: 316px;
top: 396px;
padding: 1em;
border: 1px solid #ccc;	
}

/* ------------- Typo ------------- */

.fb {
float: right;
}

.fbtext {
float: left;
}

.isection {
position: absolute; top: 18.2em; left:16px;
}


h1 {
font-size: 14pt;
font-weight:lighter;
border-bottom: 1px solid #ccc;
width: 640px;
margin-left: 2.6em;
}

h2 {
font-size: 13pt;
font-weight:lighter;
}

h3 {
font-size: 12pt;
font-weight:lighter;
}

h4 {
font-size: 11pt;
font-weight:bold;
}

h5 {
font-size: 10pt;
font-weight:bold;
}

h6 {
font-size: 9pt;
font-weight:lighter;
}

h1, h2, h3, h4, h5, h6 {
color:#0066aa;
}

#content dd span.date, #content dd span.infotext {
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#content dd span.date {
font-size: 9px;
color: #9ea5a9;

}

#content dd.infotext {
width: 210px;
}

#content dd span.infotext {
font-size: 11px;
color: #484f53;
}

#content dd span.linktext, #content dd span.linktext a {
font-size: 11px;
font-weight: bold;
color: #2c5a75;
}

#content dd span.linktext a {
text-decoration: none;
padding-left: 2px;
padding-right: 2px;
}

#content dd span.linktext a:hover {
border-bottom: 1px dotted #000;
background: #d6dce1;
color: #000;
padding-top: 4px;
padding-bottom: 4px;
}

.mensajeria, .servfax, .ivr, .noticias_eventos, .descargas, .demo, .saclientes {
width: 168px;
height: 31px;
text-indent: -9999em;
}

.noticias_eventos, .descargas {
width: 225px;
}

.demo {
width: 220px;
}

.mensajeria {
background: url(../img/t_vl_mensajeria.jpg) no-repeat 0 10px;
}

.servfax {
background: url(../img/t_vl_fax.jpg) no-repeat 0 10px;
}

.ivr {
background: url(../img/t_vl_ivr.jpg) no-repeat 0 10px;
}

.noticias_eventos {
background: url(../img/t_vl_noticias.jpg) no-repeat 0 10px;
}

.descargas {
background: url(../img/t_vl_descargas.jpg) no-repeat 0 10px;
}

.demo {
background: url(../img/t_vl_demo.jpg) no-repeat 0 10px;
}
.saclientes {
background: url(../img/t_vl_clientes.jpg) no-repeat 0 10px;
}

.topnav {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
color: #085d84;
margin-top: 20px;
}

.nohr {
display: none;
}

.align {
padding-top: 4px;
}

.align a:hover {
text-decoration: underline;
}

.nav {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 82%;
color: #000;
font-weight:bold;
}

.nav a {
color: #000;
text-decoration: none;
}

.nav a:hover {
color: #5c6063;
}

.clearme {
clear: both;
}

#auxnav li a, .align a {
text-decoration: none;
color: #384754;
}

#auxnav li a:hover {
text-decoration: underline;
}

.sdt {
color: #fff;
}
.title {
font-family:Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
color: #395263;
text-transform: uppercase;
}

.smap {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #0066CC;
}