/*-------------- Reseting ---------------- */

#imagen_principal { margin-bottom: 20px; float: none; width:660px; }

html, body, div, span, object, 

h1, h2, h3, h4, h5, h6, p, a, abbr, acronym, 

img,  s, small, strike, sup, sub, 

dl, dt, dd, ol, ul, li, form, fieldset, label, legend, 

table, caption, tbody, tfoot, thead, tr, th, td 

				{ margin: 0; padding: 0;

				  border: 0; outline: 0;

				  font-weight: inherit;

				  font-style: inherit;

				  font-size: 100%;

				  font-family: inherit;

				  vertical-align: baseline;

				  background: transparent }

				  

:focus, :active	{ outline: 0 }



html 			{ font-size: 100.01%; height: 100%;  }

body 			{ 
background:#421A25 none repeat scroll 0 0;
color:#000000;
font-family:verdana,arial,serif;
height:100%;
font-size:62.5%;
}	



/*-------------- Common ---------------- */



h1, h2, h3, h4, h5, h6

 				{ font-weight: normal; color: #000 }

				

h1 				{ font-size: 1.8em; line-height: 1.125em; margin-bottom: .5em} 

h2 				{ font-size: 1.6em; line-height: 1em; margin-bottom: 0.5em;  color: #be2112 }

h3				{ font-size: 1.4em; line-height: 1.2857em; margin-bottom: .5em }

h4, h5, h6		{ font-size: 1.2em; line-height: 1.5em; margin-bottom: 0.5em }



p, pre, code, label, th, td, dd, dt, select, li

				{ font-size: 1.2em; line-height: 17px; margin-bottom: 10px; }	

				

ul, ol			{ margin-bottom: 1.8em }

ul 				{ list-style: square }

ol 				{ list-style: decimal }

li	 			{ margin-left: 3.6em; color: #999; }

li p 			{ color: #000 }



legend			{ display: none }

 

small 			{ font-size: 0.85em }

 

sup 			{ position:relative; bottom:0.3em; vertical-align: baseline }

sub 			{ position:relative; bottom:-0.2em; vertical-align: baseline }

 

acronym, abbr 	{ cursor: help; letter-spacing: 1px; border-bottom: #999 1px dashed }

label 			{ cursor: pointer }



/*---------------- Fonts -----------------*/



h1, h2, h3, h4, h5, h6

 				{ font-family:  "Verdana",sans-serif }

p, a, pre, label, th, td, li

				{ font-family:  "Verdana",sans-serif } 			

				

/* Clientes destacados */

.clientes_destacados {
  clear:both;
  width: 100%;
  padding:0px;
margin: 0px;
}
.clientes_destacados a {
display:block;
float:left;
height:68px;
padding-left:10px;
padding-right:19px;
text-indent:-10000px;
width:65px;
}
.clientes_destacados a.bancaja {
  background: url(/themes/erdi/images/clientes_bancaja.jpg) scroll no-repeat top left;
}
.clientes_destacados a.bancaja:hover {
  background: url(/themes/erdi/images/clientes_bancaja.jpg) scroll no-repeat 0px -65px;
}
.clientes_destacados a.bbva {
  background: url(/themes/erdi/images/clientes_bbva.jpg) scroll no-repeat top left;
}
.clientes_destacados a.bbva:hover {
  background: url(/themes/erdi/images/clientes_bbva.jpg) scroll no-repeat 0px -65px;
}
.clientes_destacados a.cajarural {
  background: url(/themes/erdi/images/clientes_cajarural.jpg) scroll no-repeat top left;
}
.clientes_destacados a.cajarural:hover {
  background: url(/themes/erdi/images/clientes_cajarural.jpg) scroll no-repeat 0px -65px;
}

.clientes_destacados a.sch {
  background: url(/themes/erdi/images/clientes_sch.jpg) scroll no-repeat top left;
}
.clientes_destacados a.sch:hover {
  background: url(/themes/erdi/images/clientes_sch.jpg) scroll no-repeat 0px -65px;
}
.clientes_destacados a.lacaixa {
  background: url(/themes/erdi/images/clientes_lacaixa.jpg) scroll no-repeat top left;
}
.clientes_destacados a.lacaixa:hover {
  background: url(/themes/erdi/images/clientes_lacaixa.jpg) scroll no-repeat 0px -65px;
}

.clientes_destacados a.cam{
  background: url(/themes/erdi/images/clientes_cam.jpg) scroll no-repeat top left;
}
.clientes_destacados a.cam:hover {
  background: url(/themes/erdi/images/clientes_cam.jpg) scroll no-repeat 0px -65px;
}

.clientes_destacados a.can{
  background: url(/themes/erdi/images/clientes_can.jpg) scroll no-repeat top left;
}
.clientes_destacados a.can:hover {
  background: url(/themes/erdi/images/clientes_can.jpg) scroll no-repeat 0px -65px;
}

.clientes_destacados a.bancopopular{
  background: url(/themes/erdi/images/clientes_bancopopular.jpg) scroll no-repeat top left;
}
.clientes_destacados a.bancopopular:hover {
  background: url(/themes/erdi/images/clientes_bancopopular.jpg) scroll no-repeat 0px -65px;
}

/*---------------- Links -----------------*/



a:link, a:visited, a:hover, a:active

				{ font-weight: normal; text-decoration: none; color: #3000FE }

a:hover			{ text-decoration: none }

a img			{ border: 0 }



/*----------- Global Classes -------------*/



.clear			{ clear: both }

.floatLeft		{ float: left }

.floatRight		{ float: right }



.textLeft		{ text-align: left }

.textRight		{ text-align: right }

.textCenter		{ text-align: center }

.textJustify	{ text-align: justify }



.bold			{ font-weight: bold !important }

.italic			{ font-style: italic }

.underline		{ border-bottom: 1px solid }

.highlight		{ background: #ffc }



.noPadding		{ padding: 0 }

.noMargin		{ margin: 0 !important }

.noMarginL		{ margin-left: 0 !important; padding-left: 0 !important;  }

.noMarginR		{ margin-right: 0 !important; padding-right: 0 !important }

.noIndent		{ margin-left: 0; padding-left: 0 }

.noBullet		{ list-style: none; list-style-image: none }

.noBorder		{ border: none !important }

.noBackground	{ background: none !important }

.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 */



/*-------------- Wrapper ------------------*/

#wrap 				{ width: 907px; overflow: visible; margin: 0 auto;min-height: 100%; background:#fff; position:relative; padding:0 27px }



/*-------------- Layout -------------------*/



#header				{ width: 907px;  margin: 0 auto; overflow:hidden; background:url(/themes/erdi/images/header.gif) bottom repeat-x; padding: 15px 0 12px 0}

.logo				{ float:left}

/*-----------------------------------------*/

#menuHead			{ overflow:hidden; float:right; margin: 55px 0 0 0 }

#menuHead li		{ float: left; list-style: none; margin:8px 0 0 0; background:url(/themes/erdi/images/menu-background.gif) bottom repeat-x; 

						height: 26px;padding-top: 5px}

#menuHead li a		{ -x-system-font:none;
border-right:1px solid #8D95A2;
color:#FFFFFF;
display:block;
float:left;
font-family:"Verdana",sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.2em;
padding:6px 15px;
text-decoration:none;
text-transform:uppercase;}

#menuHead li:hover	{ margin-top:0 ; padding-top: 13px }	

.actived			{ margin-top:0 !important; padding-top: 13px !important}			

.active				{ margin-top:0 !important; padding-top: 13px !important}

.active	a			{ font-weight: bold !important}

/*-----------------------------------------*/

#content			{ padding-bottom: 15px;overflow: hidden; width: 907px }

#content h1			{ color: #3f6141;  font: normal 2.2em/1.2em "Trebuchet MS", sans-serif; padding-right: 0px; margin-bottom: 30px}

#content #page_content h1 {font-size:28px;}
#content #page_content h3 {font-size:18px;margin-bottom:20px;color:#8B374E;}

/*-----------------------------------------*/

.left				{ float:left; width: 206px; margin-top:52px}

.left h1			{ padding:0 !important; color: #777777 !important; margin-bottom: 15px !important; float:left; 

					 font: bold 13px "Trebuchet MS", sans-serif !important; margin-top:0 !important}

.leftMenu 			{ float:left; margin-bottom: 10px; overflow:hidden; width: 100%; clear:both}					 

.leftMenu li		{ list-style: none; float:left; margin:0; width: 206px; overflow:hidden}

.leftMenu li a		{ float:left; width: 193px; padding-left: 13px; 
						color: #0000ff; font: normal 1.0em/1.2em "Verdana", sans-serif}

.leftMenu li a:hover

					{ font-weight: bold; color: #0000ff }

.activeText a, .activeText		{ font-weight: bold !important}

/*-----------------------------------------*/			 

.grauContent		{ padding: 10px 20px 15px 19px; background: #e6e6e6; margin-bottom: 17px}

.grauContent h1		{ color: #8B374E !important;  font: normal 13px/1.2em "Trebuchet MS", sans-serif !important; 

						margin-bottom: 10px !important; padding:0 !important; font-weight: bold !important;}

.grauContent p		{ color: #000; font: normal 1.2em/1.2em "Verdana", sans-serif}						

/*-----------------------------------------*/

.main, .main_pages				{ margin: 20px 0 5px 0; float:right; width: 663px; padding-left: 20px; border-left: 1px solid #aeaeae}

.main h1			{ margin-bottom: 10px !important; padding:0}

.main h2			{ font: normal 2.0em/1.2em "Trebuchet MS", sans-serif ; color: #777777; margin-bottom: 8px; clear:both}

#page_content h2 {
border-top:1px dashed #CCCCCC;
border-bottom:1px dashed #CCCCCC;
clear:both;
color:#777777;
font-family:"Trebuchet MS",sans-serif;
font-size:2em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.2em;
margin-bottom:20px;
padding-top:5px;
padding-bottom:5px;
}

.mainimg { 
float:left; padding-right: 20px;}

.textoProductoList{
float:left;
width:460px;
}

.main .imagen_previa img { 
border:none;
}

#imagenes{
float:left;
height:94px;
margin-bottom:10px;
margin-left:10px;
overflow:hidden;
width:116px;
}

.lupa{
background:transparent url(../images/lupa.gif) no-repeat scroll right bottom;
border:3px solid #CCCCCC;
display:block;
height:88px;
width:110px;
position:absolute;
}

.page_navigation p   { font-size: 1.1em; margin-bottom: 0; }

/*-----------------------------------------*/

.lineContent 		{ 
font-family:verdana,arial,serif;
font-size:12px;
margin:15px 0;
overflow:hidden;
width:100%;
}

/*
.lineContent img	{ margin-right: 15px}
*/
.lineContent h1		{ margin-bottom: 5px !important; }

.lineContent p		{ color: #000; font: normal 12px "Verdana", sans-serif; line-height:17px; }

.lineContent a		{ color: #3000fe; font: normal 12px "Verdana", sans-serif; float:none;

					padding:0 22px 2px 0; background:url(/themes/erdi/images/submit.gif) right no-repeat} 

/*-----------------------------------------*/

#fotos 				{ width: 907px; height:399px; position:relative; margin-bottom: 20px}

#slideshow-content img			{ width:907px}

#text				{ position:absolute; left:28px; top:260px; width: 375px}

#text h1			{ font: bold 3.3em/1.0em "Trebuchet MS", sans-serif !important; color: #fff !important; 

					 margin-bottom: 14px !important; padding:0 !important}

#text p				{ font: normal 1.5em/1.2em "Trebuchet MS", sans-serif; color: #fff}

#text a	img			{  height: 13px; width: 108px}

/*-----------------------------------------*/

.threeColl			{ background:url(/themes/erdi/images/border.gif)  repeat-y; overflow:hidden; position:relative; padding-bottom: 5px; height: 1%}

.coll				{ float:left; width: 282px; padding:12px 12px 0 0; margin-left: 14px}

.coll h1			{ font: normal 2.0em/1.2em "Trebuchet MS", sans-serif !important; color: #777!important; margin-bottom: 10px !important}

.coll p				{ font: normal 1.3em/1.2em "Verdana", sans-serif; color: #000; margin-bottom: 18px}

.coll a				{ float:right; color: #0472ab; font: normal 1.1em/1em "Verdana", sans-serif; padding-left: 15px;  

						background:url(/themes/erdi/images/arrow.gif) left 3px no-repeat; text-decoration:underline; display: block}

.first				{ position:absolute; bottom:0; left:220px}

.two				{ position:absolute; bottom:0; left:530px}

.three				{ position:absolute; bottom:0; left:830px}

.one				{ margin-left: 0 !important}

.last				{ padding-right:0 !important; border: none !important}

.last img			{ float:left; width: 114px; height: 87px; border: 1px solid #b4b4b4; margin-right: 15px}

/*-----------------------------------------*/

#footer				{  width: 763px; margin:0 auto; width: 905px}

#footer	p			{ color:#4D4D4D;
display:block;
font-family:Arial,Helvetica,sans-serif;
font-size:1.1em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.2em;
margin:0 5px 0 0;}

#footer	h2			{ float:left; margin:20px 0 0 0; color: #8c374d;font: normal 1.2em/1.2em "Verdana", sans-serif }



#footer .topFooter			{border-bottom:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
height:30px;
padding:7px 0;}
#footer .topFooter	a		{ float:left; width:31px; height: 31px; margin-left: 5px}

#footer .topFooter h1		{ margin:6px 0 0 45px; border-left: 1px solid #c4cbd7; color: #8b374e; 

					 font: bold 1.1em/1.2em "Verdana", sans-serif; padding:3px 0 3px 15px}

#footer .topFooter h1 span	{ color: #395c3b !important; font-weight: normal !important}

/*-----------------------------------------*/

#menuFooter			{ overflow:hidden; float:right; margin: 18px 0 0 0;}

#menuFooter li		{ float: left; list-style: none; margin:0;   padding-top: 5px}

#menuFooter li a	{ float: left; display: block; overflow:hidde; border-right: 1px solid #414141; text-decoration:none;

					 font: normal 1.0em/1.0em "Verdana", sans-serif; padding:0 5px 2px 5px; color: #414141}		

#menuFooter li a:hover

					{ text-decoration:underline}