﻿/* __________________________________________________Normalizar */
	
	
html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
	{ margin : 0; padding : 0; }


h1,h2,h3,h4,h5,h6 { font-size : 100%; font-weight: normal; }


address, caption, cite, code, dfn, em, strong, th, var
	{ font-style : normal; font-weight : normal; }
	
ol,ul { list-style : none; }
    
fieldset,img, img a { border : 0; }


a { outline:none;text-decoration:none;}

a img { border:none; }


/* __________________________________________________Layout */

body {text-align: left;font-family: Arial, Helvetica, sans-serif; color: #000;font-size: 0.7em;}
.background-home {background:url("../img/background.jpg") repeat-x;}
.background-inside {background:#EDEDED url("../img/background-inside.jpg") repeat-x;}

#box {width:960px; margin:0 auto;}
#header  {height: 142px;}






/* __________________________________________________header */

#header h1 a {
	display:block;
	text-indent:-9999px;
	width:181px;
	height:85px;
	background:url("../images/logo-mb.jpg") no-repeat top center;
	margin:12px 0 0 0;
}

#header .contact-menu {
	float:right;
	font-size:11px;
	margin:5px 0 0 0;
	color:#DEDEDE;
}

#header .contact-menu li {
	float:left;
	margin:0 0 0 5px;
}

#header .menu-idiomas {
	float:right;
	clear:right;
	margin:15px 0 0 0;
}

#header .menu-idiomas li {
	float:left;
	margin:0 0 0 10px;

}


#header ul#topnav {

	position:absolute;
	top:116px;
	margin: 0 0 0 143px;
	z-index:1000;



}
#header ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
}
#header ul#topnav li a {
	float: left; 
	text-indent: -9999px;
	height: 26px;
}


#header ul#topnav a.services {background: url(../images/menu.jpg) no-repeat 0 0;width: 131px; }
#header ul#topnav a:hover.services {background: url(../images/menu.jpg) no-repeat 0 -26px;}

#header ul#topnav a.solucion {background: url(../images/menu.jpg) no-repeat -121px 0;width: 137px;}
#header ul#topnav a:hover.solucion {background: url(../images/menu.jpg) no-repeat -121px -26px;}

#header ul#topnav a.customers {background: url(../images/menu.jpg) no-repeat -249px 0;width: 118px; }
#header ul#topnav a:hover.customers {background: url(../images/menu.jpg) no-repeat -249px -26px; }

#header ul#topnav a.recursos {background: url(../images/menu.jpg) no-repeat -357px 0;width: 98px; }
#header ul#topnav a:hover.recursos {background: url(../images/menu.jpg) no-repeat -357px -26px; }

#header ul#topnav a.about {background: url(../images/menu.jpg) no-repeat -446px 0;width: 198px;}
#header ul#topnav a:hover.about {background: url(../images/menu.jpg) no-repeat -446px -26px;}



#header ul#topnav li .sub {
	position: absolute;	
	top: 27px; left: 0;
	background: #464646;
	float: left;
	display: none;
}

.s-mrg {
	margin:0 0 0 20px;
}

#header ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
#header ul#topnav li .sub ul{
	width: 160px;
	float: left;

}
#header ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
	font-size:11px;
	font-weight:bold;
}
#header ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: 19px;
	padding: 5px 5px 0 10px;
	display: block;
	color: #D9D9D9;
	border-bottom:1px solid #808080;
}
#header ul#topnav .sub ul li a:hover {color: #fff; }


#slide {
	
	
	margin:10px 0 0 0;
}


#slide {
	
	
	*margin:20px 0 0 0;
}



#slide .view {
	background: url(../images/slide-background.png) no-repeat top center;
	width:687px;
	height:336px;
}

#slide .view img {
	margin:0 0 0 0;

}


#slide .buttons {
	float:right;
	padding:57px 0 0 0;
}

#slide .buttons .more {
	width:258px;
	height:83px;
	text-indent:-9999px;
	display:block;
	background: url(../images/btn-learn.png) no-repeat top center;
	margin:24px 0 0 0;
	
}

#slide .buttons .more:hover {
	background: url(../images/btn-learnb.png) no-repeat top center;
}


#slide .buttons .demo {
	width:258px;
	height:83px;
	text-indent:-9999px;
	display:block;
	background: url(../images/btn-demo.png) no-repeat top center;
	margin:13px 0 0 0;
	
}

#slide .buttons .demo:hover {
	background: url(../images/btn-demob.png) no-repeat top center;
}


#slide .buttons .contact {
	width:258px;
	height:83px;
	text-indent:-9999px;
	display:block;
	background: url(../images/btn-contact.png) no-repeat top center;
	margin:13px 0 0 0;
	
}

#slide .buttons .contact:hover {
	background: url(../images/btn-contactb.png) no-repeat top center;
}


#customers {
	width:960px;
	height:56px;
	background: url(../images/backclientes.jpg) no-repeat top center;
	margin:15px 0 0 0;

}


#customers img {
	
	margin:5px 0 0 10px;
}



/* __________________________________________________links */


a {color:#808080; text-decoration:none;}
a:hover {color:#333; text-decoration:none;}

.lnk {color:#F05503;}
.lnk2 {color:#2D2D2D;}
.lnk3 {color:#000;}
.lnk3:hover {color:#F05503;}


.lnk4 {color:#333333;text-decoration:underline;}
.lnk4:hover {text-decoration:none;}

.lnk5 {color:#DA0000;}
.lnk5:hover {color:#000;}

.lnk-btn {position:absolute;top:805px;width:105px;height:24px;background:url("../img/btn-home.png") no-repeat top center;text-align:center;padding:4px 0 0 0;margin:0 0 0 190px;display:none;}
.lnk-btn a {color:#ffffff;font-weight:bold;}


.rgt {float:right;}
.lft {float:left;}

.clear {clear:both;}
.clear-l {clear:left;}
.clear-r {clear:right;}

strong {
	font-weight:bold;
}

/* __________________________________________________blocks */


#blocks {
	width:952px;
	height:274px;
	background:url("../img/f-blocks2.jpg") no-repeat top center;
	margin:15px auto;
	padding:0 0 0 0;
}

#blocks .clk {
	width:900px;
	height:25px;
	position:absolute;
	top:590px;
}

#blocks .clk {
	*margin:0 0 0 -952px;
}


#blocks .clk a {
	width:900px;
	height:25px;
	text-indent:-9999px;
	display:block;
}



#blocks a {
	color:#333;
	text-decoration:underline;
}

#blocks a:hover {
	color:#595959;
	text-decoration:none;
}



#blocks h2 {
	font-size:20px;
	font-weight:bold;
	color:#333;
	text-align:center;
	padding:10px 0 0 0;
	clear:both;
}


#blocks .help {
	width:302px;
	height:274px;
	float:left;
}

#blocks .help .h2guia {
	width:299px;
	height:37px;
	text-indent:-9999px;
	background:url("../img/hm-guia01.jpg") no-repeat top left;
}

#blocks .help .guia-img {
	margin:-7px 0 5px 5px;
}


#blocks .help .smt {
	margin:50px 0 5px 5px;
}


#blocks .help h3 {
	font-size:16px;
	font-weight:bold;
	color:#333;
	clear:both;
	text-align:center;
	padding:22px 0 0 0;
}


#blocks .help p {
	width:210px;
	font-size:12px;
	line-height:16px;
	color:#595959;
	margin:10px 0 0 30px;
}

#blocks .help p img {
	float:left;
	margin:0 10px 10px 0;
}

#blocks .help p .reg-webinar {
	float:right;
	margin:0 -30px 0 0;
}


#blocks .help .desc {
	width:210px;
	font-size:12px;
	line-height:16px;
	color:#333;
	margin:13px 0 0 47px;
	font-weight:bold;
	text-align:center;
}


#form {
	margin:5px 0 65px 40px;
}

#blocks .docus {
	width:327px;
	height:274px;
	float:left;
	margin:0 0 0 10px;
}

#blocks .docus .h2news {
	width:242px;
	height:37px;
	text-indent:-9999px;
	background:url("../img/hm-news01.jpg") no-repeat 2px 0;
}

#blocks .docus .news-img {
	margin:-7px 0 4px 5px;
}

#blocks .docus .news-img2 {
	margin:35px 0 0 55px;
}


#blocks .docus .news-input {
	width:188px;
	height:21px;
	border:1px solid #B3B3B3;
	color:#808080;
	margin:0 0 0 5px;
}

#blocks .docus .news-label {
	color:#333;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 0 10px;
}




#blocks .docus .news-btn {
	width:70px;
	height:23px;
	text-indent:-9999px;
	color:#fff;
	background:url("../img/send.jpg") no-repeat 0 0;
	border:0;
	cursor:pointer;
	margin:0 0 0 7px;
}



#blocks .docus p {
	font-size:11px;
	color:#F05503;
	margin:47px 10px 0 10px;
	font-weight:normal;
	text-align:left;
}


#blocks .docus p a {
	color:#333;
	text-decoration:none;
	display:block;
	background: url(../img/ico-text2.png) no-repeat top left;
	padding:0 0 0 20px;
	margin:0 0 5px 0;
}

#blocks .docus p a:hover {
	color:#595959;
	text-decoration:underline;
}


#blocks .subs .h2blog {
	width:300px;
	height:37px;
	text-indent:-9999px;
	background:url("../img/hm-blog01.jpg") no-repeat 3px 0;
}



#blocks .subs {
	width:302px;
	height:274px;
	float:left;
	margin:0 0 0 10px;
}

#blocks .subs p {
	width:275px;
	font-size:12px;
	line-height:16px;
	color:#595959;
	margin:10px 0 0 10px;
}


#blocks .rss-more {
	margin:16px 0 0 170px;
}


#blocks .more-docu {
	margin:0 0 0 170px;
}

#blocks .sus-hm {
	margin:53px 0 0 80px;
}


#blocks .sus-hm2 {
	margin:16px 0 0 65px;
}

#blocks .sus-hm3 {
	margin:0 0 0 0;
}


#mb-blog {
	width:275px;
	font-size:11px;
	line-height:14px;
	color:#595959;
	margin:0 0 0 20px;

}

#mb-blog .gfc-resultsHeader  {
	border:0;
}

#mb-blog .gf-relativePublishedDate {
	font-size:10px;
	color:#808080;
}

#mb-blog .gf-title {

	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

#mb-blog .gf-title:hover {
	text-decoration:underline;
}


#mb-blog .gf-result {
	margin:-2px 0 0 0;
}



#mb-blog .gf-author, #mb-blog .gf-snippet, #mb-blog .gf-spacer {
	display:none;
}


#blocks .subs img {
	margin:-20px 0 0 0;
}


#blocks .subs .nwp {
	font-size:11px;
	line-height:14px;
	color:#595959;
	margin:0 0 3px 90px;
	text-align:left;
	
}

#blocks .subs .pol {
	width:275px;
	font-size:11px;
	line-height:16px;
	color:#595959;
	margin:28px 0 0 27px;
}


#blocks .subs h2 {
	
	text-align:center;
	margin:0 0 0 0;
}

#blocks .subs h2 em {
	
	color:#F05503;
	font-weight:bold;
}



#blocks .subs h3 {
	font-size:12px;
	font-weight:bold;
	color:#333;
	clear:both;
	text-align:left;
	padding:25px 0 0 0;
	margin:0 0 0 90px;
}

#blocks .subs h4 {
	font-size:18px;
	font-weight:bold;
	color:#333;
	clear:both;
	text-align:center;
	padding:26px 0 0 0;
}

#blocks .subs .smi {
	
	margin:3px 0 0 79px;
}


#blocks .subs .smi img {
	
	margin:4px 5px 0 0;
}



#blocks .subs .nwbtn {
	width:95px;
	height:35px;
	background: url(../img/btn-susc.jpg) no-repeat top center;
	color:#fff;
	font-weight:bold;
	
	border:0;
	margin:0 0 0 0;
	
	
}


#blocks .subs .nwbtn2 {
	width:95px;
	height:35px;
	background: url(../img/btn-susc.jpg) no-repeat top center;
	color:#fff;
	font-weight:bold;
	text-align:center;
	border:0;
	margin:0 0 0 100px;
	display:block;
	text-decoration:none;
	padding:10px 0 0 0;
}


#blocks .subs .inpt {
	width:154px;
	border:1px solid #ccc;
	padding:5px 0;
	text-align:center;
	color:#808080;
	margin:-3px 0 0 25px;
}

#blocks .subs label {
	font-size:11px;
	color:#EC5403;
	font-weight:bold;
	display:block;
	margin:20px 0 0 30px;
}



/* Easy Slider */

	#home{margin:0 0 0 8px;padding:8px 0 0 0;}
	#home ul, #home li,
	#home2 ul, #home2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#home2{margin-top:1em;}
	#home li, #home2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:669px;
		height:318px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#home1next, #home1prev{ 
		display:block;
		width:22px;
		height:77px;
		position:absolute;
		text-indent:-9999px;
		top:287px;
		z-index:1;
		margin:0 0 0 8px;
		}	
	#nextBtn{ 
		margin: 0 0 0 656px;
		text-indent:-9999px;

		}														
	#prevBtn a, #nextBtn a,
	#home1next a, #home1prev a{  
		display:block;
		position:relative;
		width:22px;
		height:77px;
		background:url(../images/btn_prev.png) no-repeat 0 0;	
		}	
	#nextBtn a, #home1next a{ 
		background:url(../images/btn_next.png) no-repeat 0 0;	
		}	




/* __________________________________________________footer */



#footer {
	clear:left;
	margin:10px 0 20px 0;
}


#footer .footer-menu {
	font-size:11px;
	color:#DEDEDE;
}

#footer .copy {
	font-size:11px;
	color:#808080;
	float:right;
	text-align:right;
	line-height:14px;
}

#footer .copy img {
	float:right;
	margin:0 0 0 5px;
}





.mbm {margin:10px 0;border-top:1px solid #e5e5e5;padding:10px 0;display:none;}
.mbm ul li {float:left;margin:0 0 0 30px;}

#home {
	width:950px;
	height:363px;
}

/* acceso clietes */

#header .btn-acceso {
	margin:0 58px 0 0;
	cursor:pointer;
}


#header .sub2{
	width:390px;
	height:108px;
	background: url(../images/bk-acceso.jpg) no-repeat top center;
	position:absolute;
	display:none;
	z-index:2000;
	top:0;
	margin:0 0 0 290px;
	color:#4d4d4d;
}

#header .sub2 li h4 {
	color:#333;
	font-weight:bold;
	font-size:12px;
	margin:20px 0 5px 7px;
}


#header .sub2 .nemo {
	float:left;
	margin: 0 0 0 20px;
}

#header .sub2 .nemo .mss {
	padding:5px;
	width:160px;
	color:#EC5305;
}



#header .sub2 .nemo li {
	margin:3px 0 0 0;
}

#header .sub2 .nemo li input {
	color:#808080;
	border:1px solid #D9D9D9;
	font-size:11px;
	padding:3px 5px;
}

#header .sub2 .nemo li .cb-btn {
	
	border:1px solid #FF5C09;
	cursor:pointer;
	padding:2px;
	background:#EC5305;
	color:#fff;
	font-weight:bold;
}


#header .sub2 .user {
	float:right;
	margin: 0 20px 0 0;
}

#header .sub2 .user li {
	margin:3px 0 0 0;
}



#header .sub2 .user li input {
	color:#808080;
	border:1px solid #D9D9D9;
	font-size:11px;
	padding:3px 5px;
}


#header .sub2 .user li .btn-enter {
	
	border:1px solid #FF5C09;
	cursor:pointer;
	padding:2px;
	background:#EC5305;
	color:#fff;
	font-weight:bold;
}




