@charset "UTF-8";
/* top elements */
* { padding: 0; margin: 0; }

body {
	margin: 0; 	padding: 0;
	font: normal .72em/1.5em 'Trebuchet MS', sans-serif;
	color: #333;
	background: #FFF url(../images/bg.jpg) repeat-x;
	text-align: center;	
	height: 100%;	
}

/* links */
a { color: #00812f; }
a:hover {color: #00453d; }

ul, ol {
	margin: 10px 30px;
	padding: 0 15px;	
	color: #585656;	
}
ul span, ol span {
	color: #333;
}
/* headers */
h1, h2, h3 {
	font: italic 3em Georgia, times, serif;
	color: #00812f;
}
h1 { font-size: 1.5em; }
h2 { font-size: 1.5em; text-transform: uppercase;}
h3 { font-size: 1.2em; }

p, h1, h2, h3 {
	margin: 10px 0;
}
h3 
{ 
	margin: 10px 0px;
}

/* images */
img {
	border: 0px ;
}
img.float-right {
  margin: 5px 0px 5px 15px;  
}
img.float-left {
  margin: 5px 15px 5px 0px;
}
a img {  
 /* border: 2px solid #fff100;  #32CD32; */
}


code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
  border-left: 3px solid #72A545;
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
	margin: 15px; 	padding: 0 0 0 20px;  	
  	background-color: #FAFAFA; 
	background-position: 8px 10px;
	border: 1px solid #f2f2f2; 
	border-left: 3px solid #72A545;  
	font: bold 1.2em/1.5em "Trebuchet MS", Tahoma, sans-serif; 
	color: #666666;	
}

/* form elements */
form {
	margin:10px; padding: 0;

}

input {
	padding: 2px;
	font: normal 1em "Trebuchet MS", Tahoma, sans-serif;
	color:#777;
}

textarea {
	padding:2px;
	font: normal 1em "Trebuchet MS", Tahoma, sans-serif;
	border:1px solid #898686;
	display:block;
	color:#777;
}
input.button { 
	margin: 0; 
	font: bold 1em Arial, Sans-serif; 
	border: 1px solid #fff100;
	background: #00812f; 
	padding: 2px 3px; 
	color: #fff;	
}

.ItemTableRepeater
{
 margin-left: 8px;
	}
/* search form */
.searchform {
	background-color: transparent;
	border: none;	margin: 0; padding: 0;	
}

/* search form */
.surveyform {
	background-color: transparent;
	border: none;	margin: 0; padding: 0;	
}

form.searchform input.textbox { 
	margin: 0; 
	width: 120px;
	border: 1px solid #9EC630; 
	background: #FFF;
	color: #333; 
	height: 14px;
	vertical-align: top;
}
form.searchform input.button { 
	margin: 0; 
	padding: 2px 3px; 
	font: bold 12px Arial, Sans-serif; 
	background: #FAFAFA;
	border: 1px solid #f2f2f2;
	color: #777;	
	width: 60px;
	vertical-align: top;
}
.ewRequired
{
	font-weight:bolder;
	color:#e30a0a;
}
.ewMessage
{
	font-weight:bolder;
	color:#e30a0a;
}
#ctl00_Footer_Survey input 
{
	padding-right:15px;
}
/***********************
	  LAYOUT
************************/

#header-content, #content, #footer-content {
	width: 904px;
}

/* header */
#header {
	height: 100px;
	text-align: left;	
}
#header form.searchform {
	position: absolute;
	top: 0; right: -12px;	
}

#header-content {
	position: relative;
	margin: 0 auto;
	padding: 0;
	height: 92px;
}
#header-content #logo {
	position: absolute;
	font: bold 4em 'Trebuchet Ms', Sans-serif;
	letter-spacing: -2px;
	color: #FFF;
	top: 15px;
	margin: 25px 0px 0px 0px;
	padding: 0;
/* change the values of left and top to adjust the position of the logo */	top: 0;
	left: 0px;
}
#header-content #slogan {
	position: absolute;	
	font: bold 1.1em 'Trebuchet Ms', Sans-serif;
	text-transform: none;
	color: #FFF;	
	margin: 0; padding: 0;
	
	/* change the values of left and top to adjust the position of the slogan */
	top: 55px; left: 40px;
}

/* header menu 
#header-content ul {
	position: absolute;
	right: -2px;
	font: bold 10px Arial, 'Trebuchet MS', Tahoma, verdana, sans-serif;
	text-transform: uppercase;
	color: #414040;
	list-style: none;
	margin: 0;
	padding: 0;
	bottom: 0px !important;
	background-color: #c2c2c2;
}
#header-content li {
	display: inline;
	background-image: url('images/BgMenuTop.gif');
	background-repeat: repeat-x;
}
#header-content li a {
	float: left;
	display: block;
	padding: 3px 12px;	
	color: #414040;
	text-decoration: none;
  	font-weight:bolder;
	border-right: 1px solid #c2c2c2;
	padding:6px 15px 6px 15px;
}
#header-content li a:hover {
	color: #00812f;
}
#header-content li a#current  {
	color: #00812f;
}
*/

/* header photo 
.headerphoto {
	margin-top:15px;
	margin-bottom:10px;
	width: 900px;
	padding: 2px 2px 2px 2px;
	border: solid 2px #fff100;
	
}*/
.headerphoto {
	margin: 0 auto;
	width: 900px;
	margin-top:15px;
	margin-bottom: 15px;
	padding: 2px 2px 2px 2px;
	border: solid 2px #fff100;
	min-height: 157px;
}
#swf {
	z-index: 10;
	
}

/* content */
#content-wrap {
	clear: both;
	float: left;
	width: 100%;
}
#content {
	background: #FFF;
	text-align: left;
	padding: 2px 10px 10px 10px;
	margin: 0 auto;
	width: 904px;
}

/* sidebar */
#sidebar {
	float: right;
	width: 314px;
	margin: 0 0 10px 0;
	padding: 0;
}	
#sidebar h1 {
	padding: 10px 0px 5px 10px;
	margin: 0;	
}
.sidebox {
	background: #FFF url(../images/gradientbg.jpg) repeat-x;
	border: 1px solid #EFEDED;
	margin-bottom: 10px;
}
.sideboxbanner {
	margin-bottom: 10px;
	background: #FAFAFA;
	border: 3px solid #EFEDED;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
}

/* sidebar menu */
#sidebar ul.sidemenu {
	list-style:none;
	margin: 10px 0;
	padding: 0;
	background: #F2F2F2;			
}
#sidebar ul.sidemenu li {
	padding: 0px 10px;
}
#sidebar ul.sidemenu a {
	display:block;
	font-weight:normal;
	color: #333;
	height: 1.5em;	
	padding:.3em 0 .3em 15px;
	line-height: 1.5em;
	border-bottom: 1px dashed #CCC;
	text-decoration:none;
}
#sidebar ul.sidemenu a.top{	
	border-top: 1px dashed #CCC;
}
#sidebar ul.sidemenu a:hover {
	padding: .3em 0 .3em 10px;
	border-left: 5px solid  #65944A;
	color: #65944A;		
}

/* main */
#main {
	float: left;
	width: 574px;
	margin: 0 0 20px 0;
	padding: 0;
}
#main h1 {
	font: italic normal 18px Georgia, times, sans-serif;
	padding: 5px 0 5px 5px;
	margin: 0 0 16px;
	border-bottom: 1px dotted #00812f; 	
}

.spotlight {
	margin: 0;
	padding: 0;
	/*background: #FFF url(gradientbg.jpg) repeat-x;*/
	display: block;
	min-height: 450px;

}

.spotlight .articlel {
	padding: 5px;
	margin-top: 10px;
	font-size: 95%;
	width: 250px;
	min-height: 180px;
	float: left;

	border: 0px;
}
.spotlight .articler {
	padding: 5px;
	margin-top: 10px;
	font-size: 95%;
	width: 250px;
	min-height: 180px;
	float: right;

	margin-right: 10px;

	border: 0px;
}
.title {
	padding: 0px 0px 0px 0px;
	margin: 0 0 0 0px;
	border-bottom: 1px solid #f2f2f2; 	
}
.spotlight a img {  
border: 2px solid #fff100;   /* #32CD32; */
padding: 2px;
}
.post {
	margin: 0; padding: 0;
	background: #FFF url(../images/gradientbg.jpg) repeat-x;
	border: 1px solid #EFEDED;
}
.post div.post { border-width: 1px 0;  padding: 0 10px; }
#spotlightlist {
	padding: 5px;
	margin-top: 10px;
	font-size: 95%;
	width: 150px;
	float: left;
	margin-left:10px;
	border: 0px;
	display:block;
}
#spotlightlist ul li {
list-style-image:url(../images/bullet.gif);
font-size: 100%;
font-weight: bolder;
margin: 0px;
padding: 0px;
}
.post .post-footer {
	background-color: #FAFAFA;
	border: 1px solid #f2f2f2;
	padding: 5px; margin-top: 20px;
	font-size: 95%;
}
.post .post-footer .date {
	background: url(../images/clock.gif) no-repeat 0 center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post .post-footer .comments {
	background: url(../images/comment.gif) no-repeat 0 center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post .post-footer .readmore {
	background: url(../images/page.gif) no-repeat 0 center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post .tools {
	margin: 0px;
	padding: 0px;
}
.post .tools ul {
	float: right;
	padding: 0px 0px 1px 0px;
	margin: 0px;
	list-style: none;
}
.post .tools ul li {
	padding: 0px 0px 0px 10px;
	margin: 5px 10px;
	display: block;
	height: 16px;
	float: left;
	background: none;
}
.post .tools ul li a {
	text-decoration: none;
}
.post .tools ul li a:hover {
	text-decoration: underline;
}
.post .tools ul li img.icon {
	margin-right:2px;
	float: left;
}


/* footer */
#footer {
	height:103px; background:url(../images/footerbg.gif) 0 0 repeat-x #ffffff; color:#2F5958;
	position:relative; margin:0 auto; clear:both; padding:36px 0 0;
	margin: 0; padding: 0;
	font: normal .95em/1.5em 'Trebuchet MS', Tahoma, Arial, sans-serif;
	text-align: left;	
}
#footer h3, #footer p {
	margin-left: 0;
}
#footer-content {	
	border-top: 1px solid #EAEAEA;
	margin: 0 auto;
	padding-left: 15px;
}
#footer-content a {
	text-decoration: none;
	color: #777;	
}
#footer-content a:hover {
	text-decoration: underline;
	color: #333;
}
#footer-content ul {
	list-style: none;
	margin: 0; padding: 0;
}
#footer-content .col {
	width: 60%;
	padding: 15px 5px 30px 0;
	display: block;
	bottom: 30px;
}
#footer-content .col2 {
	width: 33%;
	padding: 0 0 30px 0;	
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right {	text-align: right; }

/* additional classes */
.clear { clear: both; }
.gray  { color: #BFBFBF; }



/*paging styles*/
div.pagination {
	padding:3px;
	margin:3px;
	text-align:center;
	clear: both;
}

div.pagination a, div.pagination a:link, div.pagination a:visited {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	text-decoration: none;
	border: 1px solid #ddd;
	color: #00812f;
	background-color: #fff;
}
div.pagination a:hover {
	border-top-color:#eee;
	border-right-color:#eee;
	border-left-color:#eee;
	border-bottom-color:#00812f;
	color: #00812f;
	background-color: #f3f3f3;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #FFF;
	font-weight: bold;
	background-color: #00812f;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #ccc;
}


#wrapper{
width: 500px;
margin: 0 auto;
}
.box{
background: #fff;
}
.boxholder{
clear: both;
padding: 5px;
background: #8DC70A;
}
.tab{
float: left;
height: 32px;
width: 102px;
margin: 0 1px 0 0;
text-align: center;
background: #8DC70A url(../images/greentab.jpg) no-repeat;
}
.tabtxt{
margin: 0;
color: #fff;
font-size: 12px;
font-weight: bold;
padding: 9px 0 0 0;
}

/* Template */
.ewTemplate {
	display: none;
}

/* field set style for steps forms*/

fieldset { border:none; width:320px;}
legend { font-size:18px; margin:0px; padding:10px 0px 10px 0px; color:#00812f; font-weight:bold;}
/*label { display:block; margin:15px 0 5px;}*/
.prev, .next { background-color:#00812f; padding:5px 10px; color:#fff; text-decoration:none;}
.prev:hover, .next:hover { background-color:#fff100; text-decoration:none;}
.prev { float:left;}
.next { float:right;}
#steps { list-style:none; width:100%; overflow:hidden; margin:0px; padding:0px;}
#steps li {font-size:24px; float:left; padding:10px; color:#dedddd;}
#steps li span {font-size:11px; display:block;}
#steps li.current { color:#00812f;}


/* new classes for sucursales section*/

.rounded-note {
color:#666;
font:11px/15px Trebuchet MS, sans-serif;
width: 160px;  
background: url(../images/rounded-top.gif) no-repeat; 
padding-top: 10px; 
float: left; 
margin:0 24px 20px 0;
}

.rounded-note-b {
background: url(../images/rounded-bottom.gif) no-repeat left bottom; 
padding: 0 10px 20px !important}

.rounded-note h3 {
color:#00812f; 
font-size: 18px; 
text-align: center; 
margin: 0;}

.sucursal .rounded-note-b, .puntoventa .rounded-note-b {height: 220px}
.sucursal h3 {
background: url(../images/logo-bigbullet.jpg) no-repeat left top; 
padding: 5px 0 5px 35px; 
font-style: italic;}

.puntoventa h3 {position:relative;}
.puntoventa .pv-icon {position:absolute; top:-20px; right:0}

.sucursal strong, .puntoventa strong {color:#00812f}
.sucursal p, .puntoventa p {margin: 8px 0 5px 0}

.arrow-nav {margin-top: 10px}

.arrowlink, .arrowlink-left {
text-decoration: none; 
font-weight: bold; 
color:#00812f;
}

.arrowlink { background:url(../images/arrowlink.gif) no-repeat right center; padding-right: 10px;}
.arrowlink-left { background:url(../images/arrowlink-left.gif) no-repeat left center; padding-left: 10px; }

.arrowlink:hover {text-decoration: underline;}

.linkright {margin-left: 15px}

/* new classes for memorias section*/
.memoria-feature {
position:relative; 
float:left; 
margin-right:15px; }

.memoria-feature img {
border:1px solid #ccc; 
padding:5px; }

#memorias {
background: url(../images/memoria-bg.gif) no-repeat; 
padding:20px; 
width:488px; height:172px; 
margin-bottom:20px; }

#memorias p {
color:#999; 
font:italic 14px/24px Trebuchet MS, sans-serif; }

dl.feat {
position:absolute; 
bottom:-25px; left: 12px;
background:url(../images/feature-bg.gif); 
width:119px; height:47px; 
padding:15px 0; }

.file-details dt {
text-align:center; 
margin-bottom:5px; }

.file-details dd {
margin:0; 
padding:0 0 0 27px; 
background-repeat:no-repeat;
background-position: 6px center; 
color:#666;
font:italic 10px/15px Trebuchet MS, sans-serif; }

.file-pdf {background-image: url(../images/ico-pdf.png);}
.file-doc {background-image: url(../images/ico-doc.png);}
.file-xls {background-image: url(../images/ico-xls.png);}
.file-ppt {background-image: url(../images/ico-ppt.png);}
.file-img {background-image: url(../images/ico-img.png);}
.file-file {background-image: url(../images/ico-file.png);}

.memorias {position:relative; }
.memorias img {padding-left:10px;}

dl.regular {
position:absolute;
bottom:0; left:0;
background:url(../images/translucent.png);
margin:0 0 20px 0;
width:115px;
padding:5px 5px 5px 20px; }

.file-details a {
color:#00812f; 
text-transform:uppercase; 
text-decoration:none;
font-weight:bold; }

/* new classes for ul's*/
ul#CatMenuTitle, .post ul {margin: 0 0 0 10px; padding: 0;}

ul#CatMenuTitle li, .post ul li {margin: 0 0 5px 0; padding: 0 0 0 20px; list-style: none; background: url(../images/listbullet.gif) no-repeat 0 2px;}
ul#CatMenuTitle ul li, .post ul ul li {margin-left:15px; padding-left: 15px; background: url(../images/listbullet-secundary.gif) no-repeat 0 5px;}

ul#CatMenuTitle a, .post ul a {background: none; font-weight: bold;}

.post ul ul li a {text-decoration: none; font-style: italic; font-weight: normal !important;}

/* new classes for post's images*/
.imgborder {border: 1px solid #ccc; padding: 5px;}

.imgleft { float: left; margin: 0 10px 10px 0}
.imgright { float: right; margin: 0 0 10px 10px}

/* new classes for home, print and share links*/
.user-actions {text-align: right; margin: 5px -20px 0 0; }
a.printme, a.shareme, a.returnme {padding: 5px 0 5px 25px; font-size: 10px; text-decoration: none; color:#666; margin-right: 10px;}
.printme, a.printme:hover {background: url(../images/printme.gif) left center no-repeat;}
.shareme, a.shareme:hover {background: url(../images/shareme.gif) left center no-repeat}
.returnme, a.returnme:hover {background: url(../images/returnme.gif) left center no-repeat;}


/* new classes for tasa de cambio*/

.tasadecambio {margin-top: 15px;background:url(../images/tasa-bg.gif) no-repeat 40px -140px;}
.tasadecambio td,.tasadecambio th {
border-bottom: 1px dotted #ccc;  text-align: center; padding: 3px 0;}
.thtitle { background:url(../images/gradientbg.jpg) repeat-x; }
td.note { font-size: 10px; padding: 5px; color: #666; border-bottom: 0; margin-bottom: 5px; text-align: left;}

/* new classes for the poll*/

.pds-answer-group {
display: block;
background:url(../images/polloption-bg.gif) no-repeat;
height: 27px;
margin-bottom: 3px;
}
.pds-radiobutton {margin: 0 0 0 10px;}
.pds-radiobutton, label.pds-input-label {padding: 0; border: none; background: none; vertical-align: middle; font:11px Trebuchet MS, sans-serif !important;}
label.pds-input-label {margin: 0 0 0 5px; display: inline !important }

/* new classes for the search results*/

.searchkeyword {color:#00812f; font-style: normal;}
h1 .searchkeyword {font-size: 85%; color:#888; font-family: Monaco, Courier, monospace;}

.searchresults a {background: none; font-weight: bold; text-decoration: none;}
.searchresults dt {margin: 0 0 5px 0; padding: 0 0 0 20px; background: url(../images/listbullet.gif) no-repeat 0 2px;}
.searchresults dd {margin: 0 0 10px 20px; font-style: italic; color: #888; }

/* new classes for sucursales' map */
.google-map {float: left; background:#eee; margin: 10px 0 0 -24px; width: 380px; height: 200px;}

.sucursal-search {border-bottom: 1px solid #eee;} 
.sucursal-search h3 {margin: 0; padding: 5px; width: 20%; background: url(../images/gradientbg-light.gif) repeat-x left bottom;}
.sucursal-table td, .sucursal-table th {text-align: center; padding: 5px;}
.sucursal-btn { text-align: center; margin: 10px 0;}
.sucursal-submit, .showall {
padding: 0 15px;
border:1px solid #00722a;
color: #fff;
font-weight: bold;
background:url(../images/gradientbg-green.gif) repeat-x left bottom;
-webkit-box-shadow: 1px 1px 2px #ababaa;
-moz-box-shadow: 1px 1px 2px #ababaa;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
height: 25px;
vertical-align: middle;
overflow: visible;
}

a.showall:link, a.showall:visited, a.showall:hover {
padding: 4px 15px !important;
color: #888; margin-left: 10px;
font-weight: normal; font-style: italic; text-decoration: none;
background:url(../images/gradientbg-light.gif) repeat-x left bottom;
border-color: #f3f3f3;
}
 
#tbl_Direcciones_list_SearchPanel { border: 1px solid #eee; border-width: 0 1px 1px 1px; }
#tbl_Direcciones_list_SearchPanel form {margin:0; padding: 0;}

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix{height:1%}


p.direccion, p.tel, p.mail, p.hora, p.auto { 
padding-left: 25px; 
background-repeat: no-repeat;
}
.sucursal-mapa p {
color: #888;
text-align: left;
padding-left: 25px; 

}
.sucursal-mapa p strong { 
color:#00812f
}

p.direccion {background-image: url(../images/icon-direccion.png) }

p.tel {background-image: url(../images/icon-tel.png) }

p.mail {background-image: url(../images/icon-mail.png) }

p.hora {background-image: url(../images/icon-hora.png) }

p.auto {background-image: url(../images/icon-carro.png) }

.sucursal-mapa {
width: 580px;
margin: 20px auto 0;
padding: 10px 15px;
background:#fff url(../images/border-bg.png) no-repeat;
}

.sucursal-mapa .bottom {
background: url(../images/border-bottom-bg.png) no-repeat left bottom;
}

.sucursal-mapa table td {
padding: 10px 0 0 15px;}

#catmenutitle {
margin: 0; padding: 0;
}

#catmenutitle li {
list-style: none}

#catmenutitle li a {
display: block;
padding: 5px 30px;
border-bottom: 1px dotted #eee;
text-decoration: none;
background: url(../images/arrowlink.gif) no-repeat 20px 9px}

#catmenutitle li a:hover, #catmenutitle ul#catmenutitle li a:hover {
color:#666;}

#catmenutitle li a:active {
background-color: #f3f3f3;
color: #00812f}


#catmenutitle ul#catmenutitle li a:link {
color: #888;
padding-left: 40px;
background: none;
}


#catmenutitle ul#catmenutitle ul#catmenutitle li a:link {
color: #999;
padding-left: 50px;
font-style: italic;
}

#mod-list li {
background-image: url(../images/bullet.gif);
background-position: 0 3px;
float:left;
display: block;
width: 28%;
}
#internetbankingform p {
float: left;
width: 40%;
margin:0 20px 10px 0;
}
#internetbankingform label {
display: block;
font-weight: bold;
color: #00812f;
}

#internetbankingform input {
background: ;
border: 1px solid #ccc;
padding: 4px;
width: 100%;
}

#internetbankingform button {
background: url(../images/bg-button.gif) repeat-x left bottom;
border: 1px solid #00531e;
padding: 5px 10px;
color:#fff;
font-weight: bold;
display: block;
clear: both;
}

#internetbankingform div {margin-bottom: 8px;}

#internetbankingform div input {
width: 97% !important;
}
.small {
line-height: 100%;
}

.small a {
font-size: 90%;
text-decoration: none;
}