html{ margin:0; padding:0; }
body{ margin:0; padding:0; font-family:"Lucida Sans", Arial, sans-serif; font-size:12px; color:#333333; background:#999999;  }
p{ line-height:16px; }
a img{ border:none; }

/* GENERAL	*/
ul.line{width:auto; float:left; margin:0; padding:0; list-style-type:none; }
ul.line li{ width:auto; float:left; clear:none; margin:0; padding:0} 

ul.block{width:100%; float:left; margin:0; padding:0; list-style-type:none; }
ul.block li{ width:100%; float:left; clear:none; margin:0; padding:0} 

span.hide{ display:none; }
.fright{ float:right; }
.fleft{ float:left; }

div.column-50{ width:50%; float:left; margin:0; clear:none; position:relative; }
p{ clear:both; }

a{ font-family:"Lucida Sans", Arial, sans-serif; color:#5ba3cd }		
h1{ font-size:24px; color:#333; font-family:Georgia, "Times New Roman", Times, serif; width:100%; float:left; clear:both; margin:0 0 19px 0; padding:0; font-style:italic; font-weight:normal; text-align:left;}
h2{ font-size:16px; color:#5ba3cd; font-weight:bold; margin:0 0 23px 0; padding:9px 0 0 0; width:100%; clear:both; float:left; text-transform:uppercase; }

a.boton{ display:block; float:left; width:auto; height:32px; background:url(../img/boton-close.gif) top right no-repeat; padding-right:8px; font-size:12px; text-decoration:none; font-weight:bold; color:#fff;}
a.boton span{ width:auto; float:left; margin:0; padding:8px 16px 8px 24px; background:url(../img/boton-open.gif) top left no-repeat; }

a.mas2{ display:block; float:left; width:115px; height:41px; background:url(../img/saber-mas-black.gif) top left no-repeat; }
a.mas2 span{ display:none; }

a.mas3{ display:block; float:left; width:115px; height:41px; background:url(../img/saber-mas-black2.gif) top left no-repeat; }
a.mas3 span{ display:none; }

/* LAYOUT */
#container{ width:100%; float:left;  margin:0; padding:0; background:#fff; }
div.wrapper{ width:980px; margin:0 auto 0 auto; padding:0 14px 0 14px; }	 
div.total{ width:100%; float:left; margin:0; padding:0; clear:both; }
#top{ width:100%; min-width:1008px; float:left; margin:0; padding:1px 0 1px 0; height:28px; background:#000; color:#fff; overflow:visible; }

#header{ width:100%; float:left; clear:both; margin:0; padding:0;  height:100px; background:url(../img/header-bg.gif) top left repeat-x #242424; }	 
#header div.wrapper{	background:url(../img/header-bg.jpg) top center no-repeat #242424; height:100px; overflow:visible; position:relative }
#top ul{ width:auto; height:30px; }	 
#top ul li{ background:url(../img/top-separador.gif) top right no-repeat; margin:0 8px 0 0; padding:0 8px 0 0; }
#top ul a{ color:#a6a4a4; text-transform:uppercase; font-size:11px; text-decoration:none; font-weight:bold; display:block; float:left; width:auto; height:auto; padding:6px 10px 8px 10px; }
#top ul a:hover,
#top ul a.sel{ background:#333333; color:#fff; }

#header h1{ width:219px; height:45px; float:left; margin:28px 0 0 0; padding:0; clear:none; background:url(../img/logo.gif) top left no-repeat; }
#header h1 a{ width:100%; height:45px; float:left; margin:0; padding:0; display:block; }	 


#header ul{ position: absolute; top: 50px; right: 200px; z-index: 800; overflow: visible; }
/*#header ul li{ padding-left:50px; }
#header ul a{ font-size:13px; color:#a6a4a4; text-decoration:none; font-size:12px;  }
  #header ul a:hover,
  #header ul a.sel{ font-weight:bold; }*/

.LiveHelpButton {
  float:right;
  margin-top: 20px
}

#intro{ width:100%; float:left; margin:0; padding:55px 0 0 0; }
#intro h2{ font-size:16px; color:#5ba3cd; font-weight:bold; margin:0 0 23px 0; padding:9px 0 0 0; width:100%; clear:both; float:left; text-transform:uppercase; }
#intro h1{ font-size:38px; color:#444; font-family:Georgia, "Times New Roman", Times, serif; width:100%; float:left; clear:both; margin:0 0 31px 0; padding:0; font-style:italic; font-weight:normal; text-align:left;}

#intro div.top{ min-height:272px; height:auto; }

/* MENU PESTA�AS **/
#menu{ width:100%; height:56px; float:left; clear:both; margin:0; padding:0; background:#e4e4e4; border-bottom:1px solid #bcbcbc; border-top:1px solid #bcbcbc; font-size:11px; }
#menu ul li{ width:243px; float:left; clear:none;  margin:0; padding:0 0 0 1px;  position:relative; background:url(../img/menu-li-bg.gif) top left repeat-y;  }
#menu ul li a{ font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; width:244px; text-decoration:none; color:#666; padding:20px 0 19px 0; float:left; display:block; position:relative;  top:0; left:0; text-align:center; overflow:hidden; }
#menu li a:hover{ color:#5ba3cd; }
#menu li a.sel{ padding-bottom:25px; background:url(../img/menu-hover-bg.gif) bottom left no-repeat transparent; margin-top: -1px; left:-1px; color:#5ba3cd;}


#content{ width:100%; min-width:1008px; float:left; margin:0; padding:35px 0 0 0; background-color:#fff; }
#content .column-50{ width:470px; position:relative; }
/*	FONDOS DEGRADADOS CONTENIDO	*/
.content-home{ background:url(../img/home-bg.gif) top left repeat-x; }
.content-grid{ background:url(../img/grid-bg.gif) top left repeat-x; }
.content-consultancy{ background:url(../img/grid-bg.gif) top left repeat-x; }

/* INTRO: COLUMNA IZDA	*/
.column-50 h1{ display:block; width:470px; float:left; height:auto; background:url(../img/titulo-borde-top.gif) top left no-repeat; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; font-style:italic; text-align:center; margin:0 0 10px 0; padding:8px 0 0 0; position:relative; z-index:10; }
.column-50 h1 strong{ font-weight:normal; background:#fff; display:block; width:100%; height:auto;  }
.column-50 h1 span{ display:block; width:100%; height:8px; float:left; clear:both; background:url(../img/titulo-borde-bottom.gif) top left no-repeat; }

/* INTRO: IMAGEN POSICIONADA ESPECIAL EN PARTE DERECHA*/
.column-50 img.top{ position:absolute; top:0px; left:-38px; z-index:1; }
.column-50 img.consultancy{ position:absolute; top:-39px; left:-208px; z-index:1; }

/* GRID DE HOME*/
.grid{ width:100%; float:left; margin:0 0 64px 0; padding:0; list-style-type:none ; }
.grid-2 li{ width:235px; height:360px; float:left; margin:0; padding:0; clear:none; text-align:center; background:url(../img/grid-border.gif) top right repeat-y; }
.grid-2 li.last{ background:none; }

.grid li .image{ width:100%; float:left; clear:both; height:140px; overflow:hidden; margin:0 0 14px 0; padding:0; }

.grid h2{ font-size:18px; font-family:"Lucida Sans",Arial, sans-serif; display:block; width:90%; padding:0 5% 0 5%; margin:0 0 7px 0; float:left; text-transform:none; color:#333;}

.grid p.texto{ height:70px; }
.grid p{ width:90%; padding:0 5% 0 5%; float:left; margin:0;}
.grid p.precio{ width:80%; margin:7px 10% 7px 10%; padding:3px 0 4px 0; border-bottom:1px solid #cccccc; border-top:1px solid #cccccc; color:#333333; font-size:18px; font-family:Arial, Helvetica, sans-serif; letter-spacing:-1px; font-weight:bold; line-height:normal; }
.grid p.precio strong{ font-size:24px; }

.grid p.link{ width:50%; margin:0 25% 0 25%; float:left; padding:0; line-height:normal; }

/* BANDA DERECHA HOME*/
.banda-home{ width:436px; float:right; margin:0; padding:0; }
.service{ width:210px; float:right; margin:0 0 21px 0; padding:20px 25px 0 195px; clear:both;  background:url(../img/cuadro-servicio.gif) top left no-repeat; height:232px; font-size:14px; }
.service h2{ font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; text-transform:none; font-style:italic; color:#90cbe3; font-weight:normal; border-bottom:1px solid #d8d8d8; border-top:1px solid #d8d8d8; padding:5px 0 3px 0; float:left; margin:0 0 10px 0; }
.service p.texto{ line-height:22px; }

.a-medida{ width:285px; height:106px; float:left; margin:0; padding:15px 20px 0 131px; background:url(../img/a-medida-bg.gif) top left no-repeat; }
.a-medida h2{ width:100%; float:left; clear:both; margin:0; padding:0; font-size:14px;  }
.a-medida p{ width:100%; float:left; clear:both; margin:0; padding:0; }


.cuadro-box{ width:240px; height:121px; float:left; margin:0 40px 50px 0; padding:30px; background:url(../img/cuadro-box.jpg) top left no-repeat; color:#fff; text-shadow:1px 1px 1px #5797c3; position:relative; }
.last{ margin-right:0; }

.cuadro-box .codigo{ position:absolute; top:-10px; right:27px; width:68px; height:57px; display:block; float:left; background:url(../img/cuadro-codigo.gif) top left no-repeat; padding:30px 0 0 0; text-align:center; }	
.cuadro-box h2{ font-size:22px; color:#fff; float:left; width:100%; padding:0; margin:0 0 1px 0; }
.cuadro-box h2 a{ color:#fff; text-decoration:none; text-transform:none; }

.cuadro-box p{ width:100%; float:left; clear:both; margin:0 0 10px 0; padding:0; font-size:15px; }
.cuadro-box ul{ font-size:12px; margin-bottom:6px;  }
.cuadro-box ul li{ background:url(../img/cuadro-bullet.gif) 0 5px no-repeat; padding-left:8px; width:222px; margin-bottom:3px;  }

.cuadro-box p.boton{ width:auto; background:url(../img/cuadro-boton-open.gif) top left no-repeat; padding-left:7px; }
.cuadro-box p.boton a{ display:block; width:auto; float:left; margin:0; padding:8px 3px 8px 3px; background: #4d8bae;  text-decoration:none; color:#fff; font-size:13px; font-weight:bold; letter-spacing:-1px; }
.cuadro-box p.boton span{ display:block; width:auto; float:left; margin:0; padding:0 7px 0 0; background:url(../img/cuadro-boton-close.gif) top right no-repeat; }
.total div.last{ margin:0 0 50px 0; padding:30px;  }

/* PREFOOTER	*/
.pre-footer{ width:100%; float:left; clear:both; margin:0; padding:0; background:url(../img/pre-footer-bg.gif) top left repeat-x #fdfdfd; height:180px;  }
.pre-footer .microsoft{ float:right; margin:42px 16px 0 0; padding:0; }

.pre-footer .column{ width:auto; float:left; clear:none; margin:0; padding:23px 0 0 0; }
.pre-footer .column h2{ clear:both; width:100%; color:#666666; font-size:14px; margin:0 0 6px 0; padding:0; }

.pre-footer .column ul{ width:100%; float:left; margin:0; padding:0; list-style-type:none;}
.pre-footer .column ul li{ padding-left:11px; background:url(../img/bullet-1.gif) 0 2px no-repeat; width:90%; clear:both; margin:0 0 9px 0; }
.pre-footer .column ul li a{ color:#333; font-size:12px; font-weight:bold; text-decoration:none; }
.pre-footer .column li ul{ margin:2px 0 6px 0;}
.pre-footer .column li li{ background:url(../img/bullet-2.gif) 0 5px no-repeat; padding-left:7px; margin:0 0 4px 0; }
.pre-footer .column li li a{ color:#777777; font-weight:normal; }




/*FOOTEr*/
.footer{ width:100%; float:left; clear:both; margin:0; padding:21px 0 0 0; background:url(../img/footer-bg.gif) bottom left repeat-x #000; min-height:40px; height:auto; border-bottom:14px solid #999; color:#848888; vertical-align:middle;  }
.footer .contact{ width:auto; float:left; margin:0; padding:0; clear:none; vertical-align:middle; }
.footer a{ color:#b2d5e5; text-decoration:none; font-weight:bold; }
.footer .contact a{ background:url(../img/footer-sep.gif) top left no-repeat; padding-left:13px; }

.footer .data{ width:auto; float:right; margin:0; padding:0; clear:none; vertical-align:middle; }
.footer .data img{ vertical-align:middle; }
.footer .data a{ background:url(../img/footer-data-sep.gif) top right no-repeat; padding-right:10px; }
.footer .data a.nobg{ background:none; padding:0 10px 0 0; }
.footer .data .media{ background:url(../img/footer-sep.gif) 0 0 no-repeat; padding:0 0 0 14px; }
.footer .data .media a{ background:none; padding:0; }
.footer .data .media .last{ background:url(../img/footer-sep.gif) top right no-repeat; padding-right:14px; margin-right:3px; }

.footer span.tlf{ background:url(../img/footer-tlf.gif) top left no-repeat; margin:0; padding:4px 10px 4px 30px; font-weight:bold; color:#dadada; letter-spacing:-1px; font-size:15px;}


/**/
h1.mas{ width:982px; float:left; clear:both; margin:0 0 40px 0; padding:10px 0 0 0; text-align:center; background:url(../img/mas-open.gif) top left no-repeat;  }
h1.mas a{ width:100%; float:left; margin:0; padding:0 0 10px 0; background:url(../img/mas-close.gif) bottom left  no-repeat; text-decoration:none; color:#333;
          font-family:Georgia, "Times New Roman", Times, serif;  }

h1.mas a span{ width:980px; display:block;background:#fff; border:1px solid #bbe2f5; border-top:none; border-bottom:none; }

/* COLUMNAS GRID	*/
div.column-1{ width:300px; float:left; margin:0; padding:0 40px 17px 0; color:#333; font-family:"Lucida Sans",Arial,sans-serif; font-size:12px; }
div.last{ margin-right:0; padding-right:0; }
div.column-2{ width:300px; float:right; margin:0; padding:0; color:#333; font-family:"Lucida Sans",Arial,sans-serif; font-size:12px; }
.column-1 h2{ font-family:"Lucida Sans",Arial,sans-serif; font-size:18px; color:#333; text-transform:none; margin:0 0 9px 0; padding:0; }

div.fila-1{ width:100%; float:left; clear:both; margin:0; padding:0 0 12px 0; color:#333; font-family:"Lucida Sans",Arial,sans-serif; font-size:12px; }
div.fila-1 ul.block li{ width:300px; float:left; margin:0; padding:0 40px 0 0; }
div.fila-1 ul.block li.last{ padding-right:0; margin-right:0;}

div.plugins{ width:240px; padding:0 44px 0 16px; overflow:hidden; height:auto; }	 

/* NOTA	*/
.note{ width:100%; height:auto; float:left; margin:0 0 13px 0; padding:11px 0 0 0; background:url(../img/note-open.gif) top left no-repeat; }
.note p{ width:100%; float:left; margin:0; padding:0 0 32px 0; background:url(../img/note-close.gif) bottom left no-repeat; color:#666666; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-style:italic; }
.note p span{ background:url(../img/note-deco.gif) 20px 9px no-repeat #fff; display:block; width:262px; height:auto; margin:0; padding:45px 20px 14px 18px; }
.note h2{  width:280px; padding:0 0 0 20px; font-size:12px; }
.note h2 span{ display:block; width:100%; float:left; margin:2px 0 0 0; padding:0; clear:both; color:#222222; font-weight:normal; text-transform:none; }

/* BANNERS*/
p.productos{ text-align:center; }
p.productos img{ margin-bottom:20px; }


/* PLANES	*/
.plan{ width:470px; float:left; margin:0 0 35px 0; padding:0; }
.plan .header{ width:100%; height:94px; float:left; margin:0; padding:0; }
.plan .body{ width:100%; height:auto; float:left; margin:0; padding:0 0 0 0; }
.plan .header img{ float:left; margin:0 21px 0 9px; }
.plan .header ul{ width:auto; float:left; margin:22px 0 0 0; padding:0; list-style-type:none; color:#fff; text-shadow:1px 1px 1px #0e2c34;  }

.plan .body ul{ width:195px; float:left; margin:0; padding:11px 19px 0 20px; list-style-type:none; }
.plan .body ul li{ width:100%; float:left; clear:both; text-align:center; padding:9px 0 12px 0;}


.plan .body ul h2{ width:195px; margin:0; padding:15px 0 0 0; text-align:center; font-size:14px; color:#333; text-transform:none; line-height:normal;  }
.plan .body ul h2 span{ display:block; width:100%; float:left; margin:0; padding:0 0 16px 0; font-size:24px; }
.plan .body ul h2 span strong{ font-size:30px; }

.plan .body ul{ border-right:1px solid #a6d5e1;}
.plan .body ul.pro{ border:none; border-left: 1px solid #fff; }
.plan .body ul.pro li{ text-align:left; padding:2px 0 3px 0;  }
.plan .body ul.pro span.control{ display:block; width:32px; min-height:20px; height:auto; float:left; padding:0 0 0 9px; }
.plan .body ul.pro span.dato{ padding:7px 0 0 0; display:block; width:auto; float:left; }

.plan .subir{ width:24px; height:23px; display:block; float:left; clear:both; }
.plan .subir span{ display:none; }

.plan .bajar{ width:24px; height:23px;  display:block; float:left; clear:both; }
.plan .bajar span{ display:none; }

.plan .boton a{ width:159px; height:45px; float:left; margin:0; padding:0 0 0 32px; }
.plan .boton a span{ display:none; }


/* WINDOWS */ 		
.win{ padding-right:40px; }
.win .header{ background:url(../img/plan-header-win.gif) top left no-repeat; }
.win .body{ background:url(../img/plan-body-win-bg.gif) bottom left; }
.win .body ul{background:url(../img/plan-body-win.gif) bottom left repeat-x;}
.win .body ul h2{ background:url(../img/plan-title-open-win.gif) top left no-repeat #fff; }
.win .body ul h2 span{ background:url(../img/plan-title-close-win.gif) bottom left no-repeat; }

.win .body ul li{ background:url(../img/plan-li-win.gif) bottom left repeat-x; }

.win .subir{ background:url(../img/plan-subir-win.gif) top left no-repeat; }
.win .bajar{ background:url(../img/plan-bajar-win.gif) top left no-repeat; }

.win .boton a{  background:url(../img/plan-contratar-win.gif) top center no-repeat; }
/* SUSE */
.suse .header{ background:url(../img/plan-header-suse.gif) top left no-repeat; }
/* .suse .header ul{ margin:34px 0 0 0; }*/
.suse .body{ background:url(../img/plan-body-suse-bg.gif) top left; }
.suse .body ul{background:url(../img/plan-body-suse.gif) bottom left repeat-x;}
/*
.suse .body ul h2{ background:url(../img/plan-title-open-suse.gif) top left no-repeat #fff; }
.suse .body ul h2 span{ background:url(../img/plan-title-close-suse.gif) bottom left no-repeat; }
*/
.suse .body ul h2{ 
  background: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow:0px 1px 1px #8CD5B9;
  -moz-box-shadow:0px 1px 1px #8CD5B9;
  box-shadow:0px 1px 1px #8CD5B9;
}

.suse .body ul li{ background:url(../img/plan-li-suse.gif) bottom left repeat-x; }
.suse .body ul li.title{ 
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.suse .subir{ background:url(../img/plan-subir-suse.gif) top left no-repeat; }
.suse .bajar{ background:url(../img/plan-bajar-suse.gif) top left no-repeat; }
.suse .boton a{  background:url(../img/plan-contratar-suse.gif) top center no-repeat; }
/* RECTIFICACIONES */
.plan .body ul li.boton{ background:none; }
.plan .body ul.pro li.boton{ padding-top:8px; text-align:center; }
.plan .body ul.pro li.title{ padding:9px 0 12px 0; }

/* VPS */
.vps { width: 705px; }
.vps .header { 
  background:url(../img/plan-header-vps.gif) top left no-repeat;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;    
}



/* PROYECTOS	*/
.intro-interior{ width:100%; float:left; margin:0;  min-height:55px; height:auto; background:#00a5cf; }
.intro-interior .wrapper{ background:url(../img/intro-interior-bg.jpg) top right no-repeat; min-height:55px; height:auto; overflow:visible; clear:both; }
.hypervr2 .wrapper{ background-image:url(../img/hypervr2.jpg); min-height:177px; height:auto; padding:13px 0 0 0;  }
.hypervr2 .data{ width:415px; float:left; font-size:18px; color:#fff; padding:10px 0 0 0; }
.hypervr2 .data h1{ text-shadow:1px 1px 1px #008cb0; margin-bottom:13px;}
.hypervr2 .data p{ font-family:Cambria,Arial,sans-serif; text-shadow:1px 1px 1px #007795; }

.hypervr2 .especial{ width:494px; height:95px;  float:right;  background:url(../img/especial-bg.png) 0 0 no-repeat; margin:15px 0 0 0; padding:20px 16px 20px 16px; color:#fff; }
.hypervr2 .especial p.precio{ width:185px; text-align:left; font-size:36px;  letter-spacing:-1px; line-height:36px;  float:left; margin:0; padding:0 0 0 5px; text-shadow:1px 1px 1px #016880; height:auto; font-family:Arial, Helvetica, sans-serif;  }
.hypervr2 .especial p.precio span{ font-size:24px; font-family:Cambria, Georgia, sans-serif; display:block; float:left; margin:0; padding:0 0 0 6px; width:100%; clear:both; }
.hypervr2 .especial p.precio strong{ font-size:60px; letter-spacing:-3px; float:left; margin:0 5px 0 0; font-family:Arial, Helvetica, sans-serif; }
.hypervr2 .especial ul{ width:244px; float:right; margin:0; padding:8px 0 12px 21px; list-style-type:none; clear:none; font-size:14px; text-shadow:1px 1px 1px #016880; font-weight:bold; background:url(../img/especial-punto-v.gif) 0 0 repeat-y;}
.hypervr2 .especial ul li{ width:244px; margin:0; padding:0; float:left; margin:0 0 3px 0; padding:0 0 0 15px; background:url(../img/especial-bullet.gif) 0 5px no-repeat; }

.intro-interior h1{ color:#fff; padding:11px 0 0 0; margin:0; width:auto; font-size:30px;  }

#content h2.intro{ font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; color:#333; text-transform:none; font-weight:normal; letter-spacing:-1px; padding:0 390px 6px 0; width:590px; }

/* LISTADO DE PROYECTOS	*/
.projects-list h3{ display:block; width:100%; float:left; clear:both; margin:0 0 20px 0; padding:12px 0 12px 0; text-transform:uppercase; font-size:24px; font-weight:bold; border-bottom:1px solid #cccccc; border-top:1px solid #cccccc; }
.projects-list ul.line { margin-bottom:48px; }
.projects-list ul.line li{ width:260px; float:left; clear:none; margin:0 80px 0 0; padding:0;}
.projects-list ul.line li.last{ margin-right:0; }
.projects-list ul.line ul{ display:block; width:100%; list-style-type:none; margin:0 0 12px 0; float:left; padding:0; clear:both; font-size:11px; }
.projects-list ul.line li li{ width:230px; float:left; clear:both; padding:0 0 0 12px; margin:0 0 3px 0; background:url(../img/projects-bullet.gif) 0 4px no-repeat;  }

.projects-list span.image,
.content-project span.image{ display:block; float:left; width:250px; height:200px; overflow:hidden; margin:0 0 4px 0; padding:10px 0 0 10px; background:url(../img/projects-img-bg.gif) top left no-repeat; }
.projects-list span.image span,
.content-project span.image span{ display:block; width:240px; height:180px; float:left; margin:0; padding:0; }
.projects-list h4{ font-size:18px; color:#5ba3cd; width:100%; margin:0 0 4px 0; padding:0; float:left;}
.projects-list a{ text-decoration:none; }

a.mas-info{ display:block; width:155px; height:34px; background:url(../img/mas-info.gif) top left no-repeat; float:left; }
a.mas-info span{ display:none; }

/* CONSULTANCY */
div.column-3{ width:640px; float:left; margin:0; padding:0 0 50px 0; color:#333; font-family:"Lucida Sans",Arial,sans-serif; font-size:12px; }
div.column-3 h1{ text-align:center; margin-bottom:15px; }
div.column-3 h2{ color:#333; font-size:14px; }
h1.special-1{ color:#3576a5; background:url(../img/special-1-bg.gif) top left repeat-x; text-shadow:1px 1px 1px #fff; font-style:normal; }
h1.special-1 span{display:block; width:100%; float:left; margin:0; padding:11px 0 11px 0; background:url(../img/special-1-bg.gif) bottom left repeat-x; }
div.content-consultancy li p.image{height:150px!important;min-height:0px!important}
div.content-consultancy li h2{height:26px!important}
div.content-consultancy .fila-1{margin-bottom:40px!important}
div.column-3 .special-2{ width:100%; padding:0; font-family:Cambria,Georgia,serif; color:#6eb9b8; float:left; clear:both; background:url(../img/special-2-bg.gif) top left no-repeat; text-shadow:1px 1px 1px #fff; font-size:18px; font-style:normal; text-transform:none; text-align:center; margin-bottom:15px; line-height:normal; }
div.column-3  .special-2 span{display:block; width:600px; float:left; margin:0; padding:11px 20px 11px 20px; background:url(../img/special-2-bg.gif) bottom left no-repeat; }

ul.temas{ width:100%; float:left; margin:0; padding:0; display:block; list-style-type:none; font-size:14px; color:#5ba3cd; }
ul.temas li{ width:286px; float:left; margin:0 0 7px 0; padding:0 20px 0 14px; clear:none; background:url(../img/temas-bullet.gif) 0 3px no-repeat; }

div.tecnologias{ width:260px; float:right; margin:0; padding:5px 20px 11px 20px; background:url(../img/tecnologias-open.jpg) top left no-repeat #5ba3cd; min-height:400px; height:auto; position:relative; color:#ffffff; text-shadow:1px 1px 1px #215a8d }
div.tecnologias span.cierre{ width:100%; float:left; height:11px; clear:both; margin:0; padding:0;  background:url(../img/tecnologias-close.jpg) 0 0 no-repeat; position:absolute; bottom:0; left:0;}
div.tecnologias h2{ font-size:24px; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; text-transform:none; text-align:center; line-height:normal; text-shadow:1px 1px 1px #2c6799; letter-spacing:-1px;}
div.tecnologias ul.block { background:url(../img/tecnologias-bg.gif) 0 0 repeat-x; padding-bottom:25px; }
div.tecnologias ul.block li{ color:#fff; font-family:"Myriad Pro",Arial,sans-serif; font-size:14px; text-shadow:1px 1px 1px #2c6799; background:url(../img/tecnologias-bg.gif) bottom left repeat-x; text-align:center; padding:10px 0 11px 0; }

div.tecnologias.vps { 
  width: 212px; 
  margin-top: 94px; 
  padding:5px 20px 4px 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

div.content-nosotros h1{ font-size:30px; margin-top:20px; }

/* DEVELOPMENT	*/
.column-3 .column-1 ul.block li{ min-height:250px; height:auto; }
.column-3 .column-1 ul.block p.image{ min-height:140px; height:auto; }

div.colaboracion{ background:url(../img/colaboramos-div-bg.gif) top left no-repeat; }
div.colaboracion p{ line-height:18px; background:url(../img/colaboramos-bg.jpg) top center no-repeat; padding:140px 0 26px 0; }
div.colaboracion h2{ text-align:left; margin-bottom:5px; }
div.colaboracion p.contact{ background:none; padding:8px 0 0 0; margin:0; border-top:1px solid #7cb5d7; }
div.colaboracion p.contact a{ color:#fff; text-transform:uppercase; text-decoration:none; background:url(../img/contact.gif) top left no-repeat; padding:0 0 5px 60px; width:auto; float:left; }

p.image{ min-height:133px; height:auto;  vertical-align:middle; }
p.image img{ height:auto; width:auto;  vertical-align:middle; }
/* PROJECT SHEET	*/

.content-project .wrapper { position:relative; }
.project-sheet h1{ padding-left:341px; font-size:30px; }
.sidebar{ width:260px; float:left; margin:0; padding:0 20px 0 20px; clear:none; min-height:600px; height:auto; background:url(../img/sidebar-bg.gif) top left no-repeat; position:absolute; top:-70px; left:0; }
span.mini-image{ display:block; width:74px; height:74px; float:left; margin:0 3px 0 0; padding:0; border:5px solid #ddeff7; overflow:hidden;}	
.sidebar span.last{margin-right:0; }
.sidebar .thumbs p{ margin:0 0 15px 0; padding:0; }
.content-project .sheet{ width:640px; float:right; margin:0; padding:0; clear:none; min-height:600px; height:auto; }

/* Lista principal de datos del proyecto*/
div.sheet ul.data { border-top:1px solid #eeeeee; margin:0 0 26px 0;}
.sheet .data li{border-bottom:1px solid #eeeeee; font-size:12px; color:#666; background:url(../img/sheet-data-bg-1.gif) 0 0 no-repeat #fff; padding:13px 0 12px 0; }
.sheet .data li.bg{ background:url(../img/sheet-data-bg-2.gif) 0 0 no-repeat #fff; }
.sheet .data li strong{ color:#5ba3cd;  padding-left:13px; background:url(../img/sheet-data-bullet.gif) 0 4px no-repeat; }

.sheet h2{ font-size:21px; color:#333333; text-transform:none; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; letter-spacing:-1px; width:100%; float:left; clear:both; margin:0 0 12px 0; padding:0; }

.destacar{ width:620px; float:left; margin:0 0 30px 0; padding:19px 0 0 20px; clear:both; color:#666666 } 
.destacar h1,
.related h2{ font-family:Georgia, "Times New Roman", Times, serif; color:#333; font-size:18px; margin:0 0 12px 0; padding:0; font-style:italic;}
.destacar ul li{ width:599px; padding:0 0 0 21px; background:url(../img/sheet-destaca-bullet.gif) 0 2px no-repeat; margin:0 0 9px 0 }

/* Proyectos relacionados */
.related{  width:600px;  float:left; clear:both; margin:0; padding:17px 20px 38px 20px; min-height:240px; height:auto; background:url(../img/related-bg.gif) top left no-repeat; }
.related h2{ margin-bottom:16px; }	

.related ul.block li{ width:280px; margin:0 0 15px 0; padding:0; background:none; color:#333; border:none; }
.related ul.block li.fright{ float:right; }
.related ul.block li .data{ width:186px; float:right; margin:0; padding:0; overflow:hidden; height:auto; }
.related ul.block li .data li{ margin-bottom:4px; }
.related ul.block li  h3{ margin:0 0 3px 0; padding:0; }
.related ul.block li  h3 a{ text-decoration:none; }
.related ul.block li strong{ color:#333; background-position:0 3px; }

a.vertodos{ display:block; width:auto; float:left; margin:0; padding:0; background:url(../img/ver-todos.gif) top left no-repeat; width:190px; height:35px; }
a.vertodos span{ display:none; }

/* PRESUPUESTADOR	*/
.presupuestador{ width:640px; float:left; margin:0 0 40px 0; padding:0; background:url(../img/presupuestador-bg.gif) bottom right no-repeat  #e3f7fc;     }
.presupuestador .body{ width:604px; float:left; margin:0; padding:20px 18px 0 18px; height:auto; background:url(../img/presupuestador-top.gif) 0 0 no-repeat; }

.presupuestador h2{ text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; letter-spacing:normal; background:url(../img/presupuestador-borde.gif) 0 0 repeat-x; padding:0; margin:0 0 9px 0;  }
.presupuestador h2 span{ width:100%; float:left; clear:both; margin:0; padding:0;  background:url(../img/presupuestador-borde.gif) bottom left repeat-x; padding:10px 0 12px 0 }
p.help{ width:564px; float:left; margin:0 0 20px 0; padding:7px 0 8px 40px; background:url(../img/help.gif) 0 0 no-repeat; }

.presupuestador form{ width:100%; float:left; margin:0; padding:0 0 94px 0; clear:both; position:relative; }
.presupuestador form ul.block{ padding-bottom:15px; }
.presupuestador form li{ margin:0 0 9px 0; }
.presupuestador form li.so{ margin-bottom:16px; }
.presupuestador form label{ width:100%; display:block; float:left; margin:0; padding:0 10px 0 0; font-size:14px; text-transform:uppercase; font-weight:bold; }
.presupuestador form label.auto{ width:auto; padding:5px 10px 0 0; }
.presupuestador form select{ border:1px solid #a9d7e3; padding:4px 4px 4px 2px; }
span.deslizador{ width:339px;/*39*/ height:28px; overflow:hidden; margin:0; padding:4px ; float:left; }
span.etiqueta{ width:160px; height:26px; display:block; float:left; margin:0 0 0 20px; padding:10px 0 0 0; text-align:center; background:url(../img/etiqueta-bg.gif) 0 0 no-repeat; font-weight:bold; text-transform:uppercase; }

/**/
#memory-slider .ui-slider-horizontal .ui-slider-handle { top: 0em; margin-left: -19px; }


.presupuestador form p.botonera{ width:604px; height:68px; float:left; margin:15px 0 0 0; padding:26px 18px 0 18px; background:url(../img/presu-botonera-bg.gif) 0 0 repeat-x #7bdaf2; position:absolute; bottom:0; left:-18px; font-family:Arial, Helvetica, sans-serif; }
.presupuestador form p.botonera span.precio-total{ width:350px; float:left; margin:0; padding:6px 0 0 0; color:#1e7f95; text-shadow:1px 1px 1px #fff; }
.presupuestador form p.botonera span.precio-total .etiqueta{ width:111px; float:left; margin:0; padding:0 16px 0 0; text-align:center; font-weight:normal; background:none; text-transform:none; }
.presupuestador form p.botonera span.precio-total .etiqueta strong{ text-transform:uppercase; display:block; width:100%; float:left; clear:both; margin:0; padding:0; }

#precio-total{ width:196px; float:left; clear:none; font-size:36px; letter-spacing:-2px; padding:8px 0 0 0; margin:0;}
#precio-total strong{ font-size:60px;  }

.presupuestador form p.botonera input.boton{ float:right; width:159px; height:45px; margin:4px 80px 0 0; background:url(../img/contratar-bg.gif) 0 0 no-repeat; text-transform:uppercase; color:#fff; border:none;
                                             text-shadow:1px 1px 1px #1789b1; font-size:18px; font-family:"Lucida Sans",Arial,sans-serif; letter-spacing:-1px; cursor:pointer; }

.presupuestador span.cierre{ width:100%; height:11px; float:left; clear:both; margin:0; padding:0; background:url(../img/presupuestador-bottom.gif) 0 0 no-repeat; }

/* CARACTERISTICAS	*/
.column-3 h2.caract{  font-size:24px; font-family:"Lucida Sans",Arial, sans-serif; font-weight:bold; color:#47acc5; text-shadow:1px 1px 1px #fff; text-transform:none; letter-spacing:-1px; text-align:center; background:url(../img/caract-bg.gif) 0 0 no-repeat #baecf8; }
.column-3 h2.caract span{ display:block; width:100%; float:left; margin:0; padding:0 0 6px 0; background:url(../img/caract-cierre.gif) bottom left  no-repeat; }

.caracteristicas{ width:100%; float:left; clear:both; margin:0; padding:0; background:url(../img/punto-v.gif) 430px 0 repeat-y; }
.caracteristicas h3{ font-size:14px; color:#6eb9b8; font-weight:bold; text-transform:uppercase; letter-spacing:-1px; float:left; margin:0 0 6px 0; padding:0; }
.ampliaciones{ width:409px; float:left; clear:none; margin:0; padding:100px 20px 0 0; background:url(../img/ampliaciones.png) 0 0 no-repeat; }
.ampliaciones ul.block{ border-top:1px solid #bdecf8; }
.ampliaciones ul.block li{ border-bottom:1px solid #bdecf8; padding:5px 0 4px 0; }
.ampliaciones ul.block li span{ width:auto; float:left; margin:0; padding:6px 0 0 8px; }
.ampliaciones ul.block li span.coste{ float:right; padding:6px 0 0 0; font-weight:bold;}

a.ampliar{ width:27px; height:28px; display:block; float:left; background:url(../img/ampliar.gif) 0 0 no-repeat; }
a.ampliar span{ display:none; }

.centro-datos{ width:170px; float:left; margin:0 0 0 30px; padding:127px 0 0 0; background:url(../img/centro-datos.png) 0 0 no-repeat; }
.centro-datos p span{ padding:0 0 0 6px; }
.centro-datos a{ width:118px; height:70px; float:left; margin:0 0 0 8px; padding:48px 0 0 0; text-align:center; background:url(../img/ubicaciones.gif) 0 0 no-repeat; font-size:10px; text-transform:uppercase; text-decoration:none; color:#5ba3cd; }

.column-2 h2.ventajas{ font-family:Cambria,Arial,sans-serif; color:#6eb9b8; font-size:25px; font-weight:bold; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; text-transform:none; letter-spacing:normal; padding:2px 0 3px 0; margin:20px 0 23px 0; }	
ul.ventajas li{ width:200px; padding:0 0 0 100px; margin:0 0 12px 0; font-size:11px; background-position:0 0; background-repeat:no-repeat; }
ul.ventajas li h3{ font-size:14px; margin:0; padding:0; float:left; width:100%; font-family:Cambria,Arial,sans-serif; }
ul.ventajas li.ventaja1{ background-image:url(../img/ventaja1.gif); }
ul.ventajas li.ventaja2{ background-image:url(../img/ventaja2.gif); }
ul.ventajas li.ventaja3{ background-image:url(../img/ventaja3.gif); }
ul.ventajas li.ventaja4{ background-image:url(../img/ventaja4.gif); }

/*	NOSOTROS	*/
.nosotros-intro{ width:100%; float:left; clear:both; margin:0; padding:0; font-family:Cambria, Georgia, serif; font-size:22px; line-height:normal; }	
.nosotros-intro p{ line-height:normal; }
.content-nosotros h1.sec{ text-align:left; margin:0 0 13px 0; padding:0; }
.content-nosotros h1{margin:40px 0px!important }
ul.nosotros{ width:100%; float:left; clear:both; margin:11px 0 0 0; padding:0; list-style-type:none; color:#666;  }
ul.nosotros li{ width:300px; float:left; clear:none; margin:0 0 47px 0; padding:0; height:380px }
ul.nosotros li.toR{ float:right; }
ul.nosotros li span.image{ width:87px; height:87px; float:left; clear:none; margin:0 0 21px 0; padding:5px 0 0 5px; background:url(../img/nosotros-image.jpg) 0 0 no-repeat; }
ul.nosotros li span.image span{ width:80px; height:80px; overflow:hidden; float:left; margin:0; padding:0; border:1px solid #fff; }
ul.nosotros li .data{ width:180px; float:left; margin:0; padding:0px 0 0 20px; font-size:14px; }
ul.nosotros li h2{ color:#6eb9b8; text-transform:none; margin:0 0 5px 0; padding:0; font-size:18px;  }

ul.nosotros li .full{ font-size:12px; border-bottom:1px solid #cde3f0;height:260px}
ul.nosotros  p.media a{  width:auto; display:block; float:left; clear:none; margin:0 20px 12px 0; background-position:0 0; background-repeat:no-repeat; }
ul.nosotros  p.media a span{ display:none; }

ul.nosotros  p.media a.twitter{ width:79px; height:17px; background-image:url(../img/twitter-nosotros.jpg);}
ul.nosotros  p.media a.facebook{ width:79px; height:17px; background-image:url(../img/facebook-nosotros.jpg); margin-right:80px;}
ul.nosotros  p.media a.blog{ width:79px; height:21px; background-image:url(../img/blog-nosotros.jpg); clear:left;}
ul.nosotros p.media  a.dopplr{ width:79px; height:21px; background-image:url(../img/dopplr-nosotros.jpg); }


p.headq a.image{ display:block; width:190px; height:150px; float:left; margin:0 20px 8px 0; padding:10px 0 0 10px; background:url(../img/headq-bg.jpg) 0 0 no-repeat; }
p.headq a.image span{ display:block; width:180px; height:130px; float:left; overflow:hidden; }
p.headq a.last{ margin-right:0; }

a.flickr{ background:url(../img/flickr-headq.jpg) 0 2px no-repeat; padding:3px 0 3px 70px; }

.plugin{ float:left; clear:both; margin:0 0 27px 0; padding:0; }


#content form{width:90%}
#content form.contact{ float:left;margin-top:30px; }
#content form.contact{font-size: 14px}
#content form.contact label{display:block;margin-bottom:2px;}
#content form.contact input,
#content form.contact select,
#content form.contact textarea{font-size: 14px;padding:4px;display:block;margin-bottom:12px;width:250px}
#content form.contact textarea{width:350px;height:200px}
#content form.contact input[type=button]{width:150px!important}


#blog { padding-top: 30px; padding-bottom: 40px; }
#blog p.filter{padding:10px;background-color:#FFF58F;margin-right:8px;font-weight: normal;margin-bottom:40px}

#blog .post { border-bottom: 1px solid #eee; padding: 0px 0px 24px 0px; margin: 0px 8px 40px 0px; position: relative; color:#444; }
#blog .post p a {color: #3B7C9F;text-decoration: underline}
#blog .post p,
#blog .post p ul li,
#blog .post p table td,
#blog .post p ul{ line-height: 20px; font-size:14px!important; }
#blog .post .content *{line-height: 20px; font-size:14px!important;}

#blog .post .title .autor{margin-bottom: 4px;}
#blog .post .title iframe {margin-top:5px;}
#blog .post .title {margin-top:-2px;}
#blog .post .title img{ margin:0px 10px 15px 0px; width:38px; height:38px; float:left; padding:3px;border:1px solid #ccc }
#blog .post .title h2 { font-size:25px;font-style:normal; font-family:Verdana,Helvetica,Arial;font-weight:500;padding-right:30px;padding-bottom:0px;margin-bottom:0px; }
#blog .post h2 {  clear: none;font-size:25px;line-height: 30px;margin:0px 0px 10px 0px!important;font-style:normal; font-family:Verdana,Helvetica,Arial;font-weight:500;padding-right:30px;padding:0px; }
#blog .post h2 a{text-decoration: none;}

#blog .post h2.sub{font-size:20px}

#blog .post .pfoot{margin-top:10px!important;padding-top:10px;color:#666;border-top:1px dashed #ddd}
#blog .post .pfoot a{color:#666;background-color:#fff;text-decoration: underline}
/*#blog .post img,
#blog .post a.img{float:left!important;margin:0px 10px 10px 0px;width:250px}*/

#blog .post .alignright{margin-left:20px}
#blog .post .alignleft{margin-right:20px}



#blog .comments {  width: 260px; height: 36px; background: url(../img/comments-blog.gif) no-repeat right top; text-align: right; padding-right: 50px; font-size: 1.05em; padding-top: 8px; line-height: 1em; }
#blog .comments a { color: #333; }
#blog .comments a:hover { color: #5ba3cd; }

#blog .sep{padding:5px 0px;font-family:Arial;color:#666;font-size:10px; text-transform:uppercase;border-bottom:1px dashed #ccc;margin:-5px 0px 15px 0px;background-color:#efefef}


#blog_sidebar h3{font-size:12px!important;margin-top:30px}
#blog_sidebar ul{margin:0px;padding:0px}
#blog_sidebar ul li{font-size:12px;list-style:none;padding:0px 0px 10px 0px}
#blog_sidebar label{display:none}
#blog_sidebar input[type=text]{width:140px}
#blog_sidebar #searchsubmit{width:60px;float:right}

#blog_sidebar a{text-decoration:none}

ul#commentlist{margin:0px;padding:0px}
ul#commentlist li{list-style:none}
ul#commentlist li.comment{margin:15px 0px;border-bottom:1px dashed #ddd}
a#postcomment{font-size:12px}

ul#commentlist li img{ float:left; margin: 10px 8px 8px 0px;padding:2px;border:1px solid #ddd }
ul#commentlist li p{float:right;width:550px;clear: none!important;}
ul#commentlist li{padding:10px}
ul#commentlist li cite{font-size:11px}
ul#commentlist li.odd{background-color:#fcfcfc}
#commentform input[type=submit]{width:100px!important}

h3.commentit{color:#000}
textarea#commentextarea{width:80%!important;height:200px!important}

#dialog-form label{display:block;margin-bottom:4px;}
#dialog-form input,
#dialog-form select,
#dialog-form textarea{ margin-bottom:8px;width:95%; }
#dialog-form textarea{height:130px!important}

#dialog-form ul{margin:0px 0px 20px 0px;padding:0px}
#dialog-form ul li{list-style:none}


#grid-slides .ui-slider { position: relative; text-align: left; }
#grid-slides .ui-slider .ui-slider-handle { position: absolute; z-index: 3; width: 20px; height: 29px; cursor: e-resize; background: transparent url("./sliders/slider-button.png") 0px 1px; background-repeat: no-repeat; border:none }
#grid-slides  .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 50%; }

#grid-slides .ui-slider-horizontal { height: 22px; }
#grid-slides .ui-slider-horizontal .ui-slider-handle { top: 0em; margin-left: -19px; }
#grid-slides .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
#grid-slides .ui-slider-horizontal .ui-slider-range-min { left: 0; }
#grid-slides .ui-slider-horizontal .ui-slider-range-max { right: 0; }

#grid-slides .ui-slider-vertical { width: .8em; height: 100px; }
#grid-slides .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
#grid-slides .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
#grid-slides .ui-slider-vertical .ui-slider-range-min { bottom: 0; }
#grid-slides .ui-slider-vertical .ui-slider-range-max { top: 0; }

#grid-slides .ui-widget-content {  border:none;background: transparent url(./sliders/slider-base.png) 0px 50% no-repeat; color: #222222; }
#grid-slides .ui-widget-content a { color: #222222; }
/*.ui-widget-header { border: 1px solid #4297d7; background: #2191c0 url(images/ui-bg_gloss-wave_75_2191c0_500x100.png) 50% 50% repeat-x; color: #eaf5f7; font-weight: bold; }*/
#grid-slides .ui-widget-header {  background: transparent url(./sliders/slider-full.png) 0px 50% no-repeat; color: #eaf5f7; font-weight: bold; }
#grid-slides .ui-widget-header a { color: #eaf5f7; }

#memory-slider  {  background: transparent url(./sliders/slider-base.png) 0px 50% no-repeat!important; }
#memory-slider .ui-widget-header {  background: transparent url(./sliders/slider-full.png) 0px 50% no-repeat; }
.validateTips{padding:2px;color:#666}
.ui-widget-overlay{opacity:0.5!important}
li.periodo label{display:inline!important}
li.periodo input[type=radio]{width:auto!important;display:inline}
li.periodo {margin-bottom: 10px}

div.plan a{color:#000!important}

.clear{clear:both!important}