/*--------------------------------------------------
########### CSS RESET
--------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {margin: 0;padding: 0;border: 0;outline: 0;font-weight: normal;font-style: normal;font-size: 100%;font-family: inherit;}
body {line-height: 1;}
:focus {outline: 0;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
input, textarea {margin: 0;padding: 0;}
hr {margin: 0;padding: 0;border: 0;color: #000;background-color: #000;height: 1px;}


/*--------------------------------------------------
########### HTML Tags
--------------------------------------------------*/
body{background:#fff url("../imagenes/bkg-page.jpg");}
p{font:normal 13px/22px "Trebuchet MS";color:#565656;margin:4px 0;}
a{color:#ff0096;text-decoration:none;}
a:hover{color:#9a005b;text-decoration:underline;}
strong, b{font-weight:bold;color:#616161;}

/*--------------------------------------------------
########### Estructura
--------------------------------------------------*/
#mainwrapper{margin:0 auto;width:960px;overflow:hidden;}
#header{height:82px;}
#leftcol{float:left;width:260px;background:transparent url("../imagenes/divisor-left.png") no-repeat left top;padding-top:20px;}
#rightcol{float:right;width:690px;}
#footer{background:url("../imagenes/bg-footer.jpg") repeat-x;height:150px;overflow:hidden;margin-top:12px;}

/*--------------------------------------------------
########### Cabezales y Titulos
--------------------------------------------------*/
h1{width:580px;height:47px;display:block;margin:20px 0 0 8px;}
h1 span{display:none;}

h1.tituhome{background:transparent url("../imagenes/titu-home.jpg") no-repeat;}
h1.titucontacto{background:transparent url("../imagenes/titu-contacto.jpg") no-repeat;}
h1.titucontactook{background:transparent url("../imagenes/titu-contactook.jpg") no-repeat;}
h1.tituulrimosdesa{background:transparent url("../imagenes/titu-ultimosdesarrollos.jpg") no-repeat;}
h1.tituservicios{background:transparent url("../imagenes/titu-servicios.jpg") no-repeat;}
h1.titudiseniarweb{background:transparent url("../imagenes/titu-diseniarweb.jpg") no-repeat;}
h1.tituaccesibilidad{background:transparent url("../imagenes/titu-accesibilidad.jpg") no-repeat;}
h1.tituposiseo{background:transparent url("../imagenes/titu-seo.jpg") no-repeat;}
h1.tituposiseogoogle{background:transparent url("../imagenes/titu-seo-google.jpg") no-repeat;}
h1.tituposiproceso{background:transparent url("../imagenes/titu-seo-proceso.jpg") no-repeat;}
h1.tituposigarantia{background:transparent url("../imagenes/titu-seo-garantias.jpg") no-repeat;}
h1.tituposiventajas{background:transparent url("../imagenes/titu-seo-ventajas.jpg") no-repeat;}
h1.tituredaccion{background:transparent url("../imagenes/titu-redaccion.jpg") no-repeat;}
h1.tituredaccionact{background:transparent url("../imagenes/titu-redaccion-actualizacion.jpg") no-repeat;}
h1.titupsdahtml{background:transparent url("../imagenes/titu-psdahtml.jpg") no-repeat;}
h1.titucelulares{background:transparent url("../imagenes/titu-celulares.jpg") no-repeat;}
h1.tituvalidacion{background:transparent url("../imagenes/titu-validacion.jpg") no-repeat;}
h1.titugoogleadwords{background:transparent url("../imagenes/titu-google-adwords.jpg") no-repeat;}

h2.optimizacel{background:transparent url("../imagenes/titu-optimizacel.png") no-repeat;display:block;width:300px;height:25px;}
h2.optimizacel span{display:none;}

h2.otrosdesa{background:transparent url("../imagenes/titu-otrosdesarrollos.jpg") no-repeat;width:580px;height:47px;display:block;margin:20px 0 0 8px;}
h2.otrosdesa span{display:none;}

h2.titucontactonline{background:transparent url("../imagenes/titu-contacto-online.jpg") no-repeat;width:580px;height:47px;display:block;margin:40px 0 20px 8px;}
h2.titucontactonline span{display:none;}

h2.titufundamental{background:transparent url("../imagenes/titu-fundamental.jpg") no-repeat;display:block;width:329px;height:64px;}
h2.titufundamental span{display:none;}

h2.tituredact{background:transparent url("../imagenes/decorativas/img-redaccion-actualizacion.jpg") no-repeat;display:block;width:486px;height:112px;}
h2.tituredact span{display:none;}

.leftwrapper h2{margin:4px 0 12px 0;}
.leftwrapper h2 span{display:none;}
.leftwrapper h2.socialurb{background:transparent url("../imagenes/titu-socialurb.png") no-repeat;width:85px;height:19px;float:right;}
.leftwrapper h2.contactourb{background:transparent url("../imagenes/titu-contacto.png") no-repeat;width:113px;height:19px;float:right;}

div.slide h2 a{color:#777;font:normal 24px "Trebuchet MS";}
div.slide h2 a:hover{color:#444;text-decoration:none;}

h2, h3{font:normal 24px "Trebuchet MS";color:#919191;margin-left:8px;}
h2 span, h3 span{color:#ff0096;}
h2.interno{margin:10px 0;}

h3 a{font:normal 24px "Trebuchet MS";color:#919191;}
h3 a span{color:#ff0096;}
h3 a:hover{color:#ff0096;text-decoration:none;}
h3 a:hover span{color:#919191;}

h3.formtitu{border-bottom:1px dotted #ccc;width:90%;}
/*--------------------------------------------------
########### Miscelanias
--------------------------------------------------*/
.divisorleft{clear:both;background:transparent url("../imagenes/divisor-left.png") no-repeat left top;width:260px;height:3px;display:block;margin:14px 0 10px 0;}
.hr{background:transparent url("../imagenes/bck-hr.png") no-repeat;width:680px;height:9px;margin:20px 0;}
.leftimg{float:left;margin:0 6px 6px 0;}
.rightimg{float:right;margin:0 0 6px 6px;}
.centerimg{text-align:center;margin:4px 0;}
.clean{clear:both;}
/*--------------------------------------------------
########### Header
--------------------------------------------------*/
.logo{width:274px;float:left;margin-left:40px;}
.logo a{display:block;background:transparent url("../imagenes/logo-urb.png") no-repeat left top;height:82px;}
.logo a:hover{background:transparent url("../imagenes/logo-urb.png") no-repeat left bottom;}
.logo a span{display:none;}

.versiones{width:300px;float:right;margin-right:12px;font:normal 12px "Arial";color:#757575;}
.versiones ul{float:right;padding-top:10px;}
.versiones ul li{display:inline;float:left;}
.versiones ul li a{display:block;height:18px;}
.versiones ul li a span{display:none;}

.versiones ul li a.version5{background:transparent url("../imagenes/version50.jpg") no-repeat left top;width:24px;}
.versiones ul li a.version4{background:transparent url("../imagenes/version40.jpg") no-repeat left top;width:40px;}
.versiones ul li a.version3{background:transparent url("../imagenes/version30.jpg") no-repeat left top;width:34px;}
.versiones ul li a.chipurbano{background:transparent url("../imagenes/chipurbano.jpg") no-repeat left top;width:31px;}

.versiones ul li a.version5:hover{background:transparent url("../imagenes/version50.jpg") no-repeat left bottom;}
.versiones ul li a.version4:hover{background:transparent url("../imagenes/version40.jpg") no-repeat left bottom;}
.versiones ul li a.version3:hover{background:transparent url("../imagenes/version30.jpg") no-repeat left bottom;}
.versiones ul li a.chipurbano:hover{background:transparent url("../imagenes/chipurbano.jpg") no-repeat left bottom;}

/*--------------------------------------------------
########### Left Col
--------------------------------------------------*/
.leftwrapper{background:transparent url("../imagenes/bkg-leftcol.png") no-repeat right top;min-height:734px;width:250px;float:right;text-align:right;padding-right:16px;}
.leftwrapper ul.mainnav{overflow:hidden;}
.leftwrapper ul.mainnav li{margin:1px 0;}
.leftwrapper ul.mainnav li a{display:block;height:35px;float:right;width:206px;margin:2px 0;}
.leftwrapper ul.mainnav li a span, .leftwrapper ul.mainnav li span{display:none;}

.leftwrapper ul.mainnav li ul li{overflow:hidden;}
.leftwrapper ul.mainnav li ul li a{margin:0;height:24px;font:bold 16px "Arial";color:#818181;letter-spacing:-1px;border-bottom:1px dotted #ccc;}
.leftwrapper ul.mainnav li ul li a:hover{color:#585858;text-decoration:none;border-bottom:1px dotted #ccc;}

.leftwrapper ul.mainnav li ul li.activesub a{font:bold 16px "Arial";color:#ff0096;letter-spacing:-1px}

.leftwrapper ul.mainnav li a.disenio{background:transparent url("../imagenes/mainnav/disenio.png") no-repeat left top;height:43px;}
.leftwrapper ul.mainnav li a.seo{background:transparent url("../imagenes/mainnav/seo.png") no-repeat left top;}
.leftwrapper ul.mainnav li a.contenidos{background:transparent url("../imagenes/mainnav/contenidos.png") no-repeat left top;}
.leftwrapper ul.mainnav li a.psdahtml{background:transparent url("../imagenes/mainnav/psdahtml.png") no-repeat left top;}
.leftwrapper ul.mainnav li a.blog{background:transparent url("../imagenes/mainnav/blog.png") no-repeat left top;}
.leftwrapper ul.mainnav li a.contacto{background:transparent url("../imagenes/mainnav/contacto.png") no-repeat left top;}

.leftwrapper ul.mainnav li a.disenio:hover{background:transparent url("../imagenes/mainnav/disenio.png") no-repeat left bottom;}
.leftwrapper ul.mainnav li a.seo:hover{background:transparent url("../imagenes/mainnav/seo.png") no-repeat left bottom;}
.leftwrapper ul.mainnav li a.contenidos:hover{background:transparent url("../imagenes/mainnav/contenidos.png") no-repeat left bottom;}
.leftwrapper ul.mainnav li a.psdahtml:hover{background:transparent url("../imagenes/mainnav/psdahtml.png") no-repeat left bottom;}
.leftwrapper ul.mainnav li a.blog:hover{background:transparent url("../imagenes/mainnav/blog.png") no-repeat left bottom;}
.leftwrapper ul.mainnav li a.contacto:hover{background:transparent url("../imagenes/mainnav/contacto.png") no-repeat left bottom;}

.activedisenio{background: url("../imagenes/mainnav/disenio-on.png") no-repeat; width:237px;float:right;}
.activeseo{background: url("../imagenes/mainnav/seo-on.png") no-repeat; width:237px;float:right;}
.activecontenidos{background: url("../imagenes/mainnav/contenidos-on.png") no-repeat; width:237px;float:right;}
.activepsdahtml{background: url("../imagenes/mainnav/psdahtml-on.png") no-repeat; width:237px;height:55px;float:right;}
.activeblog{background: url("../imagenes/mainnav/blog-on.png") no-repeat; width:237px;height:55px;float:right;}
.activecontacto{background: url("../imagenes/mainnav/contacto-on.png") no-repeat; width:237px;height:55px;float:right;}

.activedisenio ul, .activeseo ul, .activecontenidos ul{overflow:hidden;margin-top:54px;margin-bottom:6px;padding-right:4px;}

.leftwrapper p{clear:both;text-align:right;font:normal 11px "Arial";color:#7a7a7a;padding-left:8px;}

.leftwrapper ul.socialicons{overflow:hidden;margin-top:10px;}
.leftwrapper ul.socialicons li{display:inline;}
.leftwrapper ul.socialicons li a{display:block;height:18px;float:right;margin:0 2px;}
.leftwrapper ul.socialicons li a span{display:none;}

.leftwrapper ul.socialicons li a.twitter{background:transparent url("../imagenes/social-twitter.png") no-repeat left top;width:22px;}
.leftwrapper ul.socialicons li a.face{background:transparent url("../imagenes/social-face.png") no-repeat left top;width:25px;}
.leftwrapper ul.socialicons li a.flickr{background:transparent url("../imagenes/social-fkr.png") no-repeat left top;width:25px;}
.leftwrapper ul.socialicons li a.linkedin{background:transparent url("../imagenes/social-in.png") no-repeat left top;width:26px;}
.leftwrapper ul.socialicons li a.delicious{background:transparent url("../imagenes/social-del.png") no-repeat left top;width:22px;}

.leftwrapper ul.socialicons li a.twitter:hover{background:transparent url("../imagenes/social-twitter.png") no-repeat left bottom;}
.leftwrapper ul.socialicons li a.face:hover{background:transparent url("../imagenes/social-face.png") no-repeat left bottom;}
.leftwrapper ul.socialicons li a.flickr:hover{background:transparent url("../imagenes/social-fkr.png") no-repeat left bottom;}
.leftwrapper ul.socialicons li a.linkedin:hover{background:transparent url("../imagenes/social-in.png") no-repeat left bottom;}
.leftwrapper ul.socialicons li a.delicious:hover{background:transparent url("../imagenes/social-del.png") no-repeat left bottom;}

.leftwrapper ul.contacticons{clear:both;padding-top:6px;overflow:hidden;}
.leftwrapper ul.contacticons li{display:block;width:193px;float:right;}
.leftwrapper ul.contacticons li span{display:none;}

.leftwrapper ul.contacticons li.msn {background:transparent url("../imagenes/contacto-msn.jpg") no-repeat;height:40px;}
.leftwrapper ul.contacticons li.skype a{background:transparent url("../imagenes/contacto-skype.jpg") no-repeat;height:43px;display:block;}
.leftwrapper ul.contacticons li.tel{background:transparent url("../imagenes/contacto-tel.jpg") no-repeat;height:47px;}
.leftwrapper ul.contacticons li.mail{background:transparent url("../imagenes/contacto-mail.jpg") no-repeat;height:45px;}

/*--------------------------------------------------
########### Right Col
--------------------------------------------------*/

/*--------------------
Slider
--------------------*/
div#feature_wrp {height: 280px; color:#000;background:none;}
div#feature {width:670px; height:100%; position: relative; overflow: hidden;margin:0 auto 0 auto;background:transparent;}

div#slide_wrp {width:590px; height:280px; overflow: hidden; position: absolute; top:0px; left:40px;background:transparent;}
a#prev, a#next {text-indent: -9999px; width: 43px; height:92px; display:block; position: absolute; top: 100px; }

a#prev {background: url("../imagenes/slider/sliderbtn-2.png") no-repeat left top; height:92px; left:0;}
a#next {background: url("../imagenes/slider/sliderbtn.png") no-repeat left top;height:92px; right:0;}
a:hover#prev {background: url("../imagenes/slider/sliderbtn-2.png") no-repeat left bottom; height:92px; left:0;}
a:hover#next {background: url("../imagenes/slider/sliderbtn.png") no-repeat left bottom;height:92px; right:0;}

div.slide {width:590px; height:280px; overflow: hidden;background:transparent;padding-top:10px;padding-left:8px;}
div.slide img{float:right;margin-left:8px;}
div.slide p{margin-top:20px;color:#898989;text-align:left;line-height:20px;}

/*--------------------
Contenidos
--------------------*/
.rightwrapper{padding-left:12px;}

.optimizatxt{padding-top:24px;}

.txthome{background: url("../imagenes/bkg-txthome.png") no-repeat;width:670px;overflow:hidden;margin-bottom:20px;}
.txthome p{width:650px;padding:30px 20px 0 10px;text-align:justify;color:#565656;}

.txtinterno{background: url("../imagenes/bkg-txthome.png") no-repeat;width:670px;overflow:hidden;margin-bottom:20px;padding-top:20px;}
.txtinterno p{width:650px;padding:10px 20px 0 10px;text-align:justify;color:#565656;}

/*-- Disenio --*/
.soporteweb{background:transparent url("../imagenes/trabajos/soporte-pantallas.png") no-repeat; width:669px;overflow:hidden;}
.scroll {position:relative;overflow:hidden;width: 627px;height: 266px;float:left;left:18px;top:18px;}
.scroll .pics {width:20000em;position:absolute;clear:both;}
.pics img {float:left;cursor:pointer;width:627px;margin:0px;}
.descripciontrabajo{min-height:64px;margin-top:12px;width:627px;background:transparent url("../imagenes/trabajos/bck-descripcion.png") no-repeat left 4px;}
.descripciontrabajo p{padding-left:42px;padding-top:10px;}
.descripciontrabajo a{display:block;color:#606060;font:normal 20px "Trebuchet MS";}
.descripciontrabajo a:hover{color:#ff0096;text-decoration:none;}

.porfolio{overflow:hidden;margin-top:12px;}
.porfolio li{float:left;margin:4px 12px;}
.porfolio li a img{border:6px solid #ccc;filter: alpha(opacity=50); opacity: .5;}
.porfolio li a:hover img{border:6px solid #ff0096;filter: alpha(opacity=100); opacity: 1;}

.porfolio li a .tituweb{font:bold 14px "Arial";color:#777;margin:4px 0px;display:block;background:none;padding:4px;}
.porfolio li a:hover .tituweb{background:#ff0096;text-decoration:none;color:#fff}

.porfolio li p{margin-left:2px;padding-left:4px;border-left:2px solid #ccc;width:300px;margin-bottom:12px;}

/*-- Accordeon --*/
#basic-accordian{padding:5px;width:650px;position:absolute;left:50%;top:55%;margin-left:-200px;z-index:2;margin-top:-100px;font:normal 12px "Arial";color:#757575;}
.accordion_headings h2{padding:5px;background:transparent url("../imagenes/acordeon-off.jpg") no-repeat;color:#FFFFFF;border:1px solid #FFF;cursor:pointer;font-weight:bold;font:bold 1.4em "Arial";}
.accordion_headings  h2:hover{background:transparent url("../imagenes/acordeon-on.jpg") no-repeat;}
.accordion_child{padding:15px;overflow:hidden;}
.header_highlight h2{background:transparent url("../imagenes/acordeon-on.jpg") no-repeat;}
.accordion_child ul{overflow:hidden;}
.accordion_child ul li{display:inline;width:50%;float:left;font:normal 12px "Arial";background:url("../imagenes/bullet-servicios.jpg") no-repeat left 0px;text-indent:20px;height:20px;padding-top:2px;}

/*-- Paquetes SEO --*/
.servicio_unico{background:url("../imagenes/paquete-seo-unico.jpg") no-repeat left top;width:657px;height:184px;display:block;}
.servicio_unico:hover{background:url("../imagenes/paquete-seo-unico.jpg") no-repeat left bottom;}
.servicio_mensual{background:url("../imagenes/paquete-seo-mensual.jpg") no-repeat left top;width:657px;height:186px;display:block;}
.servicio_mensual:hover{background:url("../imagenes/paquete-seo-mensual.jpg") no-repeat left bottom;}
.servicio_total{background:url("../imagenes/paquete-seo-total.jpg") no-repeat left top;width:657px;height:232px;display:block;}
.servicio_total:hover{background:url("../imagenes/paquete-seo-total.jpg") no-repeat left bottom;}
.servicio_full{background:url("../imagenes/paquete-seo-full.jpg") no-repeat left top;width:657px;height:302px;display:block;}
.servicio_full:hover{background:url("../imagenes/paquete-seo-full.jpg") no-repeat left bottom;}
.servicio_unico h2, .servicio_unico p, .servicio_mensual h2, .servicio_mensual p, .servicio_total h2, .servicio_total p, .servicio_full h2, .servicio_full p{display:none;}




/*-- PSD a HTML list --*/
.browsers{margin:12px 0 0 18px;}
.browsers li{font:normal 14px "Arial";color:#757575;height:32px;text-indent:30px;vertical-align:middle;display:block;padding-top:4px;}

.browsers li.ie{background:url("../imagenes/decorativas/ie.png") no-repeat left top;}
.browsers li.ff{background:url("../imagenes/decorativas/firefox.png") no-repeat left top;}
.browsers li.ch{background:url("../imagenes/decorativas/chrome.png") no-repeat left top;}
.browsers li.sa{background:url("../imagenes/decorativas/safari.png") no-repeat left top;}
.browsers li.op{background:url("../imagenes/decorativas/opera.png") no-repeat left top;}
.browsers li.ko{background:url("../imagenes/decorativas/konqueror.png") no-repeat left top;}

/*--Quotes--*/
blockquote{margin:0;background:#fafafa  url("../imagenes/quote1.gif") top left no-repeat;padding:10px 0px 10px 0px;border-top: 2px dotted #CCCCCC;border-bottom:2px dotted #CCCCCC;}
.cierreblockquote{background: url("../imagenes/quote2.gif") bottom right no-repeat;padding:10px 40px 15px 0px;font:bold 14px "Trebuchet MS";color:#ff0096;font-style:italic;width:96%;text-align:center;}

/*--REDACCION de CONT--*/
.redaccionlist{margin:8px 4px;}
.redaccionlist li{font:normal 12px/22px "Trebuchet MS";color:#757575;background: url("../imagenes/decorativas/bullet-redaccion.jpg") left top no-repeat;text-indent:20px;}
/*--------------------------------------------------
########### Contact Form
--------------------------------------------------*/
.telefonos{width:584px;height:155px;background:transparent url("../imagenes/telefonos.jpg") no-repeat;}
.telefonos span{display:none;}

fieldset{margin-left:18px;}

.formright, .formleft{overflow:hidden;}
.formleft{float:left;width:48%;background:url("../imagenes/bg-cajaform.jpg") no-repeat right 20px;}
.formright{float:right;width:48%;}


label{text-transform:uppercase;font:normal 14px "Arial";color:#757575;}
input, textarea{border:2px solid #ccc;padding-top:4px;background:#f5f5f5;width:260px;}
input{height:20px;margin-bottom:6px;}
input:hover, textarea:hover{border:2px solid #ff0096;background:#fff;}

fieldset h3{margin:8px 0;}

.error{color:#ff0096;font-style:italic;text-transform:lowercase;display:block;font:normal 12px "Arial";}
label.error {background:url("../imagenes/bullet-contact-error.png") no-repeat left top;text-indent:16px;}
.alert{font-size:10px;}

.obligatorio{color:#ff0096;font-weight:bold;}
.servicioscontrata{font-size:1em;padding-top:2px;margin-bottom:12px;overflow:hidden;}
.servicioscontrata .colform{width:48%;display:inline;float:left;}
input[type='checkbox']{margin:8px;width:auto;border:none;vertical-align:middle;}

.enviabtn{padding:4px;height:auto;background:#ff0096;color:#fff;}
.enviabtn:hover{color:#757575;}

/*--------------------------------------------------
########### FOOTER
--------------------------------------------------*/
.footerwrapper{margin:0 auto;overflow:hidden;width:960px;}
.solapafooter{background:url("../imagenes/solapa-footer.png") no-repeat;width:67px;height:116px;position:relative;top:-8px;float:left;}
.fottertxt{padding-top:8px;}
.footerwrapper a{color:#ff0096;text-decoration:none;}
.footerwrapper a:hover{color:#9a005b;text-decoration:underline;}

.footerwrapper ul{}
.footerwrapper ul li{display:inline;color:#868383;font:normal 12px "Arial";}