* {margin:0;padding:0;}
*:focus {outline:none;}
table {border-collapse:collapse;border-spacing:0;empty-cells:show;}
fieldset, img {border:0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal;}
ol, ul {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
.hide {display:none;}
.clear {clear:both;}
.flowauto:after {content:".";display:block;clear:both;visibility:hidden;height:0;line-height:0;}
.flowauto {display:inline-block;}
html[xmlns] .flowauto {display:block;}
* html .flowauto {height:1%;}
.flowvisible {overflow:visible;}

html, body {width:100%;height:100%;overflow:hidden;margin:0;padding:0;}
body, td {
	color:#345;
	font-family:"Century Gothic","Lucida Grande",arial,sans-serif;font-size:13px;font-weight:normal;
	letter-spacing:normal;
}
body {background:#ccc;}
a {text-decoration:none;color:#345;outline:0}
p {padding:5px 0 5px 0;}


#bg {position:absolute;z-index:1;min-height:100%;width:100%;}

/*
#bg table, #bg td {width:100%;height:100%;overflow:hidden;}
#bg {position:absolute;width:200%;height:200%;top:-50%;left:-50%;}
#bg td {vertical-align:middle;text-align:center;}
#bg img {height:50%;min-width:50%;margin:auto;}
*/ /*min-height:50%;min-width:50%;margin:auto auto;*/

.bar,
.bar-opacity {position:absolute;bottom:20px;left:141px;height:60px;width:100%;} /*right:0*/
.bar-opacity {background:#000;opacity:0.6;filter:alpha(opacity=60);z-index:71;}
.bar {z-index:72;line-height:13px;text-transform:lowercase;letter-spacing:-1px;}
.bar .logo {position:absolute;bottom:0;left:-141px;width:140px;height:60px;background:#000;}
.bar .logo img {margin-left:10px;margin-top:28px;}
.bar ul {position:absolute;bottom:0;overflow:auto;}
.bar li {padding:0 5px 10px 10px;}
.bar ul.l1 {left:0;}
.bar ul.l1 li {float:left;}
.bar li a {color:#ccc;}
.bar li a:hover, .bar li a.cur {color:#fff;}

.main,
.main-opacity {position:absolute;bottom:20px;left:140px;height:100%;width:100%;} /*right:0*/
.main-opacity {background:#fff;opacity:0.3;filter:alpha(opacity=30);z-index:69;}
.main {z-index:70;}
.content {
	position:absolute;top:80px;left:0px;height:100%;width:100%;line-height:1.4em;z-index:90;overflow:hidden;
	/*border:1px solid red;*/
}

/* colors */
.color1 {background:url(img/bg-color1.png) 0 0 repeat-x;}
.color2 {background:url(img/bg-color2.png) 0 0 repeat-x;}
.color3 {background:url(img/bg-color3.png) 0 0 repeat-x;}
.color4 {background:url(img/bg-color4.png) 0 0 repeat-x;}
.color5 {background:url(img/bg-color5.png) 0 0 repeat-x;}

/* menu boxes */
.m, .mh {width:130px;height:40px;position:absolute;z-index:90;cursor:pointer;}
.mh {height:130px;}
#m-development-services, #m-enterprise-architecture, #m-optimization-services, #m-business-processes {left:60px;}
#m-development-services {top:116px;}
#m-enterprise-architecture {top:166px;} 
#m-optimization-services {top:216px;}
#m-business-processes {top:266px;}
#mh-development-services {left:160px;bottom:235px;}
#mh-enterprise-architecture {left:295px;bottom:235px;}
#mh-optimization-services {left:295px;bottom:100px;}
#mh-business-processes {left:160px;bottom:100px;}
#mh-development-services h1 {padding:4px 0 0 6px;text-align:left;}
#mh-enterprise-architecture h1 {padding:4px 6px 0 0;}
#mh-optimization-services h1 {padding:94px 6px 0 0;}
#mh-business-processes h1 {padding:94px 0 0 6px;text-align:left;}

/* business */
.bus {position:absolute;top:0;left:-686px;width:700px;}
/* institucional */
.inst {position:absolute;top:0;right:20%;width:450px;}
.t-inst {position:absolute;width:155px;z-index:100;height:40px;top:21px;right:20%;}
.t-inst div {width:130px;height:40px;}
.bar ul.l2 {right:20%;margin-right:27px;}
.bar ul.l2 li {float:right;}

/* titulos */
.m h1, .mh h1, .t-inst h1 {
	color:#fff;
	font-size:15px;font-weight:normal;
	line-height:15px;letter-spacing:-1px;text-align:right;text-transform:lowercase;
	padding:2px 6px 0 0;
}
.m h1 a, .mh h1 a {color:#fff;}

.box {
	/*font-family:"Trebuchet MS",arial,helvetica,sans-serif;*/
	/*"Trebuchet MS","Lucida Sans Unicode","Bitstream Vera Sans"*/
}

.box p,
.box dl {padding:5px 0 10px 0;}
.box ul {padding:0 0 10px 50px;}
.box ul li {list-style:square;list-style-position:outside;}

.inst table {margin-bottom:10px;margin-top:5px;}
.label {color:#666;font-weight:bold;text-align:right;padding-right:10px;vertical-align:top;}
.inst a.link {background:#12c3e3;padding:0 4px 0 4px;color:#fff;}
.inst a.link:hover {background:transparent;color:#12c3e3;}

/* glassbox */
.btc, .bbc, .bmc {width:400px;}
.bml, .bmc, .bmr {height:300px;float:left;}
.bml, .bmr {width:25px;}
.btl, .btc, .btr, .bbl, .bbc, .bbr {float:left;height:21px;}
.btl, .btr, .bbl, .bbr {width:25px;}

.inst .btc, .inst .bbc, .inst .bmc {width:400px;}
.inst .bml, .inst .bmc, .inst .bmr {height:300px;}

.bus .btc, .bus .bbc, .bus .bmc {width:650px;}
.bus .bml, .bus .bmc, .bus .bmr {height:380px;}

.inner-opacity {position:absolute;z-index:91;background:#fff;}
.inner-content {position:absolute;z-index:92;}
.bus .inner-opacity,
.bus .inner-content {width:650px;height:380px;}
.inst .inner-opacity,
.inst .inner-content {width:400px;height:300px;}

.bus .inner-opacity {width:650px;height:380px;opacity:0.95;filter:alpha(opacity=95);} /**/
.inst .inner-opacity {width:400px;height:300px;opacity:0.85;filter:alpha(opacity=85);}

.inner {z-index:93;}
.bus .inner {padding:10px 80px 10px 15px;}
.inst .inner {padding:50px 15px 10px 15px;}

#slide-contacto .bml, #slide-contacto .bmc, #slide-contacto .bmr {height:420px;}
#slide-contacto .inner-opacity, #slide-contacto .inner-content {height:420px;}

.acc-toggle {
	cursor:pointer;color:#123;
	border-bottom:1px solid #fff;padding:3px 0 2px 5px;
	background-image:url(img/down2.gif);background-repeat:no-repeat;
	background-position:5px 4px;
	padding-left:25px;
}
.acc-toggle-active {
	font-weight:bold;
	background-image:url(img/up2.gif);background-repeat:no-repeat;
	background-position:5px 4px;
	padding-left:25px;
}
.cnt1 .acc-toggle {background-color:#fed5d9;} /* #d20513 #fdacb2 #fed5d9 #ffeaec */
.cnt1 .acc-toggle-active {background-color:#fc828f;}
.cnt2 .acc-toggle {background-color:#d7dffd;} /* #3d64f5 #aebefb #d7dffd #ebeffe */
.cnt2 .acc-toggle-active {background-color:#869ef9;}
.cnt3 .acc-toggle {background-color:#d9fadb;} /* #1ecf29 #b4f5b8 #d9fadb #ecfded */
.cnt3 .acc-toggle-active {background-color:#8ef094;}
.cnt4 .acc-toggle {background-color:#fbf5d8;} /* #cdac11 #f8ecb1 #fbf5d8 #fdfaec */
.cnt4 .acc-toggle-active {background-color:#f3e18b;}

#acc-toggle-first {background-color:#fff;}
.cnt1 #acc-toggle-first {border-bottom:1px solid #fc828f;}
.cnt2 #acc-toggle-first {border-bottom:1px solid #869ef9;}
.cnt3 #acc-toggle-first {border-bottom:1px solid #8ef094;}
.cnt4 #acc-toggle-first {border-bottom:1px solid #f3e18b;}

.acc-content {}
.acc-content p {padding-left:20px;}
#acc-content-first p {padding-left:0;}