body{
	background:#EDEDED;
	font:12px/18px Arial, Helvetica, sans-serif;
	color:#333;
	margin:10px auto;
	cursor:default;
}
a{
	color:#111;
}
a:hover{
	color:#666;
}
a img{
	border:0;
}
/* --------------------
	CONTAINER
----------------------- */
#container{
	position:relative;
	width:980px;
	margin:0 auto;
	background:#FFF;
}
/* --------------------
	HEADER
----------------------- */
#header{
	position:relative;
	height:150px;
	background:url(bg-header.gif) no-repeat;
}
#header h1 a{
	position:absolute;
	width:90px;
	height:130px;
	top:10px;
	left:80px;
	text-indent:-9999px;
	background:url(logo-boxer-security.gif) no-repeat;
}
#header h1 a:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}
#header p{
	position:absolute;
	top:40px;
	right:40px;
	text-align:right;
	font:normal 11px/16px Arial, Helvetica, sans-serif;
	color:#FFF;
}
#header p a{
	color:#FFF;
	text-decoration:none;
}
#header p a:hover{
	color:#111;
}
/* --------------------
	MENU
----------------------- */
#menu{
	position: absolute;
	top: 100px;
	left: 240px;
	width: 720px;
	height: 20px;
	cursor: default;
	font: bold 13px/13px Arial, Helvetica, sans-serif;
}
#menu ul {
	list-style: none;
	padding: 0;
}
#menu ul li{
	display: inline;
	float: left;
}
#menu ul li a{
	display:block;
	height:20px;
	margin:0 25px 0 0;
	text-decoration:none;
	text-indent:-9999px;
}
/**/
#menu ul li.b1 a{
	background: url(menu/b1.gif);
	width:25px;
}
#menu ul li.b2 a{
	background: url(menu/b2.gif);
	width:58px;
}
#menu ul li.b3 a{
	background: url(menu/b3.gif);
	width:92px;
}
#menu ul li.b4 a{
	background: url(menu/b4.gif);
	width:56px;
}
#menu ul li.b5 a{
	background: url(menu/b5.gif);
	width:42px;
}
#menu ul li.b6 a{
	background: url(menu/b6.gif);
	width:72px;
}
/* hover */
#menu ul li.b1 a:hover,
#menu ul li.b2 a:hover,
#menu ul li.b3 a:hover,
#menu ul li.b4 a:hover,
#menu ul li.b5 a:hover,
#menu ul li.b6 a:hover {
	background-position: 0 -25px;
}
/* activo */
#menu ul li a.activo{
	background-position: 0 -50px !important;
}
/* --------------------
	SUBMENU
----------------------- */
ul#submenu{
	list-style: none;
	float: left;
	width: 170px;
	height: 300px;
	margin: 0 15px 20px 40px;
	padding: 30px 0 0 0 !important;
	font: normal 13px/13px Arial, Helvetica, sans-serif;
	background: #EFEFEF url(bg-submenu.gif) no-repeat;
}
ul#submenu li a{
	display:block;
	width:160px;
	margin:0 5px 10px 5px;
	text-decoration:none;
	text-indent:-9999px;
}
/**/
ul#submenu li.b1 a{
	background: url(submenu/b1.gif);
	height:20px;
}
ul#submenu li.b2 a{
	background: url(submenu/b2.gif);
	height:35px;
}
ul#submenu li.b3 a{
	background: url(submenu/b3.gif);
	height:35px;
}
ul#submenu li.b4 a{
	background: url(submenu/b4.gif);
	height:35px;
}
ul#submenu li.b5 a{
	background: url(submenu/b5.gif);
	height:20px;
}
ul#submenu li.b6 a{
	background: url(submenu/b6.gif);
	height:20px;
}
ul#submenu li.b7 a{
	background: url(submenu/b7.gif);
	height:20px;
}
ul#submenu li.b8 a{
	background: url(submenu/b8.gif);
	height:20px;
}
ul#submenu li.b9 a{
	background: url(submenu/b9.gif);
	height:20px;
}
ul#submenu li.b10 a{
	background: url(submenu/b10.gif);
	height:20px;
}
/* hover */
ul#submenu li.b1 a:hover,
ul#submenu li.b2 a:hover,
ul#submenu li.b3 a:hover,
ul#submenu li.b4 a:hover,
ul#submenu li.b5 a:hover,
ul#submenu li.b6 a:hover,
ul#submenu li.b7 a:hover,
ul#submenu li.b8 a:hover,
ul#submenu li.b9 a:hover,
ul#submenu li.b10 a:hover {
	background-position: 0 -50px;
}
/* activo */
ul#submenu li a.activo{
	background-position: 0 -100px!important;
}
/* --------------------
	FOOTER
----------------------- */
#footer{
	position:relative;
	height:40px;
	padding:20px 0 0 0;
	font-size:11px;
	line-height:16px;
	color:#999;
	background:#EDEDED;
}
#footer a {
	color:#888;
	text-decoration:none;
}
#footer a:hover {
	color:#333;
	text-decoration:underline;
}
#footer address {
	position:absolute;
	left:20px;
	font-style:normal;
}
#footer p {
	position:absolute;
	right:20px;
}
/* --------------------
	CENTER
----------------------- */
#center{
	position:relative;
	width:980px;
}
/* --------------------
	CENTER > Titulos
----------------------- */
h2{
	font-size:18px;
	line-height:18px;
	margin-bottom:18px;
	color:#7FC45B;
}
h2.d{
	height:20px;
	border-left:10px solid;
	position:relative;
	left:-20px;
	padding:30px 0 0 10px;
}
/* colores */
#center .c0{
	color:#7FC45B;
	border-color:#7FC45B;
}
/**/
#center .c1{
	color:#47BE9D;
	border-color:#47BE9D;
}
#center .c1 a{
	color:#47BE9D;
	text-decoration:none;
}
/**/
#center .c2{
	color:#4F93B9;
	border-color:#4F93B9;
}
#center .c2 a{
	color:#4F93B9;
	text-decoration:none;
}
/**/
#center .c3{
	color:#16B0C4;
	border-color:#16B0C4;
}
#center .c3 a{
	color:#16B0C4;
	text-decoration:none;
}
/**/
#center h2.c4{
	color:#73CFE6;
	border-color:#73CFE6;
}
#center .c4 a{
	color:#73CFE6;
	text-decoration:none;
}
/**/
#center .c5{
	color:#A8D6A8;
	border-color:#A8D6A8;
}
#center .c5 a{
	color:#A8D6A8;
	text-decoration:none;
}
/**/
#center .c6{
	color:#FCBC89;
	border-color:#FCBC89;
}
#center .c6 a{
	color:#FCBC89;
	text-decoration:none;
}
/**/
#center .c7{
	color:#F69980;
	border-color:#F69980;
}
#center .c7 a{
	color:#F69980;
	text-decoration:none;
}
/**/
#center .c8{
	color:#F16E96;
	border-color:#F16E96;
}
#center .c8 a{
	color:#F16E96;
	text-decoration:none;
}
/**/
#center .c9{
	color:#E9028C;
	border-color:#E9028C;
}
#center .c9 a{
	color:#E9028C;
	text-decoration:none;
}
/**/
#center .c10{
	color:#EC3D62;
	border-color:#EC3D62;
}
#center .c10 a{
	color:#EC3D62;
	text-decoration:none;
}
/**/
h3{
	font-size:16px;
	line-height:18px;
	margin-bottom:9px;
}
h4{
	font-size:14px;
	line-height:18px;
	margin-bottom:9px;
	color:#444;
}
p{
	margin:0 0 18px 0;
}
blockquote{
	font-size:14px;
	line-height:20px;
	margin:0 0 18px 0;
}
ul {
	list-style: disc;
	padding: 0 0 0 20px;
}
/* --------------------
	CENTER > Columns
----------------------- */
.col-1{
	float:left;
	width:230px;
	margin:0 0 0 15px;
}
.col-2{
	float:left;
	width:475px;
	margin:0 0 0 15px;
}
.col-3{
	float:left;
	width:720px;
	margin:0 0 0 15px;
}
/**/
.col-0{
	float:left;
	width:740px;
}
/* Home */
.col-home{
	float:left;
	position:relative;
	left:-5px;
	width:740px;
	height:420px;
}
.box-1, .box-2,.box-3{
	position:absolute;
	bottom:0;
	width:220px;
	height:170px;
}
.box-1{
	left:25px;
	background:url(bg-box-1.png) no-repeat;
}
.box-2{
	left:260px;
	background:url(bg-box-2.png) no-repeat;
}
.box-3{
	left:495px;
	background:url(bg-box-3.png) no-repeat;
}
.box-img{
	position:absolute;
	top:-65px;
}
p.referencia{
	position:absolute;
	top:-15px;
	right:0;
}
.col-misc{
	float:right;
	position:relative;
	right:20px;
	width:730px;
	height:150px;
	padding:20px 0 20px 10px;
	border-top:1px solid #DDD;
	margin-top:19px;
}
.box-0{
	float:left;
	width:220px;
	height:150px;
	margin:0 0 0 15px;
	background:#DEDEDE;
}
/**/
.col-consulta{
	padding:0 20px;
}
/* --------------------
	VARIOS
----------------------- */
hr{
	display: none;
}
.hr{
	width: 100%;
	border-bottom: 1px solid #DDD;
	clear: both;
	margin: 10px 0;
}
.clear{
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}
/**/
.no-margin{
	margin: 0!important;
}
.no-margin-top{
	margin-top: 0!important;
}
.no-margin-bottom{
	margin-bottom: 0!important;
}
/**/
.destacado-1{
	padding: 10px;
	background: #7FC45B;
	color: #FFF;
	font-size: 14px;
}
.destacado-1 a{
	color: #FFF;
}
/**/
.destacado-2{
	background-color: #EFEFEF;
}
/**/
.destacado-3{
	padding: 10px;
	background: #EFEFEF;
}
/* --------------------
	FORMS
----------------------- */
.contact-col-1, .contact-col-2{
	width: 280px;
	float: left;
}
#f label{
	font-size:11px;
	line-height:18px;
	color:#888;
	padding:0 0 5px 2px;
}
#f input, #f textarea, #f select{
	width:258px;
	border:1px solid #CCC;
	background:#FFF;
	color:#222;
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	outline:none;
}
#f textarea{
	height:134px;
	resize:none;
}
#f .shrt{
	width:60px;
}
#f .btn{
	border:1px solid #7FC45B;
	background:#7FC45B;
	color:#111;
	padding:3px;
	font-size:11px;
	font-weight:bold;
	width:100px;
}
#f input:focus, #f textarea:focus{
	border: 1px solid #7FC45B;
	background:#FFFFFF;
	color:#222;
}
/* --------------------
	PRODUCTOS
----------------------- */
.modulo{
	position:relative;
	border-top:1px dotted #CCC;
	padding:10px 0 20px 0;
}
.modulo .th{
	float:left;
	margin:0 15px 0 0!important;
}
.modulo .data{
	float:right;
	width:150px;
	margin:50px 0 0 35px!important;
}
.modulo .data p{
	margin:0 0 5px 0!important;
}
/**/
ul.lista-prod{
	margin:9px 0 27px;
	padding:10px 0 0 0;
	border-top:1px dotted #CCC;
	font-size:11px;
	line-height:13px;
}
ul.lista-prod li{
	list-style: none;
	background: url(bullet-1.gif) left 3px no-repeat;
	padding:0 0 6px 10px;
}
ul.lista-prod li a{
	text-decoration:none;
	color:#777;
}
ul.lista-prod li a:hover{
	color:#111;
}
/* --------------------
	SLIDESHOW
----------------------- */
.slideshow {
	width:230px;
	height:230px;
	overflow:hidden;
}
.slideshow ul.ppt{
	position:relative;
}
.slideshow ul.ppt li{
	position:absolute;
	top:0;
	left:0;
}