﻿/* CSS Document */

/* ----------------------- General ----------------------- */
* {
  font-family: Arial, Tahoma, Helvetica, sans-serif !important;
}
html *,html.js *,body, p, div, span, td, th, input, select, textarea, h1, h2, h3, h4, h5, h6 {
  font-family: Arial, Tahoma, Helvetica, sans-serif;
}
body{ background-color: #fff; padding: 0; margin: 0; text-align: justify;  color: #666;}
a{color: #000264;}
ul, ol { padding-left: 15px; margin: 0; }
ul ul, ol ol { padding-left: 30px; margin: 0; }

/* ----------------------- Text ----------------------- */
p{margin: 20px 0 14px 0; padding :0; text-align: justify;font-family: Arial, Tahoma, Helvetica, sans-serif;}
a{text-decoration: none; font-size: inherit;}
a:hover{ color:#999;}
strong{font-size: inherit;}

/* ----------------------- Cabecera ----------------------- */
#header-region { position: relative;}

#logo img {float: left; padding: 0 0 0 28px; width: 137px; margin: 88px 0 0;}

#banner{width: 907px; margin: 0 auto;}
#banner h2{display:none;}
#banner p{margin:0px;padding:0px;}

#banner1, #banner2, #banner3, #banner4, #banner5, #banner6 {float: left; width: 725px; padding: 0; margin: 0; height: 172px; border-left:17px solid #FFF;}
#banner1{background: url(images/banner1.jpg) no-repeat 0 0;}
#banner2{background: url(images/banner2.jpg) no-repeat 0 0;}
#banner3{background: url(images/banner3.jpg) no-repeat 0 0;}
#banner4{background: url(images/banner4.jpg) no-repeat 0 0;} 
#banner5{background: url(images/banner5.jpg) no-repeat 0 0;}
#banner6{background: url(images/banner6.jpg) no-repeat 0 0;}

h1.titulo {	float: left; width: 701px; padding: 0 0 0 20px; margin: 83px 0 0; height: 46px;	color:#fff;	font-family:Arial, Helvetica, sans-serif;font-size:55px; line-height:135px;}

#banner ul { list-style: none; }
.block-locale ul li { float: left; padding-right: 3px; }
.block-locale {	position:absolute; right: 26px; top: 15px; }

/* ----------------------- Menu desplegable ----------------------- */ 
/* en sites/alll/libraries/superfish/style/blue.cc   */

/* ----------------------- Column Left ----------------------- */
#column-left{float: left; width: 183px;}

#izquierda{background-color:#FFF;width:10%; float: left;}
#izquierda .active-trail{color: #000264;}

#izquierda .block {width: 183px; margin: 10px 0 0; text-align: left;}
#izquierda  h2 {padding-left: 14px; background: url(images/icon-title.gif) no-repeat 0 4px;font-size: 16px;color: #000264;}

/* --- Menu --- */
.block-menu_block ul li {list-style-type: none;list-style-image: none;}
.block-menu_block ul li a {display: block; float: left; width: 155px; padding: 10px 5px 10px 0; color: #333; font-size: 14px; line-height: 14px; text-align: left; font-family: Arial, Helvetica, sans-serif;border-bottom: 1px solid #e8ebfe;}
.block-menu_block ul li.last a {border-bottom: none;}
.block-menu_block ul li a.final{border: none;}
.block-menu_block ul li a.active{color: #000264;}
.block-menu_block ul li ul li a{display: block; float: left; width: 133px; /* 155 */ padding: 2px 28px 3px 0; color: #666; font-size: 12px; line-height: 12px; text-align: right; background: url(images/icon-menu.gif) no-repeat 0 -100px; border-bottom: 1px solid #e8ebfe;}
.block-menu_block ul li ul li a:hover, .block-menu ul li ul li a.active{ background-position: right; color: #333;}

/* --- Noticias --- */
.bloque-noticias {margin-top:10px;}
.bloque-noticias ul li {list-style-type: none;list-style-image: none;padding-bottom:5px;border-bottom: 1px dotted blue;width: 165px;}
.bloque-noticias ul li a {display: block; float: left; padding: 35px 5px 35px 0; color: #333; font-size: 12px; line-height: 14px; text-align: left; font-family: Arial, Helvetica, sans-serif;border-bottom: 1px solid #e8ebfe;}
.bloque-noticias ul li a.final{border: none;}
.bloque-noticias ul li a.active{color: #000264;}
.bloque-noticias .views-field-title {margin-bottom: 5px;}


/* ----------------------- Contenido ----------------------- */
#content{width: 907px; margin: 0 auto;background-color: #fff;font-size: 14px;font-family: Arial, Tahoma, Helvetica, sans-serif;}

#content-content{float: left;}
#content-content.peque{width: 430px;}
#content-content.medio{width: 720px;}
#content-content.grande{width: 900px;}

.doble-columna {float: left; width: 689px; margin: 0; }
.izda{float: left; width: 330px; padding: 0 20px 0 0; margin: 0 0 20px;}
.dcha{float: left; width: 330px; margin: 0 0 20px;}

#content-inner-down{width: 907px; padding-bottom: 60px; background: url(images/footer-left.png) no-repeat bottom right; float: left;}

h1#page-title{padding-top: 15px; font-family: Arial, Helvetica, sans-serif; color: #000264; font-size: 17px;}

/* --- Quienes Somos --- */

#pagina-1 #content-inner{width: 918px; margin: 0; background: none; float:left;}
#pagina-3 #content-inner{width: 918px; margin: 0; background: url(images/bg-info-middle.jpg) repeat-y right; float:left;}
#pagina-314 #content-inner{width: 918px; margin: 0; background: url(images/bg-info-middle.jpg) repeat-y right; float:left;}
#pagina-4 #content-inner{width: 918px; margin: 0; background: url(images/bg-info-middle.jpg) repeat-y right; float:left;}
#pagina-319 #content-inner{width: 918px; margin: 0; background: url(images/bg-info-middle.jpg) repeat-y right; float:left;}
#pagina-10 #content-inner{width: 918px; margin: 0; background: url(images/bg-info-middle.jpg) repeat-y right; float:left;}

/* --- Servicios de ingeniería --- */
#pagina-215 #content-content {	background: url(images/fondo_plano.jpg) no-repeat bottom left; }
#pagina-220 #content-content {	background: url(images/fondo_plano.jpg) no-repeat bottom left; }
#pagina-329 #content-content {	background: url(images/fondo_plano.jpg) no-repeat bottom left; }


/* ----------------------- Column Right ----------------------- */
#column-right { padding: 20px 0 20px 0; width: 275px; float: right; margin: 10px 0 0; background: url(images/productos-separador-repeat.jpg) repeat-y top left;}
#column-right ul li {list-style-type: none;list-style-image: none;}


#pagina-1 #column-right, #pagina-10 #column-right {float: left; width: 219px; margin-left: 30px; padding: 0px; background: none;}
#pagina-3 #column-right, #pagina-4 #column-right {float: left; width: 219px; margin-left: 30px; padding: 0px; background: none;}
#pagina-314 #column-right {float: left; width: 219px; margin-left: 30px; padding: 0px; background: none;}
#pagina-319 #column-right {float: left; width: 219px; margin-left: 30px; padding: 0px; background: none;}

/* --- Quienes Somos --- */
#pagina-1 .right-quienes{ padding: 12px 40px 0px 0; width: 219px; }
#pagina-3 .right-quienes{ padding: 12px 40px 0px 0; width: 219px; }
#pagina-314 .right-quienes{ padding: 12px 40px 0px 0; width: 219px; }
#pagina-4 .right-quienes{ padding: 12px 40px 0px 0; width: 219px; }
#pagina-319 .right-quienes{ padding: 12px 40px 0px 0; width: 219px; }
#pagina-10 .right-quienes{ padding: 12px 40px 0px 0; width: 219px; }
.right-quienes img { max-width: 100% }
.right-quienes .row{ padding: 0; width: 234px; float: left; margin: 0 0 10px;}
.right-quienes .row .title{ padding: 0; width: 234px; float: left; margin: 0 0 15px; font-family: Arial, Helvetica, sans-serif; font-size: 17px; line-height: 19px; color: #D5413F;font-family: Arial, Tahoma, Helvetica, sans-serif;}
.right-quienes .row .text{ padding: 0; width: 234px; float: left; margin: 0;}
.right-quienes .row .text a.more{ display: block; padding: 0; width: 234px; float: left; margin: 0; text-align:right; color: #333; font-size: 12px; line-height: 12px;font-family: Arial, Tahoma, Helvetica, sans-serif;}
.right-quienes .row .text a.more:hover{ text-decoration: underline;}
.right-quienes .row .text img{margin: 0 0 14px;}
.right-quienes ul{float: left; width: 234px;}
.right-quienes ul li{float: left; width: 219px; margin: 0 0 10px; padding: 0 0 0 15px; background: url(images/icon-arrow.png) no-repeat 0 3px;}

/* --- Productos --- */

/* Left */

.left-productos{float:left;width: 383px;margin:-15px 0 0 -130px;width:500px;}
.left-productos .title{float: left; width: 363px; padding: 0 0 0 20px; font-family: Arial, Helvetica, sans-serif; color: #000264; font-size: 17px; line-height: 19px;}
.left-productos .image{float: left; width: 367px; padding: 0 0 0 16px; margin: 0 0 27px 0;}
.left-productos .text{float: left; width: 364px; padding: 0 0 0 19px; margin: 0 0 45px;}

/* Right */
#column-right .view-fichas-producto ul { list-style:none;list-style-image: none;}
#column-right .view-fichas-producto ul li {height: 75px;margin-bottom:10px;}
#column-right .view-fichas-producto ul li:hover{ background: #f2f2f2;}
#column-right .view-fichas-producto ul li img {border-left: 7px solid #d5413f;float:left;margin-right:5px;}
#column-right .view-fichas-producto ul li .views-field-title {}
#column-right .view-fichas-producto ul li .views-field-title span {margin: 3px;font-weight:bold;text-align:left;display:table-cell;vertical-align:middle;}

/* --- Noticias --- */
/* Right */
.right-productos .productos ul li{margin: 0 0 10px;}
.right-productos .productos ul li a{ background: url(images/icon-news.png) no-repeat 0 0; padding: 0 0 0 20px; font-size: 11px; color: #333; display: block; margin: 0;}
.right-productos .productos ul li a:hover{color: #000264;}
.right-productos .productos ul li a.select{color: #000264; font-weight: bold;}


/* --- Contactar --- */
.campo-actividad .row2{float: left; width: 689px; margin: 0 0 15px; border-top: 1px dotted #ccc; padding: 20px 0 0;}
.campo-actividad .mapa{float: left; width: 400px; padding: 0 0 0 20px; margin: 0 0 20px;}
.campo-actividad .ubicacion{float: left; width: 265px; margin: 0 0 20px;}
.campo-actividad .row-ubicacion{float: left; width: 250px; margin: 0 0 25px; background: url(images/icon-arrow.png) no-repeat 0 3px; padding: 0 0 0 15px; line-height: 18px;}
.campo-actividad .row-ubicacion h2{margin: 0 0 5px;}
.campo-actividad .row-ubicacion2{float: left; width: 150px; margin: 0 0 25px; padding: 0 0 0 15px; line-height: 18px;}
.campo-actividad .row-ubicacion2 h2{margin: 0 0 5px;}
.campo-actividad .row-ubicacion2 ul{ margin: 0; padding: 0;}
.campo-actividad .row-ubicacion2 ul li{ background: none; margin: 0 0 5px; padding: 0;}
.campo-actividad .row-ubicacion2 ul li ol li{ background: url(images/icon-arrow.png) no-repeat 0 3px; padding: 0 0 0 12px; margin: 0 0 7px;}

/* ----------------------- Footer ----------------------- */
#footer{padding: 9px 29px 9px 20px; width: 858px; margin: 0 auto; background: #000364;}
#footer .usuario{float: left; width: 120px; margin: 0;}
#footer .usuario .input{ padding: 3px 2px; font-size: 10px; line-height: 12px; color: #333; float: left; width: 86px; margin: 0 9px 5px 0;}
#footer .usuario .btn{float: left; background: url(images/btn-search.gif) no-repeat 0 0; width: 33px; height: 22px; cursor: pointer; text-indent: -3000px; border: none; outline: none;}
#footer .usuario .btn:hover{ background-position: 0 -22px;}
#footer .usuario, .usuario a { color: #FFF; } 
#footer .usuario h2 { color: #FFF; font-size:18px; text-transform:capitalize; }
#footer .eqa-text{float: left; width: 190px; color: #fff; font-size: 10px; line-height: 12px; padding: 0 10px 0 0; margin: 3px 0 0;}
#footer .telefono{float: left; width: 130px; color: #fff; font-size: 10px; margin: 3px 0 0;}
#footer .techsolids{float: left; background-color: #fff; height: 44px; width: 134px; margin-right: 10px;}
#footer .sercobe{float: left; width: 82px; font-size: 10px; background-color: #fff; line-height: 12px; margin-right: 10px;}
#footer .sercobe a {color: #000; font-size: 10px; line-height: 12px}
#footer .social {float: left; width: 70px; margin-top: 7px;}
#footer .social a:first-child {margin-right: 5px;}
#footer .copy{float: left; width: 100px; color: #fff; font-size: 10px; line-height: 12px; text-align: right; font-family: Arial, Helvetica, sans-serif; margin: 10px 0 0;}


/* ----------------------- Clearfix ----------------------- */ 
/* slightly enhanced, universal clearfix hack */
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;line-height: 0; }
.clearfix {display: inline-block;}

/* start commented backslash hack \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* close commented backslash hack */

/* ----------------------- Descargas ----------------------- */ 
a[href$=".pdf"]  {background:url("images/pdf.png") no-repeat scroll left center transparent;padding-left:20px; line-height: 16px;}
a[href$=".wmv"]  {background:url("images/wmv.png") no-repeat scroll left center transparent;padding-left:20px; line-height: 16px;}

/* ------------------Páginas específicas ----------------------- */ 
.productos-servicios {float: left; width: 689px; margin: 0; background: url(images/productos-servicios-bg.jpg) top right no-repeat; min-height: 490px;}
.productos-servicios p { width: 35%;}


ul.primary { width:395px; margin-top: 33px; }
#breadcrumb { display:none; }
.text ul { list-style: disc; padding-left: 25px; }

.image-enlace {float:left;}
.productos-doble {float: left; width: 689px; margin: 0 0 0 130px;}


.block ul {
margin:0;
padding:0 0 0.25em;
}

/* =====================================================
   OCULTAR ITEMS DE MENÚ POR IDIOMA (i18n)
   Las clases del body i18n-es / i18n-en / i18n-fr
   determinan qué items de primer nivel se muestran
   ===================================================== */

/* EN español: ocultar items EN e FR */
body.i18n-es #menu-190-1,
body.i18n-es #menu-191-1,
body.i18n-es #menu-1932-1,
body.i18n-es #menu-1865-1,
body.i18n-es #menu-1938-1,
body.i18n-es #menu-1866-1,
body.i18n-es #menu-2026-1,
body.i18n-es #menu-2025-1,
body.i18n-es #menu-1927-1,
body.i18n-es #menu-1925-1,
body.i18n-es #menu-1952-1,
body.i18n-es #menu-1885-1,
body.i18n-es #menu-1889-1,
body.i18n-es #menu-1956-1 { display: none; }

/* EN inglés: ocultar items ES e FR */
body.i18n-en #menu-188-1,
body.i18n-en #menu-191-1,
body.i18n-en #menu-189-1,
body.i18n-en #menu-1865-1,
body.i18n-en #menu-235-1,
body.i18n-en #menu-1866-1,
body.i18n-en #menu-1348-1,
body.i18n-en #menu-2025-1,
body.i18n-en #menu-1472-1,
body.i18n-en #menu-1925-1,
body.i18n-en #menu-1474-1,
body.i18n-en #menu-1885-1,
body.i18n-en #menu-637-1,
body.i18n-en #menu-1956-1,
body.i18n-en #menu-1518-1 { display: none; }

/* EN francés: ocultar items ES e EN */
body.i18n-fr #menu-188-1,
body.i18n-fr #menu-190-1,
body.i18n-fr #menu-189-1,
body.i18n-fr #menu-1932-1,
body.i18n-fr #menu-235-1,
body.i18n-fr #menu-1938-1,
body.i18n-fr #menu-1348-1,
body.i18n-fr #menu-2026-1,
body.i18n-fr #menu-1472-1,
body.i18n-fr #menu-1927-1,
body.i18n-fr #menu-1474-1,
body.i18n-fr #menu-1952-1,
body.i18n-fr #menu-637-1,
body.i18n-fr #menu-1889-1,
body.i18n-fr #menu-1518-1 { display: none; }

div.messages.error {display:none;}
