/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
TAGS: widgets, sandbox, microformats, hcard, hatom, xoxo
VERSION: 1.5.2
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
*/
/* Two-column with sidebar on left from the /sandbox-layouts/ folder  */

@import url('sandbox-layouts/2c-l.css');


 /*Just some example content
div#header{text-align:center;margin-bottom:2em;}
div#access div.skip-link{position:absolute;top:1em;right:1em;}*/


div#menu{font-size:1em; padding-top:0em; width:100%; clear:both; padding:0 8%; /*background: url(img/degradadoMenu.png) bottom repeat-x;*/ margin:0 auto; width:960px;}


/* Root = Horizontal, Secondary = Vertical */

ul#navmenu-h {margin: 0; border: 0 none; padding: 0; width: 100%; /*For KHTML*/list-style: none; height: 24px; text-align:center;}
ul#navmenu-h li {margin: 0;border: 0 none;padding: 0; float: left; /*For Gecko*/display: inline; list-style: none; position: relative; height: 24px; width: 190px;}
ul#navmenu-h ul {margin: 0;border: 0 none;padding: 0; list-style: none; display: none; position:absolute; top: 24px; left: 0;}
ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{clear: both; display: block; height: 0; visibility: hidden;}
ul#navmenu-h ul li {float: left; /*For IE 7 lack of compliance*/display: block !important; display: inline; /*For IE*/}



/* Root Menu */

ul#navmenu-h a {  border: 1px solid #FFF;border-right-color: #CCC; border-bottom-color: #CCC; float: none !important; /*For Opera*/ /*For IE*/display: block;/*background: #EEE;*/color: #444; font: bold 12px/22px Verdana, Arial, Helvetica, sans-serif; text-decoration: none;height: auto !important; height: 1%; /*For IE*/ text-align:center; padding:0 11%; margin-bottom: 0px; }

ul#navmenu-h ul li a{ font-size:10px; margin-bottom:0px!important; } 


/* Root Menu Hover Persistence */
ul#navmenu-h a:hover, ul#navmenu-h li:hover a, ul#navmenu-h li.iehover a {color: #ff8000; font-weight:bold;}


/* 2nd Menu */
ul#navmenu-h li:hover li a, ul#navmenu-h li.iehover li a {float: none;background: #fff;color: #666;}



/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover, ul#navmenu-h li:hover li:hover a, ul#navmenu-h li.iehover li a:hover, ul#navmenu-h li.iehover li.iehover a {color: #ff8000; font-size:10px;}


/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a, ul#navmenu-h li.iehover li.iehover li a {background: #EEE;color: #666;}


/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover, ul#navmenu-h li:hover li:hover li:hover a, ul#navmenu-h li.iehover li.iehover li a:hover, ul#navmenu-h li.iehover li.iehover li.iehover a {background: #CCC;color: #FFF;}


/* 4th Menu */
ul#navmenu-h li:hover li:hover li:hover li a, ul#navmenu-h li.iehover li.iehover li.iehover li a {background: #EEE; color: #666;}


/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover, ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {background: #CCC; color: #FFF;}

ul#navmenu-h ul ul, ul#navmenu-h ul ul ul {display: none;position: absolute;top: 0; left: 160px;}


/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul, ul#navmenu-h li:hover ul ul ul, ul#navmenu-h li.iehover ul ul, ul#navmenu-h li.iehover ul ul ul {display: none;}
ul#navmenu-h li:hover ul, ul#navmenu-h ul li:hover ul, ul#navmenu-h ul ul li:hover ul, ul#navmenu-h li.iehover ul, ul#navmenu-h ul li.iehover ul, ul#navmenu-h ul ul li.iehover ul {display: block;}




/* New gallery feature styles; Can't use div.attachment because shortcodes can link to galleries in other posts */

div.gallery{clear:both;float:left;width:100%;}
div.gallery dl{float:left;text-align:center;}
div.gallery dl dt{margin:0;}
div.gallery dl dd{margin-left:0;}
div.entry-attachment,div.entry-caption{text-align:center;}
div.entry-attachment img,div#nav-images div img{overflow:hidden;}

body.attachment div#nav-images{clear:both;width:100%;}
body.attachment div#nav-images div{padding:1em 0;width:50%;}
body.attachment div#nav-images div.nav-previous{text-align:left;}
body.attachment div#nav-images div.nav-next{text-align:right;}
body.attachment div.entry-meta,body.attachment div#comments{clear:both;}


/*css nuevo*/

*,html{}
body {font-size:77%;line-height:110%; text-align:center; margin:0; background: #fff top; font-family: Verdana, Arial, Helvetica, sans-serif;}
img{border: 0; margin: 0; padding: 0;}
#estructura{ width:100%; overflow:hidden; text-align:left;}
p{ line-height:1.5em;}


/* CSS cabecera */

div.limpiar{ clear:both;}
#cabecera{ width:960px; height:auto; margin:0 auto; margin-top:1.5em;}
.logo{ width:15em; height:105px; background:#fff; float:left; margin-left:0; clear:left;}

a{ font-size:11px; font-weight:bold;}
a:link, a:visited{ color:#333; text-decoration:none; }
a:hover{ color:#ff8000; text-decoration:underline;}

div.flash{ width:70%; text-align:center;}

h2{ color:#ff8000; padding:1em 0; font-size:1.5em; font-family:Georgia, "Times New Roman", Times, serif;}
h3{ color:#000; font-size:18px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; margin:1em 0;}
h3.entry-title{ padding:2em 0 0.5em 0; color:#999;}
h4{ color:#333; font-size:1em; font-weight:bold; margin:1em 0;}

div.curriculum{ padding:1em; margin:0% 10%; width:355px; background:url(img/bannercv.jpg) top left no-repeat; height:95px; margin-left:8em;}
div.curriculum h4 a{ width:80%; padding-top:2em; color:#fff; text-decoration:none; font-size:1.4em;}
div.curriculum h4 a:hover{ text-decoration:underline; color:#fff;}
ul{ margin-left:2em; color:#333; font-size:11px;}



/*css contenido*/

#contenido{ width:100%; height:auto;}
.contenedor{ width:960px; margin:0 auto;/* background:url(img/onda.jpg) center top no-repeat;*/ height:auto;}
.imagen{ width:100%; background:#FF8000; height:190px; text-align:center;}
.migas_pan{ width:60%; height:auto; float:left; clear:left; padding:0.5em 0em; font-size:0.9em; color:#999; margin:0; margin-top:2em;}
.migas_pan a{ font-weight:normal;}
.texto{ width:630px; _width:560px; height:auto; float:left; padding:1em;}
h2.titulo{ color:#FF8000; font-size:20px; font-weight:bold; line-height:1.3em; padding-bottom:2em; text-align:center;}
h2.entry-title{ color:#ff8000; font-size:24px; font-weight:bold; text-align:left; padding:0.5em 0; line-height:1.5em; margin:0;}
.entry-content p{ color:#333; padding-bottom:1em;font-size:11px; line-height:1.5em; text-align:justify;}
.entry-content ul li{ padding:0.5em 0;}
.columanaDcha{ width:250px; height:auto; background:#fff; float:right; padding:0 1% 0 2em; /*border-left:#ccc dotted 1px;*/ margin-bottom:2em;}
div.dcha{ float:left;}
div.izq{ float:right; width:75%;}


/*css pie*/



#footer{ width:100%; height:auto;}
#footer div.footerNaranja{ width:100%;  height: 100px; background:#ff8000 url(images/imagenes/pie.jpg) bottom center no-repeat; margin-bottom:2em; }
div.footerNaranja-contenido{ width:960px; margin:0% auto; height:auto; }
#footer div.footerNaranja div.footerNaranja-contenido div.pie-izda{width:60%; height:auto; float:left;}


.etiquetas{ width:30%; height: auto; float:left; clear:left; margin:1em 4em; text-align:center;}
.etiquetas h3.widgettitle{ font-size:1.2em; color:#fff; border-bottom: #FFCC00 solid 0.05em; padding-bottom:0.2em; margin-bottom:0.5em;}
.etiquetas a:link{ color:#FFFF00; text-decoration:none;}
.etiquetas a:hover{ color:#fff; text-decoration: underline;}
.etiquetas a:visited{ color:#fff; text-decoration:none;}


.archivos{ width:30%; height: auto; float:right; clear:right; margin:1em 0em; text-align:center;}
.archivos h3{ font-size:1.2em; color:#fff; border-bottom: #FFCC00 solid 0.05em; padding-bottom:0.2em; margin-bottom:0.5em;}
.archivos ul{ text-align:left; list-style:none;}
.archivos ul li{ list-style-image:url(img/iconoArchivos.png); padding:0.5em 0;}
.archivos ul li a:link{ color: #FFFF00; text-decoration:none;}
.archivos ul li a:hover{ color:#fff; text-decoration: underline;}
.archivos ul li a:visited{ color:#fff; text-decoration:none;}

.enlaces{ width:20%; height: auto;float: right; margin:1em 0em;}
.enlaces ul{ list-style:none;}
.enlaces ul li h2{font-size:1.2em; color:#fff; border-bottom: #FFCC00 solid 0.05em; padding-bottom:0.2em; margin-bottom:0.5em; list-style:none;}
.enlaces ul ul{ margin:0 1.5em;}
.enlaces ul ul li{list-style-image:url(img/iconoEnlaces.png); padding:0.5em 1em;}
.enlaces ul ul li a:link{ color: #FFFF00; text-decoration:none;}
.enlaces ul ul li a:hover{ color:#fff; text-decoration: underline;}
.enlaces ul ul li a:visited{ color:#fff; text-decoration:none;}

.ultima{ width:960px; margin:0% auto; height:auto;}
.direccion{width:660px; height:auto; float:left; clear:left; padding:1em 0; text-align:left; line-height:1.5em;}
.direccion p{ color:#FFF; font-size:0.9em; text-align:left; line-height:2em;}
.direccion p span{ color:#ff8000; font-weight:bold; font-size:1em;}
.direccion p span img{ padding-top:0.7em; }
.direccion p span a:link{color: #ff8000; font-weight:bold; font-size:1em; text-decoration:none;}
.direccion p span a:hover{color:#FFCC00; font-weight:bold; font-size:1em; text-decoration: underline;}
.direccion p span a:visited{color:#ff8000; font-weight:bold; font-size:1em; text-decoration: underline;}
.menuFooter{ /* width:40%;*/ height:auto; float:right; clear:right; text-align:center; /*padding:1em 0;*/ padding-top:85px; padding-left:40px;}
.menuFooter ul{}
.menuFooter ul li{ display:inline; font-size:0.9em; font-weight:bold; text-transform:uppercase;}
.menuFooter ul li a:link, .menuFooter ul li a.visited{ color:#999; text-decoration:none;}
.menuFooter ul li a:hover{ color:#333; text-decoration:underline;}






/* para importar css,  @import "maquetacion.css" */


/*css banner1*/
.banner1 h3{ color:#000000; font-size:24px; font-weight:normal; margin:1em 0; padding:0;}
#banner1{ width:290px; height:229px; background: url(img/banner.jpg) left top no-repeat; padding:1em; _padding:0.6em; margin-top:0em; padding-bottom:0; }
#imagen{ width:45px; height:148px; float:left; margin:1.5em 0 0 0.5em;}
#banner_dcha{ float:right; width:180px; height:auto; clear:right;}
#logo{ width:76px; height:37px; text-align:right; float:right; margin-right:3em;}
#titulo{ text-align:left; color:#ff8000; font-weight:bold; width:160px; padding-bottom:5px; float:left; _font-size:0.7em; margin:1em 0;}
#texto{text-align:left; color:#333; width:140px; font-size:0.9em;_font-size:0.5em; float:left;}
#banner1 a{ margin-bottom:1em;}
#banner1 a:link{ color:#333; text-decoration:none; }
#banner1 a:hover{ color:#ff8000; text-decoration:none;}
#banner1 a:visited{ color:#ff8000; text-decoration:none;}
#texto a:link, #texto a:visited{ font-weight:normal; color:#333; text-decoration:none;}
#texto a:hover{ font-weight:normal; color:#000; text-decoration:none;}

#titulo a:link, #titulo a:visited{ text-transform:uppercase; color:#000; text-decoration:none;}
#titulo a:hover{text-transform:uppercase; color:#000; text-decoration: underline;}

.banner_nuevo{/*background-image:url(images/imagenes/inicio_derecha.jpg); */height:467px; width:282px;}
/*Css Banner2*/
.banner2{ /*width:100%;*/ height:auto; background: #fff; margin-top:2em;}
div.banner2 a:link{ color:#FFF; text-align:center; font-weight:bold; text-decoration:none; padding-left:0.5em;}
div.banner2 a:visited{ color:#FFF; text-align:center; font-weight:bold; padding-left:0.5em;text-decoration:none;}
div.banner2 a:hover{color:#FFF; text-align:center; font-weight:bold; text-decoration:underline; padding-left:0.5em; }

div.banner2 div.comentario{ width:620px; _width:560px; height:auto;}
div.banner2 div.comentario h2{ color:#ff8000; font-size:1.4em; font-weight:bold; background: url(images/imagenes/cabBlog.jpg) left top no-repeat; padding-left:90px; margin-bottom:1em;}
div.banner2 div.comentario h2 span{ color:#333;}
div.banner2 div.comentario h3{ float:right; clear:right; text-align:left; font-size:1.1em; font-weight:bold; color:#ff8000; width:85%; background:url(img/iconoComment.png) top left no-repeat; padding-left:1.5em; line-height:1em;}
div.banner2 div.comentario p{ width:100%; font-size:0.9em; color:#333; clear:both; margin-bottom:1em; padding-bottom:0.5em; text-align:justify;}
div.banner2 div.comentario p a:link{ color: #FF9E3E; font-weight:bold; text-decoration:none; padding-left:0.5em;}
div.banner2 div.comentario p a:hover{ color: #FF8000; font-weight:bold; text-decoration:underline; padding-left:0.5em;}
div.banner2 div.comentario p a:visited{ color:#ff8000; font-weight:bold; padding-left:0.5em;}

div.banner2 div.comentario .comen{float:left; margin:0 auto; width:270px;}
#co1{ float:right;}
.comen .titulo{width:250px; height:42px;}
.comen .texto{width:250px;}
.comentario .todo{background:url(images/imagenes/boton.jpg) no-repeat; clear:both; float:right; height:23px; margin:0 auto; padding-left:25px; padding-top:9px; width:178px;}
.direccion .correo{ color:#FFFFFF; font-weight:bold;}
.direccion a:link, .direccion a:visited{ color:#fff;}
.direccion a:hover{color:#fff;}


.banner1 .banner{font-size:18px; font-weight:bold; margin-left:25px; padding-top:25px;}


/*css banner3*/
.banner3{ width:80%; height:151px; background: url(img/bannerDestacados.png) center top no-repeat; padding:1em 1.5em; margin-top:2em; }

/* css buscador*/
.buscador{ width:400px; height:auto; background:#fff; float:right; clear:right; margin-top:4em;}
div.buscador div.busca{ float:left; width:350px; text-align:right;}
div.buscador div.busca .submit-button{ background:url(img/botonNaranja.png) no-repeat center; padding:0.2em 1em; color:#fff; border:none; font-weight:bold; cursor:pointer;}
div.buscador div.busca .text-input{ width:220px; border:#ccc solid 0.10em; color:#333; font-size:0.9em; height:1.2em; padding:0.2em 0.5em;}
div.buscador div.rss{ float:right; width:50px; text-align:left;}

/*css idioma*/
.idioma{ width:35%; height:auto; float: right; clear:right; padding:0.5em 0; font-size:0.9em;}
div.idioma ul{}
div.idioma ul li{ display:inline; list-style:disc; color:#ff8000; font-weight:bold;}
div.idioma ul li a:link{ color:#999; text-decoration:none; font-weight:normal;}
div.idioma ul li a:hover{ color:#333; text-decoration:none; font-weight:normal;}
div.idioma ul li a:visited{ color:#333; text-decoration:none; font-weight:normal;}


/*css banners*/
.banners{ width:100%;}
.banners a:hover{ text-decoration:none; margin:0; padding:0; text-decoration:none; color:#333;}
.banners a:link{ text-decoration:none; margin:0; padding:0; text-decoration:none; color:#333;}
.banners a:visited{ text-decoration:none; margin:0; padding:0; text-decoration:none; color:#333;}
.banners p{ color:#000; text-align: left; text-decoration:none;}
.banners h3{ font-size:1em; color:#000; text-align: left; font-weight:bold; text-decoration:none;}
.banners h4{ font-size:1em; color:#ff8000; font-weight:bold; text-align: center;  text-decoration:none; padding-top:0.5em; padding-left:3.5em;}


.bannerEmpresas{ width:260px; background:url(img/bannerIndex.jpg) top right no-repeat; height:180px; float:left; margin-top:2em;}
.bannerEmpresas .izq{ float: left; width:100px; padding-left:3.5em; padding-top:0.5em;}
.bannerEmpresas .dcha{ float: right; width:105px; padding-right:0.8em; height:auto; padding-top:0.5em;}
.bannerEmpresas .dcha a h3{ color:#000;}
.bannerEmpresas h4{ color:#ff8000; clear:both; display:block;}


.bannerInstituciones{ width:260px; background:url(img/bannerIndex.jpg) top right no-repeat; height:180px; float:right; margin-top:2em; }
.bannerInstituciones .izq{ float: left; width:100px; padding-left:3.5em; padding-top:0.5em;}
.bannerInstituciones .dcha{ float: right; width:105px; padding-right:0.8em; height:auto; padding-top:0.5em;}
.bannerInstituciones .dcha a h3{color: #000; }
.bannerInstituciones h4{ color: #339933; clear:both; display:block;}



.bannerAdvergaming{ width:260px; background:url(img/bannerIndex.jpg) top right no-repeat; height:180px; float:left; margin-top:2em;}
.bannerAdvergaming .izq{ float: left; width:100px; padding-left:3.5em; padding-top:0.5em;}
.bannerAdvergaming .dcha{ float: right; width:105px; padding-right:0.8em; height:auto;}
.bannerAdvergaming .dcha a h3{ color: #000;}
.bannerAdvergaming h4{  color:#3399CC; clear:both; display:block; }



.bannerAdmin{ width:260px; background:url(img/bannerIndex.jpg) top right no-repeat; height:180px; float:right; margin-top:2em;}
.bannerAdmin .izq{ float: left; width:100px; padding-left:3.5em; padding-top:0.5em;}
.bannerAdmin .dcha{ float: right; width:105px; padding-right:0.8em; height:auto; padding-top:0.5em;}
.bannerAdmin .dcha a h3{ color: #000;}
.bannerAdmin h4{ color:#660099 ; clear:both; display:block; }




/*css bannersContenido*/

.bannersClientes{ width:100%; margin-top:2em;}
.bannerEmpresas2{ width:50%;  height:150px; float:left; margin-bottom:2em;}
.bannerInstituciones2{ width:50%;height:150px; float:right; margin-bottom:2em;}
.bannerAdvergaming2{ width:50%; height:150px; float:left; margin-bottom:2em;}
.bannerAdmin2{ width:50%; height:150px; float:right; margin-bottom:2em;}


/*css QUIENES SOMOS*/

div.compatibilidad{ background:url(img/compatibilidad.jpg) left center no-repeat; padding:1em 8em;}
div.idi{background:url(img/i+d+i.jpg) left center no-repeat; padding:1em 8em;}
div.pioneros{background:url(img/pioneros.jpg) left center no-repeat; padding:1em 8em;}
div.servicio{background:url(img/servicio.jpg) left center no-repeat; padding:1em 8em;}


/*css casos de �xito*/
div.ultimos-exitos{ width:100%;}
div.ultimos-exitos div.casos{ width:100%; margin-bottom:3em;}
div.ultimos-exitos div.casos a{ clear:both}
div.ultimos-exitos div.casos ul li{ list-style:none; border-bottom:#ccc dotted 0.08em; clear:both; padding:1em 0;}
div.ultimos-exitos div.casos div.izquierda { float:left; margin-left:0.5em;}
div.ultimos-exitos div.casos div.izquierda img{ }
div.ultimos-exitos div.casos div.derecha{ float:right; width:85%; text-align:left; }
div.ultimos-exitos div.casos div.derecha h3{ font-weight:normal; font-size:1.2em; margin-bottom:0; padding-bottom:0;}
div.ultimos-exitos div.casos div.derecha p{ text-align:left;}
div.ultimos-exitos div.casos div.pie-exito{ clear:both; width:100%; text-align:right;}
div.ultimos-exitos div.casos div.derecha h3 a:link{ color:#333; font-size:1.2em; text-decoration:none;}
div.ultimos-exitos div.casos div.derecha h3 a:hover{ color:#999; font-size:1.2em; text-decoration: underline;}
div.ultimos-exitos div.casos div.derecha h3 a:visited{ color:#333; font-size:1.2em; text-decoration:none;}


div.casos p{ clear:both; padding-top:0.5em;}
div.casos p a:link{ color:#ff8000; text-decoration:none;}
div.casos p a:hover{ color:#ff8000; text-decoration: underline;}
div.casos p a:visited{ color:#ff8000; text-decoration: underline;}


@import "stylegoo.css";


/*css clientes*/
div.listadoClientes{ width:100%;}
div.listadoClientes ul{ margin:0; padding:0; list-style:none; padding-left:1em; margin:3em 0;}
div.listadoClientes ul li{  border-bottom:#ccc dotted 0.08em; padding:1em; padding-left:5em; text-align:left;}
div.listadoClientes ul li h3{ list-style:none;}
div.listadoClientes ul li span a{ text-align:right; border:none;}
div.listadoClientes ul li img{ border:#333 solid 0.1em; margin-bottom:0.5em;}
div.listadoClientes ul li a{text-align: right; }
div.listadoClientes ul li a:link{color:#333; font-size:0.9em; text-decoration:none;}
div.listadoClientes ul li a:hover{color:#333; font-size:0.9em; text-decoration: underline;}
div.listadoClientes ul li a:visited{color:#333; font-size:0.9em; text-decoration: underline;}
div.listadoClientes ul.listIzda{ float:left; width:45%;}
div.listadoClientes ul.listDcha{ float: right; width:45%;}


div.listadoClientes2 ul li{ padding:1em; text-align:left; list-style:none; margin-left:0;}
div.listadoClientes2 ul li h3{ list-style:none;}
div.listadoClientes2 ul li span a{ text-align:right; border:none;}
div.listadoClientes2 ul li a{text-align: right; }
div.listadoClientes2 ul li a:link{color:#333; font-size:0.9em; text-decoration:none;}
div.listadoClientes2 ul li a:hover{color:#333; font-size:0.9em; text-decoration: underline;}
div.listadoClientes2 ul li a:visited{color:#333; font-size:0.9em; text-decoration: underline;}
div.listadoClientes2 ul.listIzda{ float:left; width:35%;}
div.listadoClientes2 ul.listDcha{ float: right; width:45%;}
div.listadoClientes2 ul li h3.prensa{ background:url(img/bannerPrensa.png) left top no-repeat; width:250px; height:60px; border-bottom:none; padding-top:1em; padding-left:1em;}
div.listadoClientes2 ul li h3.blog{ background:url(img/bannerBlog.png) left top no-repeat; width:250px; height:60px; border-bottom:none;padding-top:1em; padding-left:1em;}



/*css noticias */

div.noticias{ clear:both; margin-top:2em; width:100%; }
div.noticias h3{ margin:2em 0;}

div.noticias ul li{ list-style:none; border-bottom:#ddd dotted 0.08em; text-align:left; margin-bottom:2em; padding:1em 2em;}
div.noticias div img{ float:left; border:#333 solid 0.05em; margin-left:0.5em; margin-top:1em;}
div.noticias div h3{ text-align:left; font-weight:normal; font-size:1.2em;}
div.noticias div h3 a:link, div.noticias div h3 a:visited{ color:#333; font-size:1.2em; text-decoration:none;}
div.noticias div h3 a:hover{ color:#ff8000; font-size:1.2em; text-decoration: underline;}
div.noticias div p span{ color:#ff8000; font-weight:bold; padding-left:70%;}
div.noticias div p{}
div.noticias div.le{ text-align:right; margin:1em 0;}
div.noticias div.le span{ background:#ccc; color:#fff; padding:0.3em 1em; font-weight:bold;}
div.noticias div.le span:hover{ background:#666; color:#fff; padding:0.3em 1em; font-weight:bold;}
div.noticias div.le a:link, div.noticias div.le a:visited{color:#fff;text-decoration:none;}
div.noticias div.le a:hover{color:#fff;text-decoration: none;_text-decoration:underline;}
div.noticias p{ clear:both;}
div.noticias p a:link{ color:#ff8000; text-decoration:none;}
div.noticias p a:hover{ color:#ff8000; text-decoration: underline;}
div.noticias p a:visited{ color:#ff8000; text-decoration: underline;}


/*css blog */
div.blog{ width:100%; }
div.blog ul{ margin-left:0; padding-left:0;}
div.blog ul.blog li{ list-style:none; margin-bottom:3em;}
div.blog ul.blog li div.contenido{ width:85%; margin:0 auto;}
div.blog ul.blog li div.contenido div.fecha{ margin-bottom:0;}
div.blog ul.blog li p{ padding:0.2em 0;}
div.blog div img{ float:left; margin-left:0.5em; margin-top:1em;}
div.blog div h3{text-align:left; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; background:url(img/post.png) left top no-repeat; padding:0 2em 0.5em 2em; line-height:1.3em; margin-bottom:0;}
div.blog div h3 a:link, div.blog div h3 a:visited{ color:#333; font-size:18px; text-decoration:none; font-weight:normal;}
div.blog div h3 a:hover{ color:#ff8000; font-size:18px; text-decoration: underline; font-weight:normal;}

div.fecha{ border-bottom:#ccc dotted 1px; padding:0 0 0.5em 1em; margin-bottom:2em; font-size:11px;}
div.fecha span{ font-weight:bold; color:#ff8000;}
div.blog div p span{ color:#ff8000; font-weight:bold;}


div.blog ul.blog li ul{ margin:1em 2em;}
div.blog ul.blog li ul li{ list-style:disc; border:none;}
div.blog div.leer{ margin:1em 0 2em 0; text-align:right;}
div.blog div.leer a:link, div.blog div.leer a:visited{ color:#ff8000; text-decoration:none;}
div.blog div.leer a:hover{color:#ff8000; text-decoration: underline;}
div.blog div.puntos{ background:#eee; border:#ddd solid 1px; color:#666666; font-size:11px; padding:0.5em 2em; text-align:right;}
div.blog div.puntos a:link, div.blog div.puntos a:visited{ color:#666; text-decoration:none; font-weight:normal;}
div.blog div.puntos a:hover{color:#000; text-decoration: underline; font-weight:normal;}

/* comentarios */
div#comments{}
div#comments h3{background:#eee; border:#ddd solid 1px; color:#000; font-size:11px; padding:0.5em 2em; font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold;}
div#comments div.barraComentarios{  padding:0.3em 1em;}
div#comments div.comment-meta{ font-size:11px; float:right; padding-left:1em; padding-top:21px;}
div#comments div.comment-author{ float:right; border-right:#ccc solid 1px; padding-right:1em; font-weight:bold;}
div#comments ul{ list-style-image:url(img/post.png); margin-right:4em;}
div#comments ul li{ margin:1em 0; padding:0.5em 0; border-bottom:#ccc dotted 1px;}
div#comments ul li p{ padding:1em;}

div.post{}
div.post h2.entry-title{ margin:0; font-weight:normal;}
div#respond{ width:580px; margin:2em auto;}
div#respond h3{background:#eee; border:#ddd solid 1px; color:#000; font-size:11px; padding:0.5em 2em; font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold;}
div#respond div.formcontainer{ width:90%; margin:0 auto;}
div#respond div.formcontainer form#commentform label{ font-size:11px;}
span.required{ font-weight:bold; color:#ff8000;}
div#respond div.formcontainer form#commentform div.form-submit{margin:2em 10em; text-align:right;}
form#commentform input#submit{ background:url(images/imagenes/boton.jpg) center center no-repeat; border:none; color:#fff; font-weight:bold; width:203px; height:31px;}
div#comments{}
div#comments div#respond div.formcontainer form#commentform div.form-label{ color:#333; padding:1em 0 0.5em 0.5em; text-transform:uppercase; font-weight:bold;}
div#comments div#respond div.formcontainer form#commentform div.form-input input{ border:#ccc solid 1px; padding:0.1em 0.5em;}
div#comments div#respond div.formcontainer form#commentform div.form-textarea textarea{ border:#ccc solid 1px; padding:0.1em 0.5em;}
div#comments div#respond div.formcontainer form#commentform div.form-input input:hover{ border:#999 solid 1px;}
div#comments div#respond div.formcontainer form#commentform div.form-textarea textarea:hover{ border:#999 solid 1px;}

/*css unaNoticia*/

div.unaNoticia{ width:100%;}
div.unaNoticia div div.imagenNoticia{ float:left; width:150px; height:150px; margin-bottom:1em;}
div.unaNoticia div div.datos{ width:70%; float:right;}
div.unaNoticia div div.datos p span{color:#ff8000; font-weight:bold;}
div.unaNoticia div.txNoticia { clear:both;}

div.fech{ border-bottom:#ccc dotted 1px; padding:0.5em 0em; font-size:11px;}
div.fech span.des{ font-weight:bold; color:#ff8000; padding-left:1em;}

div.noticias div.fech{ border-bottom:none; padding:0; font-size:11px;}
div.noticias div.fech span.des{ font-weight:bold; color:#ff8000; padding-left:0em;}
div.noticias ul{ margin:0 auto; padding:0; width:95%;}



/*css formulario */
div.fondoContacto{ background:#eee url(img/fondoContacto.jpg) bottom left no-repeat; border:#ddd solid 1px; padding:2em;}
div.direccionContacto{ width:250px; float:left;}
div.direccionContacto p{ line-height:2em;}
div.formularioContacto{width:250px; float: right;}
form#formulario_contacto{ }
form#formulario_contacto fieldset{ border:#ccc solid 0.05em; padding:1em; background: #F5F5F5;}
form#formulario_contacto label{ color:#333; padding:1em 0.5em;}
form#formulario_contacto label span{ color:#ff8000; font-weight:bold; font-size:1em;}
form#formulario_contacto input{ border:#ccc  solid 0.05em; background:#fff; width:20em; margin-top:0.5em;}
form#formulario_contacto textarea { border:#ccc  solid 0.05em; background:#fff; width:20em; margin-top:0.5em;}
form#formulario_contacto h4{ font-size:0.9em; color:#333; font-weight:normal; padding-top:0.5em;}
input.boton{ width:5em; margin-left:1em; color:#fff; background: url(img/botonNaranja.png) center no-repeat; border:none; font-size:1em; font-weight:bold; padding:0.5em 0;}


/*css servicios*/
ul.servicios{ list-style:none;}
ul.servicios li{ width:80%;}
h4.tituloMarketing{ background:url(img/iconoMobileMarketing.png) top left no-repeat; width:250px; height:60px; padding:1.5em 0 0 1.5em;}
h4.tituloBusiness{background:url(img/iconoBussines.png) top left no-repeat; width:250px; height:60px; padding:1.5em 0 0 1.5em;}
h4.tituloAdministracion{background:url(img/iconoMadministracion.png) top left no-repeat; width:250px; height:60px; padding:1.5em 0 0 1.5em;}
h4.instituciones{ background:url(img/iconoInstituciones.png) top left no-repeat; width:250px; height:60px; padding:1.5em 0 0 1em; line-height:1em;}
h4.marketing{background:url(img/iconoEmpresa.png) top left no-repeat; width:250px; height:60px; padding:1.5em 0 0 1.5em;}
h4.advergaming{background:url(img/iconoAdvergaming.png) top left no-repeat; width:250px; height:60px; padding:1.5em 0 0 1.5em;}
h4.medida{background:url(img/iconoAmedida.png) top left no-repeat; width:250px; height:60px; padding:1.5em 0 0 1.5em;}



/*css tabla clientes*/

table.tablaClientes{ margin:2em 0;}
table.tablaClientes tr td{ padding:1em 0;/* border:#ccc dashed 1px; */text-align:center;}



/*css combo*/

div.combo-exitos{ margin:3em 0;}
div.combo-exitos form label select{ border:#ccc solid 1px; color:#333;}

div#map{ width:300px; float:left; border:#ccc solid 3px; margin-bottom:3em;}

div.elementos-resultados{ width:100%; border-bottom:#ccc dashed 1px;}

div.entry-date{ color:#999; border:none; text-align:right; padding-right:2em; font-size:0.9em; padding-bottom:0.5em;}

div.elementos-resultados div.entry-meta{ color:#999; border:none; text-align:right; padding-right:2em; font-size:0.9em; padding-bottom:0.5em;}




div.ddsg-wrapper{ height:auto; padding-left:0em;}
div.ddsg-wrapper ul li{ padding:0.8em 0.5em; font-size:1.1em; border:#ccc dotted 1px;  list-style:none; margin:1em 0; }
div.ddsg-wrapper ul li a{ text-decoration:none; text-transform:uppercase; padding:0.5em 1em;}
div.ddsg-wrapper ul li a:hover{background:#ff8000; color:#fff; text-decoration:none;}
div.ddsg-wrapper ul li ul{ padding-left:1em; margin-left:2em;  margin:1em 0;} 
div.ddsg-wrapper ul li ul li{border:none; font-size:0.9em; list-style-image:url(img/flecha.png); margin-left:2em;}
div.ddsg-wrapper ul li ul li a{ color:#666; text-decoration:none; text-transform:none; }
div.ddsg-wrapper ul li ul li a:hover{ background:#f7aa4f; color:#fff; text-decoration:none;}


div.bannerAccede{ background:url(images/imagenes/boton.jpg) no-repeat;clear:both;float:left;height:23px;margin:0 auto; padding:0.5em 1em;width:178px;  }

div.bannerAccede a:link, div.bannerAccede a:visited{ color:#FFF; text-align:center; font-weight:bold; text-decoration:none; }
div.bannerAccede a:hover{color:#FFF; text-align:center; font-weight:bold; text-decoration:underline;}

div.bannerContacto{ width:290px; height:130px;  background:url(img/bannerContacto.png) top left no-repeat; padding:1em; padding-left:1.5em; padding-top:2.5em;}
div.bannerContacto a:link, div.bannerContacto a:visited{ color:#333; font-size:1.1em; font-weight:bold; text-decoration:none;}
div.bannerContacto a:hover{ text-decoration:underline;}
div.bannerContacto a span{ color: #3399FF; font-size:1.3em; font-weight:bold; text-decoration:none;}





h3.tituloDestacado{ font-family: Verdana, Arial, Helvetica, sans-serif; background:#777; color:#fff; padding:0.5em 1em; margin-bottom:0; font-weight:bold; font-size:14px;}
.destacada{background:url(img/fondoNoticias.png) top center repeat-y;margin:0 auto; width:100%; border:#ccc dotted 1px; height:350px;}
#post-0{}
.destacada .columna{ float:left; height:150px; width:50%; list-style:none; padding:0; margin:0;}
.destacada .title{ color:#FF8000; font-weight:bold; width:250px; height:55px;}
.destacada .title a{ font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:1.2em;}
.destacada .title a:link, .destacada .title a:visited{color:#333; font-weight:bold; text-decoration:none;}
.destacada .title a:hover{color:#ff8000; font-weight:bold; text-decoration:none;}
.destacada .image{ float:left; margin:0 auto; width:140px; padding-right:5px;}
.destacada .dch{ float:left; margin:0 auto; padding-right:10px; text-align:left; width:100px;}
.destacada .fech{}
.destacada .des{ color:#FF8000; font-weight:bold;}
.destacada .cont{padding:5px 0;}
.destacada .cont p{ text-align:left;}
.destacada le{}
.destacada ul{ clear:both; margin:0; padding:0 1em;}
.destacada div.fech{ border:none; margin:0; padding:0;}
.destacada div.fech span.des{ padding-left:0; }
.destacada .le .des{ background:#ccc; color:#fff; padding:0.3em 1em;}
.destacada .le .des:hover{ background:#666; color:#fff; padding:0.3em 1em;}
.destacada .le .des a:link, .destacada .le .des a:visited{ color:#fff; text-decoration:none;}
.destacada .le .des a:hover{color:#fff; text-decoration:none; _text-decoration:underline;}


.titulo{clear:both;}
.noticias div.destacada p span {color:#333333; font-size:11px; line-height:1.5em; padding-bottom:1em; text-align:justify; font-weight:normal;}

/*CSS SOLUCIONES*/
div.cajaicono{ width:263px; height:115px; float:left; margin:0 1em 2em 0; background:url(img/fondoIconos.jpg) center center no-repeat;}
div.cajaicono div.icono{ width:60px; float:left; margin:2em 0.5em 0 1em;}
div.cajaicono div.texto{ width:145px; _width:140px; float:right; margin-left:0.5em;}
div.cajaicono div.texto p{ text-align:left; margin-top:0em; _margin-top:0.5em;}

div.cajaicono2{ width:263px; height:98px; float:left; margin:0 1em 2em 0; background:url(img/fondoIconos2.jpg) center center no-repeat;}
div.cajaicono2 div.icono{ width:60px; float:left; margin:0.5em 0.5em 0 1em;}
div.cajaicono2 div.texto{ width:130px; float:right; margin-left:0em; margin-top:0.5em; _margin-top:1em;}
div.cajaicono2 div.texto p{ text-align:left;}
div.cajaicono2 div.texto a{ text-transform:uppercase;}
div.cajaicono2 div.texto a:link, div.cajaicono2 div.texto a:visited{ color:#000; text-decoration:none;}
div.cajaicono2 div.texto a:hover{ color:#000; text-decoration: underline;}
div.imageinar{margin-top:390px; _margin-top:100px;}

/*CSS BXMOBILE*/
.bxmobileLogo{ text-align:center; margin:3em 0; text-align:center;}
div.flechas{height:50px; margin:3em auto; text-align:center; width:500px;}
div.flechas div.fecha1{background:transparent url(img/flechaNaranja.jpg) no-repeat scroll center center; float:left; height:44px; margin-right:5px; text-align:left; width:157px;}
div.flechas div.fecha1:hover{background:transparent url(img/flechaNaranjaOver.jpg) no-repeat scroll center center;}
div.flechas div.fecha2{background:transparent url(img/flechaNaranja.jpg) no-repeat scroll center center; float:left; height:44px; margin-right:5px; text-align:left; width:157px;}
div.flechas div.fecha2:hover{background:transparent url(img/flechaNaranjaOver.jpg) no-repeat scroll center center;}
div.flechas div.fecha3{background:transparent url(img/flechaNaranja.jpg) no-repeat scroll center center; float:left; height:44px; margin-right:5px; text-align:left; width:157px;}
div.flechas div.fecha3:hover{background:transparent url(img/flechaNaranjaOver.jpg) no-repeat scroll center center;}
div.flechas h5 { color:#FEA201; font-size:12px; margin:0; padding-left:1em; padding-top:1em;}
div.flechas div.fecha1 h5{ padding-top:0.5em;}
div.flechas div.fecha1:hover h5{ color:#fff;}
div.flechas div.fecha2:hover h5{color:#fff;}
div.flechas div.fecha3:hover h5{color:#fff;}

img.left{ float:left; margin:4em; margin-left:0;}

body.pageid-80 div.texto{ background:url(img/pasarela.jpg) left bottom no-repeat; padding-bottom:300px;}
div.izq{ width:250px; float:left;}
body.pageid-81 div.texto img{ text-align:center; margin:3em 0;}

/*CSS CASOS DE EXITO*/
div.categorias{ margin:1em auto; width:600px;}
div.categorias div{ width:100px; float:left; text-align:center; height:100px; padding-top:2em;}
div.categorias div:hover{/* background:url(img/bordeHover.jpg) center center no-repeat;*/}
div.categorias div img{   opacity: .50; -moz-opacity: .50; filter:alpha(opacity=50);}
div.categorias div:hover img{   opacity: .99; -moz-opacity: .99; filter:alpha(opacity=99);}
div.categorias div h4{ margin-top:0.5em; text-transform:uppercase;}
div.categorias div a{font-size:10px;}
div.categorias div a:link, div.categorias div a:visited{ color:#333; text-decoration:none;}
div.categorias div a:hover{ color:#000; text-decoration: underline;}
div.categorias div a:link h4, div.categorias div a:visited h4{ color:#999; text-decoration:none;}
div.categorias div a:hover h4{ color:#000; text-decoration:none;}
div.emulador{ width:232px; height:436px; float:left; margin:2em 0; _margin:0;}
div.listadoAplis{ width:350px; _width:300px; float: right; margin:2em 0; _margin:0;}
div.listadoAplis h4{ text-transform:uppercase; margin-bottom:2em; background:url(img/fondoTitulo.jpg) left center no-repeat; padding:0.7em;}
div.listadoAplis ul{ margin:0 2em; padding:0;}
div.listadoAplis ul li{ padding:1em 0.5em; border-bottom:#ddd dotted 1px;}
div.listadoAplis ul li a:link, div.listadoAplis ul li a:visited{ color:#000; text-decoration:none; font-weight:normal;}
div.listadoAplis ul li a:hover{color:#000; text-decoration: underline; font-weight:normal;}
div.ficha{ margin:3em auto; width:573px;}
div.ficha ul{ list-style:none; padding:0 3em; margin:0;}
div.ficha ul li{ padding:1em 0; border-bottom:#ccc dotted 1px; line-height:1.5em;}
div.ficha ul li.last{ border-bottom:none;}
div.ficha ul li strong{ color:#ff8000;}

div.fichaCabecera{ background:url(img/fichaCabecera.jpg) center center no-repeat; width:573px; height:44px;}
div.fichaCuerpo{ background:url(img/fichaCuerpo.jpg) center center repeat-y; width:573px; height:auto;}
div.fichaPie{ background:url(img/fichaPie.jpg) center center no-repeat; width:573px; height:40px;}

table.clientes{ margin:2em auto; width:100%;}
table.clientes tr td{ width:25%; text-align:center; padding:1.5em 0;}

/*CSS GLOGOS*/
h3.tituloGlobos{ margin-bottom:3em;}
.nada {float:left; height:80px; margin:0 1em 1em 1em; position:relative; text-align:center; width:160px;}
.nada {text-align:center;}
.globoemergente { background:url(img/globo.png) top center no-repeat; color:#FFFFFF; font-size:12px; height:64px; left:-1000px; line-height:14px; opacity:0; position:absolute; text-align: center; top:-60px; width:158px; z-index:2; padding:1em 0; font-weight:bold}
.globoemergente a { color:#A6C7E6; font-weight:bold; text-decoration:none; }

div.paginacion{ text-align:center;}
div.paginacion ul{}
div.paginacion ul li{ display:inline; list-style:none; padding-right:2em;}
div.paginacion ul li a:link, div.paginacion ul li a:visited{ color:#666; text-decoration:none;}
div.paginacion ul li a:hover{ color:#ff8000; text-decoration:none;}