/*************************************************************************
---------------------------- SUBSYSTEM PAGES -----------------------------
*************************************************************************/

#contentWrapper {
	position:relative;
	width:758px;
	padding:0 0 4px 0;
	background: url(img/contentWrapperBg.gif) no-repeat;
	}

/* Header Navigation
------------------------------------------------------------------------*/

#header {
	position:relative;
	width:758px;
	height:93px;
	}

#header h1,
#header h2 {
	margin-left:-5000px;
	font-size:1px;
	line-height:1px;
	height:1px;
	}

#header ul {
	position:absolute;
	left:140px;
	top:38px;
	}

#header li {
	display:inline;
	float:left;
	}

#header a {
	display:block;
	height:31px;
	}

a#topnavProfile {
	width:101px;
	background:url(img/topnav/off/profile.gif);
	}

a#topnavCapabilities {
	width:99px;
	background:url(img/topnav/off/capabilities.gif);
	}

a#topnavPortfolio {
	width:99px;
	background:url(img/topnav/off/portfolio.gif);
	}

a#topnavVideo {
	width:99px;
	background:url(img/topnav/off/video.gif);
	}
	
a#topnavMethodology {
	width:99px;
	background:url(img/topnav/off/methodology.gif);
	}

a#topnavContact {
	width:99px;
	background:url(img/topnav/off/contact.gif);
	}

a#topnavProfile.on,
a#topnavProfile.on:hover {
	background:url(img/topnav/on/profile.gif);
	}

a#topnavCapabilities.on,
a#topnavCapabilities.on:hover {
	background:url(img/topnav/on/capabilities.gif);
	}

a#topnavPortfolio.on,
a#topnavPortfolio.on:hover {
	background:url(img/topnav/on/portfolio.gif);
	}
	
a#topnavVideo.on,
a#topnavVideo.on:hover {
	background:url(img/topnav/on/video.gif);
	}

a#topnavMethodology.on,
a#topnavMethodology.on:hover {
	background:url(img/topnav/on/methodology.gif);
	}

a#topnavContact.on,
a#topnavContact.on:hover {
	background:url(img/topnav/on/contact.gif);
	}

a#topnavProfile:hover {
	background:url(img/topnav/over/profile.gif);
	}

a#topnavCapabilities:hover {
	background:url(img/topnav/over/capabilities.gif);
	}

a#topnavPortfolio:hover {
	background:url(img/topnav/over/portfolio.gif);
	}
	
a#topnavVideo:hover {
	background:url(img/topnav/over/video.gif);
	}

a#topnavMethodology:hover {
	background:url(img/topnav/over/methodology.gif);
	}

a#topnavContact:hover {
	background:url(img/topnav/over/contact.gif);
	}


/* Header
------------------------------------------------------------------------*/

#header {
	position:relative;
	width:758px;
	height:89px;
	background:url(img/spBg.gif);
	}

	
/* Main Column
------------------------------------------------------------------------*/

#main {
	float:left;
	width:572px;
	padding:0;
	background:url(img/mainBg.png) repeat-y;
	}

#main h3 {
	height: 52px;
	padding: 28px 0 0 22px;
	margin: 0 0 -24px 0;
	font-family: georgia, serif;
	font-size: 24px;
	font-weight: normal;
	color: #353D67;
	letter-spacing: -1px;
	background: url(img/pagetitleBg.gif) no-repeat;
	}

#main div.indent_left {
	margin-left: 74px;
	}
	
#main div.icon_left {
	float: left;
	width: 64px;
	}

#main ul {
	list-style-type:square;
	}

#main li {
	margin:8px 0 8px 20px;
	}

#main a:link,
#main a:visited,
#main a:link strong,
#main a:visited strong {
	color:#1F3199;
	text-decoration:none;
	/*border-bottom:1px dotted #8F97BF;*/
	}

#main a:visited,
#main a:visited strong {
	color:#8F97BF;
	border-color:#8F97BF;
	}
  
#main a:hover,
#main a:hover strong {
	color:#fc0;
	border-bottom:0;
	}
  
#main a img,
#main a:link img, 
#main a:visited img,
#main a:hover img {
	border-width:0;
	}

#main a.noborder:link, 
#main a.noborder:visited {
	border-width:0;
	}

#main table {
	margin: 12px 0;
	}

#main h3 span {
	margin: 22px;
	font: normal 24px helvetica,arial,sans-serif;
	letter-spacing: -1px;
	}

#main h4 {
	font-family: georgia, serif;
	font-size:18px;
	font-weight:normal;
	letter-spacing: -1px;
	color:#353D67;
	margin:24px 0 12px 0;
	}

#main h4 .smalltext { 
	font-size:11px;
	font-weight: normal;
	letter-spacing: 0px;
	color:#666;
	}

#main h4.squish_bottom {
	margin:24px 0 -12px 0;
	}

#main h4.squish_top {
	margin: -24px 0 12px 0;
	}

#main td h4 {
	margin: 12px 0 12px 0;
	}

#main h4 .title { 
	font-size: 9px;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 1px;
	color:#999;
	}

#main h4 .divider { 
	font-size: 16px;
	font-weight: normal;
	padding: 0 6px;
	color:#ccc;
	}

#innerMainWrap {
	padding:0 28px 0 24px;
	}

#main p {
	margin:12px 0;
	}

#main .rule {
	background:url(img/rule.gif) no-repeat left top;
	}

#main h4.rule {
	background:url(img/rule.gif) no-repeat left 0px;
	margin:24px 0 12px 0;
	padding:12px 0 0 0;
	}

#main .mainLast {
	margin-bottom:0;
	}

#main blockquote {
	margin:12px 20px;
	line-height: 16px;
	}

#main blockquote.email {
	margin:12px 20px;
	line-height: 14px;
	border-left: 5px #ccc solid;
	font-size: 11px;
	padding-left: 10px;
	}

#mainBottom {
	clear:both;
	width:572px;
	height:30px;
	background:url(img/mainBottom.png);
	}

#main .photoborder {
	border-color: #e6e6e6;
	border-width: 1px;
	border-style: solid;
	margin:12px 12px 0 0;
	}

#main .client_list_table {
	height: 80px;
	padding: 0px 10px 0px 0px;
	font-size: 9px;
	line-height: 11px;
	}

#main table.portfolio_table {
	margin: -48px 0 0 0;
	}

#main table.portfolio_table td,
#main table.portfolio_table th {
	padding: 0 0 12px 0;
	}

#main table.portfolio_table th {
	font-weight: bold;
	text-align: right;
	padding: 0 18px 0 0;
	color: #353D67;
	}

#main table.client_list td {
	height: 80px;
	padding: 0px 10px;
	font-size: 9px;
	line-height: 11px;
	}

#main .pad_right {
	padding: 0px 15px 0px 0px;
	}

#main .pad_left {
	padding: 0px 0px 0px 15px;
	}

#main .icon_left {
	padding: 10px 10px 10px 0px;
	}


	
/* Sidebar
------------------------------------------------------------------------*/

#sidebar {
	float:right;
	width:179px;
	padding:0;
	}

#nav {
	background:url(img/sidebar/bg.png);
	height:1%;
	}

#nav h4 {
	margin:0;
	height:132px;
	}

#nav h4 span {
	margin-left:-5000px;
	}

#nav h4#sidenav_profile {
	background:url(img/sidebar/profile.jpg);
	}

#nav h4#sidenav_capabilities {
	background:url(img/sidebar/capabilities.jpg);
	}
	
#nav h4#sidenav_videos {
	background:url(img/sidebar/videos.jpg);
	}

#nav h4#sidenav_portfolio {
	background:url(img/sidebar/portfolio.jpg);
	}

#nav h4#sidenav_methodology {
	background:url(img/sidebar/methodology.jpg);
	}

#nav h4#sidenav_contacto {
	background:url(img/sidebar/contacto.jpg);
	}

#nav ul li {
	padding:0 15px;
	}

#nav ul ul li {
	margin-left:15px;
	padding:0;
	padding-top:3px;
	}

#nav ul ul a {
	padding:0 0 8px 10px;
	color:#8F97BF;
	}

#nav ul ul p {
	padding:0 0 8px 10px;
	color:#ccc;
	font-size:10px;
	}


#nav ul ul a.on {
	background:url(img/sidebar/bullet.gif) no-repeat left 2px !important; /* for Mozilla browsers */
	background:url(img/sidebar/bullet.gif) no-repeat left 3px; /* for IE */
	}

#nav li.last {
	margin:10px 5px 0 3px;
	padding-top:4px;
	padding-bottom:0;
	border-top:1px solid #F2F2F2;
	}

#nav li.last a {
	margin-bottom:0;
	padding-bottom:0;
	color:#8F97BF;
	}

#nav li.last a:hover {
	color:#ECB546;
	}

#nav a {
	display:block !important; /* for Mozilla browsers */
	display:inline-block; /* for IE */
	font-size:11px;
	line-height:12px;
	color:#333B66;
	padding:8px 0 4px 10px;
	}

#nav a:hover {
	color:#ECB546;
	}

#nav a.on {
	color:#ECB546;
	background:url(img/sidebar/bullet.gif) no-repeat left 11px !important; /* for Mozilla browsers */
	background:url(img/sidebar/bullet.gif) no-repeat left 12px; /* for IE */
	}

#navBottom {
	height:30px;
	background:url(img/sidebar/navBottom.png);
	}

#sidebar blockquote {
	font-size:11px;
	padding:30px 20px;
	line-height:16px;
	color:#666;
	}

#sidebar blockquote p {
	text-indent:-4px;
	margin:12px 0;
	}

#sidebar blockquote p.source {
	text-indent:0px;
	text-align:left;
	font-size:10px;
	line-height:13px;
	}

#sidebar p.source .name {
	font-weight:bold;
	}

#sidebar blockquote a:link,
#sidebar blockquote a:visited {
	color:#8F97BF;
	text-decoration:none;
	border-bottom:1px dotted #8F97BF;
	}

#sidebar blockquote a:hover {
	color:#fc0;
	border-bottom:0;
	}
  


/* Copyright
------------------------------------------------------------------------*/

#copyright {
	clear:both;
	width:572px;
	}

#copyright p {
	background:url(img/copyright.gif) no-repeat center center;
	height:32px;
	margin-top:17px;
	}

#copyright p span {
	margin-left:-5000px;
	}	


/* Contacto
------------------------------------------------------------------------*/

.contacto_textarea {
	height:200px;
}
.contacto_button {
	font-family : Tahoma,Arial,Verdana,Helvetica;
	background-color : #F2F6F8;
	border-color : #6175a6;
	color : #6175a6;
	border-width : 1pt;
	border-style : solid;
	font-size : 11px;
	font-weight : bold;
	text-decoration : none;
	padding:2px 10px 2px 10px;
}
.contacto_button_dis{
	font-family : Tahoma,Arial,Verdana,Helvetica;
	background-color : #eee;
	border-color : #444;	
	color : #aaa;
	border-width : 1pt;
	border-style : solid;
	font-size : 11px;
	font-weight : bold;
	text-decoration : none;
	padding:2px 10px 2px 10px;
}
.reg-val-in {
	width:250px;	
	border: solid 1px #db4c4c;
}
.reg-val-out {
	width:250px;
	border: solid 1px #000;
}
.llenar-out {
	display:none;
}
.llenar-in {
	color: #db4c4c;
}

/* ALERTS MENSAJES */
.allmsgs {border:2px solid #999;padding:5px;width:500px;border-left:none;border-right:none;background:#e6e6e6;margin-top: 20px;margin-right:auto;margin-bottom:20px;margin-left:auto;}
.allmsgs span {display:block;font-weight:bold;font-size:120%;color:#333;padding:10px 0 12px 40px;background:url(img/msgs-icons.gif) -8px -8px no-repeat;}
/*.allmsgs p span {display:block;font-weight:bold;font-size:120%;}*/
.msg-info span{ background-position: -0px -184px}
.msg-warning span{ background-position: -0px -18px}
.msg-ok span{ background-position: -0px -349px}
.allmsgs a {color:#0000FF}

/* Articulos
------------------------------------------------------------------------*/

#historia_img_r {
	float: right;
	padding:0px 0px 0px 20px;
}
#historia_img_l {
	float: left;
	padding:10px 20px 10px 10px;
}
#sabia_img {
	padding:10px 20px 10px 10px;
}