/*Generales*/

.selfclear:after {
content: ".";display: block;height:0;clear: both;visibility: hidden;
}
/*Contenedor*/
#HmCnt {
	width:74.5em;margin:0;padding:0;
}
/*Header*/
#HmHd {
	width:1003px;float:left;margin:0px;padding:0px;height:155px;
	background:url(../../images/background/marco_header.gif) no-repeat;
}
/*Body*/
#HmBd{
	width:1003px;float:left;position:relative;
	background:url(../../images/background/marco_cuerpo.gif) no-repeat;
}
/*Footer */
#HmFt {
	width:1003px;float:left;position:relative;
	
}
#HmFt .hd{
	position:relative;padding-left:15px; 
}
#HmFt .hd .linea{
	position:relative;width:99%;height:1px;border-bottom:1px solid #B5AEAE;
}
#HmFt .bd{
	position:relative;color:#706F6F;padding-top:5px; min-height:85px;
}
#HmFt .bd .dataSite{
	float:left;position:relative;width:280px;height:70px;padding:5px;padding-bottom:0px;
	border-right:2px solid #d6d7d7;
}
#HmFt .bd .newsletter{
	float:left;position:relative;width:245px;height:70px;padding:10px;padding-bottom:0px;
	border-right:2px solid #d6d7d7;
	background:url(../../images/icons/carta2.gif) no-repeat -1px 0px;
}
#HmFt .bd .registrate{
	float:left;position:relative;width:165px;height:70px;padding:10px;padding-bottom:0px;
	border-right:2px solid #d6d7d7;
}
#HmFt .bd .registrate a{
	color:#706F6F;
	text-decoration:none;
}
#HmFt .bd .registrate a:hover{
	color:#706F6F;
	text-decoration:underline;
}
#HmFt .bd .borealPortal{
	float:left;position:relative;width:165px;height:70px;padding:10px;padding-top:5px;padding-left:5px;padding-bottom:0px;
}

#HmFt .ft{
	height:45px;background:url(../../images/background/marco_footer.gif) no-repeat;
}
/* Header: Logo, banner, busqueda productos, menu mapa, menu navegacion*/
#SiteId {/*Logo*/
	float:left;position:relative;top:25px;left:25px;width:114px;height:114px;
	background:url(../../images/icons/logo.jpg) no-repeat;
}

#Bann01 {/*Baner superior*/
	float:left;position:relative;width:630px;height:130px;left:20px;top:14px;
}

#SiteSearchProds{/*Buscador general de productos*/
	float:left;position:relative;width:236px;left:0px;top:25px;
}
#SiteSearchProds .hd{
	padding-left:13px;padding-top:9px;font-family:Verdana;font-size:11px;font-weight:bold;color:#FFFFFF;text-align:left;
	height:27px;background:url(../../images/background/mr.png) no-repeat -4px -706px;
}
#SiteSearchProds .bd {
	padding-left:10px;
	border-left:2px solid #A5BAD6;
	border-right:2px solid #A5BAD6;
}
#SiteSearchProds .ft{
	padding-left:5px;padding-right:20px;height:30px;color:#9C9A84;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9px;
	text-align:right;background:url(../../images/background/mr.png) no-repeat -4px -760px;
}

#botonera_header {/*Menu Header (mapa sitio etc)*/
	float:left;position:absolute;left:30px;top:-20px;
}
#btn_home {
	position:absolute;background:url(../../images/icons/botones/home.gif);width:27px;height:15px;left:800px;top:130px;
} 
#btn_usuarios {
	position:absolute;background:url(../../images/icons/botones/usuarios.gif);width:33px;height:15px;left:828px;top:130px;
} 
#btn_mapa {
	position:absolute;background:url(../../images/icons/botones/mapa.gif);width:35px;height:15px;left:862px;top:130px;
} 
#btn_contacto {
	position:absolute;background:url(../../images/icons/botones/contacto.gif);width:29px;height:15px;left:899px;top:130px;
} 
#btn_preguntas {
	position:absolute;background:url(../../images/icons/botones/preguntas.gif);width:19px;height:15px;left:930px;top:130spx;
}

#HmMnNv {
	float:left;position:absolute; padding-left:20px;width:790px;height:31px;left:180px;*top:140px;top:140px;
	background: url(../../images/background/menuNav.gif) no-repeat -1px -1px;
}
#HmMnNv ul {
	margin:0px;padding:0px;position:relative;list-style-image:none;list-style-position:outside;list-style-type:none;
}
#HmMnNv ul li {
	margin:0px;padding:0px;position:relative;display:inline;
}
#HmMnNv ul li a{
	font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;
	margin:0px;padding:5px;position:relative;padding-left:20px;padding-right:20px;color:#FFFFFF;text-decoration:none;font-weight:bold;
	height:27px;line-height:27px;text-align:center;
}
#HmMnNv ul li a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;
	margin:0px;padding:5px;position:relative;padding-left:19px;padding-right:19px;color:#FFFFFF;text-decoration:none;font-weight:bold;background-color:#CE000F;border-left:1px solid #AC0B19;border-right:1px solid #AC0B19;
	height:27px;line-height:27px;text-align:center;
}

/*Body: *Left side Bar, center ba. En hd, bd, ft colocar posiciones anchos y backkgrounds (no usar para atachar menus a ellas mismas sino en otras divs)r*/
#HmLeftBar{
	width:169px;float:left;
	padding-left:7px;
}
#HmLeftBar .hd{}
#HmLeftBar .bd{}
#HmLeftBar .ft{}

#HmCenterBar{
	width:565px;float:left;
	padding-left:10px;padding-top:15px;
}
#HmCenterBar .hd{}
#HmCenterBar .bd{}
#HmCenterBar .ft{}

#HmRightBar{
	width:215px;float:left;
	padding-left:5px;padding-top:15px;
}
#HmRightBar .hd{}
#HmRightBar .hd{}
#HmRightBar .ft{}

/*: Login box */
#HmLg{
	position:relative;top:0px;font-family:Verdana;display:block;
}
#HmLg .hd{
	height:7px;
	background:url(../../images/background/mr.png) no-repeat -9px -806px;
}
#HmLg .bd{
	background-color:#52A6EF;
	border-right:1px solid #1863A8; border-left:1px solid #1863A8;
}
#HmLg .ft{
	height:10px;
	background:url(../../images/background/mr.png) no-repeat -9px -895px;
}
#HmLg table th{
	font-size:11px;font-weight:bold;color:#FFFFFF;padding-left:10px;
}
#HmLg table tr td{
	padding:0px; margin:0px;text-align:center;padding-left:3px;padding-bottom:2px;
}
#HmLg table input{
	font-size:10px;color:#333333;border:1px solid #333333;
}
#HmLgBtnL{
	width:62px;height:22px;border:none;
	background:url(../../images/icons/botones/tress_09.jpg) no-repeat;
}
#HmLgBtnR a{
	font-family:Verdana;font-size:11px;color:#FFFFFF;
	text-align:left;
}

/*Left Bar: Menu Vertical de catalogo */
#HmMnVrt{
	position:relative;font-family:Verdana;display:block;
	padding-top:5px;
}
#HmMnVrt .hd{
	padding-top:5px;padding-left:10px;padding-bottom:5px;
	background:url(../../images/background/mr.png) no-repeat -9px -806px;
}
#HmMnVrt .bd{
	font-weight:bold;
	background-color:#52A6EF;border-right:1px solid #1863A8; border-left:1px solid #1863A8;
	padding-left:10px;padding-right:10px;
}
#HmMnVrt .ft{
	height:10px;
	background:url(../../images/background/mr.png) no-repeat -9px -895px;
}
#HmMnVrt a, #HmMnVrt em {color: #000066;text-align:center;display: block;padding: 8px 5px 8px 5px;text-decoration: none; border:1px solid #52A6EF;}
#HmMnVrt a:hover {color: #fff;text-align:center;display: block;padding: 8px 5px 8px 5px;text-decoration: none;}
#HmMnVrt a:hover { background: #CE000F; text-decoration: none; }
#HmMnVrt ul.lvl1 {}
#HmMnVrt ul.lvl1 li { background: #758f9a url(../../images/icons/if.gif) repeat-x 0px -75px; }
#HmMnVrt ul.lvl1 li.a { background: #ebeff0 no-repeat 100% 0; }
#HmMnVrt ul.lvl1 li a.a { color:#000066; font-weight: bold; }
#HmMnVrt ul.lvl1 li a.a:hover { background: 0; color: #000; }

/*Home Productos destacados*/
#HmProdsDest{
	position:relative;font-family:Verdana;display:block;
	padding-top:1px;
}
#HmProdsDest .hd{}
#HmProdsDest .bd{}
#HmProdsDest .bd .col{
	position:relative;float:left; width:188px; min-height:240px;
	padding-top:6px;
	background:url(../../images/background/mr.png) no-repeat -3px -455px;
}
#HmProdsDest .bd .col .box{
	position:relative;width:160px; min-height:80px;
	padding:7px;margin:5px;
}
#HmProdsDest .ft{}

/*Vendedor y Cotizador flotante de pedidos*/
#HmPedido{
	float:left;position:relative;width:236px;
}
#HmPedido .hd{
	padding-left:13px;padding-top:9px;font-family:Verdana;font-size:11px;font-weight:bold;color:#FFFFFF;text-align:left;
	height:27px;background:url(../../images/background/mr.png) no-repeat -4px -706px;
}
#HmPedido .bd {
	padding-left:10px;
	border-left:2px solid #A5BAD6;
	border-right:2px solid #A5BAD6;
}
#HmPedido .ft{
	padding-left:5px;padding-right:20px;height:30px;color:#9C9A84;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9px;
	text-align:right;background:url(../../images/background/mr.png) no-repeat -4px -760px;
}

/*Paginas de Catalogo*/
#PgCat{	
	font-size:11px;
}
#PgCat .h1{
	color:#2677c6; font-size:15px; font-weight:bold;padding-bottom:5px;
}
#PgCat .h2{
	color:#2677c6; font-size:14px; font-weight:bold;padding-bottom:5px;
}
#PgCat .h3{
	width:100%;border-bottom:1px dotted #CCCCCC;
	color:#2677c6;float:left;margin-bottom:5px;
	font-size:11px;font-weight:bold;height:auto;padding-top:5px;text-align:left;
	display:block;
}
#PgCat .h4{
	width:100%;border-bottom:1px dotted #CCCCCC;
	color:#2677c6;float:left;margin-bottom:5px;
	font-size:11px;font-weight:bold;height:auto;padding-top:5px;text-align:left;
	display:block;
}
#PgCat .h5{
	color:#ac9999; font-size:11px; font-weight:bold;padding-bottom:5px;
}
#PgCat .h6{
	color:#f1a400; font-size:11px; font-weight:bold;padding-bottom:5px;
}
#PgCat .t1{
	color:#f1a400; font-size:10px; padding-bottom:5px;
}
#PgCat .hd{
	padding:0px;padding-bottom:5px;
}
#PgCat .hd ul{
	padding-top:10px;padding-left:30px;padding-bottom:5px;
}
#PgCat .hd ul li{
	background:transparent url(../../images/icons/bullet.png) no-repeat scroll 0 0.6em;
	padding:2px 10px 2px 19px;
}
#PgCat .hd .nav {width:99%;background:#2f88e4;height:18px; padding-left:10px;padding-top:1px;}
#PgCat .hd .nav a{font-size:11px; font-weight:bold; text-decoration:none;color:#FFFFFF;}
#PgCat .hd span{color:#CE000F}
#PgCat .hd .nav a:hover{font-size:11px; font-weight:bold; text-decoration:underline;color:#FFFFFF;}
#PgCat .marco {border:1px solid #cccccc; margin:3px;padding:1px;}
#PgCat .bd{}
#PgCat .bd .boxDescCat{border-bottom:1px dotted #cccccc;}
#PgCat .bd a{color:#1e4ea0;}
#PgCat .bd a:hover{color:#CE000F;}
#PgCat .ft{}



.barraTitulo {width:99%;background:#2f88e4;height:18px; padding-left:10px;padding-top:1px;font-size:11px; font-weight:bold; text-decoration:none;color:#FFFFFF;}
.warning{
	font-family: Verdana;
	font-size: 9px;
	font-weight: normal;
	color: #ce000f;
	padding-top:inherit;
}

#Login {
	position:relative;
	top:10px;
	left:30px;
	}
	
#Login .txtGral {
	left:30px;
	width:450px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#cf010d;
}
#Login .reg {
	position:absolute;
	top:60px;
	width:200px;
	}

#Login .reg  .txtReg{
	position:absolute;
	left:20px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#cf010d;
}

#Login .reg .bullet {
	position:absolute;
	width:12px;
	height:12px;
	background:url(../../images/icons/bullets.gif) no-repeat left;	
	}
	
#Login .reg .form {
	position:absolute;
	left:0px;
	top:80px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#666;
	}
	
#Login .reg .spanReg{
	position:relative;
	top:20px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#2576e4;
}
#Login .reg .form .btnInput{
	background:url(../../images/icons/botones/btn_entrar.gif) no-repeat right;
	width:61px;
	height:20px;
	border:none;
	cursor:pointer;
	}
	
#Login .reg .form  .tabla{
	position:absolute;
	width:240px;
	left:0px;
}

#Login .noReg {
	position:absolute;
	top:60px;
	left:0px;
	width:500px;
	}

#Login .noReg .bullet2{
	position:absolute;
	left:300px;
	top:0px;
	width:12px;
	height:12px;
	background:url(../../images/icons/bullets.gif) no-repeat left;	
}
	

#Login  .noReg .txtNoReg {
	position:absolute;	
	left:330px;
	width:300px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#cf010d;
}

#Login .noReg .spanNoReg {
	position:absolute;
	top:20px;
	left:300px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#2576e4;
}


#Login .noReg .btnNoReg {
	position:absolute;
	left:350px;
	top:60px;
	width:100px;
	height:90px;
	border:none;
	cursor:pointer;
	background:url(../../images/icons/img_avatar.gif);
	
}
	
#Login .separador{
	position:absolute;
	background:url(../../images/icons/separacion.gif) repeat-y;
	left:260px;
	top:60px;
	width:11px;
	height:163px;}

#TbCarro{
	border-right:1px solid #999;
	border-left:1px solid #999;
	border-bottom:1px solid #999;
}
	
#TbCarro .header{
	background-color:#999;
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	
}

#TbCarro  td{
	border-right:1px solid #cccccc;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}

#TbCarro  .noBorder{
	border-right:1px solid #ffffff;
}

#TbCarro  textarea{
	border-top:1px solid #999;
	border-right:1px solid #999;
	border-left:1px solid #999;
	border-bottom:1px solid #999;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}



#TbRec{
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-top:1px solid #cccccc;
	
}
	

#TbRec  td{
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}



div.pagination {
	
	color:#48b9ef;
	padding:10px 0 10px 0;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:center;
}

div.pagination a {
	color:#48b9ef;
	padding:2px 5px;
	margin:0 2px;
	text-decoration:none;
	border:2px solid #f0f0f0;
}

div.pagination a:hover, div.pagination a:active {
	border:2px solid #ff5a00;
	color:#ff5a00;
}

div.pagination span.current {
	padding:2px 5px;
	border:2px solid #ff5a00;
	color:#fff;
	font-weight:bold;
	background-color:#ff6c16;
}
div.pagination span.disabled {
	display:none;
}