@charset "utf-8";
/* CSS Document */

body {
	
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999;
	background:url(../images/bk_header.jpg) no-repeat top center; 
	
}
.remark{color:#009999;}
.remark a{color:#009999;}


.separador_horizontal{
	border-top:dotted #666 thin;
	height:2px; line-height:2px;
	}
.separador_vertical{
	border-right:dotted #666 thin;
	width:2px;
	float:left;
	height:230px; /*como el alto de .producto*/
	}

#main_content ul{
	list-style:outside;
	list-style-image:url(../images/bullet2.png);
	margin-left:13px;
	}

#main_content ul.sublista{
	list-style:none; 
	margin-left:10px;
	}
#main_content ul.sublista a{
	font-weight:normal;
	}
a {
	text-decoration:none;
	color:#999;
	font-weight:bold;
}
a:hover {
	color:#ff3300;
	color:#ff9933;
}
/* ----- HEADER ----- */

#header {
	margin:0 auto;
	width:955px;
	height:160px;
	display:block;	
}
#header .logo {
	display:block;
	float:left;
	width:255px;
	height:100%;
	color:#ccccff;
	font-size:0em;
}
/*  ---  CUADRO  --- */
#header #cuadro {
	width:171px;
	height:82px;
	padding:9px 15px 0px 10px;
	background-image:url(../images/cuadro.gif);
	position:relative;
	right:91px;
	top:49px;
	float:right;
	text-align:right;
	color:#006666;
}
/* ----- NAVIGATION ----- */

#nav {
	margin:0 auto;
	height:39px;
	width:783px;
}
/* ----- MAIN CONTENT ----- */
#main_content {
	margin:0 auto;
	margin-top:15px;
	width:950px;
	padding:0 0 0 8px; /*top right bottom left*/
	min-height:540px;
}
#main_content.home{
	background:url(../images/down.png) bottom no-repeat;
	}
/*---  en home  ---*/
#home_flash {
	width:713px;
	height:319px;
	float:left;
}
#carrusel_ext{
	float:left;
	background:url(../images/bk_carrusel.jpg);
	background-repeat:no-repeat;
	width:230px;
	height:289px;
	}
#carousel2 {
	overflow:scroll;
	width:225px;
	height:230px;
	margin-top:53px;
}
.textholder {
	padding: 2px 4px 0 4px;
	-moz-border-radius: 4px 4px 0 0;
	color:#333333; 
	font-size:1.2em;
}
.textholder .sku{font-size:1.3em; color:#006666;}
/*----  BANNERS  ------*/
#banners_horiz {
	margin:0 auto;
	position:relative;
	float:left;
	height:30px;
	width:100%;
	top:-12px;
	height:213px;
}
#bh1 {
	float:left;
	width:273px;
	margin-top:12px;
	margin-right:39px;
	background:url(../images/banner1.png);
	width:267px; height:161px;
}
#bh2 {
	float:left;
	width:332px;
	background:url(../images/banner2.png);
	width:333px; height:208px;
}
#bh3 {
	float:right;
	width:263px;
	margin-top:12px;
	background:url(../images/banner3.png);
	width:263px; height:161px;
}
div.info{
	  width:118px;
	  height:100px;
	  text-align:left;
	 }
	#info1{
	float:right;
	  margin-right:12px;
	  margin-top:43px;
		}
	#info2{
		float:right;
	  margin-right:14px;
	  margin-top:54px;
		}
	 #info3{
	  float:left;
	  margin-left:20px;
	  margin-top:43px;
		 }
div.info a{
	  font-size:1.2em;
	  line-height:1.2em;
	  color:#ff3300;
	  color:#ff9933;
	 }
div.info a:hover{
	 color:#999;}
/*------  banners verticales  -----*/
#bnrVertical
{ width:233px;
  float:right;
  height:auto;
	}
	
.bnrVert{
	height:127px;
    margin-bottom:7px;
	}

/*-- INTERIORES --*/
#interiorFoto{
	float:left;
	width:708px;
	height:129px;
	margin-bottom:28px;
	}
#interiorFoto img{
	/*para el breadcrumb*/
	margin-bottom:5px;
	}
	
#breadcrumb span{
	margin-left:5px;
	margin-right:5px;
	}
#cuerpoTexto{
	width:546px;
	clear:left;
	margin-left:82px;
	font-size:1.1em;
	line-height:1.4em;
	}
#cuerpoTexto H1, #main_content H1{color:#ff9933; font-size:1em; margin-bottom:14px; text-transform:uppercase;}
#cuerpoTexto H2, #main_content H2{color:#ff9933; text-transform:uppercase;}
#cuerpoTexto H3,  #main_content H3{color:#339999;}
#cuerpoTexto p {	
    font-size:1.1em;
	line-height:1.4em;
	margin-bottom:15px;}
	
#fabricantes img{
	margin-right:3px;
	}
/*   --------------- CATALOGO -----------------*/

   /*agregado (para caálogo en tablas)*/
	#tabla_catalogo td{vertical-align:top;}

	#tmenu_prod{
	     width:172px;
		 text-align:left; 
		 height:auto; 
	}
	#tmenu_prod ul{
	 	margin-top:10px;
	 	margin-bottom:10px;
	 	line-height:20px;
	 }
	#tpresentado{
		background:url(../images/cuadro_descripcion.png) top right;
	    background-repeat:no-repeat;
	}
	
	#tpresentado .sku{
		text-align:center;
		padding-top:10px;
		font-size:1.2em;
		color:#ff3300;
		color:#ff9933;
	}
	#tpresentado #descripcion{
		padding-top:10px;
	}

	td.pleca_catalogo{
		font-weight:bold;
		line-height:18px;
		font-size:1.2em;
		padding-left:18px;
		background:url(../images/pleca.png);
		margin-bottom:15px;
	}

	td.tproducto{
		float:left;
		width:243;
		height:230px;
	}
	td.tproducto p{
		margin-bottom:5px;
		padding:0 10px 0 10px;
	}
	td.tproducto .sku{
		text-align:center;
		font-size:1.1em;
	}
	.tseparador_vertical{
	border-right:dotted #666 thin;
	}
    /*fin. en adelante y hasta footer sirve sólo para el catálogo en div*/
 #menu_prod{
	 float:left;
	 width:172px;
	 text-align:left; 
	 height:auto; 
	 margin-right:28px;
	 }
 #menu_prod ul{
	 margin-top:10px;
	 margin-bottom:10px;
	 line-height:20px;
	 }
 #presentado{
	 float:right;
	 background:url(../images/cuadro_descripcion.png) top right;
	 background-repeat:no-repeat;
	 margin-bottom:30px;
	 margin-right:8px;
	 }
#presentado .sku{
	float:right;
	width:185px;
	text-align:center;
	margin-top:10px;
	margin-right:35px;
	font-size:1.2em;
	color:#ff3300;
	color:#ff9933;
	}
#presentado #descripcion{
	float:right;
	width:250px;
	padding-right:25px;
	margin-top:10px;
	}
#catalogo{
	clear:both;
	width:720px; 
	margin-right:8px; 
	float:right;
	}
#catalogo p.pleca_catalogo{
	font-weight:bold;
	line-height:18px;
	font-size:1.2em;
	padding-left:18px;
	background:url(../images/pleca.png);
	margin-bottom:15px;
	}
#catalogo .sku{
	text-align:center;
	font-size:1.1em;
	}
.producto{
	float:left;
	width:33%;
	height:230px;
	}
.producto p{
	margin-bottom:5px;
	padding:0 10px 0 10px;
	}
	
/*  ----- FOOTER   -----*/
#footer {
	height:99px;
	border-top:#cccccc solid 2px;
	background:url(../images/pattern_footer_home.png) repeat-x;
	background-color:#96E6E1;
}
#footer_int{
	margin:0 auto;
	width:955px;
	height:99px;
	font-size:9px;
	}

#footer_int, #footer_int a{
  color:#1E5863;
	}
	#footer_int a:hover{
  color:#FFF;
	}