body {
	font-family: sans-serif;
	margin: 0px;
	background-color: #7a7a7a;
	font-size: 14px;
}


a img {
	border: 0px none;
}

a,
a:visited {
	text-decoration: none;
}

a:hover,
a:hover:active {
	text-decoration: underline;
}

#margen-exterior {
	position: relative;
	padding-right: 10px;
	margin-right: 10px;
	background-image: url(../imagenes/margen-derecho.png);
	background-repeat: repeat-y;
	background-position: top right;
}

#margen-interior {
	position: relative;
	margin-left: 10px;
	padding-left: 10px;
	background-image: url(../imagenes/margen-izquierdo.png);
	background-repeat: repeat-y;
	background-color: #FFFFFF;
}

#interior{
	background-color: #FFFFFF;
	z-index:50;
}

#imagen-interior {
	
	background-repeat: no-repeat;
	background-color:#FFFFFF;
}

#encabezado {
	position: relative;
	height: 123px;
	margin-bottom: 6px;
	background-image: url(../imagenes/gradiente-encabezado.png);
	background-repeat: repeat-x;
}

#logo {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 312px;
	height: 123px;
	background-image: url(../imagenes/logo-256.png);
	background-repeat: no-repeat;
}

#logo a {
	display: block;
	width: 100%;
	height: 100%;
}

#logo a span {
	display: none;
}

#esquina-superior-izquierda {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 406px;
	height: 123px;
	background-image: url(../imagenes/artwork-encabezado.jpg);
	background-repeat: no-repeat;
}


#idiomas {
	position: absolute;
	top: 10px;
	right: 10px;
}

div#telefono,
div#email {
	position: absolute;
	right: 10px;
	font-size: 12px;
}

div#telefono {
	top: 77px;
}

div#email {
	top: 90px;
}

#columna-navegacion {
	float: left;
	width: 243px;
	margin-left: 10px;
	background-color:#FFFFFF;
}


.exterior-cuadro {
	position: relative;
	background-image: url(../imagenes/navegacion-margen-derecho.png);
	background-repeat: repeat-y;
	background-position: top right;
	margin-bottom: 0px;
}
.exterior-cuadro2 {
	position: relative;
	background-image: url(../imagenes/navegacion-margen-derecho.png);
	background-repeat: repeat-y;
	background-position: top right;
	margin-bottom: 20px;
}

.interior-cuadro {
	position: relative;
	background-image: url(../imagenes/navegacion-margen-izquierdo.png);
	background-repeat: repeat-y;
	margin-bottom: 0px;
}

.titulo-cuadro {
	height: 22px;
	padding-top: 7px;
	padding-left: 13px;
	background-image: url(../imagenes/navegacion-titulo.png);
	background-repeat: no-repeat;
	font-weight: bold;
	color: white;
}

.inferior-cuadro {
	position: relative;
	height: 10px;
	background-image: url(../imagenes/navegacion-margen-inferior.png);
	background-repeat: no-repeat;
	background-position: bottom left;
}

.interior-cuadro ul {
	margin-left: 0px;
	padding-left: 30px;
}

.interior-cuadro ul li {
	list-style-type: disc;
	list-style-image: url(../imagenes/lista.png);
}

.interior-cuadro ul ul {
	padding-left: 20px;
}

#tecsible img {
	display: block;
	margin-left: 14px;
	margin-bottom: 3px;
}

#contenido {
	margin-left: 263px;
	margin-right: 20px;
	padding-bottom: 20px;
	font-size: 14px;
	z-index:51;
	background-color: white;
}

.titulo {
	position: relative;
	height: 27px;
	margin: 0px -10px 20px -10px;
	padding-top: 7px;
	background-image: url(../imagenes/titulo-centro.png);
	background-repeat: repeat-x;
}

.titulo-izquierda {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 12px;
	height: 34px;
	background-image: url(../imagenes/titulo-izquierda.png);
	background-repeat: no-repeat;
}

.titulo-derecha {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 12px;
	height: 34px;
	background-image: url(../imagenes/titulo-derecha.png);
	background-repeat: no-repeat;
}

/*** Hack for IE 6 ***/
* html .titulo-derecha {
	margin-right: -1px;
}
/*** end of hacks ***/

.titulo-contenido {
	position: relative;
	font-size: 16px;
	font-weight: bold;
	margin-left: 15px;
	color: white;
}
.sam {
	position: relative;
	color: #303090;
}

.imagen-contextual {
	display: block;
	float: right;
	margin-left: 20px;
}

.imagen-contextual2 {
	display: block;
	float: left;
	margin-left: -50px;
	margin-right: 50px;
}
.imagen-contextual3 {
	display: block;
	float: center;
	margin-left:  70px;
	margin-right: 50px;
}
.imagen-contextual4 {
	display: block;
	float: center;
	margin-left:  160px;
	margin-right: 50px;
}
#contenido p {
	text-align: justify;
	text-indent: 3em;
	color: #001322;
}

#contenido p.resumen {
	color: #008fd8;
	font-weight: bold;
	text-indent: 0em;
}

#contenido p.encabezado {
	color: #808080;
	font-weight: bold;
	text-indent: 0em;
	font-size: 16px;

}

#contenido p.error {
	color: #d80000;
	font-weight: bold;
	text-indent: 0em;
}

#contenido p.version {
	color: #808080;
	font-weight: bold;
	text-indent: 0em;


}

#contenido p.estructura {
	color: #000000;
	text-indent: 0em;
	font-size: 12px;


}

#contenido p.titulo_estructura {
	color: #808080;
	text-indent: 0em;
	font-size: 13px;
	font-weight: bold;


}
#contenido p.funcionalidad {
	color: #404040;
	font-weight: bold;
	text-indent: 0em;
   	font-size:0.7em; 
}

#contenido p.titular {
	position: relative;
	color: #008fd8;
	font-weight: bold;
	text-indent: 0em;
}

#contenido p.titular .fecha {
	float: right;
	font-weight: normal;
}

#contenido address {
	margin-left: 20px;
}

#contenido .marcas {
	text-align: center;
}

.desplegable {
	background-image: url(../imagenes/desplegar.png);
	background-repeat: no-repeat;
	margin-bottom: 0px;
	padding-left: 25px;
	font-size: 14px;
	font-weight: bold;
	color: #3F6BBE;
	cursor: pointer;
}

.seccion-oculta {
	display: none;
	margin-left: 30px;
	overflow: hidden;
}

.lista-cuadrados {
	list-style-type: disc;
	list-style-image: url('../imagenes/lista.png');
}

.lista-cuadrados li {
	margin-left: 3em;
	margin-bottom: 5px;
	padding-left: 10px;
	font-size: 10.2pt;
	color: #303030;
}

.lista-ico {
	list-style-type: disc;
	list-style-image: url('../imagenes/lista.png');
}

.lista-ico li {
	margin-left: 3em;
	margin-bottom: 5px;
}

#imagen-portada-de,
#imagen-portada-en,
#imagen-portada-es {
	position: relative;
	background-position: top center;
	background-repeat: no-repeat;
	min-width: 640px;
	height: 299px;
	margin-top: 20px;
	padding-bottom: 40px;
}

#imagen-portada-de {
	background-image: url(../imagenes/portada-de.jpg);
}

#imagen-portada-en {
	background-image: url(../imagenes/portada-en.jpg);
}

#imagen-portada-es {
	background-image: url(../imagenes/portada-es.jpg);
}

#contenedor-comparativa {
	position: relative;
	text-align: center;			/* hack for IE */
}

#comparativa {
	position: relative;
	left: 50%;
	margin-left: -320px;
	width: 640px;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}

#comparativa thead tr {
	height: 40px;
}

#comparativa thead th {
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 0px;
}

#comparativa th#columna-thumb {
	width: 360px;
	padding-left: 40px;
	background-image: url(../imagenes/comparativa/columna-caracteristica.png);
	text-align: left;
	vertical-align: top;
	font-size: 12pt;
}

#comparativa th#columna-thumb span {
	padding-left: 10px;
	font-weight: normal;
	font-size: 8.5pt;
	color: #b4b4b4;
}

#comparativa th#columna-callcenter {
	width: 120px;
	background-image: url(../imagenes/comparativa/columna-callcenter.png);
}

#comparativa th#columna-enterprise {
	width: 120px;
	background-image: url(../imagenes/comparativa/columna-enterprise.png);
}

#comparativa th,
#comparativa td {
	margin: 0px;
	text-align: left;
	position: relative;
}

#comparativa tr.fila-par {
	background-color: #f1f1f1;
}

#comparativa tbody td.columna-thumb {
	width: 72px;
	background-image: url(../imagenes/comparativa/borde-izquierdo-tabla.png);
	background-position: top left;
	background-repeat: repeat-y;
	padding-left: 10px;
	vertical-align: center;
}

#comparativa tbody td.columna-caracteristica {
	padding-left: 10px;
}

#comparativa .titulo-caracteristica {
	margin: 0px;
	text-align: left;
	text-indent: 0px;
	font-size: 11pt;
}

#comparativa .detalles-caracteristica {
	margin: 0px;
	text-align: left;
	text-indent: 0px;
	font-size: 8.5pt;
	color: #8f8f8f;
}

#comparativa tbody td.columna-caracteristica,
#comparativa tbody td.columna-callcenter {
	border-right: 1px solid #f1f1f1;
}

#comparativa tbody td.columna-enterprise {
	background-image: url(../imagenes/comparativa/borde-derecho-tabla.png);
	background-position: top right;
	background-repeat: repeat-y;
	padding-right: 5px;
}

#comparativa tfoot tr {
	height: 7px;
	background-image: url(../imagenes/comparativa/borde-inferior.png);
	background-repeat: repeat-x;
}

#comparativa tfoot td.columna-thumb {
	background-image: url(../imagenes/comparativa/borde-inferior-izquierdo.png);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#comparativa tfoot td.columna-callcenter {
	background-image: url(../imagenes/comparativa/borde-inferior-linea.png);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#comparativa tfoot td.columna-enterprise {
	background-image: url(../imagenes/comparativa/borde-inferior-derecho.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}

#comparativa .capa-ampliacion {
	position: absolute;
	display: none;
	background-position: bottom center;
	background-repeat: no-repeat;
}

#comparativa tr:hover .capa-ampliacion {
	display: block;
}

#comparativa-grabacion .capa-ampliacion {
	margin-left: -120px;
	margin-top: -184px;
	width: 313px;
	height: 189px;
	background-image: url(../imagenes/comparativa/grabacion.png);
}

#comparativa-quickcall .capa-ampliacion {
	margin-left: -126px;
	margin-top: -224px;
	width: 324px;
	height: 229px;
	background-image: url(../imagenes/comparativa/quickcall.png);
}

#comparativa-copytocall .capa-ampliacion {
	margin-left: -132px;
	margin-top: -254px;
	width: 337px;
	height: 259px;
	background-image: url(../imagenes/comparativa/copytocall.png);
}

#comparativa-clicktocall .capa-ampliacion {
	margin-left: -140px;
	margin-top: -210px;
	width: 352px;
	height: 215px;
	background-image: url(../imagenes/comparativa/clicktocall.png);
}

#comparativa-callpopup .capa-ampliacion {
	margin-left: -86px;
	margin-top: -214px;
	width: 244px;
	height: 219px;
	background-image: url(../imagenes/comparativa/callpopup.png);
}

#comparativa .caracteristica-presente,
#comparativa .caracteristica-ausente {
	position: relative;
	height: 32px;
	background-position: center center;
	background-repeat: no-repeat;
}

#comparativa .caracteristica-presente span,
#comparativa .caracteristica-ausente span {
	display: none;
}

#comparativa .caracteristica-presente {
	background-image: url(../imagenes/comparativa/caracteristica-presente.png);
}

#comparativa tr.fila-par .caracteristica-presente {
	background-image: url(../imagenes/comparativa/caracteristica-presente-par.png);
}

#comparativa .caracteristica-ausente {
	background-image: url(../imagenes/comparativa/caracteristica-ausente.png);
}

#comparativa tr.fila-par .caracteristica-ausente {
	background-image: url(../imagenes/comparativa/caracteristica-ausente-par.png);
}

#botones-probar-comprar {
	position: relative;
	left: 50%;
	width: 640px;
	margin-left: -320px;
	margin-top: 5px;
	text-align: right;
}


#mapa {
	float: right;
	width: 80%;
	height: 400px;
	left:-10%;
}

.clear {
	clear: both;
	height: 0px;
	margin: 0px;
	padding: 0px;
}

#margen-inferior {
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	height: 20px;
	background-color: white;
	background-image: url(../imagenes/sombra-inferior.png);
	background-repeat: repeat-x;
	background-position: bottom left;
}

#esquina-inferior-izquierda,
#esquina-inferior-derecha {
	position: absolute;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
}

#esquina-inferior-izquierda {
	left: 0px;
	bottom: 0px;
	background-image: url(../imagenes/esquina-inferior-izquierda.png);
}

#esquina-inferior-derecha {
	right: 0px;
	bottom: 0px;
	background-image: url(../imagenes/esquina-inferior-derecha.png);
}

#legal {
	width: 100%;
	font-size: 11px;
	text-align: center;
	padding-top: 1cm;
	color: #e7e7e7;
}

#con{
	z-index:1;
}

#contenido #captura-dialapplet {
	float: left;
	width: 368px;
	height: 325px;
	background-image: url(../imagenes/dialapplet-sombra.png);
	background-position: top left;
	background-repeat: no-repeat;
	margin-right: 50px;
	margin-bottom: 20px;
}

#contenido #captura-dialapplet a {
	display: block;
	width: 100%;
	height: 100%;
}

#contenido #captura-dialapplet a span {
	display: none;
}

#portada-dialapplet {
	background-image: url(../imagenes/marca-agua-cubos.jpg);
	background-position: center right;
	background-repeat: no-repeat;
	margin-top: 0px;
	padding-top: 60px;
	padding-bottom: 30px;
}

#portada-titulo {
	font-size: 28pt;
	margin-top: 0px;
}

#portada-dialapplet #portada-lema,
#portada-dialapplet #portada-mas {
	margin-top: 30px;
	text-indent: 0px;
}

/* Proforma */

#proforma p,
#proforma ul {
	position: relative;
}

#proforma #nombre,
#proforma #empresa,
#proforma #nif,
#proforma #direccion1,
#proforma #direccion2,
#proforma #telefono,
#proforma #email {
	position: absolute;
	left: 150px;
	width: 300px;
}

.numero-licencias {
	position: absolute;
	left: 230px;
}

.numero-licencias input {
	width: 100px;
}

.lista-checkboxes li {
	list-style-type: none;
	margin-left: 1.3em;
	margin-bottom: 5px;
}


/* Manual de usuario */
a.subcapitulo {
	margin-left: 20px;
}

a.apartado {
	margin-left: 40px;
}

#indice {
	padding-bottom: 30px;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 30px;
}

h1 a:hover,
h2 a:hover,
h3 a:hover {
	text-decoration: none;
}


.TextoMapNivel3 {
	font-family: Verdana, Helvetica, sans-serif; font-size: 0.50 em;
	color: #202020; text-decoration: none;
}

.TextoMapNivel2 {
	font-family: Verdana, Helvetica, sans-serif; font-size: 1.00 em;
	color: #3030a0; text-decoration: none; font-weight: bold;
}

a.consejos:link, a.consejos:visited, a.consejos:active{
	font-size:1.0em;
	color: #505050;
	line-height: 0.9em;
}


/*************** Administraci�n ********************/
#contenido form {
	position: relative;
}

#contenido form p {
	text-indent: 0px;
	margin-left: 40px;
}

#usuario,
#contrasena {
	position: absolute;
	left: 200px;
	width: 300px;
}

#entrar {
	margin-left: 160px;
}

/* Crear n�mero de serie */
#crear-numeros-serie #clientname,
#crear-numeros-serie #reference,
#crear-numeros-serie #serialcount,
#crear-numeros-serie #expirydate {
	position: absolute;
	left: 200px;
	width: 300px;
}

#crear-numeros-serie #botones-fecha {
	margin-left: 200px;
}

#crear-numeros-serie #submit {
	margin-top: 20px;
	margin-left: 200px;
}

#lista-numeros-serie {
	font-weight: bold;
}

#cuadros-portada {
	position: relative;
	background-image: url(../imagenes/portada.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	min-width: 517px;
	height: 440px;
	margin-top: 10px;
}
