/* HTML Elements */
* {	margin:0; padding:0;}
body, html { min-height:101%; margin: 5px 0 0 0;}
body { background: #DDDDDD;}
body, select, input, textarea {	font: 0.75em "Trebuchet MS", Arial, sans-serif;	}
fieldset { border: 0;}	
p {}
a:link, a:visited, a:active { text-decoration: none; color: #0099FF;}
a:hover { color: #0066CC;}
a:link img, a:visited img { border:0}
ul, li { margin: 0; padding: 0; list-style: none;}
small {}
span { visibility:hidden; }
h1, h2, h3, h4 { margin: 0; padding: 0;}
.left {	float:left;}
.right { float:right;}

/* Float Properties */
.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}
.clearfloat {
	display:inline-block
	}
.clearfloat {
	display:block
	}


/* ESTRUCTURA */
#wrapper {
	width: 960px;
	background: #FFFFFF;
	margin: 0 auto;
	padding: 10px;
	}
#wrapperr {
	width: 100%;
	}
#head {
	width: 100%;
	height: 110px;
	background-color: #000033;
	}
#content {
	width: 100%;
	background: url(imgs/backs/back_content.gif) top left repeat-x #FFF;
	margin: 5px 0 0 0;
	}	
#bar {
	height: 60px;
	background: url(imgs/backs/back_bar.gif) top left repeat-x #FFF;
	margin: 5px 0 0 0;
}
#footer {
	width: 958px;
	height: 22px;
	border: 1px solid #006699;
	margin: 5px 0 0 0;
	background-color: #003366;
}


/* Head */
#head {
	background: url(imgs/backs/head.gif) top left no-repeat #000033;  
	}
a#logo {
	width: 185px;
	height: 60px;
	position: relative;
	top: 25px;
	left: 76px;
	}

ul#menu {
	position: relative;
	top: 60px;
	right: 20px;
	}
ul#menu li {
	float: left;
	display: inline;
	height: 50px;
	}
ul#menu li a {
	display: block;
	height: 50px;
	}
ul#menu li a#uno { width: 120px; background: url(imgs/menu/menu_uno.gif) top left no-repeat;}
ul#menu li a#uno:hover { width: 120px; background: url(imgs/menu/menu_uno.gif) bottom left no-repeat;}
ul#menu li a#dos { width: 102px; background: url(imgs/menu/menu_dos.gif) top left no-repeat;}
ul#menu li a#dos:hover { width: 102px; background: url(imgs/menu/menu_dos.gif) bottom left no-repeat;}
ul#menu li a#tres { width: 200px; background: url(imgs/menu/menu_tres.gif) top left no-repeat;}
ul#menu li a#tres:hover { width: 200px; background: url(imgs/menu/menu_tres.gif) bottom left no-repeat;}
ul#menu li a#cuatro { width: 198px; background: url(imgs/menu/menu_cuatro.gif) top left no-repeat;}
ul#menu li a#cuatro:hover { width: 198px; background: url(imgs/menu/menu_cuatro.gif) bottom left no-repeat;}

/* Content */
#content { padding: 20px 0;}
#content #sidebar { width: 290px;}
#content #main {width: 670px;}

#content h2, #content h3 { 
	height: 40px;
	display: block;
	width:100%;
	}

/* Content Main */

	/* la empresa*/
	 #main h3.quienes	{	background: url(imgs/titulos/main/quienes.gif) top left no-repeat transparent;}
	 #main h3.valores	{	background: url(imgs/titulos/main/valores.gif) top left no-repeat transparent;}	
	 #main h3.xqasesor	{	background: url(imgs/titulos/main/xqasesor.gif) top left no-repeat transparent;}	
	 #main h3.xqunionfa	{	background: url(imgs/titulos/main/xqunionfa.gif) top left no-repeat transparent;}	
	 #main h3.alianza	{	background: url(imgs/titulos/main/alianza.gif) top left no-repeat transparent;}	
	
	/* servicios*/
	 #main h3.asset		{	background: url(imgs/titulos/main/asset.gif) top left no-repeat transparent;}
	 #main h3.cash		{	background: url(imgs/titulos/main/cash.gif) top left no-repeat transparent;}	
	 #main h3.brokerage	{	background: url(imgs/titulos/main/brokerage.gif) top left no-repeat transparent;}	
	 #main h3.fondos	{	background: url(imgs/titulos/main/fondos.gif) top left no-repeat transparent;}	
	 #main h3.research	{	background: url(imgs/titulos/main/research.gif) top left no-repeat transparent;}	
	
	/* apertura de cuenta */
	 #main h3.perfil	{	background: url(imgs/titulos/main/perfil.gif) top left no-repeat transparent;}
	 #main h3.fisica	{	background: url(imgs/titulos/main/fisica.gif) top left no-repeat transparent;}	
	 #main h3.juridica	{	background: url(imgs/titulos/main/juridica.gif) top left no-repeat transparent;}



#content p {
	margin: 1em 30px 0 30px;
	text-align: justify;
	line-height: 1.8em;
	}
#content #main p, #content #main {color: #333366;}
#content #sidebar p { color: #999999;}

/* Content MAIN */
#main h4 { font-size: 1em; text-decoration: underline;}

#texto { 
	width: 370px;
	}
#texto ul {
	margin: 1em 30px 0 30px;
	}
#texto ul li {
	list-style-type: circle;
	list-style-position: inside;
	vertical-align: middle;
	margin: 7px 0;
	}	
	

#foto { width: 300px;}	
#foto img { 
	margin: 1.3em 0 0 0;
	border: 1px solid #CCC;
	}

/* Content SIDEBAR */
#sidebar h2, #sidebar p { text-align: right;}

#sidebar h2.empresa		{ background: url(imgs/titulos/sidebar/empresa.gif) top left no-repeat transparent;}	
#sidebar h2.servicios	{ background: url(imgs/titulos/sidebar/servicios.gif) top left no-repeat transparent;}	
#sidebar h2.apertura	{ background: url(imgs/titulos/sidebar/apertura.gif) top left no-repeat transparent;}	
#sidebar h2.contacto	{ background: url(imgs/titulos/sidebar/contacto.gif) top left no-repeat transparent;}	

#sidebar ul {
	text-align: right;
	margin: 0 20px;
	}
#sidebar ul li a {
	display: block;
	width: 250px; /* max width */
	height: 30px;
	background: #FFCC00;
	}

	/* la empresa*/
	 #sidebar ul li a.quienes	{	background: url(imgs/titulos/sidebar/quienes.gif) top left no-repeat transparent;}
	 #sidebar ul li a.valores	{	background: url(imgs/titulos/sidebar/valores.gif) top left no-repeat transparent;}	
	 #sidebar ul li a.xqasesor	{	background: url(imgs/titulos/sidebar/xqasesor.gif) top left no-repeat transparent;}	
	 #sidebar ul li a.xqunionfa	{	background: url(imgs/titulos/sidebar/xqunionfa.gif) top left no-repeat transparent;}	
	 #sidebar ul li a.alianza	{	background: url(imgs/titulos/sidebar/alianza.gif) top left no-repeat transparent;}	
	
	/* servicios*/
	 #sidebar ul li a.asset		{	background: url(imgs/titulos/sidebar/asset.gif) top left no-repeat transparent;}
	 #sidebar ul li a.cash		{	background: url(imgs/titulos/sidebar/cash.gif) top left no-repeat transparent;}	
	 #sidebar ul li a.brokerage	{	background: url(imgs/titulos/sidebar/brokerage.gif) top left no-repeat transparent;}	
	 #sidebar ul li a.fondos	{	background: url(imgs/titulos/sidebar/fondos.gif) top left no-repeat transparent;}	
	 #sidebar ul li a.research	{	background: url(imgs/titulos/sidebar/research.gif) top left no-repeat transparent;}	
	
	/* apertura de cuenta */
	 #sidebar ul li a.perfil	{	background: url(imgs/titulos/sidebar/perfil.gif) top left no-repeat transparent;}
	 #sidebar ul li a.fisica	{	background: url(imgs/titulos/sidebar/fisica.gif) top left no-repeat transparent;}	
	 #sidebar ul li a.juridica	{	background: url(imgs/titulos/sidebar/juridica.gif) top left no-repeat transparent;}

/* Bar */
#bar {
	width: 940px;
	padding: 0 0 0 20px;
	}
#bar ul li {
	float: left;
	display:inline;
	}
#bar ul li a {
	display: block;
	width: 250px;
	height: 30px;
	background: url(imgs/flamenco.gif) top left no-repeat transparent;
	margin: 17px 20px 0 0 ;
	}
#bar ul li a:hover { background: url(imgs/flamenco.gif) bottom left no-repeat transparent;}	

/* Footer */
#footer {
	font-size: 0.85em;
	font-weight: bold;
	font-style: normal;
	letter-spacing: 1px;
}
#footer p {
	line-height: 22px;
	vertical-align: middle;
	padding: 0 10px;
	color: #ccd6df;
}
#footer a, #footer a:visited {
	background-color: #668099;
	text-transform: uppercase;
	line-height: 16px;
	vertical-align: middle;
	margin: 2px;
	border: 1px solid #7e98b1;
	padding: 0 5px;
	color: #d6dfe6;
}
#footer a:hover {
	border: 1px solid #ccd6df;
	color: #fff;
}
#copyr {
	color: #999999;
	text-align: center;
	font-size: 0.8em;
	margin: 5px;
}
#copyr a { color: #999; text-decoration: underline;}
#copyr a:hover { color: #000; text-decoration: none;}