body {background:url(../img/bg.gif) repeat-y center top #770409; font-family: Arial, Helvetica, sans-serif; font-size:76%; color:#666; margin:0; padding:0}

a img {border:none}
a {color:#770409}
a:hover {color:#b75739}
.cleaner {height:1px; clear:both}
form {margin:0; padding:0}

::-moz-selection { background:#ffff99}
::selection { background:#ffff99}


#header {width:956px; margin:0 auto}

#logo {width:704px; height:185px; background:#FFF; float:left}
#logo h1 {float:left; width:160px; height:160px; background:url(../img/digital-social-club.gif) no-repeat left top; margin:15px 0 0 25px; padding:0}
#logo h1 span {display:none}
#logo h1 a {display:block; width:160px; height:160px}
#logo h2 {float:left; width:400px; height:115px; margin:0 0 0 30px; padding:55px 20px 0 40px; border-left:1px solid #e9e9e9; font-size:1.6em; color:#aca882; font-weight:lighter; line-height:1.1em}
#logo h2.short {padding:65px 20px 0 40px}

#submenu {float:right; width:222px; height:185px; padding:0 0 0 30px; background:url(../img/bgRight.gif) no-repeat left 20px}
#submenu ul {list-style-type:none; margin:20px 0 0 0; padding:0}
#submenu li {list-style-type:none; float:left; margin:0; font-family:Tahoma, Arial; font-size:0.9em; color:#b9ae74}
#submenu a {height:18px; width:22px; display:block; text-decoration:none; margin:0 0 0 2px; padding:2px 0 0 0; text-align:center; font-weight:bold; color:#b9ae74}
#submenu .time {text-align:left; width:140px; padding:2px 5px 1px 5px}
#submenu a:hover {background:url(../img/bgLang.gif) no-repeat center -20px; color:#FFF; text-decoration:none; font-weight:bold}
#submenu .selected a {background:url(../img/bgLang.gif) no-repeat center top; color:#FFF; font-weight:bold}

#main {width:956px; margin:0 auto; clear:both}

#menu {float:right; width:252px; height:300px; background:url(../img/bgRight.gif) no-repeat left -170px; padding:0}
#menu .simple ul {list-style-type:none; margin:10px 0 0 0; padding:0}
#menu .simple li {list-style-type:none; margin:0 0 3px 0; padding:5px 20px 0 30px; width:100px; height:29px; font-size:1.6em; display:block}
#menu .simple li a {color:#823237; text-decoration:none}
#menu .simple li a:hover {color:#b75739}
#menu .simple li.selected {background:url(../img/bgMenu.gif) no-repeat right top #FFF; color:#b9ae74}
#menu .simple li.selected a {color:#b9ae74}
#menu .simple li.sub a {color:#b9ae74}

/* MENU ACCORDION */
#menu .arrowlistmenu {width:220px}
#menu .arrowlistmenu .menuheader { /*CSS class for menu headers in general (expanding or not!)*/ margin:0 0 3px 0; padding:5px 20px 0 30px; color:#b9ae74; font-size:1.6em; font-weight:normal; cursor:hand; cursor:pointer}
#menu .arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/ color:#827638}
#menu .arrowlistmenu ul{ /*CSS for UL of each sub menu*/ list-style-type:none; margin:0; padding:0 0 0 30px; font-size:0.9em; font-family:Tahoma, Arial}
#menu .arrowlistmenu ul li{margin:0 0 10px 1px; color:#b9ae74; line-height:1.2em}
#menu .arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/ background: lightblue !important}
#menu .arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/ background: lightgreen !important}
#menu .arrowlistmenu ul li a {color:#b9ae74}
#menu .arrowlistmenu ul li a:hover{ /*hover state CSS*/ color:#827638}
#menu .arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/ }


/* CONTENIDO */
#content {width:644px; min-height:370px; padding:10px 30px 30px 30px; float:left; background:url(../img/bgContent.gif) no-repeat left bottom #FFF}

#content .high {width:634px; height:326px; margin:0 0 25px 0; background:url(../img/intranets.png) no-repeat left top;}
#content .high h3 {width:190px; padding:50px 0 15px 30px; margin:0; font-size:2.6em; font-weight:normal; color:#b75739}
#content .high h4 {width:190px; padding:0 0 15px 30px; margin:0; font-size:0.9em; font-weight:normal; font-family:Tahoma, Arial}
#content .high .button {margin:0 0 10px 30px; font-size:0.9em; font-family:Tahoma, Arial}
#content .high .button a {display:block; width:165px; height:39px; padding:7px 0 0 25px; background:url(../img/intranetsButton.gif) no-repeat left top; color:#FFF; font-weight:bold; text-decoration:none}
#content .high .button a:hover {background:url(../img/intranetsButton.gif) no-repeat left -46px; text-decoration:none}

#content .news {}
#content .news ul {list-style-type:none; margin:0 0 0 10px; padding:0}
#content .news li {min-height:120px !important; margin:0 16px 0 0; padding:0 16px 0 0; float:left; width:180px; border-right:1px dotted #CCC}
#content .news li.last {margin-right:0; padding-right:0; border-right:none}
#content .news li h3 {font-size:1.2em; margin:0 0 6px 0; line-height:1.1em}
#content .news li h3 a {text-decoration:none}
#content .news li p {font-size:0.9em; margin:0; font-family:Tahoma, Arial}

#content .clients {width:614px; margin:30px 0 0 0; padding:6px 10px 25px 10px; border:1px solid #f1ebb6; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px}
#content .clients .title {padding:4px 0 18px 4px}
#content .clients .title h4 {font-size:1.2em; margin:0; padding:4px 0 18px 4px; color:#aca882; float:left}
#content .clients .title .more a {width:63px; height:16px; display:block; margin:0; float:right; background:url(../img/ico-vermas.gif) no-repeat left top}
#content .clients .title .more a:hover {background:url(../img/ico-vermas.gif) no-repeat left -16px}
#content .clients .title .more span {display:none}
#content .clients ul {list-style-type:none; margin:0 0 0 5px; padding:0; height:73px}
#content .clients li {height:63px; margin:0 15px 6px 0; float:left; list-style-type:none; padding:0 4px; text-align:center}

#content h2 {margin:0 0 15px 0; padding:0; font-size:2.8em; font-weight:normal; color:#b75739}
#content .text {margin:0 20px 0 0}
#content .text h3 {margin:0 0 20px 0; padding:0; font-size:1.6em; line-height:1.1em; font-weight:normal}
#content .text p {margin:0 0 8px 0; padding:0; font-size:1em; line-height:1.5em}

#content .blog {margin:0 20px 10px 0; padding:10px 0 16px 0; border-bottom:1px solid #e9e9e9}
#content .blog.last {border-bottom:none}
#content .blog h3 {margin:0 0 8px 0; padding:0; font-size:1.8em; line-height:1.1em; font-weight:normal; color:#827638 }
#content .blog h3 .date {color:#aca882}
#content .blog p {margin:0 0 8px 0; padding:0; font-size:1em; line-height:1.4em}

#content .text .services ul {list-style-type:none; padding:10px 15px 0 0; margin:0 0 0 20px}
#content .text .services li {margin:0 0 20px 0; list-style-type:none; padding:0 5px}
#content .text .services li h4 {margin:0 0 3px 0; padding:0 0 0 26px; font-size:1.6em; color:#958d5f; background:url(../img/dotStar.gif) no-repeat left 2px; font-weight:normal}
#content .text .services li p {margin:0 0 6px 0; padding:0 0 0 26px}

#content .logos ul {list-style-type:none; margin:0 0 0 15px; padding:0}
#content .logos li {width:178px; height:135px; margin:0 15px 6px 0; float:left; list-style-type:none; padding:0 4px; text-align:center}
#content .logos li a {display:block; border:1px solid #FFF}
#content .logos li a:hover {border:1px solid #f1ebb6; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px}

#content .text .work {margin:0 0 20px 0; border:1px solid #f1ebb6; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; padding:8px}
#content .text .work .description {margin:0; padding:0}
#content .text .work .description h4 {margin:0 0 14px 0; padding:0; font-size:2em; font-weight:normal; color:#b75739; line-height:1.1em}
#content .text .work .description p {margin:0 10px 8px 0; padding:0; font-size:0.9em; line-height:1.2em; font-family:Tahoma, Arial}
#content .text .work .description p.link {padding:0 0 0 14px; font-weight:bold; background:url(../img/dotMore.gif) no-repeat left 3px;}
#content .text .work .description p a {text-decoration:none}

/*preload classes*/ 
.svw {width:300px; height:190px} 
.svw ul {position:relative; left:-999em;} 
/*core classes*/ 
.stripViewer {position:relative; overflow:hidden; margin: 0 0 1px 0} 
.stripViewer ul {margin:0; padding:0; position:relative; left:0; top:0; width:1%; list-style-type:none} 
.stripViewer ul li {float:left} 
.stripTransmitter {overflow:auto; width: 1%} 
.stripTransmitter ul {margin:0 0 0 6px; padding:0; position:relative; list-style-type:none} 
.stripTransmitter ul li {width:20px; float:left; margin:0 1px 1px 0} 
.stripTransmitter a {font:bold 0.9em Tahoma, Arial; text-align:center; background:#fff; color:#b9ae74; line-height:22px; text-decoration:none; display:block} 
.stripTransmitter a.current {background:#f1ebb6; color:#fff; }
.stripTransmitter a:hover{ color:#b75739} 
/*tooltips formatting*/ 
#tooltip {background:#fff; color:#000; opacity:0.85; border:5px solid #dedede} 
#tooltip h3 {font:normal 10px Verdana; margin:0; padding:6px 2px; border:0} 

#footer {width:936px; padding:10px 10px 30px 10px; clear:both; margin:0 auto; font-family:Tahoma, Arial}
#footer p {font-size:0.9em; color:#958d5f; margin:0 0 4px 0; color:#b0a979}
#footer p a {color:#b9ae74}
#footer p a:hover {color:#827638}
#footer p.pdf {padding:0 0 4px 20px; background:url(../img/ico-pdf.gif) no-repeat left top}

/* FORMS */
.formtxt {margin-right:4px; color:#646C41; background-color:#B6C193; border:1px solid #959F6A; padding:3px}
.formtxt:focus {background-color:#C5CEAA}
.formbutton {color:#B6C193; background-color:#828D59; border-bottom:1px solid #646C41; border-top:1px solid #B6C193; border-left:1px solid #B6C193; border-right:1px solid #646C41}

/* ALTS */
#dhtmltooltip {position:absolute; visibility:hidden; z-index:auto; width:190px; background-color:#FFFFE1; border:1px solid #646C41; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:8pt; text-align:left; padding:8px}



/* APLICACIONES WEB */
#webApps {width:644px; padding:10px 30px 30px 30px; float:left; background:url(../img/bgContent.gif) no-repeat left bottom #FFF}

#webApps .hight {width:634px; height:411px; margin:10px 0 20px 0; background:url(../img/webApps.png) no-repeat left top; text-align:center}
#webApps .hight h2 {margin:0; padding:255px 0 4px 0; font-size:3em; font-weight:normal; color:#b75739}
#webApps .hight h3 {margin:0 0 20px 0; padding:0 20px; font-size:1.4em; line-height:1.1em}
#webApps .text h3 {margin:0 0 20px 0; padding:0; font-size:1.6em; line-height:1.1em; font-weight:normal}
#webApps .text h4 {margin:0 0 15px 0; padding:0; font-size:1.8em; line-height:1.1em; font-weight:normal; color:#b75739}
#webApps .text h5 {margin:0 0 20px 0; padding:0; font-size:1.4em; line-height:1.1em; font-weight:normal}
#webApps .text p {margin:0 20px 8px 0; padding:0; font-size:1em; line-height:1.5em}
#webApps .text p.contact {font-size:1.4em; padding:0 0 2px 15px; margin:0;}
#webApps .text p a.contact  {text-decoraction:none}

#webApps .pilars {margin:0 0 10px 0}
#webApps .pilars ul {list-style-type:none; margin:0; padding:0}
#webApps .pilars li {margin-right:16px; float:left; width:308px}
#webApps .pilars li.last {margin-right:0}
#webApps .pilars li .module {height:85px; padding:10px; border:1px solid #f1ebb6; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px}
#webApps .pilars li .module h4 {font-size:1.4em; margin:0 0 6px 0; padding:3px 0 0 24px; background:url(../img/dotStar.gif) no-repeat left top;; color:#827638; font-weight:bold}
#webApps .pilars li .module p {margin:0; font-family:Tahoma, Arial; font-size:0.9em; line-height:1.3em}
#webApps .pilars li .bgBox {height:16px; background:url(../img/bgBox.gif) no-repeat center top}

#webApps .method ul {list-style-type:none; margin:20px 40px 20px 20px; padding:0}
#webApps .method li {margin:0 0 6px 0; padding:0 0 8px 22px; border-bossttom:1px dotted #CCC; background:url(../img/dot-arrow.gif) no-repeat left top}
#webApps .method li .tit {color:#827638; font-weight:bold; display:inline-block; padding:0 3px 0 0}

#webApps .box {padding:16px; margin:0 20px 0 0; border:1px solid #f1ebb6; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px}
#webApps .box p {margin:0 8px 8px 0; padding:0; font-size:1em; line-height:1.5em}
#webApps .box h4 {margin:0 0 15px 0; padding:0 0 8px; font-size:1.8em; font-weight:normal; color:#827638; border-bottom:1px dotted #f1ebb6}
#webApps .box h5 {margin:0 0 15px 0; padding:0; font-size:1.4em; font-weight:bold; color:#827638}
#webApps .box .list ul {list-style-type:none; margin:20px 0 30px 20px; padding:0}
#webApps .box .list ul.left {float:left; width:250px}
#webApps .box .list ul.right {float:right; width:280px}
#webApps .box .list li {margin:0 0 6px 0; padding:0 0 0 12px; background:url(../img/dot-list.gif) no-repeat left 3px}
#webApps .bgBox2 {height:30px; background:url(../img/bgBox2.gif) no-repeat center top}