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

/*------------------------------------*\
  RESET
\*------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0b1 | 201101
   NOTE:WORK IN PROGRESS
   USE WITH CAUTION AND TEST WITH ABANDON */

html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  font:inherit;
  vertical-align:baseline;
}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{
  display:block;
}

body { background:#000000}

.clear { clear:both}

#linea-naranja { width:100%; height:4px; background:#ff7900}

#fondo-header { width:100%; height:130px; background:#000000; -webkit-box-shadow: 0px 3px 4px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 3px 4px rgba(50, 50, 50, 0.75); box-shadow: 0px 3px 4px rgba(50, 50, 50, 0.75); z-index:50; position:absolute}

#fondo-slider { width:100%; height:280px; background:url(../img/background-slider.jpg); background-repeat:repeat-x}


/*HEADER*/
header { width:960px; height:130px; margin:0 auto; position:relative } 
header .logo { float:left; padding: 4px 0 0 3px; border:none}
#soporte { width:175px; height:23px; background:#133564; -webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; position:absolute; right:0; top:0; text-align:center; font-family: 'Quicksand', sans-serif; font-weight:400; font-size:13px; color:#FFFFFF; padding:7px 0 0 0 }
#soporte a { font-family: 'Quicksand', sans-serif; font-weight:400; font-size:13px; color:#008cff; text-decoration:none; padding-left:5px}
#soporte a:hover { color:#ff7900}

/*MENU HEADER*/
nav { margin-top:10px; position:absolute; top:50px; right:0}
nav ul { list-style:none}
nav li { display:block; float:left; height:45px; border-right:#3e3e3e solid 1px; padding:0 8px 0 25px; position:relative; background:url(../img/flecha-blanca-menu.gif) no-repeat right bottom }
nav li:hover { display:block; background:url(../img/flecha-naranja-menu.gif) no-repeat right bottom; color:#ff7900}
nav li a { text-transform:uppercase; font-family: 'Quicksand', sans-serif; font-weight:400; font-size:14px; color:#FFFFFF; text-decoration:none; width:100%; height:100%; display:block;  padding-top:10px  }
nav li a:hover { color:#ff7900}

/*SLIDER*/
#slider { width:960px; height:280px; margin:0 auto; margin-top:130px ; position:relative}

/*PASTILLAS*/
#fondo-pastillas { width:100%; height:180px !important; background:#FFFFFF}
#pastillas  { width:960px; height:180px !important; margin:0 auto; position:relative }
#pastilla-wrap { height:180px !important; z-index:50; position:absolute; top:-25px }
.pastilla { width:210px; height:165px; float:left; background:url(../img/background-pastilla.png) no-repeat; background-position:top; padding:15px 15px 0 15px }
.pastilla h1 {font-family: 'Ruda', sans-serif; font-weight:400; color:#008cff; margin-bottom:5px }
.pastilla h2{font-family: 'Ruda', sans-serif; font-weight:400; color:#ff7900; font-size:16px; line-height:18px; text-transform:uppercase; margin-bottom:5px  }
.pastilla p { font-family:Arial, Helvetica, sans-serif; color:#535353; font-size:11px; line-height:14px; margin-bottom:10px }
.btn-vermas { }
.btn-vermas a { width:95px; height:17px; background: #008cff url(../img/mas.png) no-repeat; background-position:right; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding:3px 0 0 5px; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:none; font-weight:bold; }
.btn-vermas a:hover { background: #ff7900 url(../img/mas-naranja.png) no-repeat; background-position:right;} 

/*FOOTER*/
#fondo-footer { width:100%; height:200px;}
footer { width:960px; height:200px;  margin:20px auto 0 auto}
#footer-izq { width:179px; height:100px; float:left; border-right:#3e3e3e solid 1px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; position:relative}
#footer-med {width:539px; height:100px; float:left; border-right:#3e3e3e solid 1px; position:relative}
#footer-med ul { list-style:none}
#footer-med li { float:left; display:block; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; color:#FFFFFF; padding:0 6px 0 18px; background:url(../img/flecha.gif) no-repeat; background-position: 7px 1px}
#footer-med li a { text-decoration:none; color:#FFFFFF}
#footer-med li a:hover { color:#008cff}
#footer-sec {font-family:Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; color:#898989; position:absolute; width:130px; height:60px; left:130px; padding:5px 0 0 25px; line-height:15px }
#footer-sec a { text-decoration:none; color:#898989}
#footer-sec a:hover {color:#ff7900}
#footer-dch {width:225px; height:90px; float:left; padding:0 0 0 15px }
#afip { position:absolute; top:0; left:120px}

#gplus-wrap {
width: auto;
height: auto;
float: left;

position:relative;
}

#gplus-wrap2 { position:absolute; top:-1px; left:-1px}

#footer-dch h1 {font-family: 'Ruda', sans-serif; font-weight:400; color:#ff7900; font-size:20px; line-height:22px;}
.naranja { color:#ff7900}
.blanco { color:#FFFFFF}
.gris { color:#898989}
.italica { font-style:italic}
.bold { font-weight:bold}

/*CENTRAL, PANTALLAS INTERNAS*/
#central-fondo { width:100%;  background:#FFFFFF}
#central { width:960px; background:#FFFFFF; margin:130px auto 30px auto; height:auto; padding:40px 0 40px 0}
#derecha { width:675px; height:auto; float:left; margin-right:55px}
#izquierda { width:230px; height:auto; float:left}
#derecha h1 {font-family: 'Ruda', sans-serif; font-weight:400; color:#ff7900; font-size:36px}
#derecha h2 {font-family: 'Ruda', sans-serif; font-weight:400; color:#ff7900; font-size:17px; line-height:24px}
#derecha h3 {font-family: 'Ruda', sans-serif; font-weight:400; color:#000000; font-size:18px; line-height:18px}
#derecha p { font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px; line-height:18px}

.subtitulo-a {font-family: 'Ruda', sans-serif; font-weight:400; color:#000; font-size:18px; line-height:16px; text-transform:uppercase; padding-bottom:10px}
.subtitulo-b {font-family: 'Ruda', sans-serif; font-weight:400; color:#008cff; font-size:17px; line-height:24px; text-transform:uppercase}
.texto-azul { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#008cff}
.borde-abajo {border-bottom:#CCC solid 1px}
.borde-claro { border:#CCCCCC solid 1px}


/*GOOGLE APPS*/
#gapps-item { width:675px; padding:20px 0 20px 0;}
#gapps-item h1 {font-family: 'Ruda', sans-serif; font-weight:700; color:#000; font-size:18px; line-height:16px; padding-left:85px}
#gapps-item p {font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px; line-height:16px; padding-left:85px}
#gapps-item .img { float:left; padding:0 0 0 0}

/*COLUMNA IZQ*/
.link-tercercol { width:200px; height:115px; padding:15px; margin-bottom:15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:#FF0000 solid 1px; background:#FFFFFF}
.link-tercercol p {font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px; line-height:16px;  }

.btn-vermas-dos { }
.btn-vermas-dos a { width:95px; height:22px; background: #ff7900; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-top:5px; padding:8px 0 0 0; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:none; font-weight:bold; text-align:center }
.btn-vermas-dos a:hover { background: #000}

#otros-productos { width:200px; height:auto; background:#f2f2f2; padding:10px 15px; ; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom:15px}
#otros-productos h1 {font-family: 'Ruda', sans-serif; font-weight:400; color:#ff7900; font-size:20px; }
#otros-productos ul { list-style:none; padding:10px 0 10px 0}
#otros-productos li { display:block; padding:2px 0; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#828282 }
#otros-productos a { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#000000; text-decoration:none}
#otros-productos a:hover  {color:#ff7900; text-decoration:none}
.otros-productos-active {color:#ff7900;font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-decoration:none}

.borde {border-bottom:#828282 dotted 1px;}

#servicios { width:200px; height:280px; background:#f2f2f2; padding:10px 15px; ; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom:15px}
#servicios h1 {font-family: 'Ruda', sans-serif; font-weight:400; color:#008cff; font-size:20px; }
#servicios ul { list-style:none; padding:5px 0 5px 0}
#servicios li { display:block; padding:4px 0; border-bottom:#828282 dotted 1px;  }
#servicios a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:none}
#servicios li:last-child { border:none}
#servicios a:hover  {color:#008cff; text-decoration:none}

.izq-pastilla { width:200px; height:155px; background:url(../img/background-pastilla-izq.jpg) no-repeat; background-position:top; padding:15px 15px 0 15px; margin-bottom:10px }
.izq-pastilla h1 {font-family: 'Ruda', sans-serif; font-weight:400; color:#008cff; margin-bottom:3px; font-size:15px }
.izq-pastilla h2{font-family: 'Ruda', sans-serif; font-weight:400; color:#ff7900; font-size:13px; line-height:18px; text-transform:uppercase; margin-bottom:3px  }
.izq-pastilla p { font-family:Arial, Helvetica, sans-serif; color:#535353; font-size:11px; line-height:12px; margin-bottom:10px }

/*SERVICIOS*/
#servicios-item { width:675px; padding:15px 0 15px 0;}
#servicios-item h1 {font-family: 'Ruda', sans-serif; font-weight:400; color:#000; font-size:18px; line-height:18px; padding-bottom:5px; text-transform:uppercase}
#servicios-item p {font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:13px; line-height:18px;}
#servicios-item a { text-decoration:underline; font-weight:bold; color:#000000}
#servicios-item a:hover { text-decoration:underline; color:#666666}

/*HARDWARE*/
.explicacion-azul { width:675px; height:auto; margin:20px 0 10px 0;}

/*ESET*/
#eset-item { width:675px; margin-top:20px}
#eset-item h1 {font-family: 'Ruda', sans-serif; font-weight:400; color:#000; font-size:18px; line-height:18px; padding-bottom:5px;}
#eset-item p {font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:13px; line-height:18px;}
#eset-item  ul { list-style:none; margin-top:20px}
#eset-item  li { display:block; padding: 3px 0 3px 10px; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:13px; background-image:url(../img/punto-nja.gif); background-position:top left; background-repeat:no-repeat}

#destacado-gris { width:645px; height:auto; background-color:#e6e6e6; padding:15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:20px 0 0 0 }
#destacado-gris h1 {font-family: 'Ruda', sans-serif; font-weight:700; color:#008cff; font-size:18px; }
#destacado-gris p {font-family: 'Ruda', sans-serif; font-weight:400; color:#000; font-size:14px; }

/*HARDWARE*/
.clientes { width:156px; height:88px; margin:10px 10px 0 0; border:#CCCCCC 1px solid; float:left;}
.clientes a { text-decoration:none; border:none}
.links {}
.links a { font-weight:bold; text-decoration:none}

/*CANALES*/
#contenedor-gris { width:645px; height:90px; background-color:#e6e6e6; padding:15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:20px 0 0 0 }
#contenedor-gris-canales { width:645px; height:20px; background-color:#e6e6e6; padding:15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:20px 0 0 0 }

/*CANALES*/
.nosotros { width:195px; height:125px; float:left; margin-top:25px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position:relative; padding:10px 0 0 135px;  }
.diego {background:#000000 url(../img/diego-vecchio.png); background-repeat:no-repeat; background-position:top left }
.eugenio {background:#000000 url(../img/eugenio.png); background-repeat:no-repeat; background-position:top left }
.nosotros h6 {font-family: 'Ruda', sans-serif; font-size:18px; font-weight:400; color:#ffffff; }
.nosotros h7 { font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:12px}
#linkedin { position:absolute; bottom:7px; left:135px; border:none}
#linkedin a { border:none}
.link-simple { font-family:Arial, Helvetica, sans-serif; color:#000000; font-weight:bold; font-size: 12px; text-decoration:none}
.link-simple a { text-decoration:none}
.link-simple a:hover { text-decoration:underline}

/*CONTACTO*/
.contacto-item { width:675px; margin:20px 55px 0 0; padding-bottom:20px}
.contacto-item h1 {font-family:Arial, Helvetica, sans-serif;; font-weight:bold; color:#008cff; font-size:14px; line-height:18px; padding-bottom:5px;}
.contacto-item p {font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px; line-height:18px;}
#mapa { width:675px; height:280px; margin:15px 0 15px 0; float:left; padding-bottom:30px}
.links-basicos {}
.contacto-item a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:none}
.contacto-item a:hover { color:#008cff; text-decoration:none}
.wrap-derecha { width:675px; height:auto; float:left; margin-right:55px}

.boton-enviar {
display:inline;
cursor:pointer;
width:100px;
height:30px; 
padding:2px 0 0 0;
font:Arial, Helvetica, sans-serif;
text-transform:uppercase; 
font-size:14px; 
font-weight:100; 
color:#FFFFFF; 
text-decoration:none;
text-align:center; 
background-color:#ff7900;
-webkit-border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border-radius: 6px;
border:none}