﻿/*
 * content.css
 * Revision: 1.0
 *
 * (c) 2004-2009 DCACompany.
 * Términos y Condiciones: http://www.dcacompany.com'
 */
/*-----------------------------------------------------
GENERAL A LA PÁGINA. HTML
-----------------------------------------------------*/
bodycontent, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
ol {
	list-style: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
h4 {
	font-weight: normal;
}
p {
	margin-top: 10px;
	margin-bottom: 10px;
	color: #626262;
	font: 100% tahoma;
	line-height: 150%;
}
q:before, q:after {
	content: '';
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	zoom: 1;
}
body#bodycontent {
	margin: 0 0 0 0px;
	font: 80.5% tahoma;
/*color: #000;*/	background-color: #fff;
	text-align: center;
}
* html body#bodycontent {
	font: 80% tahoma;
}
#homepage {
	width: 902px;
	text-align: left;
	margin: auto;
	position: relative;
}
a:link, a:visited {
	color: #295283;
	text-decoration: none;
}
a:active, a:hover {
	color: #295283;
	text-decoration: underline;
}
.skiplinks {
	display: inline;
	position: absolute;
	visibility: visible;
	top: -110px;
}
.skiplinkShow {
	background-color: #fcfcfc;
	padding: 10px;
	border: 1px solid #ccc;
	visibility: visible;
	left: 125px;
	top: 20px;
	display: block;
	position: absolute;
	z-index: 100;
}
/*----------------------------------------------
ESTRUCTURA DE LAS PAGINAS
----------------------------------------------*/
#framework-base-banner {
	margin: 0;
	padding: 0;
	width: 100%;
}
#framework-wrapper {
	width: 100%;
}
#framework-base-main, #framework-base-content {
	margin: 0;
	padding: 0;
	width: 100%;
	border: 0;
	border-collapse: separate;
	border-spacing: 0;
	empty-cells: hide;
	vertical-align: top;
}
#framework-column-left, #framework-column-center, #framework-column-main, #framework-column-right, #framework-base-footer td {
	vertical-align: top;
}
#framework-column-left, #framework-column-main, #framework-column-titles, #framework-column-right {
	padding: 0;
}
#framework-column-left {
	empty-cells: hide;
	max-width: 190px;
}
#body #framework-base-main {
	background: none;
}
#framework-column-center {
	height: 350px;
}
#framework-column-center, #framework-column-main {
	margin: 0;
	padding: 0;
	width: 100%;
}
#framework-content-main {
	margin: 5px 10px 0 10px;
}
#framework-content-right {
	border-collapse: separate;
	empty-cells: hide;
	text-align: center;
}
/*-------------------------------------------------------
SECCIONES Y TITULOS
-------------------------------------------------------*/
#framework-content-titles h1 {
	margin: 0;
	padding: 0 0 0 10px;
	font-family: Tahoma;
	padding: 15px 0 7px 9px;
	font-size: 150%;
	line-height: 1.5em;
	color: #777777;
	font-weight: normal;
  /*color:#424e53;*/
  /*border-bottom:1px solid #ccc;*/
}
#framework-content-titles > h2:first-child {
	margin-top: -1px;
}
/* -----------------------------------------------------
NAVEGADOR/MENU VERTICAL
------------------------------------------------------*/
.hinav {
	position: relative;
	padding: 9px 8px 21px 0;
}
* html .hinav {
	width: 182px;
}
.hinav h3 {
	display: none;
}
.hinav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.hinav li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}
.hinav li a, .hinav li a:visited, .hinav span {
	position: relative;
	display: block;
	margin-bottom: -1px; /*  color:#2f6681;*/;
	color: #295283;
	background-color: transparent;
	font-size: 88%;
	font-family: Tahoma;
	text-decoration: none; /*  border-bottom:1px solid #acc2cd;*/;
	border-bottom: 1px solid #cccccc;
}
.hinav li li a.selected, .hinav li a.selected:visited, .hinav span.selected, .hinav li li a:hover {
	z-index: 10; /*  background-color:#dde6eb;*/ /*  border-top:1px solid #c8cacc;*/ /*  border-bottom:1px solid #acc2cd;*/;
	background-color: #f0f0f0;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
.hinav li a:hover{
	background-color: #f0f0f0;
	border-bottom: 1px solid #cccccc;
}
.hinav li a.parent-selected{
	z-index: 10;
	background-color: #171a29;
	color:#ffffff;
	border-bottom: 1px solid #cccccc;
}
.hinav li li a, .hinav li li a:visited, .hinav li li span {
	/*  border-top:1px solid #d5e0e6;*/
  border-top: 1px solid #cccccc;
}
.hinav a, .hinav a:visited, .hinav span {
	padding: 3px 6px 3px 7px;
	width: 169px; /* IE redraw */
}
.hinav a.peer, .hinav a.peer:visited, .hinav a.selected, .hinav a.selected:visited, .hinav span.peer, .hinav span.selected {
	padding-left: 15px;
	width: 161px; /* IE redraw */ /*  font-weight:bold;*/;
	font-weight: normal;
}
.hinav a.child, .hinav a.child:visited, .hinav span.child {
	padding-left: 28px;
	width: 147px; /* IE redraw */
}
.hinav.show_parent_peers a.parent_peer {
	padding-left: 15px !important;
	width: 162px !important;
}
.hinav.show_parent_peers li a.selected {
	padding-left: 28px !important;
	width: 149px !important;
}


/* -----------------------------------------------------
PROMO. Principales de las secciones.
------------------------------------------------------*/
.contcss .solutions {
	width: 712px;
}
.contcss .solutions .content-page-title {
	border-bottom: none;
	padding-bottom: 7px;
	%padding-bottom: 8px;
}
.contcss .solutions .feature-holder {
	padding-left: 12px;
	margin-bottom: 0px;
}
.contcss .solutions .feature-holder .flush {
	padding-bottom: 8px;
	%padding-bottom: 9px;
}
.contcss .solutions .feature-holder p, .contcss .solutions .feature-holder h3 {
	padding-bottom: 10px;
}
.contcss .solutions .feature-holder .base-link-holder {
	border-top: solid 1px #ccc;
	padding-top: 9px;
	margin-bottom: 13px;
}

/*--------------------------------------------------
PRODUSCTOS Y SERVICIOS: Disposicion de las imagenes
---------------------------------------------------*/

.contcss .solutions table.promo-set {
   width: 100%;
}
.contcss .solutions .promo-set th.gutter {
   width: 8px;
}
.contcss .solutions .promo-set .text {
   padding-top: 3px;
   padding-bottom: 7px;
}
.contcss .solutions .promo-set h4 {
   padding-bottom: 4px;
}

/*--------------------------------------------------
PRODUSCTOS Y SERVICIOS: SEGURIDAD
---------------------------------------------------*/

.subtitle-section {
	margin-top:25px;
	font-size: 110%;
	line-height: 1.5em;
	color: #031052;
	font-weight:normal;
}


/*------------------------------------
SOPORTE: Disposicion de las secciones.
-------------------------------------*/
table.soporte-set {
	width: 100%;
	margin-top: 25px;
}
.soporte-set th.gutter {
	width: 8px;
}
.soporte-text {
	padding-top: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	width: 200px;
	height: 130px;
	border-top: 1px #cccccc solid;
	border-left: 1px #cccccc solid;
}
.soporte-text h1 {
	font-weight: normal;
	font-size: 120%;
	text-align:left;
	color:#031052;
}
.soporte-text p {
	font-weight: normal;
	font-size: 90%;
}
.soporte-text-value {
	padding-top: 3px;
	padding-bottom: 7px;
	padding-left: 10px;
	width: 200px;
	height:20px;
	border-left: 1px #cccccc solid;
	font-family: Tahoma;
	text-align:center;
}
.soporte-text-value h1 {
	font-weight: normal;
	font-size: 150%;
}
.soporte-text-value h2 {
	font-weight: normal;
	font-size: 110%;
}
.soporte-text-value-det {
	padding-top: 3px;
	padding-bottom: 7px;
	padding-left: 10px;
	width: 200px;
	height:60px;
	border-left: 1px #cccccc solid;
	font-family: Tahoma;
/*	text-align:center;*/
}
.soporte-text-value-det p {
	line-height: 120%;
	font-weight: normal;
	font-size: 80%;
/*	color: #222222;*/
}
.soporte-set h4 {
	padding-bottom: 4px;
}
.soporte-set td {
	vertical-align: top;
}
#sop-numbs{
	position: relative;
	margin-top:4px;
	font-family: Tahoma;
	font-size: 90%;
	width: 120px;
}
#but-conect {
	position: relative;
	font-size: 90%;
	width: 60px;
}
.sop-img {
	position: absolute;
	margin-top:-21px;
	margin-left:170px;
}

/*-----------------------------------------------------
Contenido, Viñetas, etc.
------------------------------------------------------*/
.flush li {
	margin-left: 25px;
	color: #222222;
	font: 100% tahoma;
	list-style: ;
	font-weight: normal;
	line-height: 180%;
}
.more-info {
	margin-top: 30px;
}
.img-prod {
	float: right;
	margin-right: 15px;
	margin-left: 15px;
}

.img-dell-partner {
	/*float: left;*/
	margin-top: 10px;
	margin-left: 5px;
	margin-bottom: 25px;
}

/*------------------------------------
CONTACTO
-------------------------------------*/
.contacto-dir{
	width:100%;
	margin-top: 10px;
}
.contacto-dir h1 {
	margin-top: 10px;
	color: #031052;
	font: 120% tahoma;
	font-weight:normal;
	line-height: 90%;
}
.contacto-dir h2 {
	margin-top: 30px;
	color: #222222;
	font: 100% tahoma;
	line-height: 100%;
}
.contacto-dir p {
	margin-top: 10px;
	color: #626262;
	font: 100% tahoma;
	line-height: 90%;
}
/*------------------------------------
TERMINOS Y CONDICIONES
-------------------------------------*/
.termcond{
	width:100%;
	margin-top: 10px;
}
.termcond h1 {
	margin-top: 25px;
	color: #222222;
	font: 120% tahoma;
	font-weight:normal;
	line-height: 90%;
}
.termcond h2 {
	margin-top: 30px;
	color: #222222;
	font: 100% tahoma;
	line-height: 100%;
}
.termcond p {
	margin-top: 10px;
	color: #626262;
	font: 100% tahoma;
	line-height: 150%;
/*	text-align:justify;*/
	
}
/*------------------------------------
MAPA: Disposicion de las secciones.
-------------------------------------*/
table.mapa-set {
	width: 100%;
	margin-top: 25px;
}
.mapa-set th.gutter {
	width: 8px;
}
.mapa-text {
	padding-top: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	width: 200px;
	border-top: 1px #cccccc solid;
/*	height: 170px;*/
}
.mapa-text h1 {
	font-weight: normal;
	font-size: 120%;
	text-align:left;
	color:#031052;
}
.mapa-text p {
	line-height:100%;
}
.mapa-text a {
	margin-top:10px;
	font-weight: normal;
	font-size: 90%;
}
.mapa-text-value {
	padding-top: 3px;
	padding-bottom: 7px;
	padding-left: 10px;
	width: 200px;
	height:20px;
	font-family: Tahoma;
	text-align:center;
}
.mapa-text-value h1 {
	font-weight: normal;
	font-size: 150%;
}
.mapa-text-value h2 {
	font-weight: normal;
	font-size: 110%;
}
.mapa-text-value-det {
	padding-top: 3px;
	padding-bottom: 7px;
	padding-left: 10px;
	width: 200px;
	height:60px;
	font-family: Tahoma;
}
.mapa-text-value-det p {
	line-height: 120%;
	font-weight: normal;
	font-size: 80%;
}
.mapa-set h4 {
	padding-bottom: 4px;
}
.mapa-set td {
	vertical-align: top;
}
.mapa-img {
	position: absolute;
	margin-top:-21px;
	margin-left:170px;
}
