body {
	background: #ffffff url(../images/bg2.gif) center top repeat-y;
	color: #444444;
	font-family: Arial, helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	text-align: center;
   	scrollbar-arrow-color:#ffffff;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-highlight-color: #CFDBE2;
	scrollbar-face-color: #CFDBE2;
	scrollbar-shadow-color: #CFDBE2;
	scrollbar-darkshadow-color: #CFDBE2;
	scrollbar-track-color: #ffffff;
}
	
* {
  margin: 0;
  padding: 0;
}
/* Layout */

#page {
  width: 754px;
  margin: 0 auto;
  padding: 0;
  background-color: white;
  text-align: left;
}

/* Header*/

#header {
  width: 754px;
  height: 147px;
  background: transparent url(../images/cabecera_1.jpg) left top no-repeat;
}

#clientes {
width: 240px;
  height: 100px;
    padding: 8px;
  float:right;
  clear:both;
  text-align:right;

}

#menu_principal {
  float:right;
  clear:both;
}

#submenu {
width: 754px;
 height: 25px;
clear:both;
background: #0076BE; 
}

#clear {
clear:both;
}

/* Header*/

#content {
width: 734px;
padding:10px;
}

h1 {font-family:Arial, geneva, Arial, Helvetica, sans-serif; color: #ffffff; font-size:6pt;}


.contenedor_modulo_a {
width: 238px;
background: transparent url(../images/modulo_down.jpg) bottom no-repeat;
padding:0px 0px 8px 0px;
float:left;
}
.modulo_a {
width: 218px;
min-height:160px;
padding:10px 10px 0px 10px;
background: transparent url(../images/modulo_top.jpg) no-repeat;
}
* html .modulo_a{ height:160px;}

.contenedor_modulo_b {
width: 238px;
background: transparent url(../images/modulo_down.jpg) bottom no-repeat;
padding:0px 0px 8px 0px;
float:left;
}
.modulo_b {
width: 218px;
min-height:348px;
padding:10px 10px 0px 10px;
background: transparent url(../images/modulo_top.jpg) no-repeat;
}
* html .modulo_b{ height:348px;}

.contenedor_modulo_c {
width: 238px;
background: transparent url(../images/modulo_down.jpg) bottom no-repeat;
padding:0px 0px 8px 0px;
float:left;
}
.modulo_c {
width: 218px;
min-height:137px;
padding:10px 10px 0px 10px;
background: transparent url(../images/modulo_top.jpg) no-repeat;
}
* html .modulo_c{ height:137px;}

.contenedor_modulo_d {
width: 734px;
background: transparent url(../images/modulo_down_full.jpg) bottom no-repeat;
padding:0px 0px 8px 0px;
}
.modulo_d {
width: 714px;
min-height:60px;
padding:10px 10px 0px 10px;
background: transparent url(../images/modulo_top_full.jpg) no-repeat;
}
* html .modulo_d{ height:60px;}

.contenedor_modulo_e {
width: 734px;
padding:0px 0px 8px 0px;
}
.modulo_e {
width: 714px;
min-height:120px;
padding:0px 10px 0px 10px;
}

.contenedor_modulo_f {
width: 195px;
background: transparent url(../images/modulo_down_b2b.jpg) bottom no-repeat;
padding:0px 0px 8px 0px;
float:left;
}
.modulo_f {
width: 175px;
min-height:160px;
padding:10px 10px 0px 10px;
background: transparent url(../images/modulo_top_b2b.jpg) no-repeat;
}

.contenedor_modulo_g {
width: 507px;
background: transparent url(../images/modulo_down_b2bf.jpg) bottom no-repeat;
padding:0px 0px 8px 0px;
float:left;
}
.modulo_g {
width: 487px;
min-height:160px;
padding:10px 10px 0px 10px;
background: transparent url(../images/modulo_top_b2bf.jpg) no-repeat;
}

.columna_ficha_comp{
width: 440px;
padding:0px 10px 0px 0px;
float:left;
}

.columna_ficha{
	width: 283px;
	float: left;
}

.contenedor_ficha {
width: 283px;
background: transparent url(../images/modulo_down_ficha.jpg) bottom no-repeat;
padding:0px 0px 8px 0px;
float:left;
}
.ficha {
width: 263px;
min-height:137px;
padding:10px 10px 0px 10px;
background: transparent url(../images/modulo_top_ficha.jpg) no-repeat;
}
* html .ficha{ height:137px;}

.contenedor_botones {
width: 100px;
background: transparent url(../images/modulo_down_bot.jpg) bottom left no-repeat;
padding:0px 0px 8px 0px;
}
.modulo_botones {
	min-height: 30px;
	padding: 10px 0px 0px 10px;
	background: transparent url(../images/modulo_top_bot.jpg) no-repeat;
}
* html .modulo_botones{ height:30px;}

.columna_izquierda{
width: 486px;
padding:0px 10px 0px 0px;
float:left;
}

.columna_derecha{
width: 238px;
float:left;
}

.columna_central_1{
width:390px;
padding:140px 16px 0px 0px;
float:left;
}
.columna_central_2{
width:390px;
padding:50px 16px 0px 0px;
float:left;
}
.columna_central_3{
width:490px;
padding:50px 16px 0px 0px;
float:left;
}

.direccion_tiendas{
width: 195px;
height: 361px;
padding: 10px;
border: 1px solid #CFDBE2;
clear: both;
overflow: auto;
}

.mapa{
border:1px solid #CFDBE2;
clear:both;
}

.flash_home{
width: 486px;
}

.separador10_vertical{
width: 10px;
height:10px;
float:left;
}

.separador10_horizontal{
width: 10px;
height:10px;
clear:both;
}
* html .separador10_horizontal{ height:10px;}

.left {
float:left;
}
.right {
float:right;
}
.alingcenter {
text-align:center;
}
.form {
padding:0px 18px 0px 20px;
}


.barra_paginado {
padding:4px 10px 0px 10px;
background: transparent url(../images/barra_buscador.gif) top no-repeat;
height:30px;
}

.titulos_busqueda{
padding:8px 5px 0px 5px;
float:left;
text-align:center;
}

.info_busqueda{
padding:0px 5px 0px 5px;
background: transparent url(../images/puntos_vertical.gif) repeat-y;
height:55px;
float:left;
text-align:center;
}

.linea_busqueda
{
margin:0px 0px 8px 0px;
border-bottom:1px solid #CFDBE2;
clear:both;
height:8px;

}



.contenedor_imagen_redondeada_1{
padding:0px 0px 0px 0px;
overflow:hidden;
height:248px;
float:left;
}
.esquina_redondeada_1{
width: 330px;
height:248px;
background: transparent url(../images/redondeo_1.gif) top no-repeat;
padding:0px 0px 0px 0px;
float:left;
z-index:1;
position: relative;
left:0px;
top:-248px;
}
.imagen_redondeada_1{
padding:0px 0px 0px 0px;
}


.contenedor_imagen_redondeada_2{
padding:0px 0px 0px 10px;
overflow:hidden;
height:54px;
}
.esquina_redondeada_2{
width: 80px;
height:54px;
background: transparent url(../images/redondeo_2.gif) top no-repeat;
padding:0px 0px 0px 0px;
float:left;
z-index:1;
position: relative;
left:0px;
top:-54px;
}
.imagen_redondeada_2{
padding:0px 0px 0px 0px;
}

.contenedor_imagen_redondeada_3{
padding:0px 0px 10px 0px;
overflow:hidden;
height:146px;
}
.esquina_redondeada_3{
width: 195px;
height:146px;
background: transparent url(../images/redondeo_3.gif) top no-repeat;
padding:0px 0px 0px 0px;
float:left;
z-index:1;
position: relative;
left:0px;
top:-146px;
}
.imagen_redondeada_3{
padding:0px 0px 0px 0px;
}

.contenedor_imagen_redondeada_4{
padding:0px 0px 0px 0px;
overflow:hidden;
height:187px;
float:left;
}
.esquina_redondeada_4_es{
width: 300px;
height:187px;
background: transparent url(../images/redondeo_4_es.gif) top no-repeat;
padding:0px 0px 0px 0px;
float:left;
z-index:1;
position: relative;
left:0px;
top:-187px;
}
.esquina_redondeada_4_en{
width: 300px;
height:187px;
background: transparent url(../images/redondeo_4_en.gif) top no-repeat;
padding:0px 0px 0px 0px;
float:left;
z-index:1;
position: relative;
left:0px;
top:-187px;
}
.imagen_redondeada_4{
padding:0px 0px 0px 0px;
}

/* varios.................................................................................................................. */

#listado1 li
{
    margin-left: 0px;
	padding: 0px 0px 5px 10px;
	padding-top:2px;
	background-image: url(../images/li_uno.gif);
    background-repeat: no-repeat;
    background-position: 0px 6px;
	list-style: none;
	text-align:left;
/*	border-bottom:1px solid #D1DCE0; */
}

#listado2 li
{
    margin-left: 0px;
	padding: 0px 0px 5px 10px;
	padding-top:2px;
	background-image: url(../images/li_dos.gif);
    background-repeat: no-repeat;
    background-position: 0px 6px;
	list-style: none;
	text-align:left;
/*	border-bottom:1px solid #D1DCE0; */
}

#listado2 td
{
    margin-left: 0px;
	padding: 0px 0px 5px 10px;
	padding-top:2px;
	background-image: url(../images/li_dos.gif);
    background-repeat: no-repeat;
    background-position: 0px 6px;
	list-style: none;
	text-align:left;
/*	border-bottom:1px solid #D1DCE0; */
}

.iconos_menu {
margin:3px 5px 3px 0px;
}

.wrapper {
margin:0 auto;
padding:0px;
}
.wrapper a {
color:#3A5C80;
cursor:pointer;
}
#divEquipamiento {
border:1px solid #CFDBE2;
background:#F4F7FA;
padding:10px;
margin:5px 0px 5px 0px;
width:190px;
}

#divOpcionales {
border:1px solid #CFDBE2;
background:#F4F7FA;
padding:10px;
margin:5px 0px 5px 0px;
width:190px;
}

.alingright{
text-align:right;
}





/* Navigation.................................................................................................................. */


 /* remove the margin and bullets, set the padding for this demo only*/
.neon {margin:0 0px 0px 0; padding:0px 0px 0px 0px; list-style:none; background:#000;}

 /* display the list items inline with a right margin to space the buttons. Use this to pre-load the hover image */
.neon li {display:inline; float:left; margin:0px 0px 0px 0px;}

/* style the links and place the background image to start from left edge */
.neon li a {display:block; width:97px; height:30px; float:left; text-decoration:none; font-size:11px; font-family:arial, sans-serif; letter-spacing:0px; line-height:25px; }

/* style the b element to posiition it to the right by 20 pixels and even out the text with 20 pixel right padding */
.neon li a b {width:87px; height:30px; margin:0px 0px 0px 0px;  padding:0px 0px 0px 10px; display:inline; float:left; height:30px; background:url(../images/fondo_nav_off.gif); color:#CBCBCB;}

/* style the link hover and the link hover b to replace the background image - border:0 needed for IE6 to work */
.neon li a:hover, .neon li a:hover b {border:0; background-image:url(../images/fondo_nav_on.gif); cursor:pointer; color:#ffffff; }

.neon li a.current, .neon li a.current b, .neon li a.current:hover , .neon li a.current:hover b {background-image:url(../images/fondo_nav_on.gif); color:#ffffff; cursor:default; }

/* fin  Navigation.................................................................................................................. */


a:link { font-family: Arial, Helvetica, sans-serif;  font-style: normal;  color: #205C93; text-decoration: none; padding: 0px 0px 0px 0px;}
a:visited { font-family: Arial, Helvetica, sans-serif;  font-style: normal;  color: #205C93; text-decoration: none; padding: 0px 0px 0px 0px;}
a:hover { font-family: Arial, Helvetica, sans-serif;  font-style: normal; font-weight: normal; color: #236EB3; text-decoration: none }
a:active { font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; color: #3A5C80; text-decoration: none }



a.menu_blanco:link { font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; color: #ffffff; text-decoration: none; padding: 0px 0px 0px 0px; padding:0px 0px 0px 10px; background:url(../images/flecha_azul.gif) no-repeat; background-position: 1px;}

a.menu_blanco:visited { font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; color: #ffffff; text-decoration: none; padding: 0px 0px 0px 10px; background:url(../images/flecha_azul.gif) no-repeat; background-position: 1px;}

a.menu_blanco:hover { font-family: Arial, Helvetica, sans-serif;  font-style: normal; font-weight: normal; color: #0076BE; text-decoration: none }
a.menu_blanco:active { font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; color: #ffffff; text-decoration: none }


a.rojo:link { font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; color: #ED193A; text-decoration: none; padding: 0px 0px 0px 0px;}

a.rojo:visited { font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; color: #ED193A; text-decoration: none; padding: 0px 0px 0px 0px;}

a.rojo:hover { font-family: Arial, Helvetica, sans-serif;  font-style: normal; font-weight: normal; color: #000000; text-decoration: none }
a.rojo:active { font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; color: #ED193A; text-decoration: none }


/* forms */

input,select,textArea{font:10px Verdana, Geneva, Arial, Helvetica, sans-serif;color:#666; border:1px solid #CDCDCD; min-height:16px;}

.input_a,select_a,textArea_a{font:10px Verdana, Geneva, Arial, Helvetica, sans-serif;color:#666; border:1px solid #CDCDCD; height:16px; width:170px;}

.input_b,select_b,textArea_b{font:10px Verdana, Geneva, Arial, Helvetica, sans-serif;color:#666; border:1px solid #CDCDCD; height:16px; width:80px;}

.input_c,select_c,textArea_c{font:10px Verdana, Geneva, Arial, Helvetica, sans-serif;color:#666; border:1px solid #CDCDCD; height:16px; width:139px; padding-left:5px;}

.select_c{ border:1px solid #BABCD7; padding-left: 5px; margin:0px 0px 0px 0px; width:240px; background-color: #F9F8FD; 
}


/* titulares ---------------------------------------------------------------------------------- */  
.titular  {padding:0px 0px 15px 0px; font-family:Arial, geneva, Arial, Helvetica, sans-serif; color: #0076BE; font-size:18px;}
.titular_blanco  {padding:0px 0px 5px 0px; margin:0px 0px 10px 0px; font-family:Arial, geneva, Arial, Helvetica, sans-serif; color: #ffffff; font-size:18px; border-bottom:1px solid #ffffff;}
.titular_negro  {padding:0px 0px 5px 0px; margin:0px 0px 10px 0px; font-family:Arial, geneva, Arial, Helvetica, sans-serif; color: #000000; font-size:18px; border-bottom:1px solid #000000;}
.arial_9_regular  { font-family:Arial, geneva, Arial, Helvetica, sans-serif; font-size:9px; letter-spacing:0.6px;}
.arial_11_azul_regular  { font-family:Arial, geneva, Arial, Helvetica, sans-serif; color: #0076BE; font-size:11px;}
.arial_15_azul_regular  { font-family:Arial, geneva, Arial, Helvetica, sans-serif; color: #0076BE; font-size:18px;}

 /* avisos ---------------------------------------------------------------------------------- */  

.avisos{
width: 734px;
height:40px;
padding:10px 10px 0px 10px;
clear:both;
}

 /* pie ---------------------------------------------------------------------------------- */  

.pie{
background: transparent url(../images/sombra_down.jpg) repeat-x ;
width: 734px;
height:40px;
padding:20px 10px 0px 10px;
clear:both;
}



/* transparent ---------------------------------------------------------------------------------- */  

img, div { behavior: url(css/iepngfix.htc) }
