@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900);

body { background: url('../images/bg-site.png') top center no-repeat #cad0d6; margin:0; height: 100%;  overflow:auto;}

#wrapper {width:1020px; top: 0px; left: 0;right: 0; margin-left: auto; margin-right: auto; *left:50%; *width:1020px;  }

#site{width:1020px; min-height:auto; padding-bottom:0px;
left:0; background:#fff; float:left;}

#header{width:1020px; float:left; background:white; height:125x; border-bottom:0px solid #e20019; padding-bottom:1px; margin-bottom:1px;}

#logo{width:274px; height:110px; float:left; background:white; margin-left:10px; margin-top:10px;}

#menu-wrapper{float:right; width:auto; height:16px;  margin-top:65px; margin-left:10px;}

#nav {width: 700px; float: right;	margin: 0 0 0em 0;	padding: 0;	list-style: none; background-color: #FFFFFF; border-bottom: 0px solid #ccc; border-top: 0px solid #ccc; }
#nav li {float: left;}
#nav li a { font-family:'Raleway', Arial, Helvetica, sans-serif;	display: block;	margin: 0px 12px;	text-decoration: none; text-transform:uppercase;	font-weight: 600; color: #4b4b4d; font-size:13px; border-right: 0px solid #ccc;  border-bottom: 2px solid #FFF; text-shadow: 0 1px 0 rgba(0,0,0,.2); }
#nav li a:hover {color: #e20019; border-bottom: 2px solid #e20019; background-color: #fff; }




#social-wrapper{float:right; width:300px; height:28px;  margin-top:5px;  background:white;}

.social {list-style:none; margin-top:10px;}
.social li { display:inline; float:left; background-repeat:no-repeat;}
.social li a { display:block; width:32px; height:25px; padding-right:0px; position:relative; text-decoration:none; }
.social li a strong { font-weight:normal; position:absolute; left:0px; top:0px; color:#fff; padding:0px; z-index:9999;
 text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75); background-color:rgba(0, 0, 0, 0.7);
 -moz-border-radius:3px; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-border-radius:3px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

li.facebook { background-image:url("../images/red-fb.png"); }
li.googleplus { background-image:url("../images/googleplus_hover.png"); }
li.rss { background-image:url("../images/red-linked.png"); }
li.twitter { background-image:url("../images/red-tw.png"); }
li.principal { background-image:url("../images/red-yt.png"); }
li.mail { background-image:url("../images/red-mail.png"); }

#css3:hover li { opacity:0.2; }
#css3 li { -webkit-transition-property: opacity; -webkit-transition-duration: 500ms;
 -moz-transition-property: opacity; -moz-transition-duration: 500ms; }
#css3 li a strong { opacity:0;
 -webkit-transition-property: opacity, top; -webkit-transition-duration: 300ms;
 -moz-transition-property: opacity, top; -moz-transition-duration: 300ms; }
#css3 li:hover { opacity:1; }
#css3 li:hover a strong { opacity:1; top:-10px; }



#date{font-family:'Raleway', Arial, Helvetica, sans-serif; color:#4b4b4d; float:right; font-size:14px; margin:5px 10px 0 0; text-shadow: 0 1px 0 rgba(0,0,0,.2);}



#banner{float:left; width:1020px; background:white; height:448px;}

#categories-wrapper{float:left; width:995px; height:235px; background:white; padding: 30px 0 0 25px;}

.category {list-style:none; margin-top:10px;}

.category li { display:inline; float:left; background-repeat:no-repeat;}

.category li a { display:block; width:171px; height:200px; padding-right:28px; position:relative; text-decoration:none; }

.category li a strong { font-weight:normal; position:absolute; left:0px; top:0px; color:#fff; padding:0px; z-index:9999;
 text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75); background-color:rgba(0, 0, 0, 0.7);
 -moz-border-radius:3px; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-border-radius:3px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

li.nosotros { background-image:url("../images/circle-us.jpg"); }
li.factura { background-image:url("../images/circle-stofac.jpg"); }
li.soluciones { background-image:url("../images/circle-solutions.jpg"); }
li.tecnologia { background-image:url("../images/circle-tech.jpg"); }
li.tecnologia a:hover { background:url("../images/circle-tech.jpg") no-repeat; }
li.soporte { background-image:url("../images/circles-support.jpg"); }

#ruta-seccion{float:left; margin:60px 0px 0 40px; width:940px; height:20px; border-top: 1px solid #4b4b4d; font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; padding-top:5px; color:#4b4b4d;}

#ruta-seccion a{font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; color:#4b4b4d;}

#ruta-seccion a:hover{font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:12px; text-decoration:underline; color:#4b4b4d;}


#article-home-footer{float:left; margin:10px 0px 0 40px; width:930px; height:345px; font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:16px; text-decoration:none; padding-top:5px;}


#article-home-footer-text{float:left; margin:0px; width:530px; height:265px; font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:16px; text-decoration:none;}

#article-home-footer-text h1{font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:36px; color:#e20019;}

#article-home-footer-text p{font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; color:#262a35;}

#article-home-footer-pic{float:left; margin:0px 0 0 55px; width:345px; height:345px;}



#footer-wrapper{float:left; background:url(../images/footer-bg.jpg) no-repeat; margin:30px 0 0 0 ; width:1020px; height:157px; font-family:'Raleway', Arial, Helvetica, sans-serif; text-decoration:none; padding-top:0px;}


#logo-footer{font-family:'Raleway', Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:11px; width:215px; height:105px; margin:30px 0 0 20px; float:left;}

#logo-footer img{padding-bottom:10px;}

#aviso-privacidad{font-family:'Raleway', Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:11px; width:215px; height:auto; margin:65px 65px 0 0px; float:right; text-align:right; text-transform:uppercase;}

#aviso-privacidad a{font-family:'Raleway', Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:11px; text-decoration:none;}

#aviso-privacidad a:hover{font-family:'Raleway', Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:11px; text-decoration:underline;}

#footer-menu-wrapper{float:right; width:auto; height:16px;  margin-top:34px; margin-left:10px; }

#footer-nav {width: 750px; float: right;	margin: 0 0 0em 0;	padding: 0;	list-style: none; border-bottom: 0px solid #ccc; border-top: 0px solid #ccc; }
#footer-nav li {float: left;}
#footer-nav li a { font-family:'Raleway', Arial, Helvetica, sans-serif;	display: block;	margin: 0px 12px;	text-decoration: none; text-transform:uppercase;	font-weight: 600; color: #FFF; font-size:12px; border-right: 0px solid #ccc;  border-bottom: 2px solid #4b4b4d; }
#footer-nav li a:hover {color: #e20019; border-bottom: 2px solid #e20019; text-shadow: 0 1px 0px rgba(255,255,255,.2); }

#footer-copyright{float:left; color:#b1b2b4; background:#FFFFFF; margin:0px; width:1000px; height:10px; font-family:'Raleway', Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase; padding:10px 10px;  font-size:11px; text-align:right;}

#footer-copyright a{font-family:'Raleway', Arial, Helvetica, sans-serif; text-decoration:none; color:#b1b2b4; text-transform:uppercase; text-align:right; font-size:11px;}

#footer-copyright a:hover{font-family:'Raleway', Arial, Helvetica, sans-serif; text-decoration:underline; color:#b1b2b4; text-transform:uppercase; text-align:right;}




#ruta-seccion-int{float:left; margin:10px 0px 0 10px; width:1000px; height:20px; border-top: 1px solid #4b4b4d; font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; padding-top:5px; color:#4b4b4d;}

#ruta-seccion-int a{font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; color:#4b4b4d;}

#ruta-seccion-int a:hover{font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:12px; text-decoration:underline;}

#tabs-container{float:left; width:960px; padding:50px 0 0 50px}

#tabs-container h1{font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:36px; color:#e20019; text-transform:uppercase; margin:0; padding:0; display: inline; }

#tabs-container h2{font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:36px; color:#4b4b4d; margin:0; padding:0; font-weight:normal; display: inline; }

#tabs-container p{font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:16px; color:#4b4b4d; margin:0; padding:0; line-height:28px;}

#tabs-tech{float:left; width:200px; height:430px; margin-right:40px; margin-top:30px;}

#tabs-tech img{float:left; width:200px; height:200px; padding-bottom:20px;}

#tabs-tech h1{font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:16px; color:#e20019; padding:0; margin:0; display: inline; }

#tabs-tech h2{font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:16px;  padding:0; margin:0; display: inline; }

#tabs-tech p{font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:12px; line-height:16px;}





#tech-container{float:left; width:1000px; padding:0px 0 0 65px}

#tech-container img{float:right; margin: 40px 0 20px 20px;}

#tech-container-text{float:left; width:700px; padding:0px 0 0 25px; margin: 20px 0 0 0;}

#tech-container-text h1{font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:36px; color:#e20019; padding:0; margin:0; display: inline; }

#tech-container-text h2{font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:36px; font-weight:normal;  padding:0; margin:0; color:#4b4b4d; display: inline; }

#tech-container-text p{font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:16px; color:#4b4b4d; text-align:justify; line-height:28px;}















#gen-section-container{float:left; width:910px; padding:50px 50px 0 50px}

#gen-section-container h1{font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:36px; color:#e20019; text-transform:uppercase; margin:0; padding:0; display: inline; }

#gen-section-container h2{font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:36px; color:#4b4b4d; margin:0; padding:0; font-weight:normal; display: inline; }

#gen-section-container p{font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:16px; color:#4b4b4d; margin:20px 0 50px 0; padding:0; line-height:28px; text-align:justify;}






#gen-section-head{float:left;background: url('../images/bg-gen-section-head.jpg') top center no-repeat #e5e5e5; width:860px; padding:30px 40px 0 20px; margin-bottom:50px;}

#gen-section-head h1{font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:36px; color:#e20019; text-transform:uppercase; display: inline; }

#gen-section-head h2{font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:36px; color:#4b4b4d; margin:0; padding:0; font-weight:normal; display: inline; }

#gen-section-head p{font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:16px; color:#4b4b4d; margin:25px 0 40px 0; padding:0; line-height:28px; text-align:justify;}


.gen-section-head {font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:16px; color:#4b4b4d; margin:25px 0 40px 0; padding:0; line-height:28px; text-align:justify; text-decoration:none;}

.gen-section-head a{font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:16px; color:#4b4b4d; margin:25px 0 40px 0; padding:0; line-height:28px; text-align:justify; text-decoration:none;}


.gen-section-head:hover{font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:16px; color:#e20019; margin:25px 0 40px 0; padding:0; line-height:28px; text-align:justify; text-decoration:underline;}


#gen-contact-head a{font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:16px; color:#4b4b4d; margin:25px 0 40px 0; padding:0; line-height:28px; text-align:justify; text-decoration:none;}


#gen-contact-head a:hover{font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:16px; color:#e20019; margin:25px 0 40px 0; padding:0; line-height:28px; text-align:justify; text-decoration:underline;}







#gen-contact-head{float:left;background: url('../images/bg-gen-section-head.jpg') top center no-repeat #e5e5e5; width:auto; padding:30px 40px 0 20px; margin-bottom:50px;}

#gen-contact-head h1{font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:36px; color:#e20019; text-transform:uppercase; display: inline; }

#gen-contact-head h2{font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:36px; color:#4b4b4d; margin:0; padding:0; font-weight:normal; display: inline; }

#gen-contact-head p{font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:16px; color:#4b4b4d; margin:25px 0 40px 0; padding:0; line-height:28px; text-align:justify;}








#gen-support-tab{float:left;background: url('../images/bg-gen-support-tab.jpg') top center no-repeat #e5e5e5; width:380px; padding:30px 40px 0 20px; margin-bottom:50px;}

#gen-support-tab h1{font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:36px; color:#e20019; text-transform:uppercase; display: inline; }

#gen-support-tab h2{font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:36px; color:#4b4b4d; margin:0; padding:0; font-weight:normal; display: inline; }

#gen-support-tab p{font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:16px; color:#4b4b4d; margin:25px 0 40px 0; padding:0; line-height:28px; text-align:justify;}












#gen-section-valor{float:left; background: url('../images/bg-gen-valor-tab.jpg') top center no-repeat #e5e5e5; width:223px; height:600px; padding:30px 40px 0 20px; margin-bottom:50px;}

#gen-section-valor h1{font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:36px; color:#e20019; text-transform:uppercase; display: inline; }

#gen-section-valor h2{font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:36px; color:#4b4b4d; margin:0; padding:0; font-weight:normal; display: inline; }

#gen-section-valor p{font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:16px; color:#4b4b4d; margin:25px 0 40px 0; padding:0; line-height:28px; text-align:justify;}



.button-gen {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 6px 12px;
    border-radius: 8px;
    background: #b1b2b4;
    font: normal normal normal 12px 'Raleway', Arial, Helvetica, sans-serif;
    color: #ffffff;
    text-decoration: none;
}
.button-gen:hover{
    background: #e20019;
    color: #ffffff;
    text-decoration: underline;
}
.button-gen:focus {
    background: #b1b2b4;
    color: #ffffff;
    text-decoration: none;
}
.button-gen:active {
    background: #b1b2b4;
}









.button-helpdesk {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 6px 12px;
    border-radius: 8px;
    background: #b1b2b4;
    font: normal normal normal 16px 'Raleway', Arial, Helvetica, sans-serif;
    color: #ffffff;
    text-decoration: none;
}
.button-helpdesk:hover{
    background: #e20019;
    color: #ffffff;
    text-decoration: underline;
}
.button-helpdesk:focus {
    background: #b1b2b4;
    color: #ffffff;
    text-decoration: none;
}
.button-helpdesk:active {
    background: #b1b2b4;
}





.button-art {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 6px 12px;
    border-radius: 8px;
    background: #e20019;
    font: normal normal normal 12px 'Raleway', Arial, Helvetica, sans-serif;
    color: #ffffff;
    text-decoration: none;
}
.button-art:hover{
    background: #e20019;
    color: #ffffff;
    text-decoration: underline;
}
.button-art:focus {
    background: #e20019;
    color: #ffffff;
    text-decoration: none;
}
.button-art:active {
    background: #e20019;
}