body { margin:0; padding:0;	background-color:#e6e6e6;}
.clear{ clear:both;}
.left { float:left;}
.right { float:right;}
a:focus { outline: none;}
.margin {margin:0;}
.padding {padding:0;}
.separation {height:1px; border-bottom: dotted 1px #999999; margin:20px 0;}

h1 {font:bold 16px Arial, Helvetica, sans-serif; color:#0B1734;}
h2 {font:bold 12px Arial, Helvetica, sans-serif; color:#333;}
h3 {font:bold 12px Arial, Helvetica, sans-serif; color:#333; margin:0;}
p {font:12px Arial, Helvetica, sans-serif; color:#333; text-decoration:none;}
p a:link, p a:visited {color:#333; text-decoration:none;}
p a:hover {color:#990804; text-decoration:none;}
span {color:#990804;}
#page {	background:url(../imagenes/bgBig2.jpg)repeat scroll 50% 0; min-width:980px; overflow:hidden;}
#page_body { background:transparent url(../imagenes/bgBig2.png) no-repeat; margin:0 auto; position:relative;	width:980px;}
#maincontent {width:980px;}
#contheader { padding:30px 0 0 0;}
#contlogo { padding:6px 0 0 0;}
#contslogan { padding:22px 0 0 20px;}
#contrightlogo { width: 812px;}
#bottomlogo { height:20px; background:#FFFFFF url(../imagenes/bottom-logo.gif) no-repeat; left:50px;}
#conttabs {  width:812px; height:44px; margin-top:16px;}
.innerwraper {width:940px; background-color:#FFFFFF; padding:0 20px 10px 20px;}
#homecol1 {width:700px; height:800px;}
#homecol2 {width:220px;}
#footer {width:980px; height:254px; background:url(../imagenes/backfooter.png) repeat-x; margin-bottom:40px;}
#footer content {padding:0 0 0 20px;}

/*-----------------------------------------------------------------------------------------------------------------------*/
/* NAVIGATION BAR -------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------*/

#body-nav {clear: both;	margin:0 0px; width:812px;  height:44px; margin:16px 0 0 3px; float:left;}
#body-nav ul {background-image:url(../imagenes/backtabs.gif); float: left;	list-style-type: none; margin: 0 2px 0 -3px; /* 0 2 0 0 */ padding: 0;	width: 812px; /*774*/}
#body-nav ul li {float: left; height: 44px; overflow: hidden; white-space: nowrap;}
#body-nav li a {display: block; height: 44px; width: 100%;}
#body-nav li a span {display: none;}
#body-nav li a img {border: 0; height: 44px;}

#nav-empresa { width: 157px;}
#nav-empresa a { background-image:url(../imagenes/backtabs.gif); background-position: 0 0;	width: 157px;}
#nav-empresa a:hover { background-position: 0 -44px;}

#nav-consejos {	width: 136px;}
#nav-consejos a { background-image:url(../imagenes/backtabs.gif); background-position: -157px 0; /*70*/	width: 136px;}
#nav-consejos a:hover {	background-position: -157px -44px;}

#nav-antivirus { width: 88px;}
#nav-antivirus a { background-image:url(../imagenes/backtabs.gif);	background-repeat:no-repeat; background-position: -293px 0; /*203*/	width: 88px;}
#nav-antivirus a:hover { background-position: -293px -44px;}

#nav-vigilancia { width: 94px;}
#nav-vigilancia a {	background-image:url(../imagenes/backtabs.gif); background-position: -381px 0;	width: 94px;}
#nav-vigilancia a:hover { background-position: -381px -44px;}

#nav-software {	width: 88px;}
#nav-software a { background-image:url(../imagenes/backtabs.gif); background-position: -475px 0; width: 88px;}
#nav-software a:hover {	background-position: -475px -44px;}

#nav-diseno { width: 75px;}
#nav-diseno a {	background-image:url(../imagenes/backtabs.gif); background-position: -563px 0;	width: 75px;}
#nav-diseno a:hover { background-position: -563px -44px;}

#nav-clientes {	width: 81px;}
#nav-clientes a { background-image:url(../imagenes/backtabs.gif); background-position: -638px 0; width: 81px;}
#nav-clientes a:hover {	background-position: -638px -44px;}

#nav-contacto {	width: 92px;}
#nav-contacto a { background-image:url(../imagenes/backtabs.gif); background-position: -719px 0; width: 92px;}
#nav-contacto a:hover {	background-position: -719px -44px;}


.menu {font: 11px Arial, Helvetica, sans-serif; color: #FFFFFF;	background-color: #000D31;}

.menu a:link, .menu a:visited{
	color: #333;
	display:block;
	padding:6px 20px;
	color: #FFFFFF; 
	text-decoration:none; 
}
.menu a:hover { 
	background-color: #192546; 
	color: #FFFFFF !important; 
	text-decoration:none !important ;
}
/* --- Float Hack --- */
.cf:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both;
	visibility: hidden;
 }
/* Hides from IE-mac \*/
* html .cf {height: 1%;}


/*-----------------------------------------------------------------------------------------------------------------------*/
/* MAINBANNER -----------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------*/

#contmainbanner {width:700px; height:260px; background: url(../imagenes/backmainbanner.jpg) top left no-repeat;}
div#header {}

/* ---- header content --- */
div#header_content_wrap {}
div#header_content {
	height: 195px;
}

/* ---- scrolling header --- */
#demo-bar {
	margin: 0px auto;
	padding: 0;
	width: 700px;
	text-align: center;
} 
#demo-wrapper {
	margin: 0px auto;
	overflow: hidden; 
	height: 195px; 
	width: 700px;
	position: relative;
} 
#demo-inner {
	width: 700px;
	height: 195px;
	position: relative;
} 
.scrolling-content {
	width: 139px;
	height: 73px;
	text-align: left;
	position: absolute;
} 
.scrolling-content h1 { 
	color: #fff;
	padding: 0;
	font-size: 11px;
} 
#content1 {
	left: 0px; 
	top: 0px;
	width: 700px;
	height: 195px;
	background: url(../imagenes/backmainbanner01.jpg) top center no-repeat;
}
div#user1, div#user2, div#user3 {
	font-size: 14px;
	color: #FFFFFF;
	width: 670px;
	padding: 15px 0 0 30px;
}
div#content1 a:link, div#content1 a:visited,
div#content2 a:link, div#content2 a:visited,
div#content3 a:link, div#content3 a:visited,
div#content4 a:link, div#content4 a:visited {
	color: #9a9a9a;
	text-decoration: underline;
}
div#content1 a:hover,
div#content2 a:hover,
div#content3 a:hover {
	color: #fff;
}
#content2 {
	left: 700px; 
	top: 0px;
	width: 700px;
	height: 195px;
	background: url(../imagenes/backmainbanner02.jpg) top center no-repeat;
} 
#content3 {
	left: 1400px; 
	top: 0px;
	width: 700px;
	height: 195px;
	background: url(../imagenes/backmainbanner03.jpg) top center no-repeat;
} 
#monitores {margin:15px 20px 0 0;}
#camara {margin:0px 20px 0 0;}
#software {margin:10px 20px 0 0;}
#content1 h1 {margin-top:10px; #margin-bottom:10px;}
#content1 h2, #content2 h2, #content3 h2 {color:#FFF; margin:45px 0 0 346px;}
#content2 h1 {margin-top:30px; #margin-bottom:10px;}
#content3 h1 {margin-top:30px; #margin-bottom:10px;}
#content1 .button, #content2 .button, #content3 .button {margin-top:10px; float:right;}

/* ---- header buttons --- */
div#header_buttons_wrap {}
div#header_buttons {
	height: 65px;
	background: url(../imagenes/header_buttons_bg.jpg) top left repeat-x;
}
a#link1, a#link2, a#link3, a#link4, a#link5 {
	width: 229px;
	height: 65px;
	display: block;
}
ul#buttons {
	margin: 0;
	padding: 0;
}
ul#buttons li {
	list-style: none;
}
ul#buttons li a:link, ul#buttons li a:visited {
	width: 249px;
	height: 65px;
	display: block;
}

li#but_intro {
	width: 229px;
	height: 65px;
	float: left;
	background: url(../imagenes/header_but_1.jpg) 0% 0% no-repeat;
}
li#but_intro a:hover {
	background: url(../imagenes/header_but_1.jpg) 0% 50% no-repeat;
}

li#but_intro a.active {
	width: 229px;
	height: 65px;
	float: left;
	background: url(../imagenes/header_but_1.jpg) 0% 100% no-repeat;
}
li#but_flexible {
	width: 242px;
	height: 65px;
	float: left;
	background: url(../imagenes/header_but_2.jpg) 0% 0% no-repeat;
}
li#but_flexible a:hover {
	background: url(../imagenes/header_but_2.jpg) 0% 50% no-repeat;
}
li#but_flexible a.active {
	width: 242px;
	height: 65px;
	float: left;
	background: url(../imagenes/header_but_2.jpg) 0% 100% no-repeat;
}
li#but_support {
	width: 229px;
	height: 65px;
	float: left;
	background: url(../imagenes/header_but_3.jpg) 0% 0% no-repeat;
}
li#but_support a:hover {
	background: url(../imagenes/header_but_3.jpg) 0% 50% no-repeat;
}
li#but_support a.active {
	width: 229px;
	height: 65px;
	float: left;
	background: url(../imagenes/header_but_3.jpg) 0% 100% no-repeat;
}

/*-----------------------------------------------------------------------------------------------------------------------*/
/* SMALLBANNERS ---------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------*/

.smallbanners { width:191px; height:148px; float:left; margin-top:20px; padding:100px 0 0 32px;}
#smallbannershogares { background:url(../imagenes/backhogares.jpg) no-repeat; margin-right:16px;}
#smallbannerspymes { background:url(../imagenes/backpymes.jpg) no-repeat; margin-right:15px;}
#smallbannersservicios{ background:url(../imagenes/backservicios.jpg) no-repeat;}
.smallbanners ul {margin:0; padding:0 0 0 15px;}
.smallbanners li {font: 12px Arial, Helvetica, sans-serif; color: #FFF; list-style-image: url(../imagenes/left/arrowleft.png); margin:0; padding:0 0 5px 0;}
.smallbanners li a:link, .smallbanners li a:visited {color: #FFF; text-decoration:none;}
.smallbanners li a:hover {color:#990000; text-decoration:none;}

/*-----------------------------------------------------------------------------------------------------------------------*/
/* NEWS -----------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------*/

#contboxnews {margin: 20px 0 0 0;}
.boxesnews { width:218px; background:url(../imagenes/newsarrow.jpg) no-repeat; float:left; margin-right:20px;}
.boxesnewslast { width:218px; background:url(../imagenes/newsarrow.jpg) no-repeat; float:left;}
.boxesnews h1 {padding:1px 0 0 22px; margin:0px;}
.boxesnews p {padding-left:3px; }
.boxesnewslast h1 {padding:1px 0 0 22px; margin:0px;}
.boxesnewslast p {padding-left:3px; }

/*-----------------------------------------------------------------------------------------------------------------------*/
/* HOME RIGHT COLUMN ----------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------*/

#contsecbanner {width:220px; height:260px; background-image:url(../imagenes/bannernod32.jpg); margin-bottom:21px;}
#contscanonline {margin-bottom:20px;}
#conttestimonios {}
#conttestimonios h1 {margin:0; padding:0;}
.testimonio { padding:20px 0 20px 0; border-bottom: dotted 1px #999999;}
.testimonio p {font:italic 12px Arial, Helvetica, sans-serif; margin:0; padding:0;}
.testimonio span {font:normal 11px Arial, Helvetica, sans-serif; color:#990000;}
.testimoniolast { padding:20px 0 20px 0;}
.testimoniolast p {font:italic 12px Arial, Helvetica, sans-serif; margin:0; padding:0;}
.testimoniolast span {font:normal 11px Arial, Helvetica, sans-serif; color:#990000;}

/*-----------------------------------------------------------------------------------------------------------------------*/
/* INNER PAGES ----------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------*/

.innercol1 {width:158px; float:left;}
.innercol2 {width:675px; float:left; padding:15px 10px 0 30px; border-left: dotted 1px #999999;}
.innercol2 h1 {font:bold 20px Arial, Helvetica, sans-serif; color: #172450; border-bottom: dotted 1px #999999; margin-bottom:20px; padding-bottom:20px;}
.innercol2 h2 {font:bold 12px Arial, Helvetica, sans-serif; color: #333; border-bottom: dotted 1px #999999; margin-bottom:20px; padding-bottom:20px;}
.innercol2 h3 {font:bold 16px Arial, Helvetica, sans-serif; color: #900;}
.innercol2 ul {margin:10px 0 0 0; padding:0 0 0 15px;}
.innercol2 li {font: 12px Arial, Helvetica, sans-serif; color: #333; list-style-image: url(../imagenes/left/arrowleft.png); margin:0; padding:0 0 5px 0;}
.innercol2 li a:link, .innercol2 li a:visited {color: #333; text-decoration:none;}
.innercol2 li a:hover {color: #990804; text-decoration:none;}
.innergotop {padding-top:15px;}
.contleftbuttons {margin-bottom:20px; padding:75px 0 20px 0; border-bottom: dotted 1px #999999;}
.contleftbuttons ul {margin:0; padding:0 0 0 15px;}
.contleftbuttons li {font: 12px Arial, Helvetica, sans-serif; color: #0B1734; list-style-image: url(../imagenes/left/arrowleft.png); margin:0; padding:0 0 5px 0;}
.contleftbuttons li a:link, .contleftbuttons li a:visited {color: #0B1734; text-decoration:none;}
.contleftbuttons li a:hover {color:#990000; text-decoration:none;}
#leftbuttonshogares { background:url(../imagenes/left/left-button-hogares.jpg) no-repeat;}
#leftbuttonspymes { background:url(../imagenes/left/left-button-pymes.jpg) no-repeat;}
#leftbuttonsservicios { background:url(../imagenes/left/left-button-servicios.jpg) no-repeat;}
.innertable p{margin:0; padding:0;}
.innertableclientestr {background:#DDD;}
.contimages { float:right; margin:5px 0 15px 20px;}

/*-----------------------------------------------------------------------------------------------------------------------*/
/* FOOTER ---------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------*/

#contfooter {width:820px; height:252px;}
.contnewsletter {margin-bottom:13px; #margin-bottom:4px;}
.contnewsletter .text {margin:33px 13px 0 19px; font:12px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; float:left;}
.contnewsletter .button {float:left; margin-top:25px;}
.footeroptions {margin:0px 40px 0px 18px; float:left;}
.footeroptions h1 {font:bold 15px Arial, Helvetica, sans-serif; color:#4D6591; margin:0 0 10px 0; padding:0;}
.footeroptions ul {font:12px Arial, Helvetica, sans-serif; color:#FFFFFF; list-style-image: url(../imagenes/arrowfooter.png); margin:0; padding:0 0 0 15px !important;}
.footeroptions ul a:link, .footeroptions ul a:visited{color:#FFFFFF; text-decoration:none;}
.footeroptions ul a:hover{color:#4D6591; text-decoration:none;}
.footeroptions li {line-height:20px;}
#controbot { width:160px; height:252px;}
#copyright {font:11px Arial, Helvetica, sans-serif; color:#FFFFFF; margin:20px 0px 0 19px; width:820px;}