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

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 }

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

#contenido .texto, #contenido .texto a {
  color: #000000 !important;
  font-family:Verdana,Arial;
}
.subtitulo p a {
color: #1B7CAB;
font-size: 16px;
}
 body {
 	margin: 0;
	padding: 0;
    color: #333333;
    font-family: Verdana, Arial;
    font-size:12px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    background: #d9d6b7;

 }

#ficha .miniaturas img {
   border:none;
}

/*----------generales--------*/
.clear { clear:both; line-height: 1px; }
a {color: #ffffff; text-decoration: none;}
a:hover {color:#ffcc33;}
.line { margin:10px 0 20px; padding: 0; border-bottom: 1px dotted #333333;}

/*----- botones ----*/

.rollover { display: block; width: 132px; height: 15px; background: url(../images/boton.jpg) no-repeat; color: #ffffff; font-weight: bold; margin:10px 20px; }
a.rollover:link, a.rollover:visited, a.rollover:active { background: url(../images/boton.jpg) no-repeat; padding: 4px 8px;}
a.rollover:hover { background-position: -149px; color:#ffffff;}

/*------- cabecera ------*/

#cabecera { margin: 0 auto; padding: 0; background: #000000 url(../images/fondo.png) no-repeat scroll 0 0; height: 130px;}
.logo { float: left; background: transparent url(../images/logo.png) no-repeat scroll 0 0; width: 302px; height: 130px; margin:0; padding: 0;}
.titulo { float: right; font: Verdana, Arial; font-size: 12px; font-weight: bold; color: #ffffff; margin: 65px 0 0 0; padding: 0 5%;}
#ruta {  margin: 0 0 10px 0; padding: 10px 0 0px 20px; border-bottom: #009900 solid 1px; }
#ruta p a{color:#1b7cab; font-size:18px;}
#ruta p a:hover { color:#ffffff;}
.subtitulo { border: none; font-size: 22px; font-weight: bold;}

/*------ menu ----*/

.botonera { width: 100%; height: 16px; margin: 0; padding: 5px 0; background: #215069;  }
.botonera li { float: left; margin:0; padding: 0 15px; list-style: none; font-size: 12px; height: 21px; }
.botonera li a { color: #ffffff; margin: 0; padding:0; text-decoration: none; }
.botonera li a:hover { color:#ffcc33;}

/*------------menu desplegable --------------*/

.botonera ul { display: block; position:absolute; visibility: visible; margin:0; padding:7px 0 0 0; z-index: 1000; width: 254px;}
.botonera ul li { float:none; background: #215069; margin: 0; padding:5px; border-left: #cccccc solid 1px; border-right: #cccccc solid 1px; border-top: #cccccc solid 1px;}
.botonera ul li a { color:#ffffff; font-size: 12px; margin:0; padding:0; height: 25px;}

/* ------ contenido ---------*/

#contenido { position: absolute; padding-bottom:20px; width: 100%;}
#contenido p { margin:0; padding: 0 0 10px 0;}
.texto { width: 835px; text-align: justify; margin: 0 auto; padding: 20px 0 0 20px;}
#map { width: 500px; height: 350px; margin: 20px; padding:0; border: #cccccc solid 2px;}

.listas { width: 100%; margin: 20px 0 0 20px; padding:0; }
.listas p { font-size: 24px; font-weight: bold;}
.marcas { margin-top: 20px; }
.marcas li { float: left; padding: 0 20px 20px 0; list-style: none; height: 50px; overflow: hidden;}

#col_izq { float: left; margin:0 20px 0 0; padding: 0; width: 200px;}
#contenedor .seccion{ margin: 0; padding:10px 20px ; font-size: 20px; font-weight: bold; background: #215069; color: #fff; border-bottom: #fff dashed 1px;}


#contenedor .senalado { font-size: 18px; font-weight: bold; color: #ffffff; margin:0; padding: 0; border-bottom: #d3d1d1 dotted 1px; background: #215069;}
#contenedor .senalado p { margin: 0; padding: 10px 20px;}

#contenedor .seccion_marcas {margin:20px 0 0 0; background: none;}
#contenedor .seccion_marcas .senalado { margin:0; padding: 10px 20px;}
#contenedor .seccion_marcas li { color: #fff; background-color:#215069;}


#contenedor li { margin: 0; padding: 5px 20px; list-style: none; border-bottom: #d3d1d1 dotted 1px; font-size: 11px; background: #215069; }
#contenedor .submenu { background: #cccccc; margin: 0; padding: 0 20px; list-style: none;}
#contenedor .submenu li {margin: 0; padding: 5px 0; border-bottom: #333333 dotted 1px; background: #cccccc;}
#contenedor .submenu li a {color: #333333;}
#contenedor .submenu li a:hover {color: #ffffff;}



#col_der { margin:0; padding: 0; float: left; width:75%; }
.listado_productos { margin:0; padding: 0; }
.listado_productos li { padding: 10px 30px 20px 0; margin: 0; list-style: none; float: left; width:128px;}
.listado_productos img { margin: 0 0 10px 0; padding: 0;}



#ficha  {float:left; list-style: none; margin: 0; padding: 0 20px 20px 0;}
#descripcion img, #ficha img { margin: 0 10px 10px 0; padding:0; border: #215069 solid 4px;}

#descripcion li, #ficha li, #descripcion .miniaturas { list-style: none;}
#descripcion .miniaturas li { float:left;}

#ficha .miniaturas a, .listado_productos a { color:#215069; background:#fff; border:4px solid #215069; display:block; height:100px; overflow:hidden; padding:10px;  width:100px; text-align:center;}
#ficha .miniaturas a:hover, .listado_productos a:hover { color: #ffffff; border:4px solid #FFCC33; }

.listado_productos .ver { background:none; border:none; height:auto; width:auto; text-align:left; padding:0; }
#listado li p {padding-top:10px;}

#descripcion .price{font-size: 16px;font-weight: bold; padding-top: 10px;}

#contenido .direccion { margin:0 0 0 20px; padding: 0;}

#descripcion {float:left; width:49%;}
#descripcion ul { margin:0; padding:10px 0;}
#descripcion .img-marca { margin: 0 0 10px 0; padding: 5px; border: #215069 solid 2px; display:block; width:150px; overflow:hidden;}


/*---------- imagen_pricnipal ------*/

#contenido #home_image { float: left; margin: 0; padding:10px 0; padding-left:10% }
#contenido .listado { display:block; float:left; line-height:30px; margin:0; padding:20px;}

/*-------- listado ------------*/

.forma_listado {margin:15px 0; padding:10px 0 20px; height:47px; border-bottom:1px solid #999999; border-top:1px solid #999999}
.forma_listado p a { border: none; color:#215069; }
.forma_listado p a:hover { color:#fff; }


/*------------- paginator --------------*/

.forma_listado .paginator {color:##215069; padding-right: 5px; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; border: 2px solid #215069; margin-right: 5px; font-size: 12px; font-weight: bold; text-decoration: none; margin-top: 10px; margin-bottom: 0; line-height:30px;}
.forma_listado .paginator:hover { text-decoration: none; color:#fff;}
.forma_listado .paginator  {color:#215069;}
.forma_listado span.current, .forma_listado span.deactive, .forma_listado span.gap{padding:3px 5px;}
.forma_listado span.current, .forma_listado span.deactive{border:2px solid #999;color:#999;}
.forma_listado span.gap, .forma_listado span.current, .forma_listado span.deactive{margin-right:5px;}
/*---- pie -----*/

#pie { position: fixed; width: 100%; height: 20px; background: #000000 url(../images/fondo.png) no-repeat scroll 0 0; bottom: 0px; }
.texto_pie { color: #ffffff; text-align: center; font-size: 10px; padding: 4px 0 0 0;}

#col_izq #search_form { margin:0; padding:10px;}
#col_izq #search_form  form input { margin:3px;}