@charset "UTF-8";
/* CSS Document */



/* En este CSS se hace uso del siguiente script:
 * CSS Browser Selector - http://rafael.adm.br/css_browser_selector/
-----------------------------------------------------------------------------*/



/* General
------------------------------------------*/

body {
	background: #6a8097 url(../images/bg.gif) repeat-x;
	margin-top:5px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#434343;
}

#wrapper {
	margin: 0 auto;
	width:977px;
}

a {
	color:#636f7c;
	font-weight:bold;
}



.clear { 
  margin: 0; padding: 0; border: 0;
  font-size: 0.1em;
  line-height: 0;
  
  clear: both; 
}



.description {
  margin-top: -15px !important; 
  
  font-size: 0.9em;
  color: #999;
}



/* Header
------------------------------------------*/

#header {
	background: url(../images/bg-header.png) no-repeat;
	width:977px;
	height:144px;
}

#logo h1 {
	position:absolute;
	margin:25px 0 0 15px;
	background:url(../images/logo.png);
	width:214px;
	height:50px;
}

#logo h1 span {
	display:none;
}




/* Menu 1
------------------------------------------*/

#menu1 {
	position:relative;
	top:26px;
	left:646px;
	width:324px;
	height:40px;
}

#menu1 ul {
	margin:0 0 0 30px;
	padding:11px 0 0 0;
	font-size:11px;
}

#menu1 ul li {
	display:inline;
}

#menu1 ul li.inicio {
	margin-right:30px;
}

#menu1 ul li.contactenos {
	margin-right:30px;
}

#menu1 ul li a {
	color:#3e4d67;
	text-decoration:none;
	font-weight:normal;
}

#menu1 ul li a:hover {
	text-decoration: underline;
}









/* Menu 2
------------------------------------------*/

#menu2 {
	position:relative;
	top:17px;
	left:515px;
	
	width:450px;
	
	color:#FFF;
}




.ie7 #menu2 {
	top:28px;
	width:460px;
}

.webkit #menu2 {
	top:16px;
}




#menu2 ul {
	list-style-type:none;
}

#menu2 ul li {
	float:left;
}




#menu2 ul li span.separation {
	margin-left:14px;
}





#menu2 ul li a {
	color:#FFF;
	text-decoration:none;
	font-size:1.05em;
	padding-top:10px;
}

#menu2 ul li a.menu2general {
	display:block;
	height:53px;
}

#menu2 ul li a.empresarial {
	padding-left:9px;
	margin-right:9px;
	width:135px;
}

.ie7 #menu2 ul li a.empresarial {
	width:140px;
	margin-right:5px;
}

#menu2 ul li a.empresarial:hover {
	background:url(../images/bg-menu2-01.png) no-repeat;
}

#menu2 ul li a.preferencial {
	padding-left:7px;
	margin-right:10px;
	width:132px;
}

.ie7 #menu2 ul li a.preferencial, .ie #menu2 ul li a.preferencial {
	padding-left:4px;
	width:142px;
	margin-right:6px;
}

.webkit #menu2 ul li a.preferencial {
	width:138px;
}

#menu2 ul li a.preferencial:hover {
	background:url(../images/bg-menu2-02.png) no-repeat;
}

#menu2 ul li a.conozcanos {
	padding-left:7px;
	width:92px;
}

#menu2 ul li a.conozcanos:hover {
	background:url(../images/bg-menu2-03.png) no-repeat;
}










/* Content - General
------------------------------------------*/

#content {
	background:url(../images/bg-content.png) repeat-y;
	width:977px;
	float:left;
}


#content p.legal {
  font-size:10px;
}

.img_border {
border:solid;
border-color:#999999;
border-width:1px;
}


#instructivo {
  margin:auto;
  padding:auto;
  width:600px;
  border:#EAEAEA solid 3px;
}


/* Left Sidebar
------------------------------------------*/

#left-sidebar {
	float:left;
	width:251px;
	margin-left:11px;
	padding:5px 0;
}

#left-sidebar img {
	margin:10px 0;
	border:0;
}


/* Nouvelles boite
------------------------------------------*/

#noticias-box {
	width:245px;
	height:50px;
}

#noticias-box img {
    margin:0;
	border:0;
}

#noticias-box td.cont-noticias ul {
    margin-top:15px;
	border:0;
	list-style: none;
}





/* EBanking
------------------------------------------*/

#ebanking-box {
	width:238px;
	height:202px;
	margin-bottom:15px;
}

#ebanking-box img {
	margin:10px 0 0 0;
	padding:0;
}





/* Submenu
------------------------------------------*/

#submenu2 ul{
	/*margin:0px 0 5px 15px;
	padding:0;*/
	/*list-style-type:none;*/
	/*list-style-position:inside;*/
	/*line-height:1.4em;*/
	
}

#noticias-box ul {
	margin: 0;
	padding: 0;
	/*margin-left: -10px;*/
	padding-left: 27px;
	padding-right:2px;
}

#submenu2 ul li , #noticias-box ul li {
	/*background:url(../images/bullet.gif) left no-repeat;*/
	/*list-style-image:url(../images/bullet.gif);*/
	list-style-image:url(../images/bullet.gif);
	list-style-type: square;
	padding-bottom:2px;
	/*padding-left:12px;
	padding-bottom:3px;*/
}





#submenu3 {
    border-bottom-style:dashed;
	border-top-style:dashed;
	border-color:#DFE3E5;	
}

#submenu3 h3 {
	margin:8px 0 10px 5px;
	padding:0;
}

#submenu3 ul {
	height:20px;
	margin:0px 0 5px 15px;
	padding:0;
	list-style-type:none;
	line-height:1.4em;
}

#submenu3 ul li a {
	background:url(../images/bullet.gif) left no-repeat;
	padding-left:12px;
}


/* Main Content
------------------------------------------*/

#right-maincontent {
	float:right;
	width:700px;
}

#banner-top {
	margin-top:5px;
}

#right-maincontent h2 {
	margin-left:15px;
	color:#697f96;
	font-size:1.7em;
}

#right-maincontent h3 {
	margin: 0 0 5px 15px;
	padding: 0;
	color:#697f96;
	font-size:1.3em;
}


#right-maincontent h4 {
	margin: 0 0 0 15px;
	padding: 0;
	color:#434343;
	font-size:1.1em;
}



#right-maincontent p {
	margin:15px 45px 20px 15px;
	width:620px;
	text-align:justify;
	line-height:1.4em;
}

#right-maincontent ul {
	width:600px;
	margin-bottom: 20px;
	line-height:1.4em;
}



#right-maincontent ul li {

margin-bottom:10px;

}


img.foto_derecha {
  margin: 0 40px 20px 40px; 
  border: 0;
  float: right;
}



#right-maincontent hr.divider {
	margin:20px 45px 5px 15px;
	height:1px;
	background-color: #CCC;
	border:none;
}

#right-maincontent #tabla-tarjetas{
	margin-left: 15px;
	line-height:1.4em;
}

#right-maincontent #tabla-tarjetas table tr{
	margin-bottom: 20px;
}







/* Footers 
------------------------------------------*/

#contentfooter {
	clear:both;
	background:url(../images/bg-contentfooter.png) no-repeat;
	width:977px;
	height:39px;
}

#wrapperfooter {
	background:url(../images/bg.png) no-repeat;
	width:977px;
	height:140px;
	padding-top:5px;
}

#wrapperfooter a {
	width:977px;
	height:83px;
	padding-top:5px;
	color: #FFFFFF;
}

#wrapperfooter p {
	margin:0;
	padding:0;
	color:#FFF;
	font-size:10px;
	text-align:center;
}