@import "debug.css";
/*Inknova.com*/
/*Hoja de estilos confeccionada por Manuel Ruiz Hernández (mentenblanco@gmail.com)*/
body{
  margin:0px;
  padding:0px;
  font-family:verdana,helvetica,sans-serif;
  font-size:10px;
  background:#555555 url(fondo.jpg) top center;
  color:#cccccc;
}

a{
 color:#66FF33;
 text-decoration:none;
}

a:hover{
  color:gold;
}

p{
  margin:10px 0px 0px 0px;
  padding:0px;
}

h3{
  margin:0px 0px 5px 0px;
  padding:0px;
}


form{
  margin:0px;
  padding:0px;
}

input{
   margin:0px;
  padding:1px;
  border:solid 2px #eeeeee;
  background:#cccccc;

}

textarea{
  margin:0px;
  padding:0px;
  border:solid 2px #eeeeee;
  background:#cccccc;

}


input.boton{
  margin:0px;
  padding:2px;
  font-family:verdana;
  font-weight:bold;
  font-size:10px;
  border:solid 1px white;
  background:transparent url(imgcabeceracontenedorbig.gif) repeat-x top center;
  color:#666666;

}
select{
  margin:0px 0px 10px 15px;
  padding:0px;
  width:135px;
}

option{
  font-family:arial;
  font-size:10px;
}


/*****************/

#contenedorbig{
  margin:0px;
  padding:0px;
}

#cabeceracontenedorbig{
  margin:0px;
  padding:0px;
  height:25px;
  background:transparent url(imgcabeceracontenedorbig.gif) repeat-x top center;
}
#cabeceracontenedorbig h1,h2{
  display:none;
}
h3.inicio{
  background:transparent url(imginicio.gif) no-repeat 4% 25%;
  width:300px;
  height:25px;
}

h3.empresa{
   background:transparent url(imgempresa.gif) no-repeat 5% 45%;
  width:300px;
  height:25px;
}

h3.catalogo{
   background:transparent url(imgcatalogo.gif) no-repeat 5% 45%;
  width:300px;
  height:25px;
}

h3.contactar{
   background:transparent url(imgcontactar.gif) no-repeat 1% 45%;
  width:300px;
  height:25px;
}




h3 span{
    visibility:hidden;
}




#contenedor{
  margin: 10px auto 0px auto;
  padding:0px;
  width:605px;

}
#contenedor span{
  visibility:hidden;
}


#columnaderecha{
  margin:0px;
  padding:0px;
  width:165px;
  float:right;

}

#columnaderechaelemento{
  margin:0px 0px 5px 0px;
  padding:0px;

}

#columnaderechaelementoup{
  margin:0px;
  padding:0px;
  background:transparent url(columnaderechaelementoupimg.jpg) no-repeat bottom center;

  height:10px;
}


#columnaderechaelementocenter{
  margin:0px;
  padding:0px;
  background:transparent url(columnaderechaelementocenterimg.jpg) repeat-y top center;

}


#columnaderechaelementodown{
  margin:0px;
  padding:0px;
   background:transparent url(columnaderechaelementodownimg.jpg) no-repeat top center;
  height:10px;

}




#columnaderechaelemento h3.buscatuscomponentes{
  margin:0px;
  padding:0px;
  height:50px;
  width:100%;
  background: transparent url(buscatuscomponentes.gif) no-repeat center center;
}
#columnaderechaelemento h3.ofertasdelmes{
  margin:0px;
  padding:0px;
  height:50px;
  width:100%;
  background: transparent url(ofertasdelmes.gif) no-repeat center center;
}
#columnaderechaelemento h3.portafolio{
  margin:0px;
  padding:0px;
  height:50px;
  width:100%;
  background: transparent url(portafolio.gif) no-repeat center center;
}

#columnaderechaelemento h3.dondeestamos{
  margin:0px;
  padding:0px;
  height:50px;
  width:100%;
  background: transparent url(localizanos.gif) no-repeat center center;
}



#columnaderechaelemento input.boton{
  width:60px;
  margin:0px 0px 28px 50px;
}



#columnaderechaelemento label{
  margin:0px 0px 0px 15px;
  padding:0px;
  font-weight:bold;

}

#columnaderecha span img{
margin-left:5px;
margin-bottom:15px;
background:white;
visibility: visible;
padding: 2px;
border:solid 1px #555555;
}


#oferta{
  margin:0px;
  padding:5px;
  border-top:solid 1px #777777;

}

#enlaceoferta{
    width:155px;
  height:60px;
}

#enlaceoferta img{
    margin-bottom:5px;
  border: solid 1px white;
  background:transparent url(fondoimgoff.gif) repeat top center;
  padding:3px;
  float:left;
}



#oferta p{
  margin:10px 0px 10px 0px;

}


#oferta p strong{
margin:0px 0px 0px 0px;
padding:0px 5px 2px 5px;
  color:orange;
  font-size:11px;

  clear:both;
}

#oferta a{
  margin:0px 0px 10px 0px;
  font-weight:bold;
  clear:both;
}

#oferta a:hover img{
   background:gold;
  border-color:#aaaaaa;
}

#elementosportafolio{
  margin:0px;
  padding:0px 0px 10px 0px;
}



#elementosportafolio ul{
  margin:0px ;
  padding:0px 0px 0px 0px;
}

#elementosportafolio li{
  margin:0px;
  padding:0px 1px 0px 1px;
list-style-type:none;
display:block;
line-height:20px;
height:20px;

}
#elementosportafolio a{
margin:0px;
height:20px;
background:transparent url(fondodotted.gif) repeat-x bottom center;
    padding:0px 0px 0px 10px;
  display:block;
  font-weight:bold;
}

#elementosportafolio a:hover{
  background:transparent url(imgcabeceracontenedorbig.gif) repeat-x bottom center;
  color:#eeeeee;

}










#columnaizquierda{
  margin:0px;
  padding:0px;
  float:left;

  width:440px;
}

#cabeceracolumnaizquierda{
  margin:0px;
  padding:0px;
  background:transparent url(fondologo.jpg) no-repeat 95% 50%;
}

#menu{
  margin:0px 0px 0px 0px;
  padding:5px 0px 0px 0px;
  background:transparent url(fondomenu.jpg) no-repeat top center;
  width:116px;
  height:84px;

}

#elecciones{
  margin:0px 0px 0px 5px;
  padding:0px;
}
#elecciones li{
  list-style-type:none;

}

#elecciones li strong{
  font-family:times new roman, serif;
  font-weight:bold;
  font-size:16px;
  color:#66FF00;
  margin:0px 5px 0px 3px;


}

#elecciones a{
  color:#cccccc;
  text-decoration: none;
  font-size:13px;
  font-weight:bold;
  letter-spacing: 2px;
}
#elecciones a:hover{
  color:#eeeeee;
}

#elecciones li.current strong{
  color:#CCFF99;
}

#elecciones li.current a{
  color:#CCFF99;
}






#logo{
  margin:-75px 0px 0px 125px;
  padding:0px;
  background:transparent url(logoevolutionsmartin2.gif) no-repeat top center;
  width:305px;
  height:60px;
  position:absolute;


}


/*******cuerpocolumnaizquierda*********/
#cuerpocolumnaizquierda{
  margin:0px;
  padding:0px;
  width:433px;


}

#cabeceracuerpocolumnaizquierda{
  margin:8px 0px 7px 0px;
  padding:0px;
  width:433px;
  height:107px;
  background:transparent url(cabecerainicio.jpg) no-repeat top center;
}


#cabeceracuerpocolumnaizquierda.cabeceraempresa{
background:transparent url(cabeceraempresa.jpg) no-repeat top center;
}



#infocuerpocolumnaizquierda{
  margin:0px;
  padding:0px;
  height:230px;
}

html>body #infocuerpocolumnaizquierda {
	min-height: 230px;
	height: auto;
}

#infocuerpocolumnaizquierda h3{
padding:0px 0px 0px 15px;

  font-size:12px;
  background:transparent url(imgmenu.gif) no-repeat center left;
  letter-spacing: -1px;
  text-transform:uppercase;
  font-weight:bold;
  color:#aaaaaaa;
border-bottom:solid 1px #777777;
}



#producto{
  margin:0px 0px 7px 0px;
  padding:0px;
  width:213px;
  height:250px;

  float:left;
}




#producto.dcha{
  margin:0px 0px 7px 0px;
  float:right;

}

#productoup{
  margin:0px;
  padding:0px;
  height:10px;
  background:transparent url(productoupimg.jpg) no-repeat bottom center;
}
#productocenter{
  margin:0px;
  padding:0px;
  height:230px;
  background:transparent url(productocenterimg.jpg) repeat-y bottom center;
  text-align:center;
}


#productodown{
  margin:0px;
  padding:0px;
  height: 10px;
   background:transparent url(productodownimg.jpg) no-repeat top center;
}


#producto h4{
  margin:0px 5px 0px 5px;
  padding:5px;
  font-size:10px;
  text-align:center;
  height:30px;
  background:transparent url(fondo.jpg);
  border:solid 1px #777777;

}


#producto a{
  margin:0px 0px 10px 0px;
  font-weight:bold;
}


#producto a img{
  margin: 10px 0px 10px 0px;
  border: solid 1px white;
  background:transparent url(fondoimgoff.gif) repeat top center;
  padding:6px;
}

#producto a:hover img{
   background:transparent url(fondoimgon.gif) repeat top center;
  border-style:dashed;
  border-color:#aaaaaa;
}
#footer{
    background:transparent url(fondofooter.jpg) repeat;

    clear:both;
    font-weight:bold;
    text-align:center;
    border:solid 1px #777777;
}

#footer strong{
cursor: default;
color:gold;
}

#footer p{
  margin:0px;
  padding:5px;
}

#catalogoprincipal li{
  list-style-type:none;
  color:gold;
  width:350px;
  margin: 0px 0px 5px 0px;
  padding:5px 0px 7px 0px;
  background:transparent url(fondodotted.gif) repeat-x bottom center;

}


#catalogoprincipal li strong{
  font-family:times new roman, serif;
  margin-right:5px;
}

#catalogoprincipal li ul li{
  list-style-type:square;
  background:none;
  margin:0px;
  padding:0px
}

#productoscatalogo{
  margin:0px;
  padding:0px;
}

#productoscatalogo li{
  list-style-type:none;
  color:gold;
  width:430px;
  height:60px;
  margin: 0px 0px 5px 0px;
  padding:5px 0px 7px 0px;
  background:transparent url(fondodotted.gif) repeat-x bottom center;
  color:#cccccc;
}



#productoscatalogo li img{
float:left;
  margin:0px 0px 0px 0px;
}

#productoscatalogo li a img{
  margin:0px 10px 0px 10px;
    padding:0px;
    border: solid 1px #999999;
    border-style:dashed;

}


#productoscatalogo span{
  visibility:inherit;
  margin:0px;
}

#productoscatalogo li ul{
  margin-top: 10px;
}

#productoscatalogo li ul li{
  width:200px;
  height:10px;
  margin:0px 0px 0px 0px;
  padding:0px;
  background:none;
  list-style-type:none;
 }

 #fichaproducto{
   background:transparent url(fondofooter.jpg);
   border:solid 1px #777777;
   margin:20px 0px 0px 0px;
   padding:15px 5px 15px 5px;
   height:140px;

 }


 #imagenfichaproducto{
      margin:0px;
      padding:0px;
      width:200px;
      float:left;

 }

 #imagenfichaproducto img{
	margin:0px 0px 0px -50px;
	padding:0px;
	background:white;
	border:solid 1px #555555;
 }
 #infofichaproducto{
   margin:0px;
   float:right;

 }



 #infofichaproducto table{
   border:solid 1px #777777;
   width:220px;

   border-collapse:collapse;
 }

 #infofichaproducto th{
   background-color: #555555;
 }
 #infofichaproducto td{
   border:solid 1px #777777;
 }





#informacioncontacto{
  margin:0px;
  padding:0px;
}

#informacioncontacto img{
  margin-left:60px;
}



#informacioncontacto li{
  margin:0px 0px 0px 0px;
 padding:0px;
 width:320px;
 height:50px;
  list-style-type:none;
  list-style-position: outside;

  background:transparent url(fondodotted.gif) repeat-x bottom center;
}

#informacioncontacto li strong{
  font-family:times new roman, georgia,serif;
  color:#66FF33;
  margin-right:3px;
}
#informacioncontacto li ul li{
  background:none;
  height:auto;
}

#informacioncontacto form{
margin:0px 0px 0px 40px;
padding:0px 0px 20px 0px;
  width:350px;
}

#informacioncontacto fieldset{
 border:none;
  background: transparent url(fondodotted.gif) repeat-x bottom center;
}

#informacioncontacto label{
    padding:0px;
  	font-weight: bold;
	margin: 0px 0px 0px 20px;
	background:none;
    color:green;
}

#informacioncontacto input.boton{
  margin:10px 0px 10px 140px;
  width:50px;

}
#informacioncontacto input{
margin:0px 0px 10px 30px;
font-family:verdana;
font-weight:bold;
font-size:10px;
width:250px;
height:20px;

   
}
#informacioncontacto textarea{
  margin:0px 0px 0px 30px;
  width:250px;
  height:100px;
  font-family:verdana;
font-weight:bold;
font-size:10px;
overflow:auto;
}




















#pie{
  margin:0px;
  padding:0px;
  clear: both;
  height:160px;
  font-size:10px;
  font-family:arial,helvetica,sans-serif;
  background:transparent url(fondopie.jpg) no-repeat bottom right ;
}

#infopie{
  margin:0px;
  padding-top:40px;

}


#eleccionespie{
  margin:0px 0px 3px 0px;
  padding:0px 0px 3px 0px;
  width:310px;
  background:transparent url(fondodotted.gif) repeat-x bottom right;
}
#eleccionespie li{
  list-style-type:none;
  display:inline;
}
#eleccionespie a{
  padding:0px 5px 0px 0px;
}

#estadisticas{
  visibility:hidden;
  width: 0px;
  height: 0px;
}

#Comprar
{
	display: none; 
	background:transparent url(fondofooter.jpg);
	border:solid 1px #777777;
	margin:20px 0px 0px 0px;
	padding:15px 15px 15px 15px;
	height:140px;
	font-size: 15px;
	font-weight:600;
}