@CHARSET "ISO-8859-1";
	
	/*** Tags y clases generales, hacks/fixes */
body {
  font: 62.5% tahoma, arial, sans-serif;
  background: #e6ebf2 url(../images/bg.jpg) repeat-x;
  color: #FFFFFF;
  text-align: left; 
}
strong {
  font-weight: bold;
}
em {
  font-style: italic;
}
p {
  line-height: 14px;
}
textarea.tinymce
{
    height: 200px;
    width: 200px;
}
.input {
  padding-left: 2px;
  background-color: #eff3f7;
  border: 1px solid #eff3f7;
  color: #537caf;
  font-size: 10px;
}
.floatRight { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
  float: right;
  margin-left: 8px;
}
.floatLeft { /* this class can be used to float an element left in your page */
  float: left;
  margin-right: 8px;
}
.clearFloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
  clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.noFloat {
  float: none;
}
.noText {
	text-indent: -9999px;	
}
.hr {
	border-bottom: 1px solid #555E5C;  
}
.hr hr { 
  display: none;
}
.alignRight {
	text-align: right;
}
.alignLeft {
	text-align: left;
}
.alignCenter {
  text-align: center;
}
textarea{
	overflow:auto;
}
	
	/* -- Fix para los links en firefox */
a:active { 
	outline: none;
}
a:focus {
  -moz-outline-style: none;
}
	/* -- para mantener la altura en los containers que tienen elementos flotados */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.clearfix {
  display: inline-block;
}
html[xmlns] .clearfix {
  display: block;	
}
	 
* html .clearfix {
  height: 1%;
}
	/* -- para hacer clear de floats mediante overflow */
.clearWithOverflow {
  overflow: hidden;
  zoom: 1; /* dispara 'hasLayout' en IE6 */
}
	
	
	/*** Estructura y bloques generales */
#outterGeneralContainer { 
  margin: 16px auto 0;
	width: 768px;
	position: relative;
	overflow: hidden;
	padding: 5px 5px 20px;
	background: url(../images/fdo.jpg) repeat-x bottom #426c9e;
}
#topGeneralContainer {
  margin-bottom: 12px;
  border: 1px solid #fff;
  background: url(../images/fdo-header.jpg) repeat-x 0px 0px; 
  height: 115px;
  position: relative;	
  text-align: right;
  padding: 0px 64px 0 9px;
  overflow: hidden;
}
#innerGeneralContainer {
  position: relative;   
}
#mainCol {
  border-top : 1px solid #d5dfec;
  border-left : 1px solid #d5dfec;
  text-align: left;
  float: right;
  width: 558px;
  padding: 7px 0 0 16px;
	min-height: 437px;
	height: auto!important,
	height: 437px;
}
#footer{
	width:780px;
	margin: 0 auto;
	clear: both;
}
#footer p{ 
  line-height: 32px;
	color: #426C9E ;
  text-align: center;
	padding: 0px 0 0;
}
#footer p a{ 
	color: #426C9E ;
	margin-left: 20px;
	text-decoration: none;
}
#footer p a:hover{ 
	text-decoration: underline;
}
	
	/** Top */
#topGeneralContainer h1 {
	width: 145px;
	height: 115px;
  background: url(../images/logo-JC.jpg) no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 3px; 
	left: 20px;
}
#topGeneralContainer p {
  display: none;
}
	
	/** Top - End */
	/* Page Header : Menu */
	
#nav {
	padding-top: 23px;
	padding-right: 29px;
	position: absolute;
	right: 1px;
	top: 0px;
}
	
#nav li {
	margin-bottom: 2px;
	width: 116px;
	border: 1px solid #dee8f5;
	text-align: left;
	clear: both;
	float: none;
}
	
#nav li a {
	display: block;
	width: 116px;
	height: 20px;
	color: #e3ecf8;
	background-color: #3d6290;
	text-decoration: none;
	font-weight: bold;
	overflow: hidden;
	line-height: 10px;
}
	
#nav li a span {
	display: block;
	padding-top: 4px;
	padding-left: 31px;
}
	
#nav li a:hover {
	color: #fff;
	background-color: #2e4a6c;
}
#rightCol .marcas .detalle{
	margin-top: 8px;
} 
#rightCol {
	width: 178px;
	float: left;
	margin-right: 13px;
}

#rightCol .box_container {
	margin-bottom: 11px;
	border: 1px solid #fff;
	background-color: #537caf;
	padding: 12px 15px 8px 11px;
}
#rightCol .box_container  .categoria {
  width: 151px;
  height: 23px;
  margin: 0 0 8px; 
}
#rightCol .box_container  #productos { 
  background: url(../images/tit-menu.jpg) no-repeat;
}
#rightCol .box_container  #marcas {
  background: url(../images/tit-menu2.jpg) no-repeat;
}
#rightCol .box_container  li {
  margin: 0 0 8px;
  padding-left: 15px;
} 
#rightCol .box_container  li a {
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
}
#rightCol .buscarContainer #error_search { 
  padding-left: 1px;
}
#rightCol .buscarContainer form p { 
  background: url(../images/colizq-buscar-tit.jpg) no-repeat;
  width: 155px;
  height: 20px;
}

#rightCol .buscarContainer .input { 
  width: 150px;
  height: 12px;
}
#rightCol .buscarContainer .submitBuscar { 
  position: relative;
  top: 3px;
  left: 99px;
}
/* mainIndex */

#mainIndex #leftBox {
  float:left;
	width:300px;
	padding: 0 0 30px 0;
}
#mainIndex #leftBox h2 {
	width: 300px;
	height: 24px;
	font-size: 1.9em;
	text-indent: 0;
	/*background: url('../images/tit-JC.gif') no-repeat 0px 0px;*/
}
#mainIndex #leftBox p {
  margin-top: 20px;
}
#mainIndex #leftBox p strong {
  margin-bottom: 28px;
}
#mainIndex #rightBox {
	width: 233px;
	float: left;
	text-align: left;
}

#mainIndex #rightBox {
	margin: 0 auto;
	float: right;
	border-left:  dotted 1px #FFFFFF;
	padding-left: 10px;
}

#mainIndex #rightBox h3 {
	width: 225px;
	height: 24px;
	text-indent: 0;
	font-size: 1.8em;
	/*background: url('../images/colder-titservicios.jpg') no-repeat 0px 0px;*/
}
#mainIndex #rightBox p {
	margin-top: 4px;
}
#mainIndex #rightBox p.alignRight {
	margin: 8px 0;
}
#mainIndex #rightBox p.alignRight a {
	color: #FFFFFF;
	text-decoration: none;
}
#mainIndex #rightBox p.alignRight a:hover {
	text-decoration: underline;
}
#mainIndex #rightBox .boxServicios {
	border: 1px solid #fff;
	background-color: #436da1;
	padding: 5px 5px 0px 11px;
}
#mainIndex #rightBox .boxServicios1 {
	border: 1px solid #fff;
	background-color: #436da1;
	padding: 5px 5px 0px 11px;
	margin-top: 6px;
}
#mainIndex #rightBox .boxServicios h4 {
	width: 180px;
	height: 19px;
	background: url('../images/colder-titcamaras.gif') no-repeat 0px 0px;
}
#mainIndex #rightBox .boxServicios1 h5 {
	width: 180px;
	height: 19px;
	background: url('../images/colder-titbio.gif') no-repeat 0px 0px;
}

#mainIndex #rightBox .boxServicios p {
	margin-top: 1px;
}
#mainIndex #rightBox .boxServicios .ir,
#mainIndex #rightBox .boxServicios1 .ir  {
  position: relative;
	right: 10px;
	top: -7px
}
#mainIndex #rightBox .boxServicios .ir a,
#mainIndex #rightBox .boxServicios1 .ir a {
	margin-left: auto;
	display: block;
	width: 34px;
	height: 13px;
	background: url('../images/offer_go.gif') no-repeat 0px 0px;
}
/* Featured Products */

#mainIndex #bottom {
	border: 1px solid #fff;
	background-color: #537caf;
  float: left;
}

#mainIndex #bottom {
	margin: 13px 0 0 0;
	padding: 5px 22px 0;
	width: 512px;
}
#mainIndex #bottom h6 {
	width: 250px;
	height: 18px;
	background: url('../images/tit-proddest.gif') no-repeat 0px 0px;
}
#mainIndex #bottom ul {
	padding-bottom: 2px;
}

#mainIndex #bottom li {
	margin: 6px 17px 10px 1px;
	float: left;
	width: 110px;
}

#mainIndex #bottom li.end {
	margin-right: 0px;
}

#mainIndex #bottom li a {
	display: block;
	width: 107px;
	height: 84px;
	overflow: hidden;
}
#mainIndex #bottom li p a {
	display: inline;
	width: auto;
	height: auto;
	background: none;
	overflow: inherit;
	color: #fff;
}

#mainIndex #bottom li p a {
	padding: 5px 0;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
#mainIndex #bottom li p a:hover {
	text-decoration: underline;
	background: none;
}

/* serviciosIndex */

#serviciosIndex #leftBox {
	width:500px;
	padding: 0 0 20px 0;
}
#serviciosIndex #leftBox h2 {
	width: 300px;
	height: 24px;
	font-size: 1.9em;
	text-indent: 0;
	/*background: url('../images/tit-servicios.jpg') no-repeat 0px 0px;*/
}
#serviciosIndex #leftBox p {
  margin-top: 5px;
}
	#serviciosIndex #leftBox p.negrita {
  margin-top: 15px;
  font-weight: bold;
}


/* Featured Products */

#serviciosIndex #bottom {
	border: 1px solid #fff;
	background-color: #537caf;
    float: left;
}

#serviciosIndex #bottom {
	margin: 13px 0 0 0;
	padding: 5px 22px 0;
	width: 512px;
}
#serviciosIndex #bottom h6 {
	width: 250px;
	height: 18px;
	background: url('../images/tit-proddest.gif') no-repeat 0px 0px;
}
#serviciosIndex #bottom ul {
	padding-bottom: 2px;
}

#serviciosIndex #bottom li {
	margin: 6px 17px 10px 1px;
	float: left;
	width: 110px;
}

#serviciosIndex #bottom li.end {
	margin-right: 0px;
}

#serviciosIndex #bottom li a {
	display: block;
	width: 107px;
	height: 84px;
	overflow: hidden;
}
#serviciosIndex #bottom li p a{
	display: inline;
	width: auto;
	height: auto;
	background: none;
	overflow: inherit;
	color: #fff;
}

#serviciosIndex #bottom li p a {
	padding: 1px 0;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
#serviciosIndex #bottom li p a:hover {
	text-decoration: underline;
	background: none;
}
/* contactenosIndex */
#contactenosIndex {
  position: relative;
}

#contactenosIndex #centerBox {
  width:500px;
  padding: 0 0 20px 0;
}
#contactenosIndex #centerBox h2 {
  width: 300px;
	height: 24px;
	font-size: 1.9em;
	text-indent: 0;
	/*background: url('../images/tit-contactenos.jpg') no-repeat 0px 0px;*/
}
	#contactenosIndex #centerBox p {
  margin-top: 5px;
}

/* Featured Products */

#contactenosIndex #bottom {
	border: 1px solid #fff;
	background-color: #537caf;
    float: left;
}

#contactenosIndex #bottom {
	margin: 13px 0 0 0;
	padding: 5px 22px 0;
	width: 512px;
}
#contactenosIndex #bottom h6 {
	width: 250px;
	height: 18px;
	background: url('../images/tit-proddest.gif') no-repeat 0px 0px;
}
#contactenosIndex #bottom ul {
	padding-bottom: 2px;
}

#contactenosIndex #bottom li {
	margin: 6px 17px 10px 1px;
	float: left;
	width: 110px;
}

#contactenosIndex #bottom li.end {
	margin-right: 0px;
}

#contactenosIndex #bottom li a {
	display: block;
	width: 107px;
	height: 84px;
	overflow: hidden;
}
#contactenosIndex #bottom li p a{
	display: inline;
	width: auto;
	height: auto;
	background: none;
	overflow: inherit;
	color: #fff;
}

#contactenosIndex #bottom li p a {
	padding: 1px 0;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
#contactenosIndex #bottom li p a:hover {
	text-decoration: underline;
	background: none;
}
#contactenosIndex #leftBox {
  width: 230px;
	float: left;
	font-weight: bold;
	text-align: center;
	padding: 60px 0 0 0;
	height: 110px; 	
}
#contactenosIndex #rightBox {
	width: 260px;
	font-weight: bold;
	float: left; 
}

#contactenosIndex #rightBox label {
	width: 60px;
	float: left;
	text-align: right;
	margin-right: 10px;
	display: block;
}

#contactenosIndex #rightBox .submit input {
	margin-left: 5px;
}
#contactenosIndex #rightBox p {
	margin-bottom: 5px;
}
#contactenosIndex #rightBox input,
#contactenosIndex #rightBox textarea {
  color: #486b9a;
	background: #eff3f7;
	border: none;
	width: 152px;
	heigth: 15px;
}
#contactenosIndex #rightBox textarea {
	heigth: 45px;
}
#contactenosIndex #rightBox .submit input {
  height: inherit;
	width: inherit;
} 
#contactenosIndex #error_form {
  /*position: absolute;*/
	position: relative;
  color: #FFF;
  width: 228px; 
  right: 8px;
  top: -10px;
  text-align: right;
}
#contactenosIndex #succesForm {
  position: absolute;
  color: #FFF;
  width: 226px; 
  height: 167px;
  right: 102px;
  top: 76px;
  text-align: right;
  background: #000;
  line-height: 167px;
  text-align: center;
  z-index: 4;
	background-color:#537CAF;
	border:1px solid #FFFFFF;
}
#contactenosIndex #succesForm p{
  line-height: 167px;
}
#contactenosIndex #succesForm img{
  position: absolute;
  top: 5px;
  right: 5px;
}
#contactenosIndex label span {
  color: #000;
}
/* detalleIndex */

#detalleIndex #centerBox h2 {
	font-size: 1.9em;
	text-indent: 0;
	/*	background: url('../images/tit-discosduros.jpg') no-repeat 0px 0px;*/
}

#detalleIndex h3 {
  position: absolute;
	right: 10px;
	top: 16px;
	text-decoration: underline;
	color: #FFFFFF;
}
#detalleIndex h3 a {
	text-decoration: underline;
	color: #FFFFFF;
}
#detalleIndex h3 a:hover {
	text-decoration: none;
}

/* Featured Products */

#detalleIndex #centerBox ul {
	padding-bottom: 2px;
}

#detalleIndex #centerBox li {
	margin: 6px 17px 10px 1px;
	float: left;
	width: 106px;
	border: #ffffff solid 1px;
	padding: 4px 4px 0;
}
#detalleIndex #centerBox li.noResul {
	margin: 6px 17px 20px 1px;
	float: none;
	width: inherit;
	border: 0px;
	padding: 0;
}

#detalleIndex #centerBox li.end {
	margin-right: 0px;
}

#detalleIndex #centerBox li a {
	display: block;
	width: 107px;
	height: 84px;
	overflow: hidden;
	text-decoration: none;
}
#detalleIndex #centerBox li p.nombre{
	height: 29px;
}
#detalleIndex #centerBox li p a{
	display: inline;
	width: auto;
	height: auto;
	background: none;
	overflow: inherit;
	color: #fff;
}
#detalleIndex #centerBox li p.info {
  position: relative;
  top: -14px;
  font-weight: bold;
  text-align: right;	
}

#detalleIndex #centerBox li p a:hover {
	text-decoration: underline;
	background: none;
}
/* productoIndex */
#productoIndex {
	position: relative;
}
#productoIndex #centerBox h2 {
	width: 500px;
	/*height: 24px;*/
	font-size: 1.9em;
	text-indent: 0;
	/*background: url('../images/tit-discosduros.jpg') no-repeat 0px 0px;*/
}
#productoIndex h3 {
  position: absolute;
	right: 10px;
	top: 7px;
	text-decoration: underline;
	color: #FFFFFF;
}
#productoIndex h3 a {
	text-decoration: underline;
	color: #FFFFFF;
}
#productoIndex h3 a:hover {
	text-decoration: none;
}

#productoIndex .productoContainer {
	margin: 12px 8px 0 0;
	padding: 9px;
	border: 1px solid #ffffff;
	overflow: auto;
}

/* Featured Products */

#productoIndex .leftContainer {
  float: right;
	height: 190px;
	width: 250px;
	margin: 0 30px 10px 0;
	display: inline;
}
#productoIndex .rightContainer {
	margin: 0 0px 10px 0;
}
#productoIndex .rightContainer p.decripcion {
  font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 6px;
}
#productoIndex .rightContainer p.precio {
  font-size: 1.2em;
	ont-weight: bold;
  text-align: right;
}
 
#productoIndex .rightContainer .bottomContainer {
  clear:both;
  margin-bottom: 10px;
}
#productoIndex .rightContainer .bottomContainer p {
  line-height: 19px;
  font-size: 1.1em;
}

#productoIndex #centerBox li.end {
	margin-right: 0px;
}

#productoIndex #centerBox li a {
	display: block;
	width: 107px;
	height: 84px;
	overflow: hidden;
	text-decoration: none;
}
#productoIndex #centerBox li p a {
	display: inline;
	width: auto;
	height: auto;
	background: none;
	overflow: inherit;
	color: #fff;
}
#productoIndex #centerBox li p.info {
  position: relative;
  top: -14px;
  font-weight: bold;
  text-align: right;	
}

#productoIndex #centerBox li p a:hover {
	text-decoration: underline;
	background: none;
}
/* BACKEND */

.backendLogIn{
	background: #333333;
}
.backendLogIn #container {
	background-image: url(img_panel/login_back.jpg);
	background-repeat:no-repeat;
	width:308px;
	height:160px;
	margin:140px auto 0 auto;
	padding: 87px 0 0 124px;
}
.backendLogIn #containerInputs {
width:172px;

}
.backendLogIn input {
margin-bottom:5px;
height:12px;
width:170px;
font-size:9px;
border: 1px #333333;
margin-top:3px;
}
.backendLogIn input.boton {
height:12px;
_height:15px;
*height:15px;
}

.backendLogIn a{
	font-size:13px;
	padding-left: 135px;
	color:#ffcb05;
	text-decoration:none;
}
.backendLogIn a:hover{
text-decoration:underline;
}
.backendLogIn .style1 {
font-family: Arial, Helvetica, sans-serif
}
#pager {
  text-align: center;
	clear: both;
	width: 100%;
}
#pager a {
  color: #FFF;
  text-decoration: none;
}
#pager a:hover {
   text-decoration: underline;
}
#contactenosIndex #rightBox .submit {
  text-align: right;
	margin-right: 39px;
}
#contactenosIndex #rightBox input.boton {
  width: inherit;
}
/* paginador */
/* Paginador */
#paginador {
  padding: 3px 0;
  text-align: center;
  font-size: 1.1em;
  margin: 10px 0 0 0;
	clear: both;
}
#paginador a {
  color: #FFF;
  text-decoration: none;
}
#paginador .active {
  font-weight: bold;
	text-decoration: underline;
}
#paginador a:hover {
	text-decoration: underline;
}
/* serviciosIndex */

#marcasIndex #leftBox {
	width:500px;
	padding: 0 0 20px 0;
}
#marcasIndex #leftBox h2 {
	width: 300px;
	height: 24px;
	font-size: 1.9em;
	text-indent: 0;
	margin-bottom: 20px;
}
#marcasIndex #leftBox li {
  float: left;
	height: 85px;
	width: 85px;
	margin: 0 0 10px 15px;
	list-style: none;
}
#marcasIndex #paginador {
  margin: 0 0 0px 15px;
}
/* Featured Products */

#marcasIndex #bottom {
	border: 1px solid #fff;
	background-color: #537caf;
    float: left;
}

#marcasIndex #bottom {
	margin: 13px 0 0 0;
	padding: 5px 22px 0;
	width: 512px;
}
#marcasIndex #bottom h6 {
	width: 250px;
	height: 18px;
	background: url('../images/tit-proddest.gif') no-repeat 0px 0px;
}
#marcasIndex #bottom ul {
	padding-bottom: 2px;
}

#marcasIndex #bottom li {
	margin: 6px 17px 10px 1px;
	float: left;
	width: 110px;
}

#marcasIndex #bottom li.end {
	margin-right: 0px;
}

#marcasIndex #bottom li a {
	display: block;
	width: 107px;
	height: 84px;
	overflow: hidden;
}
#marcasIndex #bottom li p a{
	display: inline;
	width: auto;
	height: auto;
	background: none;
	overflow: inherit;
	color: #fff;
}

#marcasIndex #bottom li p a {
	padding: 1px 0;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
#marcasIndex #bottom li p a:hover {
	text-decoration: underline;
	background: none;
}