/********************************************
 *  CSS CGS Capital                         *
 *  Archivo     :   style.css               *
 *  @author     :   Dealfil Comunicación    *
 *  @author     :   info@dealfil.com        *
 *  @WEB        :   http://www.dealfil.com	*
 *  @version    :   1.0                     *
 *                                          *
 ********************************************/

* {
    margin: 0;
}

html, body{
	height: 100%;
	width: 100%;
	padding:0; 
	margin:0;
}
body{
	background: #fff url(img/bg.jpg) repeat-x 0px 0px;
	font-family: Arial;
	font-size: 12px;
	color: #353434;
}


/*------------------------------
=GENERAL
------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

.left{
	float: left;
}
.right{
	float: right;
}
a{
	color: #353434;
	text-decoration:none;
}
a:hover{
	color: #000;
}
.clear{
	clear: both;
}
.bold{
	font-weight: bold;
}


/*------------------------------
=ESTRUCTURA
------------------------------*/
html, body, #wrapper {
	height: 100%;
}

body > #wrapper {
	height: auto; min-height: 100%;
}
#wrapper{
	width: 1000px;
	margin: 0px auto 0px auto; /* the bottom margin is the negative value of the footer's height */
	position: relative;
}
#header {
	height: 349px;
	width: 100%;
	position: relative;
}
#content {
	padding-bottom: 27px;
	margin-top: 0px;
	margin-bottom: 40px;
	padding-right: 40px;
}  /* debe ser el mismo alto que el footer */

#footer {
	position: relative;
	margin-top: -27px; /* valor negativo del alto del footer */
	height: 19px;
	clear:both;
	background: url(img/bg_footerwrap.jpg) repeat-x;
	font-size: 12px;
	border-top: 1px solid #343434;
	text-align: center;
	padding-top: 7px;
	font-size: 10px;
}


/*------------------------------
=HEADER
------------------------------*/
#header_top{
	clear: both;
	height: 0px;
	width: 100%;
}
	#nav-idioma{
		height: 15px;
		position: relative;
		float: right;
		margin: 29px 0px 0px 0px;
	}
		#nav-idioma li{
			float: left;
			color: #b4b4b4;
			font-size: 10px;
			margin-left: 10px;
			cursor: default;
		}
			#nav-idioma li a{
				color: #b4b4b4;
			}
			#nav-idioma li a:hover,
			#nav-idioma li a.active{
				color: #343333;
				font-weight: bold;
			}
#header_bottom{
	clear: both;
	height: 305px;
	width: 100%;
	position: relative;
}
	#logo{
		width: 166px;
		height: 65px;
		background: url(img/logo.jpg) no-repeat;
		display: block;
		text-indent: -9999px;
		position: absolute;
		top: 26px;
		left: 37px;
	}
	#nav-menu{
		width: 237px;
		height: 155px;
		margin: 0px;
		position: absolute;
		bottom: 10px;
	}
		#nav-menu li{
			text-align: center;
			font-weight: bold;
			font-size: 11px;
			margin-bottom: 10px;
		}
			#nav-menu li a{
				color: #696868;
				letter-spacing: 1px;
			}
			#nav-menu li a:hover,
			#nav-menu li a.active{
				color: #ffffff;
			}
	#acordion{
		width: 762px;
		height: 305px;
		float: left;
		overflow: hidden;
   		border-right: 1px solid #fff;
	}
	
	
	  .haccordion .header, .haccordion .content{
   		float: left;
   		height: 305px;
  		}
  
  		.haccordion .header{
  			width: 40px;
   			color: #fff;
   			cursor: pointer;
   			border-left: 1px solid #fff;
   			position: relative;
   			z-index: 100;
  		}
  		.haccordion .headerlast{
  			width: 40px;
   			color: #fff;
   			cursor: pointer;
   			border-left: 1px solid #fff;
   			position: relative;
   			z-index: 100;
  		}
  
  		.haccordion .content{
   			display: none;
   			width: 0px;
   			overflow: auto;
   			margin-left: -40px;
   			padding-left: 40px;
   			position: relative;
  		}
  		
  		.haccordion .tradition{
  			background: url(img/1tradition_img.jpg) no-repeat;
  		}
  		.haccordion .vision{
  			background: url(img/2vision_img.jpg) no-repeat;
  		}
  		.haccordion .transparency{
  			background: url(img/3transparency_img.jpg) no-repeat;
  		}
  		.haccordion .excelence{
  			background: url(img/4excelence_img.jpg) no-repeat;
  		}
  		.haccordion .local{
  			background: url(img/5local_img.jpg) no-repeat;
  		}
  		.haccordion .privacy{
  			background: url(img/6privacy_img.jpg) no-repeat;
  		}
  
  		.haccordion .content div{
   			width: 390px;
   			position: absolute;
   			bottom: 20px;
   			left: 120px;
   			color: #fff;
   			font-size: 12px;
   			line-height: 16px;
  		}
  			.haccordion .content div span{
  				font-size: 17px;
  				font-weight: bold;
  				font-style: italic;
  				font-family: Georgia;
  				display: block;
  				margin-bottom: 10px;
  			}
  			.haccordion .activeslide{
  				width: 516px; display: block;
			}
/*------------------------------
=CONTENT
------------------------------*/
	.content-left{
		width: 363px;
		float: left;
	}
		.content-left img{
			margin-left: -63px;
		}
	.content-right{
		width: 597px;
		float: left;
	}
		.content-right h1{
			font-size: 24px;
			font-weight: bold;
			margin-bottom: 24px;
		}
		.content-right p{
			line-height: 18px;
			text-align: justify;
			margin-bottom: 24px;
		}
		.content-right ul li{
			height: 10px;
			text-align: justify;
			margin-bottom: 12px;
			list-style: inside;
		}
		.content-right .link-bluecapital{
			color: #244b6a;
			font-weight: bold;
		}
		.content-right .p-google{
			float: left;
			width: 200px;
			margin-right: 50px;
			line-height: 10px;
		}
		.content-right .team{
			width: 468px;
			height: 67px;
		}
			.content-right .team li{
				float: left;
				width: 234px;
				height: 67px;
				position: relative;
				list-style: none;
				margin-bottom: 24px;
			}
				.content-right .team li div {
					float: left;
					margin-right: 13px;
					position: relative;
					border: 1px solid #393838;
				}
					.content-right .team li div .cv{
						display: block;
						width: 31px;
						height: 15px;
						text-indent: -9999px;
						background: url(img/cv.jpg) no-repeat;
						position: absolute;
						bottom: 0px;
						right: 0px;
					}
				.content-right .team li p{
					float: left;
					text-align: left;
					margin: 0px;
				}
					.content-right .team li p span{
						display: block;
						font-weight: bold;
					}
					.content-right .team li p a{
						display: block;
						position: absolute;
						bottom: 0px;
					}

/*------------------------------
=FOOTER
------------------------------*/