body {
	background:url(../img/layout/bg-body.png) repeat-x 0 0
}

a, a:visited { color: #FF9002 ; }

.contenedor {
	width:961px;
	margin:0 auto
}

.hidden {
	display:none
}

/*** cabecera ***/

.cabecera {
	background:url(../img/layout/bg-header.png) repeat-x 0 0;
	height:92px
}

.cabecera .logo {
	float:left;
	position:absolute;
}

.cabecera .logo img {
	margin-top:17px
}

.cabecera .menu-header {
	float:right;
	margin-top:40px;
	margin-right:3px
}

.cabecera .menu-header li {
background:transparent url(../img/layout/barr-menu-header.png) no-repeat scroll 100% 0;
float:left;
height:32px;
padding-right:2px;
padding-top:6px;
}

.cabecera .menu-header li a span {
	display:none
}

.cabecera .menu-header li a {
	text-transform:uppercase;
	color:#fff;
	font-size:1.5em;
	display:block
}

.cabecera .menu-header li.home a {
background:transparent url(../img/layout/menu.png) no-repeat scroll 0 0;
height:39px;
width:64px;
}

.cabecera .menu-header li.home-on a,
.cabecera .menu-header li.home a:hover {
	background:transparent url(../img/layout/menu.png) no-repeat scroll 0 -42px;
	height:46px;
	width:64px;
}

.cabecera .menu-header li.productos a {
background:transparent url(../img/layout/menu.png) no-repeat scroll -65px 0;
	width:97px;
	height:39px;
}

.cabecera .menu-header li.productos-on a,
.cabecera .menu-header li.productos a:hover {
background:transparent url(../img/layout/menu.png) no-repeat scroll -65px -42px !important;
height:46px;
	width:97px;
}

.cabecera .menu-header li.servicios a {
background:transparent url(../img/layout/menu.png) no-repeat scroll -163px 0;
height:39px;
width:91px;
}

.cabecera .menu-header li.servicios-on a,
.cabecera .menu-header li.servicios a:hover {
	background:url(../img/layout/menu.png) no-repeat -163px -42px !important;
	height:46px;
width:91px;
}

.cabecera .menu-header li.compania a {
background:transparent url(../img/layout/menu.png) no-repeat scroll -255px 0;
height:39px;
width:90px;
}


.cabecera .menu-header li.compania-on a,
.cabecera .menu-header li.compania a:hover {
	background:url(../img/layout/menu.png) no-repeat -255px -42px !important;
	height:46px;
width:90px;
}

.cabecera .menu-header li.clientes a {
background:transparent url(../img/layout/menu.png) no-repeat scroll -346px 0;
height:39px;
width:82px;
}

.cabecera .menu-header li.clientes-on a,
.cabecera .menu-header li.clientes a:hover {
background:transparent url(../img/layout/menu.png) no-repeat scroll -346px -42px;
height:46px;
width:82px;
}

.cabecera .menu-header li.blog a {
background:transparent url(../img/layout/menu.png) no-repeat scroll -429px 0;
height:39px;
width:57px;
}

.cabecera .menu-header li.blog-on a,
.cabecera .menu-header li.blog a:hover {
	background:url(../img/layout/menu.png) no-repeat -429px -42px !important;
	height:46px;
	width:57px;
}

.cabecera .menu-header li.ndwaytv a {
background:transparent url(../img/layout/menu.png) no-repeat scroll -488px 0;
height:39px;
width:82px;
}

.cabecera .menu-header li.ndwaytv-on a,
.cabecera .menu-header li.ndwaytv a:hover {
background:transparent url(../img/layout/menu.png) no-repeat scroll -488px -42px;
height:46px;
width:82px;
}

.cabecera .menu-header li.contacto a {
background:transparent url(../img/layout/menu.png) no-repeat scroll -574px 0;
height:39px;
width:86px;
}

.cabecera .menu-header li.contacto-on a,
.cabecera .menu-header li.contacto a:hover {
background:transparent url(../img/layout/menu.png) no-repeat scroll -574px -42px;
height:46px;
width:86px;
}

/*** cabecera ingles ***/

.cabecera2 {
	background:url(../img/layout/bg-header.png) repeat-x 0 0;
	height:92px
}

.cabecera2 .logo {
	float:left;
	position:absolute;
}

.cabecera2 .logo img {
	margin-top:17px
}

.cabecera2 .menu-header {
	float:right;
	margin-top:40px;
	margin-right:3px
}

.cabecera2 .menu-header li {
background:transparent url(../img/layout/barr-menu-header.png) no-repeat scroll 100% 0;
float:left;
height:32px;
padding-right:2px;
padding-top:6px;
}

.cabecera2 .menu-header li a span {
	display:none
}

.cabecera2 .menu-header li a {
	text-transform:uppercase;
	color:#fff;
	font-size:1.5em;
	display:block
}

.cabecera2 .menu-header li.home a {
background:transparent url(../img/layout/menu_en.png) no-repeat scroll 0 0;
height:39px;
width:64px;
}

.cabecera2 .menu-header li.home-on a,
.cabecera2 .menu-header li.home a:hover {
	background:transparent url(../img/layout/menu_en.png) no-repeat scroll 0 -42px;
	height:46px;
	width:64px;
}

.cabecera2 .menu-header li.productos a {
background:transparent url(../img/layout/menu_en.png) no-repeat scroll -65px 0;
	width:97px;
	height:39px;
}

.cabecera2 .menu-header li.productos-on a,
.cabecera2 .menu-header li.productos a:hover {
background:transparent url(../img/layout/menu_en.png) no-repeat scroll -65px -42px !important;
height:46px;
	width:97px;
}

.cabecera2 .menu-header li.servicios a {
background:transparent url(../img/layout/menu_en.png) no-repeat scroll -163px 0;
height:39px;
width:91px;
}

.cabecera2 .menu-header li.servicios-on a,
.cabecera2 .menu-header li.servicios a:hover {
	background:url(../img/layout/menu_en.png) no-repeat -163px -42px !important;
	height:46px;
width:91px;
}

.cabecera2 .menu-header li.compania a {
background:transparent url(../img/layout/menu_en.png) no-repeat scroll -255px 0;
height:39px;
width:84px;
}


.cabecera2 .menu-header li.compania-on a,
.cabecera2 .menu-header li.compania a:hover {
	background:url(../img/layout/menu_en.png) no-repeat -255px -42px !important;
	height:46px;
width:84px;
}

.cabecera2 .menu-header li.clientes a {
background:transparent url(../img/layout/menu_en.png) no-repeat scroll -340px 0;
height:39px;
width:94px;
}

.cabecera2 .menu-header li.clientes-on a,
.cabecera2 .menu-header li.clientes a:hover {
background:transparent url(../img/layout/menu_en.png) no-repeat scroll -340px -42px;
height:46px;
width:94px;
}

.cabecera2 .menu-header li.blog a {
background:transparent url(../img/layout/menu_en.png) no-repeat scroll -435px 0;
height:39px;
width:58px;
}

.cabecera2 .menu-header li.blog-on a,
.cabecera2 .menu-header li.blog a:hover {
	background:url(../img/layout/menu_en.png) no-repeat -435px -42px !important;
	height:46px;
	width:58px;
}

.cabecera2 .menu-header li.ndwaytv a {
background:transparent url(../img/layout/menu_en.png) no-repeat scroll -494px 0;
height:39px;
width:80px;
}

.cabecera2 .menu-header li.ndwaytv-on a,
.cabecera2 .menu-header li.ndwaytv a:hover {
background:transparent url(../img/layout/menu_en.png) no-repeat scroll -494px -42px;
height:46px;
width:80px;
}

.cabecera2 .menu-header li.contacto a {
background:transparent url(../img/layout/menu_en.png) no-repeat scroll -575px 0;
height:39px;
width:97px;
}

.cabecera2 .menu-header li.contacto-on a,
.cabecera2 .menu-header li.contacto a:hover {
background:transparent url(../img/layout/menu_en.png) no-repeat scroll -575px -42px;
height:46px;
width:97px;
}

/*** Invisible ***/

.banner-home h2 span,
.banner-home .skills li span,
.banner-home .vermas span {display:none}

/*** Titulo ***/

.contenido .titulo {
	height:127px;
	padding-top:27px;
	position:relative
}

.contenido .titulo h1 {
	margin-bottom:15px ;
}


.contenido .titulo h1.blog span { display: none }
.contenido .titulo h1.blog { background:url(../img/text/h1-blog.png) no-repeat 0 0; width: 234px ; height: 100px ; margin-left: 10px} 


.contenido .titulo h2 {}

.contenido .titulo .detalle {
background:transparent url(../img/layout/detalle.png) no-repeat scroll 0 0;
bottom:-30px;
height:153px;
position:absolute;
right:0;
width:152px;}

/*** Columna Izquierda ***/

.columna-izq {
	background:url(../img/layout/bg-columna-izq.png) no-repeat 0 0;
	width:240px;
	height:400px;
	float:right;
	display:block;
}

.columna-izq ul.menu-izq {
	padding:15px 0 0 36px
}

.columna-izq .menu-izq li {
	width:182px;
	height:28px;
	margin-top:-1px;
	text-align: left ;
	background:url(../img/det/menu-normal.png) no-repeat -10px 0;
	font-size:1.2em;
	padding:7px 0 0 0;
}

.columna-izq .menu-izq li:hover,
.columna-izq .menu-izq li.on {
	background:url(../img/det/menu-on.png) no-repeat -10px 0;
}

.columna-izq .menu-izq li,.columna-izq .menu-izq li  a {
	color:#98b818;
}

.columna-izq .menu-izq li.on a,
.columna-izq .menu-izq li.on a:hover {
	font-weight:bold;
}

/*** in Columna Izquierda ***/

.columna-izq h2 {
	font-size:1.6em;
	font-weight:normal;
	color: #FF9002 ;
	font-style: italic ;
	background:url(../img/text/subrayado-h2.png) no-repeat 0 100%;
	padding-bottom:8px;
	margin:30px 0 0 36px!important
}

.columna-izq h2.nomargin {
	background: none ;
	padding-bottom: 0 ;
	margin-bottom: 0 !important ;
	text-align: left ;
}
.columna-izq ul.novedades {
	padding:0 15px 0 27px
}

.columna-izq .novedades li {
	background:url(../img/det/item-link.png) no-repeat 0 5px;
	margin:16px 0
}

.columna-izq ul.novedades p {
	font-size:1.1em;
	color:#434343;
	line-height:160%
}

.columna-izq ul.novedades p span {
	color:#98b818;
	padding-left:11px
}

/*** Columna Cuerpo ***/

.columna-cuerpo {
	width:701px;
	float:left;
	padding: 20px 20px 20px 0 ;
}

.columna-cuerpo h2 { color: #FF9002 ; font-size:2.7em ; letter-spacing: -0.2pt font-weight: normal ; font-style: italic ; margin-bottom: .3em ; text-align: left ;}
.columna-cuerpo h2 a, .columna-cuerpo h2 a:visited { color: #FF9002 !important ; text-decoration: none ; }
.columna-cuerpo h3 { color: #666 ; font-size:1.8em ; font-style: italic ; text-align: left ; margin-bottom: 1em ;}

.columna-cuerpo p {
line-height: 140% ;
font-size: 1.2em ;
margin: 1em 0 
}

.columna-cuerpo .titulo-cuerpo {
	background:url(../img/layout/subrayado-titulocuerpo.png) no-repeat 28px 100%;
	height:90px;
	width:100%;
	display:block;
	padding-left:28px
}

/*** Banner ***/

.banner {
	width:961px;
	height:300px;
	position:relative
}

.banner .menu-banner {
	position:absolute;
	top:234px;
	left:46px
}

.banner .menu-banner li {
	float:left;
	margin-right:1px
}

.banner .menu-banner li a {
	display:block;
	height:31px
}

.banner .menu-banner .it1 a { width:130px; }

.banner .menu-banner .it1-on,
.banner .menu-banner .it1 a:hover { background:url(../img/layout/menu-banner.png) no-repeat 0 0; height:31px; width:130px; }

.banner .menu-banner .it2 a { width:127px; }

.banner .menu-banner .it2-on,
.banner .menu-banner .it2 a:hover { background:url(../img/layout/menu-banner.png) no-repeat -130px 0; height:31px; width:127px; }

.banner .menu-banner .it3 a { width:130px; }

.banner .menu-banner .it3-on,
.banner .menu-banner .it3 a:hover { background:url(../img/layout/menu-banner.png) no-repeat -257px 0 ; height:31px; width:130px; }

.banner .menu-banner .it4 a { width:142px; }

.banner .menu-banner .it4-on,
.banner .menu-banner .it4 a:hover {	background:url(../img/layout/menu-banner.png) no-repeat -387px 0; height:31px; width:142px;}

.banner .menu-banner li span { display:none }

/*** Pie ***/

.pie {
	background:url(../img/layout/bg-pie.png) repeat-x 0 0;
	height:96px;
}

.home .pie {
	margin-top:100px
}

/*** Menu Footer ***/

.pie ul.menu-footer {
	width:961px;
	height:26px;
	border-bottom:1px solid #000;
	margin:0 auto;
	padding-top:15px
}

.pie .menu-footer li {
	color:#fff;
	float:left;
	border-left:1px solid #fff;
	padding:0 10px 1px 10px
}

.pie .menu-footer li.first {
	padding-left:0;
	border-left:none
}

.pie .menu-footer li a {
	color:#fff;
	font-size:11px;
	font-weight:bold
}

/*** Listado dentro del Pie ***/

.pie .pie-listado {
	width:961px;
	margin:0 auto
}

.pie .pie-listado h4 {
	color:#98b818;
	font-size:1.11em;
	background:url(../img/layout/linea-pie-listado.png) repeat-x 0 100%;
	padding:15px 0 7px 0;
	font-weight:normal;
	margin-bottom:7px
}

.pie .pie-listado ul {}

.pie .pie-listado li {}
	
.pie .pie-listado li a {
	color:#b6b6b6;
	font-size:1.1em;
	line-height:150%
}

.pie .pie-listado .lista.left {
	width:49%;
	float:left;
	clear:left;
	display:block
}

.pie .pie-listado .lista.right {
	width:49%;
	float:right;
	display:block;
	clear:right
}

/*** Layout Home ***/

body.home {
	background:url(../img/layout/bg-bodyhome.jpg) repeat-x 0 0
}

/*** Banner Home ***/

.banner-home {
	width:961px;
	height:256px;
	padding-top:65px;
	position:relative
}

.banner-home .fondo {
	background:url(../img/pic/banner-home.png) no-repeat 100% 80%;
	width:604px;
	height:290px;
	position:absolute;
	right:0;
	top:25px
}

.banner-home h2 {
	background:url(../img/text/concepto-solucionesdigitales.png) no-repeat 0 0;
	width:397px;
	height:31px;
	margin:0 0 10px 0
}

.banner-home .skills li {
	display:block;
	height:28px;
	width:100px;
	background:url(../img/det/item-list-home.png) no-repeat 0 0;
	margin:14px 0!important
}

.banner-home .skills .item1 {
	display:block;
	width:310px;
	height:28px;
	background:url(../img/text/item1-home.png) no-repeat 0 0
}

.banner-home .skills .item2 {
	display:block;
	width:272px;
	height:28px;
	background:url(../img/text/item2-home.png) no-repeat 0 0
}

.banner-home .skills .item3 {
	display:block;
	width:272px;
	height:28px;
	background:url(../img/text/item3-home.png) no-repeat 0 0
}

.banner-home .vermas {
	display:block;
	background:url(../img/det/boton-vermas.png) no-repeat 0 0;
	width:142px;
	height:43px;
	position:absolute;
	left:254px;
	z-index:1
}

/*** Cajas Chicas ***/

.home .cajas-chicas {
	margin-top:65px;
	width:100%;
	clear:both
}

.home .cajas-chicas .box {
	background:url(../img/det/bg-cajachica.png) no-repeat 0 0;
	width:211px;
	height:199px;
	padding-left:25px;
	float:left;
	margin-bottom:50px
}

.home .cajas-chicas .box h2 {
	width:150px;
	height:25px
}

.home .cajas-chicas .box h2 span {
	display:none
}

.home .cajas-chicas .box.e-commerce h2 {
	background:url(../img/text/e-commerce.png) no-repeat 0 0;
}

.home .cajas-chicas .box.webvideo h2 {
	background:url(../img/text/web-video.png) no-repeat 0 0;
}

.home .cajas-chicas .box.webportals h2 {
	background:url(../img/text/web-portals.png) no-repeat 0 0;
}

.home .cajas-chicas .box.capacitacion h2 {
	background:url(../img/text/capacitacion.png) no-repeat 0 0;
}

.home .cajas-chicas .box p {
	font-size:1.21em;
	line-height:150%;
	width:194px;
	height:157px;
	padding:3px 10px 0 0;
	color:#3b3b3b
}

.home .cajas-chicas .box.e-commerce p {
	background:url(../img/det/ico-ecommerce.png) no-repeat 100% 105%;
}

.home .cajas-chicas .box.webvideo p {
	background:url(../img/det/ico-webvideo.png) no-repeat 100% 105%;
}

.home .cajas-chicas .box.webportals p {
	background:url(../img/det/ico-webportals.png) no-repeat 100% 105%;
}

.home .cajas-chicas .box.capacitacion p {
	background:url(../img/det/ico-capacitacion.png) no-repeat 100% 105%;
}

/*** Nota ***/

.home .cajas-chicas .nota {
	float:left;
	width:568px
}

.home .cajas-chicas .nota h3 {
	color:#434343;
	font-size:1.9em;
	display:block
}

.home .cajas-chicas .nota img {
	float:left;
	margin:0 49px 0 53px
}

.home .cajas-chicas .nota p {
	font-size:1.2em;
	line-height:150%;
	margin-top:15px!important
}

.home .cajas-chicas .nota a {
	display:block;
	background:url(../img/det/item-link.png) no-repeat 0 70%;
	color:#98b818;
	font-size:1.2em;
	font-weight:bold;
	padding-left:10px;
	float:left;
	margin-top:10px
}

/*** Listado ***/

.home .cajas-chicas .listado {
	float:right;
	width:284px
}

.home .cajas-chicas .listado h3 {
	color:#434343;
	font-size:1.9em;
	display:block
}

.home .cajas-chicas .listado dl {}
.home .cajas-chicas .listado dt {
	display:block;
	background:url(../img/det/item-link.png) no-repeat 0 6px;
	color:#98b818;
	font-size:1.2em;
	font-weight:bold;
	padding-left:12px;
	margin-top:10px;
	line-height:150%;
}

.home .cajas-chicas .listado dd {
	font-size:1.2em;
	line-height:150%;
	padding-left:12px
}

#respond, #commentform { text-align: left }