/* Clases Utiles */
input, textarea { outline:0;}
.magenta { color:#fc0182!important;}
.azul_fondo{ color:#416b83!important; }
.redondear { -webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px; }
.invisible { visibility:hidden;}
.fl_izq{float:left;}
.fl_der{float:right;}
.center{ text-align:center;}
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0; height: 0; }
.separador { height:10px; background:transparent url(../imagenes/body_bg.jpg) repeat 0 0; margin:30px 0;}
.linea_punteada { background:transparent url(../imagenes/linea_punteada.png) repeat-x
 0 0; height:1px; margin:10px 0;}
/* Generales*/
html { background:transparent url(../imagenes/body_bg.jpg) repeat 0 0;}
body{ font-size:62.5%; line-height:150%; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; background:transparent url(../imagenes/foto_bg.jpg) repeat-x top center; color:#333;}
body.pag_interior { background-position:0 -180px; }
p{ font-size:13px; }
h1{ font-size:2.4em;}
h2{ font-size:2em;}
h3{ font-size:1.8em;}
h4{ font-size:1.6em;}
h5{ font-size:1em;}
h6{ font-size:0.9em;}
a, a:visited, a:link, a:focus, input { color:#fc0182; 	-webkit-transition:all 0.2s ease-in;  
   -moz-transition:all 0.2s ease-in;  
   -o-transition:all 0.2s ease-in;  
   transition:all 0.2s ease-in;  }
a:hover, a.link, a.activo { color:#fc0182; }
a:hover { text-decoration:underline;}

/* Menu */
.menu_box { background:transparent url(../imagenes/menu_bg.jpg) no-repeat 0 0; margin:0 auto; width:940px; height:60px; position:relative;}
.logo a{ display:block; width:135px; height:40px; position:absolute; top:10px; left:20px; text-indent:-9999px;}
.menu { position:absolute; top:15px; right:96px;}
.menu li { float:left;}
.menu li a {    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 14px;
    margin-right: 8px;
    padding: 7px 12px; }
.menu li a:hover { background-color:#416b83; color:#f2f2f2;
text-decoration:none;
 -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
.menu li a.activo{ background:transparent url(../imagenes/flecha.png) no-repeat center left;}
.hola { position:absolute; top:15px; right:24px;}
.hola a { float:left; display:block; padding:7px 15px; font-size:14px; background:#416b83 url(../imagenes/btn_bg.png) repeat-x 0 0; color:#f2f2f2; text-decoration:none; -webkit-border-radius: 5px; font-weight:bold; border:1px solid #1D2635;
-moz-border-radius: 5px;
border-radius: 5px; }
.hola a:hover { background-position:left bottom; border:1px solid #73898B; }
/* Head Box*/
.head_box { margin:0 auto; width:940px;}
.head_box.home { background:transparent url(../imagenes/home_graficos.png) no-repeat center 170px; height:260px; padding:50px 0px;} 
.head_box.home h1 { text-align:center; font-size:45px; color:#fff; font-weight:bold; margin-bottom:30px; }
.head_box.home h2 { text-align:center; font-size:27px; color:#fff; }

/* Box Banner */
.banner_box { width:940px; height:60px; margin:0 auto; background:transparent url(../imagenes/banner_llamamos.png) no-repeat 0 0; position:relative;}
.banner_box h3 { color:#fff; margin-left:70px; margin-bottom:5px;padding-top:12px; font-size:20px; font-weight:bold;}
.banner_box h4 { color:#fff; margin-left:70px; font-size:13px; color:#9fdaea;}
.banner_box .te_llamamos_box { position:absolute; top:13px; right:50px;}
.banner_box .te_llamamos_box a, .head_box .te_llamamos_box a{ font-size:23px; color:#fff; padding:9px 17px; -webkit-border-radius: 5px; font-weight:bold; background:#416b83 url(../imagenes/btn_bg.png) repeat-x 0 0; border:1px solid #416b83; display:block; color:#f2f2f2;
-moz-border-radius: 5px;
border-radius: 5px; } 
.banner_box .te_llamamos_box a:hover, .head_box .te_llamamos_box a:hover { color:#fff; border:1px solid #73898B; 
background-position:left bottom;text-decoration:none;}
/* Contenidos */
.contenedor { width:900px; margin:0 auto; overflow:hidden; background-color:#fff; padding:20px; -webkit-box-shadow: 0px 5px 0px 0px rgba(99, 99, 99, 0.3);
-moz-box-shadow: 0px 5px 0px 0px rgba(99, 99, 99, 0.3);
box-shadow: 0px 5px 0px 0px rgba(99, 99, 99, 0.3);
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 3px 3px; 
 margin-bottom:30px;}
.items_box {}
.items_box .item { float:left; width:293px; height:188px; margin-right: 10px; position:relative; }
.items_box .item.ultimo { margin-right:0px;} 
.items_box .item.web { background:transparent url(../imagenes/box_disenio.jpg) no-repeat 0 0; }
.items_box .item.marketing { background:transparent url(../imagenes/box_marketing.jpg) no-repeat 0 0;}
.items_box .item.moviles { background:transparent url(../imagenes/box_moviles.jpg) no-repeat 0 0;}

.items_box .item h2 a{   color: #FFFFFF;
    display: block;
    font-size: 23px;
    padding-top: 143px;
	line-height:1em;
    text-align: center;}
	
/* Box Clientes */
.clientes_box h2 { font-size:30px; margin-bottom:20px; font-weight:bold;}	
#logos_bandas { width:900px; height:100px; overflow:hidden;}
/* Box Agencias */
.agencias_box { background:transparent url(../imagenes/agencias_box.png) no-repeat top left; width:900px; min-height:100px; position:relative}
.agencias_box h2, .agencias_box h3, .agencias_box p { margin:0 100px 0 140px;}
.agencias_box h2 { font-size:20px; font-weight:bold; color:#c1c1c1; line-height:150%;}
.agencias_box h3 { font-size:18px; font-weight:bold;}
.agencias_box p { margin-top:10px;}
.agencias_box a.imagen {display:block; position:absolute; top:0px; left:0px; width:122px; height:100px}

/* Box Siguenos */
.siguenos_box { }
.siguenos {background-color:#e9f1f4; padding:10px; overflow:hidden;}
.siguenos_box  h2 {font-size:30px; margin-bottom:20px; font-weight:bold;}
.siguenos_box .twitter { float:left; overflow:hidden;}
.siguenos_box .logos { padding: 20px 30px 0 0; float:right;}
.siguenos_box .logos a { display:block; margin-bottom:20px;text-align:center;}
#twtr-widget-1 .twtr-tweet a { font-size: 12px;}

/* Footer */
.footer_box { width:100%; overflow:hidden; background:transparent url(../imagenes/footer_bg.png) repeat-x 0 0;}
.footer_box .interior { width:900px; margin:20px auto; background-color:#9FDAEA;overflow:hidden;}
.ie7 .footer_box .interior { margin-top:20px;} 
.footer_box .col { float:left;}
.footer_box h2 { color:#276a97; margin:20px 0;}
.footer_box h3 { color:#29b0e8; font-size:13px; font-weight:bold; margin-bottom:10px;}
.footer_box .oficina { background:transparent url(../imagenes/footer_box.png) no-repeat 0 0; width:198px; height:114px; float:left; margin-right:17px; padding:10px;}
.footer_box .oficina p {color:#003366; line-height:140%; font-size:12px;}
.footer_box .newsletter_box {   float: right;
    margin-left: 20px;
    overflow: hidden;
    width: 175px;}
.newsletter_box h4 { font-size:12px; color:#276a97; font-weight:bold; }
.newsletter_box input[type="text"]{ border:1px solid #276A97; background-color:#fff; padding:4px 5px; font-size:12px; color:#666; width:160px; margin:10px 0;}
.newsletter_box input[type="text"]:focus { border:  1px solid #63C1D6;
-webkit-box-shadow: inset 0px 0px 3px 1px rgba(54, 173, 171, 0.5);
-moz-box-shadow: inset 0px 0px 3px 1px rgba(54, 173, 171, 0.5);
box-shadow: inset 0px 0px 3px 1px rgba(54, 173, 171, 0.5); }
.newsletter_box input[type="checkbox"]{ float:left;}
.newsletter_box label { float:left; margin-right:6px; font-size:12px; color:#276a97; font-weight:bold; clear:right;}
.newsletter_box label a { color:#276A97;}
.newsletter_box input[type="submit"]{ border:0; background:#416b83 url(../imagenes/btn_bg.png) repeat-x 0 0; color:#fff; font-size:13px; padding:5px 7px; float:right; margin-right:2px; cursor:pointer; margin-top:10px;}
.newsletter_box input[type="submit"]:hover { background-position:left bottom; }
.sub_footer p { float:left;color:#17527e;}
.sub_footer a { color:#17527e;} 
.sub_footer .pxsp { float:right;}

/*=====PAGINAS INTERIORES=========*/
.col_izq { float:left; overflow:hidden; width:620px; margin-right:20px;min-height:250px;}
.col_der { float:right; overflow:hidden; width:260px; }
.col_full {overflow:hidden;}
/*=====PAGINA DISENO WEB=========*/
/* Head Box - DISENO WEB*/
.head_box.interior { height:155px; position:relative;}
.head_box.interior h1 {     color: #FFFFFF;
    font-size: 50px;
    font-weight: bold;
    line-height: 1em;
    padding: 70px 10px 10px 22px;
    text-align: left;}
.head_box.interior .te_llamamos_box { position:absolute; top:79px; right:24px;}
.item h2 { font-size:40px; font-weight:bold; color:#f23b6b; line-height:1em; margin-bottom:20px;}
.item p { color:#464647; font-size:13px; line-height:1.3em;   text-align: justify;} 

/* =========SOLAPA CONTACTO TOP===========*/
.contacto_box { background-color:#1d2633; width:100%; overflow:hidden; padding-top:15px; display:none;}
.contacto { width:940px; margin:0 auto; color:#fff;}
.contacto input[type="text"], .contacto textarea { 
width: 370px; font-size:15px; padding:10px 10px; color:#fff; font-weight:300;
border:none; background:none;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; background-color:#9fdaea;
/*text-shadow: 1px 1px 0px rgba(99,99,99, 0.7);*/

}
.contacto input[type="text"]:focus, .contacto textarea:focus {
-webkit-box-shadow: inset 0px 0px 12px 3px rgba(234, 235, 235, 0.7);
-moz-box-shadow: inset 0px 0px 12px 3px rgba(234, 235, 235, 0.7));
box-shadow: inset 0px 0px 12px 3px rgba(234, 235, 235, 0.7); 
}
.ie .contacto input[type="text"]:focus, .contacto textarea:focus {
box-shadow: inset 0px 0px 15px 1px rgba(234, 235, 235, 0.7); 
}
.contacto input[type="text"] {}
.contacto textarea { height:70px; padding:5px 10px; font-family:Arial, Helvetica, sans-serif;}
.contacto h1, .conatcto h2, .contacto h3 { line-height:1em;}
.contacto .lado_izq { width:390px; padding:0 10px 0 70px; float:left; overflow:hidden;}
.contacto .lado_der { width:390px; padding:0 70px 0 10px; float:left; overflow:hidden; margin-bottom: 20px;} 
.contacto .lado_izq .info { margin-bottom:30px;}
.lado_izq h1 { font-size:38px; font-weight:bold; line-height:1em; margin-bottom:20px;}
.lado_izq h2 { font-size:27px; font-weight:300; color:#9fdaea;}
.lado_izq h3 { font-size:20px; margin-bottom:7px;}
.solapa { background-color:#000a13; height:34px; width:939px; text-align:center; line-height:34px; -moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 7px 7px 0px 0px;
border-radius: 7px 7px 0px 0px; }
.solapa a { background:transparent url(../imagenes/contacto_cerrar.png) no-repeat 0 center; padding-left:23px; font-size:13px; color:#fff;}

.lado_der p { font-size:18px; font-weight:300; margin:10px 0;}
.lado_der .campo { margin-bottom:10px;}
.condiciones { float:left;}
.condiciones span { font-size:12px; padding-left: 4px; }
.condiciones span a { color:#fff;}
.boton{ float:right; }
.boton input[type="submit"] { font-size:18px; padding:5px 10px; background:url("../imagenes/btn_bg.png") repeat-x scroll 0 0 #416B83; color:#fff; 
border:0;
border:1px solid #112130;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.boton input[type="submit"]:hover { background-position:0 bottom; cursor:pointer; border:1px solid #73898B;} 

a.iconos { background:transparent url(../imagenes/contacto_iconos.png) no-repeat 0 0; display:block; float:left; width:56px; height:56px; margin-right:5px;}
a.iconos.facebook_top { background-position:-62px 0;}
a.iconos.linkedin_top { background-position:-122px 0;}
a.iconos.flickr_top { background-position:-184px 0;}
/* =========SOLAPA CONTACTO TOP PARTNER ===========*/
.contacto_box_partner { background-color:#1d2633; width:100%; overflow:hidden; padding-top:15px; display:none;}
.contacto_box_partner .contacto h1 { font-size:28px;}
.contacto_box_partner .contacto p { font-size:17px; line-height:1.5em;}
.contacto_box_partner .contacto .lado_izq { padding-top:8px;}
.contacto_box_partner .contacto .lado_izq .info { width:370px;}
/*=====PAGINA HOLA=========*/

.item .col_1 { float:left; width:54%; padding-right:5%;}
.item .col_2 { float:left; width:40%; } 
.item .col_2 img { float:left;}
.item .col_2 .certi{ float:left;}
.item .col_2 .certi img { margin-right:10px;}
.hola_wireframe { background:transparent url(../imagenes/hola_wireframe.png) no-repeat 0 0; overflow:hidden; width:218px; height:350px; position:relative; padding: 20px 30px;}

.hola_wireframe h3, .hola_wireframe h4 { font-family:'Calibri', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;}
.hola_wireframe h3 { font-weight:bold; font-size:23px; line-height:1em ; color:#f23b6b; margin-bottom:10px; }
.hola_wireframe h4 { font-weight:bold; font-size:16px; line-height:1em ; color:#2f64aa; margin-bottom:15px; }
.hola_wireframe h2.tel {  background: url("../imagenes/hola_mic.png") no-repeat scroll left center transparent;
    color: #416B83;
    font-size: 25px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 25px;	
    padding-left: 25px; }


/*=====APPS=========*/
.apps_iconos{ margin:50px 0 0 0;text-align:center;}
.apps_iconos h3 { font-weight:bold; font-size:23px; line-height:1em ; color:#f23b6b; margin-bottom:10px; text-align:left!important; }
/*=====ENVIO DE FORMULARIO====*/
.links_formularios { margin:20px 0; padding:20px;background-color:#E9F1F4;webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;}
.links_formularios h4 { font-size:17px; margin-bottom:10px;}
.links_formularios a { font-size:15px; display:block; line-height:20px;}
/*=====Columna Derecha*/
/*disenio*/
.columna_disenio { background:transparent url(../imagenes/columna_disenio.png) no-repeat 0 0;height:584px;}
/*hola*/
.columna_hola { background:transparent url(../imagenes/columna_hola.png) no-repeat 0 0; height:376px; position:relative; }
.columna_hola  .iconos { position:absolute; bottom:20px; left:33px; }
.columna_hola  .iconos a { margin-right:3px; }
.columna_hola  .center { margin:20px 0;}
.columna_hola a.contactanos{ left: 27px;
position: absolute;
top: 160px;}
/* marketing*/
.columna_marketing {background:transparent url(../imagenes/columna_marketing.png) no-repeat 0 0; height:414px; position:relative;  margin-bottom: 30px;}
/*apps*/
.columna_apps {background:transparent url(../imagenes/columna_apps.png) no-repeat 0 0; height:446px; position:relative;  margin-bottom: 30px;}
.columna_apps a.contactanos{ left: 27px;
position: absolute;
top: 311px;}
/* boton contactanos en columna derecha*/
.col_der a.contactanos { background:#416b83 url(../imagenes/btn_bg.png) repeat-x 0 0; color:#fff;  font-size:23px; font-weight:bold; width:195px; height:70px; line-height:70px; margin:20px 0 0 8px; display:block; text-align:center; border:1px solid #e9f1f4; }
.col_der a.contactanos:hover { background-position:bottom left; text-decoration:none; border:1px solid #73898B; }


.captcha { border-bottom:1px solid #4D676F; padding-bottom:10px; float:right}
.captcha input[type="text"]{ width:50px; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; padding:5px;}
.captcha p { font-size:15px !important; margin-right:10px;}
.captcha p.small { font-size:12px !important;float:left;}
.captcha label.error { font-size:12px; color:#FF3B3B; display:block; clear:both}
label.error {font-size:12px; color:#FF3B3B;}
#newsletter label.error {font-size:12px; color:#FF3B3B; clear:both; display:block; margin-bottom:3px}

.mensaje_contenedor { width:409px; height:170px; background-color:#112130;}

.imagen_error_head {background-image:url(http://www.pxsp.com/imagenes/404_head.png); width:645px; height:115px; display:block; margin:0 auto}
.imagen_error_cuerpo {background-image:url(http://www.pxsp.com/imagenes/404_centro.png); width:645px; display:block; margin:0 auto}
.imagen_error_bottom {background-image:url(http://www.pxsp.com/imagenes/404_bottom.png); width:645px; height:37px; display:block; margin:0 auto}
.texto_error {display:block; width:485px; margin-right:25px; margin-left:135px; color:#FFFFFF}
.texto_error span.titulo {color:#FFFFFF !important; font-weight:bold; font-size:24px; display:block; line-height:1em}
.texto_error p {color:#FFFFFF !important}
.texto_error strong {color:#FFFFFF !important}
.texto_error a {text-decoration:none; display:inline!important}

/* popups newsletter */
.newsletterMensaje {display:block; padding:60px; text-align:center; font-size:24px; color:#FFF; background-color:#112130; font-weight:bold; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; line-height:1em}

.popup {background-color:#FFF; background:none!important}
.titulo_popup {font-size:18px; font-weight:bold; border-bottom:1px dotted #036; text-transform:uppercase; padding-bottom:10px}