<!--
body {
 /*		IEx	Rest
 *		100%	16px
 *		94%	15px	Es bastante desigual
 *		88%	14px	OK
 *		81%	13px    No exacto
 *		75%	12px	EXACTO <=============
 *		69%	11px	No exacto
 *		62.5%	10px	EXACTO
 */
 min-width: 550px;      /* 2x LC width + RC width */
 margin:0;
 padding:0;
 /* Only one of the 2 following (underline is for debug purposes) */
 /*background: #ffffff url("/images/underline.gif");*/
 /*background: #ffffff url("/images/bgsite.jpg");*/
 background: #494949;
 /*background: #490000;*/
 /*color: #989898;*/                 /* Main Color - gray */
 /*color: #707376;*/                 /* Main Color - gray */
 color: #595959;                 /* Main Color - gray */
 overflow:auto;
 font-family:verdana,helvetica,tahoma,arial,sans-serif;
 font-size:62.50%;
}

h1 ,h2 {
 color:#6f0807;
 letter-spacing: 0.20em;
}

h1 {
 margin-bottom: 1.0em;
 text-align: center;
 font-weight: bold;
 display:none;
}

h2 {
 text-align: center;
 font-weight: bold;
 font-size:1.5em;
 margin:0;
 padding-top:0.0em;
 padding-bottom:0.5em;
}

h3 {
 color:#6f0807;
 text-align:left;
 font-weight: bold;
 font-size:1.2em;
 margin:0;
 padding-top:0.0em;
 padding-bottom:0.5em;
}

p {
 margin-top:1.0em;
 line-height:1.3em;
}

input, textarea {
 background:#ffffff url(/images/text-bg.gif) repeat-x scroll 0 0;
 color:#111111;
 border:1px solid #CCCCCC;
}
select {
 color:#111111;
 height:1.8em;
}

form {
 margin:0;
}

a:link, a:visited, a:active {
 color: #595959;
 text-decoration: none;
 border-bottom:0.1em solid #595959;
}

/*
a:hover {
 color: #777777;
}
*/


/* A ***************************************************************** */
.hTopSpace {
 display:block;
 height:1.5em;
}

#hPage {
 margin:0pt auto;
 min-width: 38.5em;
 text-align: left;
 width: 92.5em;
 /*
 position:relative;
 visibility: hidden;
 */
}

.hShadow {
 width: 100%;
 clear: both;
 float:left;
 background: url(/images/shadowSE.png) no-repeat bottom right;
}

.hShadow .hShadowCorners {
 width: 100%;
 background: url(/images/shadow3.png) no-repeat left top;
 float: left;
 padding-top: 0px;
 padding-right: 0px;
 padding-bottom: 25px;
 padding-left: 0px;
}

#hPageContent {
 width:90.0em;
}

#hHeader {
 width:100%;
 background: #ffffff;
}

.hClear {
 clear:both;
}

/* Banner-A- */
#hBanner {
 width:100%;
 height:6.1em;
 background:#ffffff;
}

.hBannerLeft {
 float: left;
}

.hBanner00 { width: 43.80em; height: 5.80em; }

.hBannerRight {
 float: right;
 width:30.0em;
 height:6.0em;
}

.hRightTop {
 width:100%;
 height:50%;
 text-align:center;
}

#hCCIPhone {
 font-size:190%;
 letter-spacing:0.3em; 
 line-height:1.8em;
}

.hRightBottom {
 width:100%;
 height:45%;
 text-align:center;
}

.hFlag {
 display:inline-block;
 vertical-align:middle;
 width: 2.4em;
 height: 2.4em;
 border:0; 
}

.hRightBottom a,
.hRightBottom a:link,
.hRightBottom a:active,
.hRightBottom a:visited {
 border:0;
}
/* Banner-Z- */

/* Para evitar el flicking-A */
.hWrappingNavBar {
 position:relative;
 background:#ffffff url(/images/bgtab03.png) repeat-x;
 height:2.1em;
 line-height:12px;
}
.hWrappingNavBar ul {
 list-style-type:none; 
 list-style-position:outside; 
 line-height:1;
 width:90.0em;
}

.hWrappingNavBar ul li {
 float:left;
 position:relative;
 height:2.1em;
}
.hWrappingNavBar a,
.hWrappingNavBar a:visited,
.hWrappingNavBar a:active,
.hWrappingNavBar a:link {
 padding:0.4em 0.7em;
 border-bottom:0;
 border-left:1px solid #e3dad1;
 border-top:1px solid #e3dad1;
 display:block;
 letter-spacing:0.2em;
 line-height:12px;
 position:relative;
 text-decoration:none;
}
/* Para evitar el flicking-Z */

/* Footer-A */
#hFooter {
 width:100%;
 height:2.2em;
 background-color:#ffffff;
 border-top:0.1em solid #ababab;
 border-bottom:0.1em solid #ababab;
 position:relative;
}

.hFooterMenu {
 width:100%;
 text-align: left;
 background-color: transparent;
 line-height:2.0em;
}

.hFooterMenu a,
.hFooterMenu a:hover,
.hFooterMenu a:visited {
 border-bottom:0;
 margin-top:0;
 margin-bottom: 0;
 font-size:1.0em;
 letter-spacing:0.1em;
 text-decoration: none;
 padding:0 0.8em 0 0.8em;
}

#hFooterCopy {
 color:#ffffff;

}
/* Footer-Z */


/* Body-A */
#hBody {
 background-color:#ffffff;
 overflow:hidden;
}
/* Body-Z */

#hIndexWrapping {
 margin:0;
}

#hAboutWrapping,
#hServicesWrapping, 
#hPortfolioWrapping,
#hContactWrapping,
#hLegalWrapping,
#hProductWrapping {
 padding:3.0em 5.0em 3.0em 5.0em;
 text-align:justify;
 overflow:visible;
 font-size:100%;
}

#hAboutContent,
#hServicesContent,
#hPortfolioContent,
#hContactContent,
#hLegalContent,
#hProductContent {
 height:100%;
 font-size:115%;
}

#hLegalContent {
 margin:0 2.0em 0 2.0em;
}

#hLegalContent h3 {
 letter-spacing:0.10em;
 text-align:left;
 font-weight:bold;
 color:#6f0807;
 font-size:100%;
 margin:0;
 margin-top:1.0em;
 margin-bottom:0.4em;
 padding:0;
}

#hLegalContent ul {
 list-style-type:none;
 margin-left:1.5em;
}
#hLegalContent ul li {
 line-height:2.0em;
}
#hLegalContent ul li a {
 font-weight:normal;
 border-bottom:0;
}
#hLegalContent a:hover  {
 color:#6f0808;
 background-color:#d0d3d6;
 border-bottom:0.1em solid #6f0807;
}
#hLegalContent h4 {
 text-align:left;
 font-weight:normal;
 font-size:100%;
}

/* Product Showroom-A */
#hProductsWrapping {
 padding:3.0em 4.0em 3.0em 4.0em;
 text-align:center;
 overflow:hidden;
 font-size:100%;
/*
 color:black;
 background-color:yellow;
*/
}
#hProductsWrapping h2 {
 text-align:left;
}
#hProductListWrapping {
 float:left;
 width:21.0em;
 padding-top:2.5em;
 position:relative;
 line-height:6.5em;
/*
 line-height:4.0em; for 7 lines
 background-color:red;
 padding-bottom:20010px;
 margin-bottom:-20000px;
*/
}
#hProductListWrapping h3 {
 font-size:100%;
}
#hCarouselWrapping {
 padding:0px;
 height:350px;
 width:600px;
 background-color:transparent;
 color: black;
 margin:0 0 0 auto;
/*
 xxxbackground-color:green;
*/
}
#html-example {
 background-color:transparent;
 margin:0;
 border:1px solid #c0c0c0;
 height:350px;
 width:590px;
 padding:5px;
/* 
 background-color:white;
 margin-bottom:5.0em;
*/
}
#html-example h3,
#html-example h4 {
 text-align:left;
 font-weight:bold;
 font-size:1.2em;
 margin:0;
 margin-top:2.0em;
 padding-top:0.0em;
 padding-bottom:0.5em;
}
.hItemImg {
 float:left;
}
.hItemText {
 margin:0;
 padding:0;
}
.hItemText a:link,
.hItemText a:visited,
.hItemText a:active {
 color:#777777;
 border-bottom:1px solid #777777;
}
.hItemText a:hover {
 background-color:#c0c0c0;
 color:#000000;
 border-bottom:1px solid #c0c0c0;
}
.hItemTextWrap {
 margin:0;
 padding:6.0em;
 padding-left:30.0em;
 text-align:left;
}
.hItemText p {
 margin:0;
 padding:0;
}
/* Product Showroom-Z */

/* Individual Product-A */
#hProductWrapping h2 {
 letter-spacing:0.20em;
 text-align:left;
 font-weight:bold;
 color:#6f0807;
 font-size:150%;
 margin:0;
 padding:0;
}

#hProductContent ul {
 list-style-type:disc;
 padding:0 1.5em 0 1.5em;
 margin-left:2.0em;
}
#hProductContent li {
 color: #707376;
 margin-top:1.0em;
}
#hProductContent li h3 {
 padding-bottom:0;
 font-size:1.1em;
}
#hProductContent li h3 a,
#hProductContent li h3 a:visited,
#hProductContent li h3 a:active {
 color:#6f0807;
 border-bottom:0.1em solid #6f0807;
}
#hProductContent a:hover {
 background-color:#cccccc;
}
/* Individual Product-Z */

.hEspacio {
 padding-top:0.5em;
}
.hEspacio05 {
 padding-top:0.5em;
}
.hEspacio15 {
 padding:1.5em;
}

.hEnfasis {
 font-size:1.1em;
 font-weight:bold;
}

/* Index-A */
#hBigPicture {
 width:90.0em;
 height:23.0em;
}

#hMainPic {
 width:90.0em;
 height:23.0em;
 border:0;
}

#hNewsHeadlines {
 border:0.1em solid #b5b5b5;
 margin-left:0.5em;
 margin-right:0.5em;
 padding:0.3em 0.7em 0.3em 1.5em;
}

.hLink00 {
 padding-left:1.0em;
}
a.hLink00:link, a.hLink00:visited, a.hLink00:active, a.hLink00:hover  {
 color: #707376;
}
a.hLinkBG:link, a.hLinkBG:visited, a.hLinkBG:active, a.hLinkBG:hover  {
 color:#af0000;
 font-weight:bold;
 border-bottom:solid 1px #b5b5b5;
 margin-left:2.0em;
}
a.hLinkBG:hover {
 background-color: #f0f0f0;
}

.hNews {
 font-weight:bold;
 margin-right:1.0em;
}

.hSquare {
 width:29.0em;
 background:#ffffff url(/images/text-bg.gif) repeat-x scroll 0 0;
 height:18.0em;	/* This works together with height of hBottomSegment */
 border:0.1em solid #b5b5b5;
 margin-right:0.7em;
 float:left;
}

.hSquare3 {
 margin-right:0;
}

.hBox1 {
 height:100%;
 background:transparent url(/images/laptop5.png) no-repeat bottom left;
}

.hBox2 {
 height:100%;
 background:transparent url(/images/onlinepay4.png) no-repeat bottom right;
}

.hBox3 {
 height:100%;
 background:transparent url(/images/downloads4.png) no-repeat bottom right;
}

.hInsideBox,
.hTexto {
 padding:0.7em 2.0em 1.5em 2.0em;
}

.hInputAreaBox1 {
 margin-left:6.0em;
}
.hInputAreaBox1 input {
 width:18.0em;
}

.hBox2 a,
.hBox3 a {
 border-bottom:0;
}

.hBox2 p {
 line-height:1.3em;
}

.hSpaceBox2 {
 float:right;
 width:09.0em;
 display:inline;
 height:09.0em;
}

.hBox3 h3 {
 display:inline;
 font-weight:normal;
 font-size:1.0em;
 letter-spacing:0.02em;
 line-height:2.0em;
}
/* Index-Z */

.hTitulo {
 letter-spacing:0.20em;
 text-align:left;
 font-weight:bold;
 color:#6f0807;
 font-size:150%;
 margin:0;
 padding:0;
}

#hBottomSegment {
 margin-left:0.5em;
 margin-right:0.5em;
 height:18.2em;	/* This works together with height of hBox */
 padding-bottom:0.5em;
}

/* About Us-A */
#hWrapperCEOPic {
 float:left;
}

#hCEOPic {
 margin-right:2.0em;
 margin-bottom:2.0em;
 border:0.1em solid #000000;
}
/* About Us-Z */

#hWrapperContent {
 height:100%;

background-color:yellow;
}

.hTitulo a:link, 
.hTitulo a:visited, 
.hTitulo a:hover, 
.hTitulo a:active {
 color:#6f0807;
 border-bottom:0.1em solid #6f0807;
}

.hTitulo a:hover {
 background-color:#CCCCCC;
}

#hLeftSide {
 float:left;
 width:33.0em;
}

#hRightSide {
 float:right;
 width:31.0em;
}
#hContactWrapping #hRightSide {
 width:34.0em;
}
#hContactWrapping select {
 width:32.7em;
}

.hTextService {
 padding:1.0em 2.0em 1.0em 2.0em;
 font-size:1.1em;
 letter-spacing:0.1em;
 line-height:2.1em;
}

.hTextService ul {
 list-style-type:disc;
 padding:0 1.5em 0 1.5em;
}
.hTextService li {
 color: #707376;
}

.hTextService h4 {
 font-weight:normal;
 text-align:left;
 font-size:0.9em;
 margin:0;
 padding:0;
}

.hServiceText {
 text-align:justify;
 font-size:0.9em;
 letter-spacing:0.1em;
}

.hHalfSide {
 padding-top:0.5em;
 padding-left:2.0em;
 line-height:20px;
 text-align:left;
 width:45%;
 float:left;
}

/* Contact Form-A */
.hContactText {
 padding:1.0em 2.0em 1.0em 2.0em;
 font-size:0.9em;
 letter-spacing:0.1em;
 line-height:2.1em;
}

.hContactText a:hover {
 background-color:#CCCCCC; 
}

p.hTextLine {
 letter-spacing:0.10em;
 text-align:left;
 margin:0;
 font-size:0.9em;
}

.hWrapLine {
 margin-top:1.1em;
 width:100%;
 position:relative;
 overflow:hidden;
}

.hWrapLine Label {
 width:60%;
}

.hField50,
.hField100 {
 text-align:left;
 float:left;
}

.hField50 {
 width:50%;
}

.hField100 {
 width:100%;
}

.hField50 input {
 width:90%;
}
.hField100 input {
 width:95%;
}

.hField50 input:focus,
.hField100 input:focus,
.hField100 textarea:focus {
 background-image:none;
 background-color:#ffffff;
 border:solid 0.1em #33677f;
}

.hField100 textarea {
 width:95%;
}

.hSubmitContact input {
 border:0;
 margin-left:25.0em;
}
/* Contact Form-Z */

.hLegalContent ul {
 list-style-type:none;
}
.hLegalContent li {
 margin-left:1.0em;
}
.hLegalContent ul li a {
 border:0;
 font-size:100%;
 text-align:left !important;
}

.hSquare form {
 padding:0;
}

.hSubtitulo {
 letter-spacing:0.10em;
 text-align:left;
 font-weight:bold;
 color:#6f0807;
 font-size:100%;
 margin:0;
 margin-top:0.4em;
 margin-bottom:0.4em;
 padding:0;
}
/* Body-Z */

/* Footer-A */

/* Footer-Z */


.hWrapLoginB {
 margin-left: 17.0em;
 margin-top:1.0em;
 border:0;
}

.hLoginButton {
 border:0;
}

.hPointer {
 cursor:pointer;
}

.hAlto {
 height:1.0em;
}

.hTextOP {
 padding:3.0em 5.0em 1.0em 5.0em;
 text-align:justify;
 font-size:1.4em;
 color:#606366;
}

#hOPayment {
 font-size:0.9em;
}

#hOPayment input {
 font-size:0.9em;
 border:0.1em solid #B5B8C8;
 background:#FFFFFF url(/images/text-bg.gif) repeat-x scroll 0 0;
}
#hOPayment input:focus {
 border: 1px solid #7eadd9;
 background-color:red;
}

.hOPTable {
 width:60.0em;
 margin-top:2.5em;
 margin-left:0.5em;
 margin-bottom:2.0em;
 border-left:0.1em solid #989898;
 background-color:transparent;
 overflow:hidden;
}

#totalval {
 padding:0.0em !important;
 background:#ffffff url(/images/text-bg.gif) repeat-x scroll 0 0 !important;
 width:20% !important;
}
#totalval:focus {
 background-image:none !important;
 background-color:#ffffff !important;
 border:solid 0.1em #33677f !important;
}
#newsaldo {
 border-style:none !important;
 background-color:#c5c8cb !important;
 background-image:none !important;
 font-weight:bold !important;
}

.hPCol1A,
.hPCol1B,
.hPCol2A,
.hPCol2B {
 float:left;
 border-right:0.1em solid #989898;
 border-bottom:0.1em solid #989898;
 padding:0.3em;
 height:1.5em;
}

.hPCol1A,
.hPCol1B {
 background-color:#d5d8db;
 font-size:0.9em;
}

.hPCol2A,
.hPCol2B {
 background-color:#ebedee;
 font-size:0.9em;
}

.hPCol1A,
.hPCol2A {
 width:55%;
 text-align:right;
}
.hPCol1B,
.hPCol2B {
 width:42%;
 text-align:left;
}

/* REVISADO HASTA AQUI ************************************************************************* */
/* AQUIII Z ***************************************************************** */


/* Testing-A */

/* Testing-Z */


/* EN OBSERVACION - A */
.x-panel-body {
 background-color:transparent !important;
}

/*
.tip-target {
 -x-system-font:none;
 color:#15428B;
 cursor:default;
}
*/

.x-tip {
 left:221px;
 position:absolute;
 top:159px;
 visibility:visible;
 width:142px;
 z-index:20000;
 border:0 none;
}
/* EN OBSERVACION - A */


-->