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


body {
	background-image:url(../i/fondo14.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#5e7135;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #575757;
	margin: 0;
	padding: 0;
}

#wrapper {
	width:740px;
	margin:0 auto;
	background-color:#FFF;
}

#header {
	position:absolute;
	z-index:50;
	/*background-color:#990000;*/
	width:740px;
	height:106px;
	top:0;
	background-image:url(../i/fondo01.gif);
	background-position:0 0;
	background-repeat:repeat-x;
}


#logo {
	line-height:0;		
}
#logo span {
	display:block;
	position:absolute;
	z-index:100;
	top:-999em;
}

#logo img {
	border:none;
}

#menu {
	position:absolute;
	z-index:52;
	width:511px;
	/*background-color:#99FF66;*/
	top:0;
	margin: 36px 0 0 230px;
}

#menu ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#menu li {
	margin:0;
	padding:0;
	display:block;
	float:left;
}

#menu a {
	display:block;
	height:52px;
	background-image:url(../i/menu.gif);
	background-repeat:no-repeat;
}

#menu strong {
	display:block;
	position:absolute;
	top:-999em;
	z-index:100;
}


#inicio_btn a{
	width:88px;
}
#empresa_btn a{
	width:99px;
}
#productos_btn a{
	width:111px;
}
#servicios_btn a{
	width:105px;
}
#contacto_btn a{
	width:98px;
}

#inicio_btn a:link,
#inicio_btn a:visited {
	background-position: 0 0;
}
#inicio_btn a:hover,
#inicio_btn a:active {
	background-position: 0 -52px;
}


#empresa_btn a:link,
#empresa_btn a:visited {
	background-position: -88px 0;
}
#empresa_btn a:hover,
#empresa_btn a:active {
	background-position: -88px -52px;
}


#productos_btn a:link,
#productos_btn a:visited {
	background-position: -186px 0;
}
#productos_btn a:hover,
#productos_btn a:active {
	background-position: -186px -52px;
}


#servicios_btn a:link,
#servicios_btn a:visited {
	background-position: -297px 0;
}
#servicios_btn a:hover,
#servicios_btn a:active {
	background-position: -297px -52px;
}


#contacto_btn a:link,
#contacto_btn a:visited {
	background-position: -402px 0;
}
#contacto_btn a:hover,
#contacto_btn a:active {
	background-position: -402px -52px;
}










#container {
	position:relative;
	margin-top:106px;
	width:740px;
	/*height:106px;*/
	background-image:url(../i/fondo03.gif);
	background-position: 0 0;
	background-repeat:repeat-x;
	background-color:#FFF;
}
.deco01 {
	background-image:url(../i/fondo12.gif);
	background-position:50% 0;
	background-repeat:no-repeat;
	/*outline:1px dotted #66FF00;*/
	padding: 0 31px 0 31px;
	overflow:hidden;
	height:1%;
}
.deco02 {
	/*
	background-image:url(../i/fondo12.gif);
	background-position:50% 0;
	background-repeat:no-repeat;
	*/
	/*outline:1px dotted #66FF00;*/
	padding: 0 15px 0 15px;
	overflow:hidden;
	height:1%;
}

#main_container {
	/*border:1px dotted #FF0000;*/
	/*background-color:#FFFFCC;*/
	width:507px;
	margin: 12px 0 0 0;
	float:left;
	background-image:url(../i/separador01.gif);
	background-position: 100%;
	background-repeat:repeat-y;
}
#main_container p{
	line-height:16px;
}

#main_container .margin01 {
	line-height:15px;
	margin: 0 8px 10px 0;
	/*background-color:#990099;*/
}

#main_container_2 {
	/*background-color:#FFFFCC;*/
	width:677px;
	margin: 12px 0 0 0;
	float:left;
	/*
	background-image:url(../i/separador01.gif);
	background-position: 100%;
	background-repeat:repeat-y;
	*/
}

#main_container_2 p{
	line-height:16px;
}

#main_container_2 .margin01 {
	line-height:15px;
	margin: 0 8px 10px 0;
	/*background-color:#990099;*/
}






#main_container .margin01 a:link,
#main_container .margin01 a:visited,
#main_container_2 .margin01 a:link,
#main_container_2 .margin01 a:visited {
	color:#2079f9;
	text-decoration:none;	
}
#main_container .margin01 a:hover,
#main_container .margin01 a:active,
#main_container_2 .margin01 a:hover,
#main_container_2 .margin01 a:active {
	color:#0768f3;
	text-decoration:underline;
}









#main_container_3 {
	width:710px;
	margin: 0 0 0 0;
	float:left;
}

#main_container_3 .margin01 {
	line-height:15px;
	margin: 0 0 0 0;
	/*background-color:#990099;*/
}








.h1_container {
	/*border:1px dotted #FF0000;*/
	width:100%;
	height:118px;
}

.h1_container h1{
	padding:0;
	margin:0;
	color:#004957;
	/*outline:1px dotted #0066CC;*/
	position:absolute;
	z-index:3;
	font-size:24px;
}
.h1_container span {
	display:block;
	/*outline:1px dotted #6600CC;*/
	width:499px;
	height:118px;
	position:absolute;
	z-index:4;
	/*top:0;*/
	background-position: 0 0;
	background-repeat:no-repeat;
	/*background-color:#CC99CC;*/
}
#proteccion_electronica_de_mercaderia_title {
	background-image:url(../i/tit-proteccion-mercaderia.jpg);
}
#sistemas_y_centrales_de_alarma_title {
	background-image:url(../i/tit-sistemas-alarma.jpg);
}
#circuito_cerrado_de_television_title {
	background-image:url(../i/tit-circuito-cerrado-tv.jpg);	
}
#detectores_de_metales_title {
	background-image:url(../i/tit-detectoras-metales.jpg);	
}
#contadoras_de_dinero_multiples_monedas_title {
	background-image:url(../i/tit-contadora-dinero.jpg);
}
#unidades_de_oxigeno_portatiles_title {
	background-image:url(../i/tit-unidades-oxigeno.jpg);
}
#sistemas_de_deteccion_de_incendios_title {
	background-image:url(../i/tit-sist-detec-incendios.jpg);
}
#control_de_acceso_title {
	background-image:url(../i/tit-control-de-acceso.jpg);
}

#nuestra_empresa_title {
	background-image:url(../i/tit-empresa.jpg);
}
#servicios_title {
	background-image:url(../i/tit-servicios.jpg);
}
#productos_title {
	background-image:url(../i/tit-productos.jpg);
}


.h1_container_2 {
	/*outline:1px dotted #FF0000;*/
	width:100%;
	height:118px;
}

.h1_container_2 h1{
	padding:0;
	margin:0;
	color:#004957;
	/*outline:1px dotted #0066CC;*/
	position:absolute;
	z-index:3;
	font-size:26px;
}
.h1_container_2 span {
	display:block;
	/*outline:1px dotted #6600CC;*/
	width:677px;
	height:118px;
	position:absolute;
	z-index:4;
	/*top:0;*/
	background-position: 0 0;
	background-repeat:no-repeat;
	/*background-color:#CC99CC;*/
}

#contacto_title {
	background-image:url(../i/tit-contacto02.jpg);
}







.breadcrums {
	display:block;
	position:absolute;
	z-index:5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #B2B2B2;
	text-decoration: none;
	text-transform: uppercase;
	word-spacing: 2px;
	letter-spacing: -1px;
	margin: 92px 0 18px 9px;
	/*outline:1px dotted #FF0000;*/
}
.breadcrums a:link,
.breadcrums a:visited {
	color: #6CA6F9;
	text-decoration: none;
}

.breadcrums a:hover,
.breadcrums a:active {
	text-decoration: underline;
	color: #2079F9;
}
.breadcrums strong {
	color: #6CA6F9;
	text-decoration: none;
	font-weight:normal;
}



















#footer {
	position:relative;
	background-color:#fff;
	width:740px;
	/*height:106px;*/
	/*margin: 0 0 12px 0;*/
}
#footer .box01 {
	padding:14px 0 14px 18px;
	color:#749d70;
	font-size:12px;
}
#footer .box01 strong {
	color:#5e7135;
}
#footer .box01 a:link,
#footer .box01 a:visited {
	color:#749d70;
	text-decoration:none;
}
#footer .box01 a:hover,
#footer .box01 a:active {
	color:#0099FF;
	text-decoration:underline;
}

.separador01{
	border-top: 1px solid #BCBCBC;
	display: block;
	width: 704px;
	height: 1px;
	font-size: 1px;
	line-height: 0;
	margin: 8px 0 0 0;
}
.separador01 span {
	display:none;
}























/* inicio sidenav */
#sidenav {
	width: 169px;
	position: fixed;
	float: left;
	margin: 0 0 0 538px;
	/*border:1px dotted #990000;*/
	/*background-color:#CCC;*/
}
*html #sidenav {
	position: absolute; 
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
/* fin sidenav */





/* inicio menu costado */
#sidenav_menu {
	display:block;
	width:162px;
	font-size: 11px;
	text-transform: uppercase;
	margin:33px 0 0 8px;
	padding:0;
	/*outline:1px dotted #FF0000;*/
}

#sidenav_menu li {
	display:block;
	height:1%;
	border-top: 1px solid #E6E6E6;
}

#sidenav_menu a span {
	display:block;
	padding: 8px 0 8px 20px;
}

#sidenav_menu a {
	margin:0;
	padding:0;
	font-weight:900;
	line-height:13px;
	text-decoration:none;
	background-image:url(../i/rollover-menu.gif);
	background-repeat:no-repeat;
	text-align:left;
	display:block;
	height:1%;
}

#sidenav_menu a:link,
#sidenav_menu a:visited {
	background-position: 0 8px;
	color: #336633;	
}

#sidenav_menu a:hover,
#sidenav_menu a:active {
	background-position:0 -142px;
	color:#007BC1;
}
/* fin menu costado */















.separador02,
.separador02 span {
	width: 498px;
	height: 20px;
	font-size: 11px;
	line-height: 11px;
	margin: 0;
	background-image:url(../i/separador02.gif);
	background-repeat:no-repeat
}

.separador02 {
	background-color:#E1E9ED;
	background-position: -10px 0px;
}
.separador02 span {
	display: block;
	background-position: 488px 0px;
}

.separador02 span strong {
	display:block;
	font-size: 11px;
	line-height: 11px;
	font-weight: 900;
	text-transform: uppercase;
	color: #305575;
	padding: 5px 0 0 15px;
	letter-spacing: normal;
}













.listado_productos .row01,
.listado_productos .col01,
.listado_productos .col02,
.listado_productos .col03,
.listado_productos .col04 {
	height: 1%;
	overflow:hidden;	
}

.listado_productos .row01 {
	/*background-color:#333;*/
	width: 498px;
	margin: 12px 0 0 0;
}
.listado_productos .col01 {
	float:left;
	width:249px;
	margin: 0 0 14px 0;
	background-image:url(../i/separador04.gif);
	background-position:99%;
	background-repeat:repeat-y;
}
.listado_productos .col02 {
	float:left;
	width:249px;
	margin: 0 0 14px 0;
}
.listado_productos .col03 {
	float:left;
	width:498px;
	margin: 0 0 14px 0;
}
.listado_productos .col04 {
	float:left;
	width:498px;
	margin: 0 0 14px 0;
	/*border:1px dotted #996600;*/
}

.listado_productos .col01 .foto,
.listado_productos .col02 .foto {
	display:block;
	float:left;
	width:92px;
}
.listado_productos .col01 .descripcion,
.listado_productos .col02 .descripcion {
	float:left;
	width:144px;
	font-size:11px;
	line-height:13px;
}
.listado_productos .col01 .descripcion h2,
.listado_productos .col02 .descripcion h2 {
	/*text-transform:uppercase;*/
	letter-spacing:normal;
	font-size:12px;
	line-height:14px;
	color:#305575;
	margin: 0 0 5px 0;
}



.listado_productos .col03 .foto {
	display:block;
	float:left;
	width:165px;
}
.listado_productos .col03 .descripcion {
	float:left;
	width:330px;
	font-size:12px;
}
.listado_productos .col03 .descripcion h2 {
	/*text-transform:uppercase;*/
	letter-spacing:normal;
	font-size:14px;
	/*color:#305575;*/
	margin: 0 0 8px 0;
}




.listado_productos .col04 .foto {
	display:block;
	float:left;
	width:90px;
}
.listado_productos .col04 .descripcion {
	float:left;
	width:407px;
	font-size:12px;
	/*background-color:#99FF00;*/
}

















.separador03 {
	width: 498px;
	height:4px;
	background-image:url(../i/separador04.gif);
	background-position: bottom;
	background-repeat:repeat-x;
}


.separador04 {
	width: 498px;
	background-image:url(../i/separador03.gif);
	background-position: bottom;
	background-repeat:repeat-x;
	text-align:right;
	font-size:11px;
	margin: 0 0 29px 0;
}

.separador04 img{
	border:0;
	margin: 0 3px 0 0;
}

.separador04 span {
	display:block;
	padding: 0 20px 5px 0;
}



.menu_principal {
	display:block;
	position:absolute;
	top:0;
}














.recuadro01 {
	height:1%;
	overflow:hidden;
}

.recuadro01 .box02 {
	float:left;
	width:150px;
	/*outline:1px dotted #FF0000;*/
	background-color:#ededed;
}
.recuadro01 .margen01 {
	margin: 0 0 0 15px;
}

.recuadro01 .box02 .part_top01,
.recuadro01 .box02 .part_top01 span,
.recuadro01 .box02 .part_bottom01,
.recuadro01 .box02 .part_bottom01 span {
	display:block;
	background-image:url(../i/bordes-recuadro01.gif);
	background-repeat:no-repeat;
	height:9px;
	line-height:1px;
	font-size:1px;
}

.recuadro01 .box02 .part_top01 {
	background-position: -7px -9px;
}
.recuadro01 .box02 .part_top01 span {
	display:block;
	background-position: 143px -9px;
}
.recuadro01 .box02 .part_central01 {
	border-left:1px solid #999;
	border-right:1px solid #999;
}
.recuadro01 .box02 .part_central01 div{
	background-image:url(../i/recuadro-01-fondo.gif);
	background-repeat:repeat-x;
	background-position: 0 0;
	padding: 0 6px 0 6px;
	font-size:11px;
	color:#d92929;
	height:212px;	
}
.recuadro01 .box02 .part_bottom01 {
	background-position: -7px 0;
}
.recuadro01 .box02 .part_bottom01 span {
	background-position: 143px 0;
}






h2{
	font-size: 20px;
	letter-spacing: -1px;
	margin: 10px 0 10px 0;
	/*color: #006D8E;*/
	color: #4e642a;
}




ul.ulli01 {
	padding: 0;
	margin: 0 0 0 35px;
}
ul.ulli01 li {
	/*font-size: 0.8em;*/
	margin: 0;
	padding: 0 0 6px 0;
	list-style-image: url(../i/bullet04.gif);
	list-style-type: none;
}



.strong01 {
	font-size:16px;
	color:#4c7855;
} 





#box_mapas {
	display:block;
	height:1%;
	overflow:hidden;
}

#box_mapas .col01 {
	display:block;
	float:left;
	width:300px;
	height:352px;
	margin: 0 0 0 19px;
	/*outline:1px solid #CC0000;*/
	background-color:#ededed;
}
#box_mapas .col02 {
	display:block;
	float:left;
	width:300px;
	height:352px;
	margin: 0 0 0 37px;
	background-color:#ededed;
	/*outline:1px solid #CC0000;*/
}



#box_mapas .part_top01,
#box_mapas .part_top01 span,
#box_mapas .part_bottom01,
#box_mapas .part_bottom01 span {
	display:block;
	background-image:url(../i/bordes-recuadro01.gif);
	background-repeat:no-repeat;
	height:9px;
	line-height:1px;
	font-size:1px;
}

#box_mapas .part_top01 {
	background-position: -7px -9px;
}
#box_mapas .part_top01 span {
	display:block;
	background-position: 293px -9px;
}
#box_mapas .part_central01 {
	border-left:1px solid #999;
	border-right:1px solid #999;
}
#box_mapas .part_central01 .div01{
	background-image:url(../i/recuadro-01-fondo.gif);
	background-repeat:repeat-x;
	background-position: 0 0;
	padding: 0 6px 0 6px;
	height:333px;	
}
#box_mapas .div02 {
	padding: 0 42px 0 42px;
}
#box_mapas .div03 {
	padding: 0 0 0 27px;
}
#box_mapas br{
	height:10px;
	line-height:10px;
}



#box_mapas .part_bottom01 {
	background-position: -7px 0;
}
#box_mapas .part_bottom01 span {
	background-position: 293px 0;
}


.texto_contacto01 {
	text-align:center;
	font-size:16px;
	font-weight:900;
	margin-top: 25px;
	margin-bottom: 25px;
}



.box_productos {
	margin: 20px 0 20px 0;
}
.box_productos .row01 {
	height:1%;
	overflow:hidden;
	/*background-color:#CCCCCC;*/
	margin: 0 0 9px 0;
}
.box_productos .row01 a img {
	border:0;
	margin:4px;
}
.box_productos .col01 {
	width:158px;
	float:left;
	/*background-color:#996600;*/
	margin: 0 9px 0 0;
	border:1px solid #eee;
	height:1%;
	overflow:hidden;
}
.box_productos .col02 {
	width:158px;
	float:left;
	/*background-color:#990066;*/
	margin: 0 9px 0 0;
	border:1px solid #eee;
	height:1%;
	overflow:hidden;

}
.box_productos .col03 {
	width:158px;
	float:left;
	/*background-color:#990000;*/
	margin: 0;
	border:1px solid #eee;
	height:1%;
	overflow:hidden;

}

.box_productos .foto {
	diplay:block;
	width:70px;
	float:left;
}

.box_productos .descripcion {
	diplay:block;
	width:83px;
	float:left;
	font-size:12px;
	line-height:14px;
	font-weight:900;
	/*background-color:#00FFFF;*/
	margin: 12px 0 0 5px;
}



.consultar_disponibilidad {
	display:inline-table;
	background-color:#4e642a;
	color:#FFF;
	font-size:11px;
	font-weight:900;
	line-height:14px;
	width:auto;
	padding: 1px 4px 1px 4px;
}




#inicio .row01{
	height:1%;
	overflow:hidden;
	width:100%;
	margin: 0 0 7px 0;
}
#inicio .row01 .col01{
	width:456px;
	float:left;
	margin: 0 7px 0 0;
}
#inicio .row01 .col02{
	width: 246px;
	float:left;
	background: url(../i/fondo05.gif) repeat-x top;
	height: 136px;
}

ul.destacado-empresa01 {
	margin: 0 0 0 20px;
	padding: 0;
	line-height: normal;
}
ul.destacado-empresa01 li{
	margin: 0 0 5px;
	padding: 0 12px 0 15px;
	line-height: 1em;
	list-style-type: none;
	background: url(../i/bullet01.gif) no-repeat 0 1px;
	font-size:11px;
}

#inicio .row02{
	height:1%;
	overflow:hidden;
	width:100%;
	margin: 0 0 7px 0;
}

#inicio .row03{
	height:1%;
	overflow:hidden;
	width:100%;
	margin: 0 0 7px 0;
}
#inicio .row03 .col01 {
	float:left;
}
#inicio .row03 .col02 {
	float:left;
}

.destacado-clientes {
	float: left;
	margin: 0;
	width: 246px;
	height: 114px;
	display: block;
	line-height: normal;
	font-size: 11px;
	color: #4D4D4D;
	background: url(../i/fondo10.gif) no-repeat top;
}
#marqueecontainer {
	position: relative;
	width: 244px;
	height: 70px;
	overflow: hidden;
	text-align: left;
	padding-left: 20px;
	margin: 7px 0 0;
}
.destacado-distribucion {
	float: left;
	margin-left: 8px;
	padding-left: 1px;
	width: 455px;
	height: 114px;
	display: block;
	line-height: normal;
	font-size: 10px;
	background: url(../i/fondo11.gif) no-repeat top left;
}
