html, body, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, th, td, pre, blockquote,form, fieldset, legend, input, select, textarea, button, small{ margin: 0; padding: 0; font-size: 100%; }input, textarea, select{outline: 0;}body{color: white; line-height: 1;}ol, ul{list-style: none;}table{border-collapse: separate; border-spacing: 0;}caption, th, td {text-align: left; font-weight: normal;}h1, h2, h3, h4, h5, h6{font-weight: normal; font-size: 1em;}fieldset, a img{ border: 0; }.clearfix:after, div:after, ul:after, form li:after{ content: ""; display: block; clear: both; height: 0; visibility: hidden; }.clearfix, div, ul, form li{ min-height: 0; }* html .clearfix, * html div, * html ul, * html form li{ height: 1%; }.invisible{ position: absolute; left: -99999em; text-indent: -99999em; line-height: 0; margin: 0; padding: 0;}.oculto{ display: none; }.capitalized{text-transform: capitalize;}.js-enabled .ocultojs{ display: none; }
li p, li li, li address, li dt, li dd,dd p, dd li, li pre, td p, td li, th p, th li, td dt, td dd, th dt, th dd, li td, li th, li caption, address p, address li,li h1, li h2, li h3, li h4, li h5, li h6,dd h1, dd h2, dd h3, dd h4, dd h5, dd h6{font-size: 1em;}
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left; position: relative; margin-left: 1em; margin-right: 1em;}
html>body .grid_1,html>body .grid_2,html>body .grid_3,html>body .grid_4,html>body .grid_5,html>body .grid_6,html>body .grid_7,html>body .grid_8,html>body .grid_9,html>body .grid_10,html>body .grid_11,html>body .grid_12,html>body .grid_13,html>body .grid_14,html>body .grid_15,html>body .grid_16 {margin-left:1.04270833333%;margin-right:1.04270833333%;}
.container_12,.container_16 {margin-left:auto;margin-right:auto;width:96em;max-width:100%; }
.alpha {margin-left:0 !important;}.omega {margin-right:0 !important;}.container_12 .grid_1 {width:6em;max-width:6.25%;}.container_12 .grid_2 {width:14em;max-width:14.583333333333%;}.container_12 .grid_4 {width:30em;max-width:31.25%;} .container_12 .grid_5 {width:38em;max-width:39.583333333333%;}.container_12 .grid_7 {width:54em;max-width:56.25%;}.container_12 .grid_8 {width:62em;max-width:64.583333333333%;}.container_12 .grid_10 {width:78em;max-width:81.25%;}.container_12 .grid_11 {width:86em;max-width:89.583333333333%;}.container_12 .prefix_1 {padding-left:8.3333333333333%;}.container_12 .prefix_2 {padding-left:16.666666666667%;}.container_12 .prefix_4 {padding-left:33.333333333333%;}.container_12 .prefix_5 {padding-left:41.666666666667%;}.container_12 .prefix_7 {padding-left:58.333333333333%;}.container_12 .prefix_8 {padding-left:66.666666666667%;}.container_12 .prefix_10 {padding-left:83.333333333333%;}.container_12 .prefix_11 {padding-left:91.666666666667%;}.container_12 .suffix_1 {padding-right:8.3333333333333%;}.container_12 .suffix_2 {padding-right:16.666666666667%;}.container_12 .suffix_4 {padding-right:33.333333333333%;}.container_12 .suffix_5 {padding-right:41.666666666667%;}.container_12 .suffix_7 {padding-right:58.333333333333%;}.container_12 .suffix_8 {padding-right:66.666666666667%;}.container_12 .suffix_10 {padding-right:83.333333333333%;}.container_12 .suffix_11 {padding-right:91.666666666667%;}.container_12 .push_1 {left:8.3333333333333%;}.container_12 .push_2 {left:16.666666666667%;}.container_12 .push_4 {left:33.333333333333%;}.container_12 .push_5 {left:41.666666666667%;}.container_12 .push_7 {left:58.333333333333%;}.container_12 .push_8 {left:66.666666666667%;}.container_12 .push_10 {left:83.333333333333%;}.container_12 .push_11 {left:91.666666666667%;}.container_12 .pull_1 {left:-8.3333333333333%;}.container_12 .pull_2 {left:-16.666666666667%;}.container_12 .pull_4 {left:-33.333333333333%;}.container_12 .pull_5 {left:-41.666666666667%;}.container_12 .pull_7 {left:-58.333333333333%;}.container_12 .pull_8 {left:-66.666666666667%;}.container_12 .pull_10 {left:-83.333333333333%;}.container_12 .pull_11 {left:-91.666666666667%;}.container_12 .grid_3 {width:22em;max-width:22.916666666667%;}.container_12 .grid_6 {width:46em;max-width:47.916666666667%;}.container_12 .grid_9 {width:70em;max-width:72.916666666667%;}.container_12 .grid_12{width:94em;max-width:97.916666666667%;}.container_12 .prefix_3 {padding-left:25%;}.container_12 .prefix_6 {padding-left:50%;}.container_12 .prefix_9{padding-left:75%;}.container_12 .suffix_3 {padding-right:25%;}.container_12 .suffix_6{padding-right:50%;}.container_12 .suffix_9{padding-right:75%;}.container_12 .push_3{left:25%;}.container_12 .push_6{left:50%;}.container_12 .push_9{left:75%;}.container_12 .pull_3 {left:-25%;}.container_12 .pull_6{left:-50%;}.container_12 .pull_9{left:-75%;}
html{font-size: 125%;}
body{text-align: center; font-size: .5em; font-family: arial, sans-serif; color: #434343; background: #fff; }
p, pre, address, li, dt, dd, th, td, caption, legend, input, select, textarea, button{ font-size: 1.3em; line-height: 1.4615em; }
p{ margin-bottom: 1em; }
ul, ol, dl, pre, blockquote{margin-bottom: 1.3em;}
blockquote{border-left: 3px solid #ccc; padding: 0 0 0 20px;}
blockquote p, blockquote li{ font: italic 1.6em/1.3 constantia, cambria, georgia, times, serif; color: #949494; }
blockquote p.last-child, blockquote li.last-child{ margin-bottom: 0; }
q{font-style: italic;}
cite{font-style: normal;}
input, select, textarea, button{font-family: arial, sans-serif; color: #878787;} /* no heredan la fuente del body */
pre, code, samp, tt, kbd{font-family: "Panic Sans", monaco, "Segoe UI", arial, sans-serif; } /* vamos a apostar por una fuente no monospace */
abbr, acronym{border-bottom-style: dotted; border-width: 1px; cursor: help;}
a{text-decoration: none; border-bottom-width: 1px; border-bottom-style: dashed;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, li a, #pie a, .img a{border: none;}
:link{ color: #ed145b;}
html:not(.js-enabled) a:hover,
a:focus,
a:visited:focus,
html:not(.js-enabled) a:visited:hover{color: #8d9f27;}
html:not(.js-enabled) a.button:hover, a.button:hover{color: #fff;}
a:visited{color: #ed145b;}
/* A font by Jos Buivenga (exljbris) -> www.exljbris.com */
/* woff no funciona en Safari / Google Chrome Mac
@font-face {
font-family: 'MuseoSlab500';
src: url('../fonts/Museo_Slab_500.eot');
src: local('☺'), url('../fonts/Museo_Slab_500.woff') format('woff'), url('../fonts/Museo_Slab_500.ttf') format('truetype');
}
*/
@font-face {
font-family: 'MuseoSlab500';
src: url('../fonts/Museo_Slab_500.eot');
src: local('Museo Slab 500'), local('MuseoSlab-500'), url('../fonts/Museo_Slab_500.otf') format('opentype');
}
h1, h2, h3, h4, h5, h6{font-weight: 500; color: #000; font-family: "MuseoSlab500", 'Helvetica-Neue', 'Helvetica Neue', arial, sans-serif; margin-bottom: 7px; line-height: normal;}
h1{font-size: 7.1em; margin-bottom: 20px; letter-spacing: -1px; font-weight: 500;}
#cuerpo h1{margin-bottom: 0; padding-bottom: 20px;}
h2{font-size: 3.6em; letter-spacing: -1px;}
h3{font-size: 2.4em; }
h4{font-size: 1.8em; }
p + h2, ul + h2, ol + h2,
p + h3, ul + h3, ol + h3,
p + h4, ul + h4, ol + h4,
p + h5, ul + h5, ol + h5{margin-top: 25px;}
/* ----------------------------
ESTRUCTURA
----------------------------- */
/* #contenedor{background: url(../img/sprite.png) 0 -99999em no-repeat;} sprite porsia */
.container_12{text-align: left;}
#cuerpo{padding-top: 2.5em; padding-bottom: 3em; min-height: 50em; height: 50em;}
html>body #cuerpo{height: auto;}
#cuerpo .bloque{padding-bottom: 5em; clear: both;}
#pie{background: #212121; margin-top: 3em;}
/* ----------------------------
REUTILIZABLES
----------------------------- */
.left{float: left;}
.right{float: right;}
.aligncenter{text-align: center;}
.alignleft{text-align: left;}
.alignright{text-align: right;}
.interior{padding: 1em 1em .1em;}
.destacado{background: #f5f5f5;}
.texto-destacado{padding-bottom: 1.5em;}
.texto-destacado li, .texto-destacado p{font-size: 1.7em;}
.texto-destacado li{line-height: 1.4117em;}
.texto-destacado p{line-height: 1.2941em;}
.back{display: none;}
/* capturas proyectos 300px */
.img img{padding: 5px; background-color: #dcdcdc; max-width: 96.6666%;}
.servicios .img img{max-width: 100%;}
.img a:hover img{background-color: #c4c4c4;}
.sombra{padding-bottom: 7px; }
.sombra:hover{background: url(../img/bgImg300.gif) 100% 100% no-repeat;} /* apanar para explorer 6 :( */
/* sets de imagenes */
#cuerpo .image-set{margin-bottom: 0;}
#cuerpo .image-set li{padding-left: 0; background: none; font-size: 1em; margin-bottom: 1.5em;}
.js-enabled #cuerpo .image-set li{margin-bottom: 0;}
.set-nav{float: right;}
.set-nav a{display: block; float: left; text-align: center; margin: 0 0 0 5px; background: #ed145b; border: 1px solid #ed145b; color: #fff; padding: 5px 9px; font-weight: bold; font-size: 1.5em; line-height: 1;}
.set-nav a:hover,
.set-nav a:active,
.set-nav a:focus,
.set-nav a.activo{color: #ed145b; background: #fff;}
/* listas con linea separatoria punteada */
#cuerpo ul.dotted li{background: url(../img/dottedG_01.gif) bottom left repeat-x; padding: 3px 0 6px; line-height: 1.3846em; padding-left: 0;}
.dotted li a{font-weight: bold; display: block;}
/* iconos */
a.external{padding-right: 14px; background: url(../img/externalLink.gif) 100% 2px no-repeat;}
a.external:hover{background-position: right -18px; }
/* ----------------------------
FORMULARIOS
----------------------------- */
form .campo{padding-bottom: 2em;}
form .campo div{padding-bottom: .4em;}
form .campo label{font-size: 1.3em; font-weight: bold;}
form .campo label span{font-weight: normal;}
.button{background: #ed145b url(../img/bgButton.png) bottom left repeat-x; color: #fff; text-shadow: -1px -1px 0 #590c21; border: 0; height: 31px; text-align: center; cursor: pointer; padding: 0 10px; font-size: 1.6em; font-family: 'Microsoft Sans Serif', 'Helvetica Neue', arial; letter-spacing: 1px; min-width: 65px;}
p a.button{line-height: 31px; font-size: 1.1538em; color: #fff; display: block; float: left; margin-top: 1em; letter-spacing: normal; font-family: arial, sans-serif;}
a.button:hover{color: #fff;}
* html .button{width: 65px; white-space: nowrap; overflow: visible;}
:first-child+html .button{overflow: visible;}
input.text{width: 189px; padding: 3px 5px; background: #fff url(../img/bgCampoForm.jpg) 0 0 repeat-x; border: 1px solid #d2d2d2; line-height: 120%; }
textarea{width: 440px; height: 123px; padding: 3px 5px; line-height: 150%; background: #fff url(../img/bgCampoForm.jpg) 0 0 repeat-x; border: 1px solid #d2d2d2;}
input.activo, textarea.activo{padding: 2px 4px; }
input.text:focus, textarea:focus,
input.activo, textarea.activo{border-color: #ed145b; border-width: 2px;}
select{width: 210px; border: 1px solid #d2d2d2; }
.inputwrapper{display: block; float: left; padding: 4px; background: #e9e9e9; display: inline;}
.inputwrapper input,
.inputwrapper textarea{float: left; }
.formbody .inputwrapper{margin-right: 5px; display: inline; }
.formbody .inputwrapper input{margin-bottom: 0;}
/* adaptacion a HTML TYPOLight */
.formbody label{font-size: 1.3em; font-weight: bold; display: block; padding-bottom: 4px;}
.formbody label span{font-weight: normal;}
.formbody input, .formbody textarea{margin-bottom: 18px;}
/* errores */
.formbody p.error{margin-bottom: 0; color: #cd1947;}
.formbody input.error{color: #cd1947; border-color: #cd1947;}
/* ----------------------------
LISTADOS
----------------------------- */
#cuerpo ul li{padding-left: 14px; background: url(../img/bullet_02.gif) 0 6px no-repeat;}
#cuerpo ol{padding-left: 2.1em;}
#cuerpo ol li{list-style: decimal;}
.ce_text dt{font-weight: bold;}
.ce_text dd{margin-bottom: 1em;}
.ce_text ol li{margin-bottom: 1em;}
.ce_text ol li table{margin-bottom: 0;}
/* ofertas de trabajo */
.grid_5 .mod_article .ce_text ol li{margin-bottom: 5px;}
/* ----------------------------
TABLAS DE DATOS
----------------------------- */
table.datos{border-spacing: 1px; border-collapse: separate; margin-bottom: 1.3em;}
table.datos caption{font-weight: bold;}
table.datos th, table.datos td{padding: 2px 10px;}
table.datos tbody th{text-align: center;}
table.datos tbody tr.par th,
table.datos tbody tr.par td{background: #edf4ff;}
table.datos tbody tr:nth-child(2n) th,
table.datos tbody tr:nth-child(2n) td{background: #edf4ff;}
table.datos tbody tr:hover td,
table.datos tbody tr:hover th,
table.datos tbody tr.hover td,
table.datos tbody tr.hover th{background: #ffffd3;}
table.datos thead tr,
table.datos thead td{background: #6f6f6f url(../img/bgThead.jpg) bottom left repeat-x; font-weight: bold; text-align: center; color: #fff;}
/* ----------------------------
CABECERA
----------------------------- */
#cabecera{background: #000; border-bottom: 4px solid #dcdcdc; }
#cabecera .container_12{background: url(../img/bgCabeceraHome.jpg) 0 0 no-repeat; padding-bottom: 30px; }
#cabecera .grid_12{position: relative;}
#slogan{font: 500 7.1em MuseoSlab500, 'Helvetica-Neue', 'Helvetica Neue', Arial, sans-serif; color: #fff; margin-bottom: 15px; margin-top: 40px; }
#slogan em{font-style: normal;}
#cabecera .menu{text-align: right; width: 100%; padding: .8em 0 .8em; background: url(../img/dottedW_01.gif) bottom left repeat-x; position: absolute; top: 0; left: 0;}
#cabecera .menu li{font: 500 2em MuseoSlab500, 'Helvetica-Neue', 'Helvetica Neue', Arial, sans-serif; color: #fff; text-transform: lowercase; display: inline-block; /* esto es para IE 8 */ padding-left: 25px; }
:first-child+html #cabecera .menu li{display: inline;}
* html #cabecera .menu li{display: inline;}
#cabecera .menu li strong{font-weight: 500; color: #fff;}
#cabecera .menu li a{color: #ed145b; text-decoration: none; }
html:not(.js-enabled) #cabecera .menu li a:hover{color: #ed145b;}
#cabecera .menu li a:focus{color: #8d9f27;}
#cabecera h1{font-size: 1em; min-height: 0; margin-top: 60px; margin-bottom: 0; line-height: 1;}
#cabecera h1 span{font-size: 2.1em; display: block; color: #fff; letter-spacing: normal; text-align: right; padding-top: 4px; line-height: normal;}
#cabecera h1 a{float: left; }
#cabecera h1:after{content: ""; display: block; clear: both; visibility: hidden;}
* #cabecera h1{height: 1%;}
#cabecera .info-contacto{position: absolute; top: 77px; right: 0; text-align: right;}
.info-contacto p{font: 500 1.8em MuseoSlab500, 'Helvetica-Neue', 'Helvetica Neue', Arial, sans-serif; margin-bottom: 7px;}
.info-contacto p.tfno{font: 500 2em MuseoSlab500, 'Helvetica-Neue', 'Helvetica Neue', Arial, sans-serif; color: #fff; margin-bottom: 0;}
.info-contacto p.tfno strong{font-weight: normal;}
.info-contacto a{border: none; font-weight: normal; text-transform: lowercase;}
/* ----------------------------
PIE
----------------------------- */
#pie .links, #pie .paginas{padding-top: 18px; }
#pie ul, #pie p{margin-bottom: 5px; clear: left;}
#pie .links li{float: left; padding: 0 10px 0 11px; background: url(../img/sep_01.gif) 0 50% no-repeat; color: #fff;}
#pie .links li:first-child,
#pie .links li.first-child{padding-left: 0; background: none;}
#pie .links li.active strong{font-weight: normal;}
#pie .links .rss{background: url(../img/icoRss.gif) 0 3px no-repeat; float: left;}
#pie .links .rss:hover{background-position: 0 -17px;}
#pie .links .rss a{padding-left: 19px; }
#pie .paginas{text-align: right;}
#pie .paginas li{float: none; padding-right: 0; color: #fff;}
/* #pie .links .rss a:hover{background-position: 0 -18px;} */
#pie .info-contacto{float: right; background: #171717; margin-top: -17px; position: relative; text-align: right; padding-top: 18px;}
#pie .info-contacto p{margin-bottom: 0;}
#pie .info-contacto .interior{padding: 1em 1em .1em; min-height: 9.5em; height: 9.5em; }
html>body #pie .info-contacto .interior{height: auto;}
/* ----------------------------
SECCION: HOME
----------------------------- */
/* servicios */
#cabecera .servicios{clear: both;} /* bug IE 7 */
#cabecera .servicios h3{color: #fff; font-size: 2.4em; letter-spacing: normal;}
#cabecera .servicios .grid_4{ background: #212121; /* background: rgba(63,63,63, .5); */}
#cabecera .servicios .grid_4 .interior{padding: 1em 1em .1em;}
#cabecera .servicios .grid_4 li{padding-left: 14px; background: url(../img/bullet_01.gif) 0 50% no-repeat; color: #b4b4b4; line-height: 1.3846em;}
/* clientes */
.clientes h3, .clientes h2{font-size: 1.8em; margin-bottom: 6px; letter-spacing: normal;}
.clientes .grid_12 h2{font-size: 3.6em; letter-spacing: -1px;}
.clientes .img img{width: 29em; height: auto; display: block; max-width: 96.6666%; }
.clientes .grid_4{min-height: 31.5em; height: 31.5em; padding-bottom: 2em;}
.home .grid_4{padding-bottom: 0;}
html>body .clientes .grid_4{height: auto;}
.clientes .primero{clear: left;}
/* blog */
#cuerpo #blog_home ul.dotted li .title a{font-size: 1.3076em;}
#cuerpo #blog_home ul.dotted li a{font-weight: normal;}
#blog_home .fecha{line-height: 1; margin-top: 4px; margin-bottom: 4px; color: #b4b4b4;}
#blog_home{width:62em;max-width:64.583333333333%;margin-left:1.04270833333%;margin-right:1.04270833333%;display:inline;float:left; position: relative; }
/* newsletter */
#suscripcion_nl_home p{margin-bottom: .7692em;}
#suscripcion_nl_home .inputwrapper{margin-right: 5px;}
#suscripcion_nl_home{width:30em;max-width:31.25%;margin-left:1.04270833333%;margin-right:1.04270833333%;display:inline;float:left; position: relative; }
/* ----------------------------
SECCION: CONTACTO
----------------------------- */
.datos-contacto address + h2,
.datos-contacto .vcard + h2{margin-top: 30px;}
.datos-contacto address{font-style: normal;}
.datos-contacto dl{margin-bottom: 0;}
.datos-contacto dt, .datos-contacto dd{float: left;}
.datos-contacto dt{display: inline-block; float: left; background: red;}
.datos-contacto dd{display: block; background: green; clear: right;}
.datos-contacto dt{clear: left; padding-right: 5px;}
.datos-contacto .vcard p{margin-bottom: 0;}
/* ----------------------------
SECCION: FICHA PROYECTO
----------------------------- */
.ficha-proyecto h2{margin-bottom: 30px;}
.mod_newsreader .layout_full .grid_12 h2{margin-bottom: 20px;}
.mod_breadcrumb{margin-bottom: 20px;}
.mod_breadcrumb p{margin-bottom: 0;}
/* ----------------------------
SECCION: SERVICIOS
----------------------------- */
#cuerpo .servicios .bloque{background: url(../img/dottedB_01.gif) bottom left repeat-x; padding-bottom: 2.5em; margin-bottom: 2.5em;}