@font-face {
 font-family: 'GothicCustom';
 src: url("font/LeagueGothic.eot");
 src: local('notlikely'), url("font/LeagueGothic.otf") format('opentype'), url("font/leaguegothic.svg#lg") format('svg');
}

/* A font by Jos Buivenga (exljbris) -> http://www.exljbris.nl */
@font-face {
 font-family: 'MuseoCustom';
 src: url("font/MuseoSans-500.eot");
 src: local('notlikely'), url("font/MuseoSans-500.ttf") format('opentype'), url("font/museo.svg#museo") format('svg');
}

* { padding: 0; margin: 0; list-style-image: none; list-style-position: outside; list-style-type: none; border: 0; }
html { height: 100%; background-color:#fff; }
body { font-family: Helvetica, sans-serif; font-size: 12px; height: 100%; width: 100%; line-height: 20px; color: #667285; }
#estructura { width: 960px; min-height: 100%; padding: 0 10px; margin: 0 auto; position: relative; }
.clearboth { clear: both; height: 0; }
.clear { clear: both; margin: 0; padding: 0; border:0; }
.clear hr { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.leerMasDer{ display:block; text-align:right; margin-bottom:20px}
.sinMargen{ margin:0}
.imgBorder{ display:block; margin:5px auto; border:3px double #CCC}
img { border: 0; }
p { padding-bottom: 10px; }
ol{ width:90%; margin:5px auto}
ol li{ list-style:decimal; text-align:justify}
a { outline:none; text-decoration:none }
a:link, a:active, a:visited { text-decoration: none; color:#6CBFDF; }
a:hover, a:focus { text-decoration: underline; color: #265258; }
a:active { outline: none; }
:focus { -moz-outline-style: none; }
h1 { margin:20px 0; padding:0; position:relative; width:220px; height:115px; float:left }
h1 a { width:221px; height:129px; display:inline-block; background:url(../imagenes/posicionamiento-web-wd.png) no-repeat top left; overflow:hidden; text-indent:-9000px; z-index:2 }
h3 { font-family:Georgia, "Times New Roman", Times, serif;  text-shadow:1px 1px #d8d8d8; text-transform:uppercase; color:#3D7DBD; padding-bottom:2px; margin-bottom:20px; font-size:1.7em; /* font-family:'MuseoCustom', Impact, 'Arial Narrow', sans-serif; */ }
h4 { font-family:Georgia, "Times New Roman", Times, serif; text-shadow:1px 1px #d8d8d8; text-transform:uppercase; color:#3D7DBD; padding-bottom:2px; margin:20px 0; font-size:1.5em; }
h5,h6 { font-family:Georgia, "Times New Roman", Times, serif; text-shadow:1px 1px #d8d8d8; text-transform:uppercase; color:#3D7DBD; padding-bottom:2px; margin-bottom:20px; font-size:1.2em; }

div#Services h4{ font-family:Georgia, "Times New Roman", Times, serif; margin:0; font-size:1.4em}
#menuSuperior { width: 675px; display: inline; float:right; position: relative; z-index: 5; }
#menuSuperior span a { font-family:Georgia, Times, 'Times New Roman', serif; font-size: 18px; color: #333; text-shadow:1px 1px #CCCCCC }
#menuSuperior span a:hover { background: url(../imagenes/nav_hover.jpg) right no-repeat; text-decoration: none; padding: 4px 10px 0 0; }
#menuSuperior a { color: #667285; }
#menuSuperior li { border-bottom:1px solid #d7d7d7; float: left; width: 105px; height: 125px; padding: 14px 0 0 0; margin-right: 15px; }
#menuSuperior li li { border:0; display:block; width:160px; height:auto; padding:0; margin:0 }
/* background: url(../imagenes/menuSuperior.gif); */

#menuSuperior li.menuSup_serviciosWeb { width:160px }
#menuSuperior li.menuSup_serviciosDisenio { width:140px }
#menuSuperior li.menuSup_contacto { width:90px }
#slider { position: relative; height: 260px; margin-bottom: 50px; background:transparent url(../imagenes/bg-slider.jpg) center bottom no-repeat }
#slide_top { position: absolute; top: 230px; z-index: 4; right:0 }
#slide_top h2 { display: inline; float: left; padding-top: 3px; font-size: 1.3em; }
#slide_top p { float: left; }
#slide_top a { color: white; font-size: 1em; height: 10px; background: url(../imagenes/btn-slider.jpg); -webkit-border-radius: 15px 15px; -moz-border-radius: 15px 15px; border-radius: 15px 15px; -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; text-shadow: 0 0px 0px #222; border: 0px; padding: 5px 20px; margin: 10px 0px 0px 10px; }
#slide_top a:hover { text-decoration: none; }
#slide_izq a, #slide_der a { position: absolute; bottom: 5px; display: block; width: 15px; height: 15px; text-indent:-9000px }
#slide_izq a { left: 0; background: url(../imagenes/slide_izq.png); }
#slide_der a { left: 20px; background: url(../imagenes/slide_der.png); }
#slide_middle { width: 960px; height: 230px; overflow:hidden !important }
.stepcarousel { position: relative; overflow: scroll; width: 960px; height: 270px; }
.stepcarousel .belt { position: absolute; left: 0; top: 0; }
.belt_image { position: absolute; left: 0; top: 0; }
.stepcarousel .panel { position: relative; float: left; margin: 0px; width: 960px; height: 270px; }
.slide_content { width: 460px; position: absolute; top: 20px; left: 0; }
.slide_content small { font-size: 1.2em; color: #333; line-height: 1.6em; font-weight:bold }
.slide_content span { width: 325px; font-size: 4em; line-height: 1em; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-shadow:1px 1px #999; font-family:Garamond, Georgia, Times, 'Times New Roman', serif }
.slide_content p { font-size: 1.3em; line-height: inherit; padding-bottom: 5px; font-family:Georgia,"Times New Roman",Times,serif; font-style:italic }
a.slide_linkDetalle { color: #666666; background: url(images/r_arrow.jpg) right no-repeat; padding: 3px 10px 0px 0px; }
.slide_imagen { width: 295px; height: 182px; padding:1px; position: absolute; top:20px; right:5px; }
.slide_imagen img.portaFolio { border:3px double #ccc;; }
.imgEnlace{ width:auto}
#slide_imagenSecundaria { z-index: 3; width: 269px; height: 270px; position: absolute; bottom: -60px; left: 616px; background: transparent url(images/cac_r.png); }
/*
#slide_e4g { z-index: 3; width: 283px; height: 437px; position: absolute; bottom: -130px; left: 602px; background: transparent url(images/e4g_r.png); }
#slide_cac_x1 { z-index: 3; position: absolute; top: 235px; left: 15px; }
#slide_scb { z-index: 3; width: 248px; height: 362px; position: absolute; bottom: -77px; left: 633px; background: transparent url(images/scb_r.png); }
*/

#contenidoPrincipal {  float:left;  margin:0; width:643px; }
#contenidoPrincipal p{ font-family:Georgia,Times,'Times New Roman',serif; color:#333333; font-size:1.2em; line-height:1.6em; text-align:justify}
#contenidoPrincipal ul{ list-style:none; font-size:1.1em; margin:10px}
#contenidoPrincipal ul li{ margin-top:5px;   background:transparent url(../imagenes/ico-azul.png) left top no-repeat; padding-left:20px}

#pie { line-height:1.4em; padding-top:50px; text-align:center; background:#FFF url(../imagenes/bg-PiePagina.png) center 30px no-repeat }
#pie #copyright { color:#666666; font-size:0.9em; margin-bottom:10px; }
#listaTabs { background:url("../imagenes/bg-serviciosTabs.gif") no-repeat scroll 0 100% #FFFFFF; float:left; height:228px; margin:0; width:643px; margin-bottom:30px }
#listaTabs h4, #listaTabs h5 { text-align:right; font-size:2em; color:#3D7DBD; font-weight:normal; }
#listaTabs h5 { font-size:1em; color:#333; font-weight:bold }
#listaTabs ul { background:none; float:left; height:228px; list-style-type:none; margin:0; padding:1px 0 0 7px; text-align:right; width:200px; }
#listaTabs ul li { background:url("../imagenes/tab_off.gif") no-repeat scroll 70% 50% transparent; clear:both; margin:0; min-height:45px; padding:0; position:relative; text-align:left; }
#listaTabs ul li:hover { cursor:pointer }
#listaTabs ul li span { color:#4D5885; display:block; float:left; font:1.2em Arial, Helvetica, sans-serif; padding:10px 0 0 13px; }
#listaTabs ul li a { color:#3D7DBD; display:block; float:left; font:bold 12px Arial, Helvetica, sans-serif; height:31px; padding:10px 0 0; text-align:left; text-decoration:none; }
#listaTabs ul li a img { vertical-align:middle }
#listaTabs ul li.itemActivo { background:none; min-height:45px; text-align:left; }
#listaTabs ul li.itemActivo span { background:none repeat scroll 0 0 transparent; padding:10px 0 0 13px; }
#listaTabs ul li.itemActivo a { background:none; color:#7FB203; font:bold 12px Arial, Helvetica, sans-serif; padding:10px 0 0; text-align:left; }
.display-none { display:none; }
div #OptimizacionInfo, div #InternetMarketingInfo, div #DisenioInfo, div #ConsultoriaInfo, div #DesarrolloInfo { height:187px; width:415px; padding:5px 10px }
#Services { float:left; min-height:222px; width:200px; }
div#divPanelInternoSecundario { border-left:1px dotted #D8D8D8; float:right; margin:0; padding:0 4px 0 20px; width:280px; }
form { margin:0; padding:0; }
fieldset { border:0 none; margin:0; padding:0; }
fieldset legend { border-bottom:1px solid #CCCCCC; color:#666666; font-size:1.3em; font-weight:bold; padding:0; }
label { display:block; margin:10px 0 0; }
label span { color:#555555; display:block; font-family:lucida grande, "Lucida Grande", sans-serif; font-size:1.1em; margin:0 20px 0 0; }
input, textarea, select { border-style:solid; border-width:1px; padding:3px; width:90%; }
input, textarea { border-color:#CCCCCC; color:#333333; font-size:1em; }

dl{ font-size:1.15em}
dl dt{ margin:10px 0 0 0 ; font-weight:bold}
dl dd{ margin-left:10px; color:#333 }
 
ul#listaPortafolio { list-style:none; margin:10px 0; padding:0 }
ul#listaPortafolio li { border:3px solid #EAEAEA; float:left; width:200px; margin:10px 0 0 5px; height:100px; overflow:hidden; position:relative; background:none; padding:0 }
ul#listaPortafolio li:hover { border:3px solid #999; cursor:pointer;}
ul#listaPortafolio li img:hover {  filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
ul#listaPortafolio li img { width:200px; }
ul#listaPortafolio li span{ position:absolute; right:0; top:0; background:transparent url(../imagenes/bgEnConstruccion.png) no-repeat scroll right top; display:block; width:60px; height:60px; z-index:9000px}
ul#listaPortafolio li span.finalizado{ position:absolute; right:0; top:0; background:transparent url(../imagenes/bgFinalizado.png) no-repeat scroll left top; display:block; width:60px; height:60px}

div.altoMas{ margin-bottom:20px}
#contenidoPrincipal a.imgPortafolio img { border:1px solid #B2B2B2; display:inline; float:left; margin:0 10px 2px 0; padding:0;}
#contenidoPrincipal p.tituloPortafolio{ font-weight:bold; text-transform:uppercase; font-size:1.2em; padding:0; color:#667285}
#contenidoPrincipal p.tituloPortafolio em{ display:block; text-align:right; text-transform:lowercase; font-size:0.8em}
#contenidoPrincipal p.resumenPortafolio{ font-size:1.1em; padding:0}
#contenidoPrincipal a.linkPortafolio { color: white; font-size: 1em; height: 15px; background: url(../imagenes/btn-slider.jpg); -webkit-border-radius: 15px 15px; -moz-border-radius: 15px 15px; border-radius: 15px 15px; -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; text-shadow: 0 0px 0px #222; border: 0px; padding: 5px 20px; margin:0; float:right }

span.g{ color:#1F59FB !important}
span.o1{ color:#D0142D !important}
span.o2{ color:#F09402 !important}
span.l{ color:#01740B !important}
span.e{ color:#F09402 !important}
small span.g, small span.o1,small span.o2,small span.l, small span.e{ font-size:1.2em !important}

div#Services p{ font-size:1.05em }
ul#datosUbicacion { font-size:1.1em; list-style:none; margin:0; padding:0 }
ul#datosUbicacion li { padding:3px }
img#imgMapaUbicacion { border:3px double #999; margin:5px 0 }