@charset "utf-8";
/* CSS Document */
body{background:#000 url(../img/bgbody.jpg)}
body{font:11px Arial, Helvetica, sans-serif}
/*generales*/
#bgheader{background:url(../img/bgheader.jpg) no-repeat center top;height:688px;width:100%;position:absolute;top:0;left:0;z-index:-1}
#logo{ padding:20px 0 5px 0; width:135px}
#web{ width:900px; margin:0 auto; position:relative;}
#header{ margin:0; position:relative}
/*menutop*/
#menutop{position: absolute; width:370px;  top:0; right:0; display:table; vertical-align:baseline}
#menutop a{display: table-cell; background:#1B3C42; padding:5px; color:#09F; float:left; width:75px;font-size:10px; text-align:center; padding-top:58px; padding-bottom:7px; vertical-align:bottom; text-decoration:none;margin-right:1px;/* filter:alpha(opacity=80); -moz-opacity:0.80;opacity:.80*/font:bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif}
#menutop a:hover{color:#fff}
#menutop a.sol{ padding-top:42px; padding-bottom:7px;}
body#pagInicio #menutop a#btnInicio, body#pagPortafolio #menutop a#btnPortafolio, body#pagSoluciones #menutop a#btnSoluciones,
body#pagNosotros #menutop a#btnNosotros
{color:#fff; }
body#pagInicio #menutop a#btnInicio, body#pagPortafolio #menutop a#btnPortafolio, body#pagSoluciones #menutop a#btnSoluciones,
body#pagNosotros #menutop a#btnNosotros
{ background:#9C0; filter:alpha(opacity85);-moz-opacity:.85;opacity:.85}

/*menu*/
#menu ul{ display:block}
#menu{ width:900px; margin-top:2px; height:40px}
#menu ul{display:block; padding-left:3px}
#menu ul li{ margin:0; padding:0; display:inline}
#menu ul li a{ display:block; padding:11px 23px; float:left; text-align:center;font:11px "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-transform:uppercase}
#menu ul li a:hover{ color:#9C0; text-decoration:none}
body#pagDiseno #btnDisenoweb{ color:#9C0; }
body#pagComercio #btnComercio{ color:#9C0; }
body#pagMarketing #btnMarketing{ color:#9C0; }
body#pagPosicionamiento #btnPosicionamiento{ color:#9C0; }
body#pagNosotros #btnNosotros{ color:#9C0; }
body#pagContacto #btnContacto{ color:#9C0; }
body#pagAdwords #btnAdwords{ color:#9C0; }
/*slide*/
#caja{ height:320px;background: url(../img/bgSlide.png) no-repeat center bottom; padding: 10px 0 0;margin-bottom:0}
#proyectos{width:900px; margin:0 auto}
/*bloquesHome*/
#slide{ height:275px}boyd#pagInicio #blocks{ margin-top:12px}
#blocks div{font:12px/20px Arial, Helvetica, sans-serif; color:#fff; width:285px; padding:3px 0 20px;border-top:solid 1px #09F}
#blocks div h1,#blocks div h2,#blocks div h3{ display:block; padding:8px 0 0 7px}
#blocks div h1{ font:normal 17px Georgia, "Times New Roman", Times, serif;color:#09F;}
#blocks div h2{font:normal 17px Georgia, "Times New Roman", Times, serif;color:#09F;}
#blocks div h3{font:normal 17px Georgia, "Times New Roman", Times, serif;color:#9C0;}

.subtitulo_principal{font:normal 17px Georgia, "Times New Roman", Times, serif;color:#99CC00; padding:8px 0 0 7px;}

#blocks div h1.not{ height:47px}
#blocks div h1 img{ margin-bottom:5px}
#blocks div p{ padding:10px 5px} #blocks div p img{ margin-bottom:10px}
#blocks div p strong, #blocks div p a{color:#9C0; font-weight:bold}
#blocks div.center{ margin:0 auto}#blocks .clear{ padding:0;border:none; width:auto}
#blocks div.right ul li{ display:block;border-bottom:solid 0 #313131;padding:7px 0 7px  25px;background:url(../img/li-not.png) no-repeat left 7px}
#blocks div.right ul li.fin{border:none;margin-bottom:12px}
/*Twitter*/
#blocks #twtr-widget-1 div{ padding:0; border:none; font:inherit;}
#blocks #twtr-widget-1 div.twtr-tweet-text { padding:5px 5px 10px;}
#blocks #twtr-widget-1 div.twtr-hd{padding: 5px !important;}
/********/
/*pie*/
#pie{background:#09c url(../img/bgPie.jpg) no-repeat center top; color:#000;font:11px/20px Arial, Helvetica, sans-serif}
#pieInfo{ width:900px; margin:0 auto; padding:15px; position: relative;/*text-shadow: #555 1px 1px 1px */}
#pieInfo .redes{position:absolute;	width:230px;height:90px;right:100px;top:110px ; background:url(../img/bgRedes.jpg) no-repeat -5px 23px}#pieInfo .redes td{ padding:2px 5px; vertical-align:middle}
#pieInfo .redes img{} #pieInfo .redes a{display:block; padding:5px auto auto 0px} #pieInfo .redes a img{ float:left; margin-right:5px}
#pieInfo div{ width:140px; float:left} #pieInfo div a{color:#000} #pieInfo div.idc{ width:150px; padding-right:10px; padding-left:15px}
#pie .txt a{ text-decoration:none; } #pie .txt a:hover{ text-decoration:underline} #pie strong{font-size:12px} #pie ul li a{color:#000}
#pie .copyright{ margin-top:15px; background:url(../img/bgpie2.gif) repeat-x top left; clear:left; padding-top:5px; width:890px}
#pie a:hover{color: #CF0; text-decoration:none}

/*utilidades*/
.right15{margin-right:15px}
/*Paginas internas*/
body.pagInt #caja{ padding:0 0 0; margin-bottom:0}

/*------------------Contenidos Generales - bloques-------------------------------------*/
#info{font:12px/22px Arial, Helvetica, sans-serif; color:#fff}
/*dos columnas 25 75*/
.seccion{border-bottom:solid 1px #333; display:table; margin-bottom:15px; width:900px}
.tit, .cont{padding:10px 0}
.tit{width:25%; float:left; display:table}
.cont{margin-left:25%; width:73%;display:table; padding-left:15px}
.cont h2, #grafic h2{ font: normal 17px/30px Georgia, "Times New Roman", Times, serif; color:#09F; margin-top:10px}
.cont p{ padding-bottom:10px} .cont p a, .cont ul li a{ font-weight:bold; color:#9C0} .cont p strong{color:#9C0}
/*dos columnas 50 50*/
.seccion2{display:table; margin-bottom:35px; width:900px; border-bottom:solid 1px #333}
.colUno, .colDos{display:table-cell; padding:10px 15px}
.colUno{ width:50%}
.colDos{width:50%}
/*Pag Posicionamiento*/
#grafic{text-align:center}#grafic h2{ margin-bottom:15px}

/*Contenidos - Textos*/
.tit h1{font:normal 25px/30px Georgia, "Times New Roman", Times, serif; margin-top:15px}
.tit h2{font:normal 20px/30px Georgia, "Times New Roman", Times, serif;color:#09F;margin-bottom:15px }
.tit ul{ display:block; width:180px;border-right:solid 1px #333;margin-top:25px}
.tit li{ margin:0; padding:0}
.tit li a{display:block;  height:21px; padding:10px;text-align:left; border-bottom:solid 1px #333;font-size:11px;text-decoration:none}
.tit li a:hover{ background:#ccc; color:#333}
.tit li a.activo{ background:#000; color:#09F}
.tit li a.fin{border:none}
.underlineC{border-bottom:solid 1px #09F}
.cont ul{ padding:10px 0}
.cont ul li{font:12px/25px Arial, Helvetica, sans-serif; color:#fff; display:table; background:url(../img/li.gif) no-repeat left 7px;padding-left:25px}.cont ul li strong{color:#9C0}
.cont ul li a{ color:#9C0}
.seccion2 h1{font:normal 25px/30px Georgia, "Times New Roman", Times, serif}
.seccion2 h2{color:#09F; font-weight:normal}
.seccion2 h3{coloslay: block; padding:5px 10px; border:solid 1px #333; background:#09F; margin:7px 0 15px; width:75px }
.seccion2 p.secc{ display:block; color:#09F; font:normal 15px Arial, Helvetica, sans-serif; padding-bottom:4px;margin-bottom:7px; background: url(../img/bgtit01.gif) left bottom repeat-x;  width:auto} .celeste{color:#0CF}

/*------------contenidos Estilos------------------*/
p.preg{display:block;margin-top:15px;padding:10px;color:#09F; font:15px Georgia, "Times New Roman", Times, serif; background:#000; border:solid 1px #333;margin-right:15px}
p.preg a{color:#09F}
/*graficos*/
#btnContactenos, #btnContinuar{display:block;width:119px;height:32px;margin:10px 0;cursor:pointer}
#btnContactenos{background:url(../img/btnContactenos.gif) no-repeat}
#btnContinuar{background:url(../img/btnContinuar.gif) no-repeat}
.btnUno{display:block; padding:8px 12px;cursor:pointer}
.btnUno{background:url(../img/btnUno.gif) no-repeat; width:120px;margin-top:15px}

/* -----------Pag contacto---------------------------*/
body#pagContacto .tit{ width:33%; float:left}
body#pagContacto .cont{ width:62%; margin-left:0; float:right}
#formulario table td { padding:10px; vertical-align:top}
.datos{color:#09F}
.verde{color:#9C0}
#formulario input[type="text"]{background:url(../img/formText.gif) no-repeat; width:367px; padding:7px 15px ; border:none; outline:none }
#formulario #mensaje{width:395px;height:122px;padding:10px;font-family:Tahoma,sans-serif; background: url(../img/formMess.gif) top left no-repeat}
#formulario textarea#comentario{border:solid 1px #fff;outline:none; width:375px; height:120px}
#formulario input[type="submit"]{ background:url(../img/formEnviar.gif) no-repeat; width:119px; height:32px;color:#fff;border:none;cursor:pointer}
.gris{color:#666; border-top:solid 1px  #666; padding-top:7px}
.enviado{ padding:15px; background:#FFC;border:solid 1px #09F; margin:15px 0;color:#333}
/*Pag Portafolio*/
body#pagPortafolio .tit p a{color:#09F}
body#pagPortafolio .work img{border:solid 1px #666; padding:5px; margin:15px 25px 10px}
#portafolioTit{padding:20px 0 0;border-bottom:solid 1px #09F}
#portafolioTit h1{font:normal 25px Georgia, "Times New Roman", Times, serif;color:#09F; margin-bottom:25px}
#portafolioTit p { line-height:14px; display:block; width:525px; height:35px}
#portafolioTit #nav{ float:right; width:130px}
#portafolioTit #nav a{ display:block;height:36px; width:51px; float:left; margin:0; font-weight:bold}
#portafolioTit #nav a#ant{background:url(../img/botonesNAV.png) no-repeat 0 0;}
#portafolioTit #nav a#nex{background:url(../img/botonesNAV.png) no-repeat -51px 0 ;}
#portafolioTit p a:hover{ color: #9C0}
#portafolioTit p a{ padding:0;color:#999; text-decoration:none;font: 14px helvetica;display:block; height:36px; text-align:center;color:#fff; float:left; margin-right:1px}
#portafolioTit p a{font:bold 12px Tahoma, Geneva, sans-serif}
#portafolioTit p a.actual{color: #fff}
#portafolioTit p a.uno{ background:url(../img/menuportafoliotit.png) no-repeat 0 0; width:125px}
#portafolioTit p a.dos{ background:url(../img/menuportafoliotit.png) no-repeat -126px 0; width:140px}
#portafolioTit p a.tres{ background:url(../img/menuportafoliotit.png) no-repeat -272px 0; width:250px}

#portafolioTit p a.uno.actual{ background:url(../img/menuportafoliotit.png) no-repeat 0 -36px}
#portafolioTit p a.dos.actual{ background:url(../img/menuportafoliotit.png) no-repeat -126px -36px}
#portafolioTit p a.tres.actual{ background:url(../img/menuportafoliotit.png) no-repeat -272px -36px}

body#pagPortafolio .seccion{margin-bottom:25px; border-bottom:none}
#trabajos div{ text-align:center; font: italic 12px/17px Georgia, "Times New Roman", Times, serif;color:#09F; float:left;margin:18px 15px 18px 17px}
#trabajos a img{padding:7px; margin-bottom:8px; background:url(../img/bgImgPort.gif)}
h1.hugo{font-size:150px; color:#fff}
/*Pag emaling*/
.boxEmailing{}
/*link barar izq*/
.boxLink {background:#09F; padding:0;color:#fff; padding: 15px; margin-top:15px; margin-right:20px; text-transform:uppercase}
/*descarga*/
table.descargas{ margin: 15px auto 15px}
table.descargas td { vertical-align:top; padding:0 12px 12px}table.descargas strong{ color:#09F} table.descargas a{ color:#9C0}
body.pagDescarga .seccion{border:none}
/*noticias*/
.leyenda{font-style:normal; line-height:18px;font-size:11px;color:#bbb}
/*landingPage*/
#lpHeader{ background:url(../seo/img/lpHeader.jpg) no-repeat; width:872px;margin:0 auto; height:300px}
#lpHeader .imgTit{ padding-top:55px; padding-left:37px}
#lpHeader .imgTit img{ margin-bottom:19px}
#lpHeader p{ display:block; padding-left:37px; padding-top:0; width:477px; padding-bottom:auto}

#liBody { background:#fff;color:#585858; font:12px "Lucida Sans", "Lucida Grande", sans-serif; width:872px;margin:0 auto}
#liBody .left, #liBody .right{ width:380px; padding:28px} #liBody .left { padding-top:75px}

#liBody p{ margin-bottom:10px;line-height:22px}
#liBody p.p1{ display:block; background:url(../seo/img/imgWorld.jpg) no-repeat left 10px; padding-left:70px}
#liBody p.p2{ display:block;background:url(../seo/img/imgEsta.jpg) no-repeat left 10px; padding-left:70px}

#liBody ul{ padding:5px 0 10px 15px;line-height:22px}
#liBody ul li{ background:url(../seo/img/list.gif) no-repeat left 7px; padding-left:18px}
.com{ background:url(../seo/img/titEjecutiva.gif) no-repeat; padding-top:10px; padding-left:16px; padding-bottom:10px;color:#FFF; font-weight:bold}

#elForm ul{ padding-left:0}
#elForm ul li{ display:block; width:350px;padding-left:0; background:none}
#elForm ul li textarea,#elForm ul li input[type="text"], #elForm ul li input[type="button"]{border:none;outline:none;font:bold 11px Tahoma, Geneva, sans-serif}
#elForm ul li textarea,#elForm ul li input[type="text"] {color:#8FA64C}

#elForm ul li input[type="text"]{background:url(../seo/img/bgText.gif) no-repeat left top;height:27px;width:337px;margin-bottom:10px; padding-left:10px; padding-top:10px}

#elForm ul li.message{background: url(../seo/img/bgarea.gif) no-repeat left top; width:342px; height:87px; padding:7px}
#elForm ul li textarea{ width:320px; height:70px;border:solid 1px #fff}
#elForm ul li input[type="submit"]{width:83px; height:28px;color:#fff;font:bold 11px Tahoma, Geneva, sans-serif; background: url(../seo/img/btnEnviar.gif) no-repeat left top;cursor:pointer;border:solid 1px #fff}
#elForm ul li input[type="submit"]:hover{background: url(../seo/img/btnEnviar.gif) no-repeat left bottom}
#boxGreen{ position:relative}
#boxGreen div{ position:absolute; left:65px; top:12px; width:378px; height:95px; padding-top:8px; text-align:center; background:url(../seo/img/bgboxgreen.gif) no-repeat; font:bold 12px/20px Tahoma, Geneva, sans-serif}
#elForm ul li label{ float:right; display:block; width:2px;}
ul.datosContacto a{color:#06F; text-decoration:underline}

 /********** Messages **********/
.msg-error, .msg-success, .msg-attention, .msg-info {padding-left:6px;	height:30px;line-height:30px;position:relative; margin-right:25px; padding-top:5px}
.remove-btn {position:absolute;font-size:11px;top:8x;right:5px;padding-right:1px;background: url('images/remove-btn.png') no-repeat center right;color:#333 !important;}
.remove-btn:hover {color: #666 !important;}
.msg-error {background:#f0cec4;color:#a24057;border: 1px solid #a24057; margin: 0; margin-top:10px; width:325px}
.msg-success {background:#eaf8d5;color:#829b36;border: 1px solid #829b36; margin: 0; margin-top:10px; width:325px}
.msg-success{ margin-right:25px}
#datos .msg-success strong, #datos msg-error strong{ display:inline}
.msg-attention {background: #fffbcc;color: #c0a443;border: 1px solid #c0a443}
.msg-info {background: #d2eef1;color: #369fb4;border: 1px solid #369fb4}
/*la error validation*/
label.error {color: #F00; } /********** End of Messages **********/

.cuandro_contenedor_portafolio{
	padding-top:30px;
}

.cuadro_ultimos_post_blog{
	width:285px;
	margin-top:10px;
}

.cuadro_suscribete{
	width:268px;
	height:53px;
	background:url(../img/cuadro_suscribete.png) no-repeat bottom left;
	padding-left:17px;
	padding-top:130px;
	position:absolute;
	top:812px;
	left:0;
	border-top:solid 1px #09F
}

.cuadro_suscribete input[type="text"]{
	width:160px;
	border:1px solid #0099cc;
	height:20px;
}

.cuadro_suscribete input[type="submit"]{
	background:url(../img/btn_submit.png) no-repeat left top;
	width:74px;
	height:24px;
	padding:0;
	border:none;
}

#relative{
	position:relative;
}


.redes_sociales{
	position:absolute;
	right:-200px;
	top:10px;
}