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

* { margin:0px; padding:0px; }
img { border: none; }
a { text-decoration:none; }
body {background-color:#000000;}
.phoneTXT{ font-family:arial; font-size:16px; font-weight:bold}
h1{ font-family:arial; font-size:12px; color: #666666; line-height:16px; font-weight:normal;}
h2{ font-family:arial; font-size:16px; color: #424141; line-height:16px; font-weight:bold; line-height:30px;}
h3{ font-family:arial; font-size:14px; color: #666666; line-height:16px; font-weight:bold;}
h4{ font-family:arial; font-size:16px; color: #b6b6b6; font-weight:bold;}
.blue{color: #48A8E7;}
.orange{color: #E67A32;}
.green{color: #589747;}
.red{color: #C13A3C;}
.txtGrey{ font-family:arial; font-size:12px; color: #999999; line-height:16px; font-weight:normal;}
.footerExito{ font-family:arial; font-size:10px; color: #333333; line-height:12px; font-weight:normal;}
.link{font-family:arial; color:#f4f4f4; margin:0px 5px;}.link:hover{color:#FF9728;}
.linkExito{font-family:arial; color:#E67A32; font-size:12px;} .linkExito:hover{ text-decoration:underline;}



.alignSite{
width:100%;
height:100%;
display:block;
overflow:hidden;
background-image:url(../images/backHome.jpg);
background-repeat:repeat-x;
}

.siteContainer{
width:960px;
display:block;
overflow:hidden;
}

.topMenu{
width:960px;
height:25px;
padding-top:10px;
display:block;
overflow:hidden;
}

.topMenu .pipe{
width:1px;
height:2px;
padding-top:15px;
float:right;
background-color: #666666;
overflow:hidden;
margin:0px 15px;
}

.menu{
width:960px;
height:80px;
margin-top:6px;
display:block;
overflow:hidden;
}

.menu .left{
width:200px;
height:72px;
padding-top:8px;
float:left;
overflow:hidden;
}

.menu .right{
width:760px;
height:80px;
float:left;
overflow:hidden;
}

.menu .right .botonera{
height:77px;
margin-top:8px;
float:right;
overflow:hidden;
}

.bannerContainer{
width:960px;
height:255px;
background-image:url(../images/backBanner.png);
background-repeat:no-repeat;
margin-top:20px;
display:block;
overflow:hidden;
}

.appsContainter{
width:960px;
margin-top:40px;
display:block;
overflow:hidden;
}

.appsContainter .modulo{
width:230px;
float:left;
overflow:hidden;
}

.appsContainter .pipe{
width:1px;
height:100px;
margin-top:40px;
background-color:#dddddd;
float:left;
overflow:hidden;
}

.siteContent{
width:960px;
margin-top:20px;
display:block;
overflow:hidden;
}


.siteContent .left{
width:280px;
margin-right:30px;
float:left;
overflow:hidden;
}


.demoContainer{
width:280px;
display:block;
overflow:hidden;
}

.consultasContainer{
width:280px;
height:162px;
margin-bottom:15px;
background-image:url(../images/consultas.png);
background-position:center;
background-repeat:no-repeat;
display:block;
overflow:hidden;
}

.consultasContainer .contenido{
width:220px;
height:85px;
margin-left:30px;
margin-top:60px;
display:block;
overflow:hidden;
}

.exitoContainer{
width:260px;
padding-left:10px;
display:block;
overflow:hidden;
}

.exitoContainer .izq{
width:35px;
float:left;
overflow:hidden;
}

.exitoContainer .der{
width:210px;
float:left;
overflow:hidden;
}


.siteContent .right{
width:650px;
float:left;
overflow:hidden;
}


.footer{
width:100%;
padding-top:40px;
margin-top:30px;
background-image:url(../images/footer.png);
background-repeat:repeat-x;
display:block;
overflow:hidden;
}

.footer .left{
width:520px;
float:left;
overflow:hidden;
}

.footer .pipe{
width:1px;
height:150px;
margin-top:20px;
background-color: #333333;
float:left;
overflow:hidden;
}

.footer .right{
width:360px;
float:left;
overflow:hidden;
}

.footer .right .field{
width:340px;
padding:7px;
font-family:arial;
font-size:11px;
color:#999999;
margin-top:10px;
background-color:#2B2B2B;
border:1px #CCCCCC solid;
display:block;
overflow:hidden;
}.footer .right .field:focus{border:1px #FF9728 solid;}


.footerButtons{
width:100%;
height:30px;
margin-top:35px;
margin-bottom:20px;
background-color:#424141;
display:block;
overflow:hidden;
}

.footerButtons .left{
width:700px;
height:23px;
padding-top:7px;
float:left;
overflow:hidden;
}

.footerButtons ul{
float:left;
overflow:hidden;
list-style:none;

}

.footerButtons li{
float:left;
overflow:hidden;
font-family:arial;
font-size:70%;
color:#f4f4f4;
margin:0px 5px;
}

.footerButtons li .pipeFooter{

color: #666666;;

}

.footerButtons  li a{
color:#f4f4f4;
}

.footerButtons li a:hover{
color:#FF9728;
}


.footerButtons .right{
width:260px;
height:23px;
padding-top:7px;
font-family:arial;
font-size:70%;
color:#f4f4f4;
float:right;
overflow:hidden;
}

.containerBox{
width:650px;
display:block;
overflow:hidden;
}

.containerBox .header{
width:650px;
display:block;
overflow:hidden;
}

.containerBox .header .publicSelected{
width:133px;
height:62px;
background-image:url(../images/publicSelected.png);
background-repeat:no-repeat;
float:left;
overflow:hidden;
}

.containerBox .header .emailSelected{
width:123px;
height:62px;
background-image:url(../images/emailSelected.png);
background-repeat:no-repeat;
float:left;
overflow:hidden;
}

.containerBox .header .sendSelected{
width:124px;
height:62px;
background-image:url(../images/sendSelected.png);
background-repeat:no-repeat;
float:left;
overflow:hidden;
}

.containerBox .header .endHeader{
width:270px;
height:62px;
background-image:url(../images/topBox.png);
background-repeat:no-repeat;
float:left;
overflow:hidden;
}

.containerBox .header .fullHeader{
width:650px;
height:12px;
margin-top:9px;
background-image:url(../images/topFullBox.png);
background-repeat:no-repeat;
float:left;
overflow:hidden;
}


.containerBox .middle{
width:570px;
height:433px;
padding:10px 50px 20px 30px;
background-image:url(../images/middleBox.png);
background-repeat: no-repeat;
display:block;
overflow:hidden;
}

.containerBox .middle .modulo{
width:100%;
display:block;
overflow:hidden;
}

.containerBox .middle .modulo .izq{
width:35%;
float:left;
overflow:hidden;
}

.containerBox .middle .modulo .der{
width:65%;
padding-top:8px;
float:left;
overflow:hidden;
}

.containerBox .middle .linea{
width:100%;
height:1px;
margin:13px 0px;
background-color: #EBEBEB;
display:block;
overflow:hidden;
}

.containerBox .footerBox{
width:650px;
height:67px;
background-image:url(../images/footerBox.png);
background-repeat:no-repeat;
display:block;
overflow:hidden;
}


.moduloForm{
width:500px;
display:block;
overflow:hidden;
}


.moduloForm .leftForm{
width:140px;
float:left;
padding-top:16px;
text-align: right;
font-size:12px;
color:#333333;
font-family:arial;
overflow:hidden;
}

.moduloForm .rightForm{
width:310px;
float:left;
overflow:hidden;
}

.moduloForm .rightForm .field{
width:250px;
margin-left:5px;
padding:7px;
font-family:arial;
font-size:11px;
color:#999999;
margin-top:10px;
background-color:#ffffff;
border:1px #CCCCCC solid;
display:block;
overflow:hidden;
}.moduloForm .rightForm .field:focus{border:1px #FF9728 solid; color:#FF9728;}




/*---------------------------BANNERS-----*/

.banner01{
width:100%;
height:100%;
display:block;
overflow:hidden;
background-image:url(../images/banner01.png);
background-repeat:no-repeat;
}

.banner02{
width:100%;
height:100%;
display:block;
overflow:hidden;
background-image:url(../images/banner02.png);
background-repeat:no-repeat;
}

.banner03{
width:100%;
height:100%;
display:block;
overflow:hidden;
background-image:url(../images/banner03.png);
background-repeat:no-repeat;
}


/*---------------------------BOTONES-----*/

.login{
height:15px;
background-image:url(../images/lock.jpg);
background-repeat:no-repeat;
background-position:left;
padding-left:18px;
font-family:Arial;
font-size:11px;
font-weight:bold;
color:#cfcfcf;
float:right;
overflow:hidden;
} .login:hover{ color:#FF9728;}

.home{
width:62px;
height:77px;
background-image:url(../images/botonera_02.png);
background-repeat:no-repeat;
background-position:bottom;
float:left;
overflow:hidden;
} .home:hover{ background-position:top;}

.productos{
width:136px;
height:77px;
background-image:url(../images/botonera_03.png);
background-repeat:no-repeat;
background-position:bottom;
float:left;
overflow:hidden;
cursor:pointer;
} .productos:hover{ background-position:top;}

.templates{
width:184px;
height:77px;
background-image:url(../images/botonera_05.png);
background-repeat:no-repeat;
background-position:bottom;
float:left;
overflow:hidden;
} .templates:hover{ background-position:top;}

.exito{
width:114px;
height:77px;
background-image:url(../images/botonera_07.png);
background-repeat:no-repeat;
background-position:bottom;
float:left;
overflow:hidden;
} .exito:hover{ background-position:top;}

.contacto{
width:111px;
height:77px;
background-image:url(../images/botonera_09.png);
background-repeat:no-repeat;
background-position:bottom;
float:left;
overflow:hidden;
} .contacto:hover{ background-position:top;}


.moreInfo{
width:83px;
height:24px;
background-image:url(../images/moreInfo.png);
background-repeat:no-repeat;
background-position:bottom;
display:block;
overflow:hidden;
} .moreInfo:hover{ background-position:top;}

.leerTodas{
width:87px;
height:20px;
margin-top:8px;
background-image:url(../images/leerTodas.jpg);
background-repeat:no-repeat;
background-position:bottom;
float:right;
overflow:hidden;
} .leerTodas:hover{ background-position:top;}

.visitar{
width:68px;
height:20px;
margin-top:8px;
background-image:url(../images/visitar.jpg);
background-repeat:no-repeat;
background-position:bottom;
float:right;
overflow:hidden;
} .visitar:hover{ background-position:top;}

.enviar{
width:68px;
height:20px;
margin-top:8px;
background-image:url(../images/enviar.jpg);
background-repeat:no-repeat;
background-position:bottom;
float:right;
overflow:hidden;
} .enviar:hover{ background-position:top;}

.demo{
width:280px;
height:67px;
margin-top:8px;
background-image:url(../images/solicitarDemo.png);
background-repeat:no-repeat;
background-position:bottom;
float:right;
overflow:hidden;
} .demo:hover{ background-position:top;}

.verEjemplos{
width:119px;
height:15px;
margin-top:8px;
background-image:url(../images/verEjemplos.png);
background-repeat:no-repeat;
background-position:bottom;
float:right;
overflow:hidden;
} .verEjemplos:hover{ background-position:top;}

.enviarDatos{
width:79px;
height:31px;
margin-top:8px;
margin-right:90px;
background-image:url(../images/enviarDatos.png);
background-repeat:no-repeat;
background-position:bottom;
float:right;
overflow:hidden;
} .enviarDatos:hover{ background-position:top;}

.ingresar{
width:100px;
height:31px;
margin-top:8px;
margin-right:90px;
background-image:url(../images/ingresar.png);
background-repeat:no-repeat;
background-position:bottom;
float:right;
overflow:hidden;
} .ingresar:hover{ background-position:top;}


.containerBox .header .public{
width:133px;
height:62px;
background-image:url(../images/public.png);
background-repeat:no-repeat;
background-position:bottom;
float:left;
overflow:hidden;
} .containerBox .header .public:hover{ background-position:top;}

.containerBox .header .email{
width:123px;
height:62px;
background-image:url(../images/email.png);
background-repeat:no-repeat;
background-position:bottom;
float:left;
overflow:hidden;
} .containerBox .header .email:hover{ background-position:top;}

.containerBox .header .send{
width:124px;
height:62px;
background-image:url(../images/send.png);
background-repeat:no-repeat;
background-position:bottom;
float:left;
overflow:hidden;
} .containerBox .header .send:hover{ background-position:top;}