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

body{ font-family:Arial, Helvetica, sans-serif; text-align:center; margin:0 auto;}

.contenedor-principal{width:990px; height:auto; margin:0 auto;}

.top{ float:left; position:relative; top: 10px;border:solid 1px #567eb9;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright:6px;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-webkit-border-top-left-radius:6px;
-webkit-border-top-right-radius:6px;
-webkit-border-bottom-left-radius:6px;
-webkit-border-bottom-right-radius:6px;
border-top-left-radius:6px;
border-top-right-radius:6px;
border-bottom-left-radius:6px;
border-bottom-right-radius:6px; width:100%; height:133px; background-image: linear-gradient(bottom, rgb(255,255,255) 0%, rgb(232,232,232) 72%);
background-image: -o-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(232,232,232) 72%);
background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(232,232,232) 72%);
background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(232,232,232) 72%);
background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(232,232,232) 72%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(255,255,255)),
	color-stop(0.72, rgb(232,232,232))
); margin: 0 auto;

background-image:url(images/background-imagetop.gif); background-repeat:repeat;  /*box-shadow: 0px 2px 13px rgba(0, 0, 0, 0.80);
    -moz-box-shadow: 0px 2px 13px rgba(0, 0, 0, 0.80);
    -webkit-box-shadow: 0px 2px 13px rgba(0, 0, 0, 0.80);*/}

.top .logo{ width:278px; height:110px; background-image:url(images/logo.png); float:left; position:relative; left:40px; top:10px;}
.top .fondo2{ width:405px; height:133px; background-image:url(images/fondo2top.png); float:left; position:relative; left:33px}
.top .contacto-background{ width:192px; height:82px; background-image: url(images/contacto-top.png); float: right; position:relative; top:30px; right:75px;}
.top .contacto-background .texto-contacto{ width:130px; height:82px; float: right; position:relative; color:#567eb9; text-align:center; font-size:11px; top:5px;}

.navigation {width:790px; height:165px; left:107px;  float:left; position:relative; top:30px; margin:0 auto;}
.navigation .boton1{width:107px; height:118px; background-image:url(images/btn-inicio.png); background-position: top; position:relative; float:left; top:3px; color:#666666}
.navigation .boton1 p{ width:107px; height:118px; margin-top:6px; text-align:center; font-size:13px; position:relative; color:#666666;}

.navigation .boton1:hover { background-position: bottom; top:3px;  color: #666666; -webkit-transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
transition: background 0.5s ease;}
.navigation .boton1 p:hover{ color: #ffffff;  -webkit-transition: color 1.5s ease;
-moz-transition: color 1.5s ease;
-o-transition: color 1.5s ease;
transition: color 1.5s ease;}



.navigation .boton2{width:172px; height:118px; background-image:url(images/btn-servicios.png); background-position: top; position:relative; float:left; top:3px; color:#666666}
.navigation .boton2:hover { background-position: bottom; top:3px;  color: #666666; -webkit-transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
transition: background 0.5s ease;}
.navigation .boton2 p{ width:172px; height:118px; margin-top:6px; text-align:center; font-size:13px; position:relative; color:#666666;}
.navigation .boton2 p:hover{ color: #ffffff;  -webkit-transition: color 1.5s ease;
-moz-transition: color 1.5s ease;
-o-transition: color 1.5s ease;
transition: color 1.5s ease;}

.navigation .boton3{width:171px; height:118px; background-image:url(images/btn-soporte.png); background-position: bottom; position:relative; float:left; top:3px; color:#ffffff}
.navigation .boton3:hover { background-position: bottom; top:3px;  color: #666666; -webkit-transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
transition: background 0.5s ease;}
.navigation .boton3 p{ width:171px; height:118px; margin-top:6px; text-align:center; font-size:13px; position:relative; color:#ffffff;}
.navigation .boton3 p:hover{ color: #ffffff;  -webkit-transition: color 1.5s ease;
-moz-transition: color 1.5s ease;
-o-transition: color 1.5s ease;
transition: color 1.5s ease;}

.navigation .boton4{width:107px; height:118px; background-image:url(images/btn-clientes.png); background-position:top; position:relative; float:left; top:3px; color:#666666}
.navigation .boton4:hover { background-position: bottom; top:3px;  color: #666666; -webkit-transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
transition: background 0.5s ease;}
.navigation .boton4 p{ width:107px; height:118px; margin-top:6px; text-align:center; font-size:13px; position:relative; color:#666666;}
.navigation .boton4 p:hover{ color: #ffffff;  -webkit-transition: color 1.5s ease;
-moz-transition: color 1.5s ease;
-o-transition: color 1.5s ease;
transition: color 1.5s ease;}


.navigation .boton6{width:105px; left:5px; height:118px; background-image:url(images/btn-contactos.png); background-position:top; position:relative; float:left; top:3px; color:#666666}
.navigation .boton6:hover { background-position: bottom; top:3px;  color: #666666; -webkit-transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
transition: background 0.5s ease;}
.navigation .boton6 p{ width:107px; height:118px; margin-top:6px; text-align:center; font-size:13px; position:relative; color:#666666;}
.navigation .boton6 p:hover{ color: #ffffff;  -webkit-transition: color 1.5s ease;
-moz-transition: color 1.5s ease;
-o-transition: color 1.5s ease;
transition: color 1.5s ease;}


.navigation .boton5{width:121px; height:118px; background-image: url(images/fondo-facebook-like.png); position:relative; left:10px; float:left; top:3px; color:#666666}
.navigation .boton5 .fb-like { float:left; position:relative; top:20px; width:87px; left:25px; height:70px; overflow:visible;}
.navigation .boton5 p{ width:124px; height:23px; margin-top:6px; text-align:center; font-size:13px; position:relative; color:#666666;}
.navigation .boton5 .image{ background:url(images/face2.png); margin:0; width:72px; height:54px; position:relative; float:left; padding:0; left:25px}
.navigation .boton5 .image:hover{ margin:0; position:relative; float:left; padding:0; left:25px; background:url(images/face2-hover.png);}

.soporte{width:100%; float:left; position:relative; height:490px; border-top: 1px solid #CCC;}

.soporte .asistencia {width:50%; float:left; padding-left:21px; position:relative; height:443px; top:25px; text-align:left; padding-bottom:25px; border-right: 1px #CCCCCC solid;}



/*.soporte .asistencia h3 { color:#567eb9; padding-bottom:40px; text-align:center;}*/


.soporte .asistencia h3{ background-color:#417bd0;height:22px; font-size:13px; color:#ffffff; padding-left:5px; padding-top:5px; text-align:center;}

.soporte .asistencia p  {padding-bottom:20px; color: #417BD0; font-size:13px; padding-top:117px; text-align:center}




.descargas{width:47%; float:left; position:relative; height:auto; top:25px; }

.descargas h3 { background-color:#417bd0;height:22px; font-size:13px; color:#ffffff; padding-left:5px; padding-top:5px; text-align:center;}
.descargas .contenedorlista { padding-top:25px;}

.descargas ul { list-style:none; position:relative; float:left; text-align:left; width:49%;}

.descargas ul li{ padding-bottom:5px; font-size:13px;}

.descargas p  {padding-bottom:20px; color: #333333; font-size:13px;}





.footer{ width:100%; height:86px; float:left; position:relative; top:40px;}

.footer .footer-line{ width:100% ; height:24px; float:left; position:relative; background-color:#567eb9; -moz-border-radius-topleft: 6px;
-moz-border-radius-topright:6px;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-webkit-border-top-left-radius:6px;
-webkit-border-top-right-radius:6px;
-webkit-border-bottom-left-radius:6px;
-webkit-border-bottom-right-radius:6px;
border-top-left-radius:6px;
border-top-right-radius:6px;
border-bottom-left-radius:6px;
border-bottom-right-radius:6px; width:100%; height:28px; background-image: linear-gradient(bottom, rgb(255,255,255) 0%, rgb(232,232,232) 72%)}

.footer .logos1 {width:257px; height:29px; top:8px; position:relative; background-image:url(images/marcas1.jpg); float:left; left:131px;}

.footer .footer-square{ width:208px; height:45px; left:137px; float:left; position:relative; background-color:#567eb9;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-webkit-border-bottom-left-radius:6px;
-webkit-border-bottom-right-radius:6px;
border-bottom-left-radius:6px;
border-bottom-right-radius:6px; background-image: linear-gradient(bottom, rgb(255,255,255) 0%, rgb(232,232,232) 72%)}

.footer .footer-square .facelogo{ width:89px; left:65px; height:35px; position:relative; float:left; background-image:url(images/face-logo.png);}
.footer .logos2 {width:248px; height:35px; top:8px; position:relative; background-image:url(images/marcas2.jpg); float:left; left:151px;}