@import 'reset.css';
@import 'fonts.css';

body{ background:url(../images/fondobody.jpg) repeat-x; margin:0; padding:0; font-size:12px; font-family:"Arial", Helvetica, sans-serif; line-height:15px;}

h1,h2,h3,h4,h5{ font-weight:bold;  }
h1{ height:18px; display:block; text-indent:-9000px;}
h1.title-imagen-e-ideas{ width:124px; background:url(../images/title_imagen_e_ideas.jpg) no-repeat;}


p{color:#444;}
a{ text-decoration:none; color: #444 }
a:hover{ text-decoration:none;}

.cb { clear: both }

/*img{float:left; clear:none; display:block; width:auto;}*/

#main-gral{width:100%; float:left; clear:none; display:block; }
#main{width:960px; margin:0 auto; display:block;}

#head{width:960px; float:left; clear:none; display:block; position: relative}
#head #fotostop { position: absolute; right: 0px; top: 3px; }
#head a#logo{ margin-left: 12px; width:933px; height:157px; float:left; display:block; background:url(../images/logotop.jpg) no-repeat; text-indent:-9000px;}
#head ul.menu{width:898px; height:42px; float:left; clear:none; display:block; margin-top:5px; background:url(../images/bg_menu.jpg) repeat-x; }
#head ul.menu li{width:auto; float:left; clear:none; display:block;}
#head ul.menu li.bordeinicial {width:1px; float:left; clear:none; display:block; background: #444; margin: 0px 5px 0px 0px; height: 40px; }
#head ul.menu li.separador {width:1px; float:left; clear:none; display:block; background: #444; margin: 0px 5px; height: 40px; }
#head ul.menu li a{ text-indent:-9000px; height:40px; float:left; clear:none; display:block; }
#head ul.menu li a#btn-inicio{ width:100px; height: 40px; background:url(../images/bot-inicio-off.gif) no-repeat;}
#head ul.menu li a#btn-inicio:hover { background:url(../images/bot-inicio-on.gif) no-repeat;}
#head ul.menu li a#btn-inicio.activo { background:url(../images/bot-inicio-on.gif) no-repeat;}
#head ul.menu li a#btn-areas{ width:100px; height: 40px; background:url(../images/bot-areas-off.gif) no-repeat;}
#head ul.menu li a#btn-areas:hover { background:url(../images/bot-areas-on.gif) no-repeat;}
#head ul.menu li a#btn-areas.activo { background:url(../images/bot-areas-on.gif) no-repeat;}
#head ul.menu li a#btn-servicios{ width:100px; height: 40px; background:url(../images/bot-servicios-off.gif) no-repeat;}
#head ul.menu li a#btn-servicios:hover { background:url(../images/bot-servicios-on.gif) no-repeat;}
#head ul.menu li a#btn-servicios.activo { background:url(../images/bot-servicios-on.gif) no-repeat;}
#head ul.menu li a#btn-trabajos{ width:100px; height: 40px; background:url(../images/bot-trabajos-off.gif) no-repeat;}
#head ul.menu li a#btn-trabajos:hover { background:url(../images/bot-trabajos-on.gif) no-repeat;}
#head ul.menu li a#btn-trabajos.activo { background:url(../images/bot-trabajos-on.gif) no-repeat;}
#head ul.menu li a#btn-contacto{ width:100px; height: 40px; background:url(../images/bot-contacto-off.gif) no-repeat;}
#head ul.menu li a#btn-contacto:hover { background:url(../images/bot-contacto-on.gif) no-repeat;}
#head ul.menu li a#btn-contacto.activo { background:url(../images/bot-contacto-on.gif) no-repeat;}

.destacados {width:960px; height:262px; display:block;}

#foot{ height: 170px; background: #000 url(../images/fondo-pie.jpg) repeat-x; }
#foot a{color:#868686;}
#foot .contenedorpie { width: 960px; position: relative; margin: auto; }


#cont{ }

/* Home */

.areas-secciones { height: 334px; width: 960px; float: left }
.areas-secciones .margen { padding: 0px 60px; }
.areas-secciones .areas { background: url(../images/fondo-areas.jpg) no-repeat; width: 199px; height: 334px;float: left }
.areas-secciones .areas .pad { padding: 60px 20px 100px 30px;float: left }

.areas-secciones .secciones { background: url(../images/fondo-trestitulos.jpg) no-repeat; width: 681px; height: 334px; float: left }
.areas-secciones .espacio { width: 10px; height: 334px; float: left; }
.areas-secciones .secciones .mar { margin-left: 10px; float: left }
.areas-secciones .secciones .pad { padding: 70px 20px 100px 30px; float: left }
.areas-secciones .estudios { width: 180px;  float: left; height: 300px; }
.areas-secciones li { border-bottom: 1px solid #c1d8e6; padding-bottom: 5px; margin-bottom: 5px; list-style-type: disc; color: #294e65; margin-right: 20px; margin-left: 15px; }
.areas-secciones li a { color: #294e65 }
.areas-secciones li a:hover { color: #294e65; text-decoration: none }
.areas-secciones .asistencia { width: 180px; float: left; height: 300px; }
.areas-secciones .capacitacion { width: 180px;  float: left; height: 300px; }

.seccioninterna { width: 960px; margin: 0px }
.seccioninterna .tope { width: 960px; background: url(../images/top-secciones.gif) no-repeat; height: 8px; }
.seccioninterna .contenido { width: 960px; background: #f2f6f8  }
.seccioninterna .categoria_1 { width: 960px; background: #f2f6f8 url(../images/fondo-estudios.jpg) no-repeat bottom left;  }
.seccioninterna .categoria_2 { width: 960px; background: #f2f6f8 url(../images/fondo-asistencia.jpg) no-repeat bottom left;  }
.seccioninterna .categoria_3 { width: 960px; background: #f2f6f8 url(../images/fondo-capacitacion.jpg) no-repeat bottom left;  }
.seccioninterna .contenido .pad { padding: 20px; }
.seccioninterna .fin { width: 960px; background: url(../images/fin-secciones.gif) no-repeat; height: 17px; }

.seccioninterna .productoscategoria { float: left; width: 180px; }
.seccioninterna .productoscategoria ul { border: none; }
.seccioninterna .productoscategoria li { margin-right: 15px; }
.seccioninterna .productoscategoria a { font-size: 8pt; }
.seccioninterna .productoscategoria a.activo { font-size: 8pt; }
.seccioninterna .productoscategoria a:hover { text-decoration: none; }

.seccioninterna .productoscategoria .productoscategoria_1 a { color: #062f4b !important }
.seccioninterna .productoscategoria .productoscategoria_1 a:hover { background: #062f4b !important; color: white !important }
.seccioninterna .productoscategoria .productoscategoria_1 a.activo {  font-weight: bold; }

.seccioninterna .productoscategoria .productoscategoria_2 a { color: #1d886a !important }
.seccioninterna .productoscategoria .productoscategoria_2 a:hover { background: #1d886a !important; color: white !important }
.seccioninterna .productoscategoria .productoscategoria_2 a.activo {  font-weight: bold; }

.seccioninterna .productoscategoria .productoscategoria_3 a { color: #5e0507 !important }
.seccioninterna .productoscategoria .productoscategoria_3 a:hover { background: #5e0507 !important; color: white !important }
.seccioninterna .productoscategoria .productoscategoria_3 a.activo {  font-weight: bold; }

.seccioninterna .productodetalle { float: left; width: 590px; height: 200px; }
.seccioninterna .productodetalle h2 { font-size: 14pt; margin: 0px; font-weight: bold; text-transform: uppercase; line-height: 14pt; padding-right: 30px;  }
.seccioninterna .productodetalle p i { display: block; padding: 5px 0px; margin: 4px 30px 4px 0px; border-top: 1px solid #eee; border-bottom: 1px solid #eee }
.seccioninterna .productodetalle p.detalle { display: block; padding: 5px 10px 5px 0px; margin: 4px 30px 4px 0px; }
.seccioninterna .productodetalle .imagen { float: left; }
.imagendetalleredondeada { float: left; position: relative; width: 150px; height: 250px; }
.imagendetalleredondeada .imagen { position: absolute; top: 0px; left: 0px; z-index: 1; }
.imagendetalleredondeada .redondeado { position: absolute; top: 0px; left: 0px; z-index: 2; }
/*.seccioninterna .productoimagen { float: left; }*/

.seccioninterna .noticiadetalle { float: left; width: 760px; height: 200px; }
.seccioninterna .noticiadetalle h2 { font-size: 14pt; margin: 0px; font-weight: bold; text-transform: uppercase; line-height: 14pt; padding-right: 30px;  }
.seccioninterna .noticiadetalle p i { display: block; padding: 5px 0px; margin: 4px 10px 4px 0px; border-top: 1px solid #eee; border-bottom: 1px solid #eee }
.seccioninterna .noticiadetalle .imagen { float: left; }


.tituloseccion { position: relative; height: 30px; padding-bottom: 10px; border-bottom: 1px solid #777; width: 960px; }
.tituloseccion h2 { position: absolute; bottom: 10px }
.tituloseccion .otrascategorias { position: absolute; right: 0px; bottom: 5px; }
.tituloseccion .otrascategorias a { float: left; display: block; color: #ddd; padding: 4px; }
.tituloseccion .otrascategorias a:hover { float: left; display: block; color: #fff; padding: 4px; }

.listadoservicios h3 { display: block; clear: both; }

.separaplaca { width: 17px; margin-left: 17px; height: 406px; float: left; border-left: 1px solid #ccc }
.centraplacas { float: left; margin: 0px 50px }
.placas { float: left; width: 860px; }
.placaarea { width: 282px; height: 406px; float: left; }
.placaarea .cont { padding: 20px; }
.placaarea .cont .icono { text-align: center; display: block; clear: both; float: left; width: 220px; height: 140px; }
.placaarea .cont .icono img { margin: 0px 60px }
.placaarea .cont h3 { margin: 10px 0px; display: block; clear: both; height: 50px; }

.otroscriterios { margin: 10px 0px; padding: 10px; border-top: 1px solid #777; border-bottom: 1px solid #777 }

.ambitos { width: 50%; float: left; }
.ambitos p { padding: 10px 40px 10px 0px; color: #bbb }
.ambitos h4 { height: 30px; position: relative }
.ambitos h4 img { position: absolute; bottom: 0px; }


#foot .columna { float: left; width: 270px; padding-top: 30px; height: 100px; z-index: 10; position: relative; }
#foot .ultima { margin-left: 100px; color: #ddd }
#foot .logopie { z-index: 0; position: absolute; top: 0px; right: 10px; width: 358px; height: 170px; background: url(../images/logooscuropie.gif) no-repeat; }

#foot .sectores { float: left; }
#foot .sectores a { color: #bbb }
#foot .sectores p { padding: 10px 10px 10px 0px; color: #bbb; line-height: 19px;}
#foot .sectores h4 { height: 30px; position: relative}
#foot .sectores h4 img { position: absolute; bottom: 0px; }
#foot .sectores a { color: #9eccec }
#foot .sectores a:hover { color: #ecbc9e }

.trabajosrealizados .filtros { width: 200px; border-right: 1px solid #bbb; float: left; }
.trabajosrealizados .trabajos { width: 710px; float: left; }
.trabajosrealizados .trabajo { width: 380px; background: #eee; display: block; float: left; height: 100px; margin: 6px; padding: 5px; }
.trabajosrealizados .trabajo i { border-bottom: 1px solid #ccc; display: block; margin-bottom: 3px; }
.trabajosrealizados .trabajo a.titulo { font-size: 12pt; text-transform: uppercase; font-weight: bold; color: #062f4b }
.trabajosrealizados .trabajo a { color: black }
.trabajosrealizados .trabajo a.vermas { text-align: right; display: block; font-size: 8pt; }

.trabajosrealizados .producto .imagenlistado { width: 90px; float: left; }
.trabajosrealizados .producto .datos { float: left; width: 650px;  }
.trabajosrealizados .producto .clasificacion { color: #888; font-size: 8pt; text-transform: uppercase }

.imagenlistadoredondeada { float: left; position: relative; width: 85px; height: 85px; }
.imagenlistadoredondeada .imagen { position: absolute; top: 0px; left: 0px; z-index: 1; }
.imagenlistadoredondeada .redondeado { position: absolute; top: 0px; left: 0px; z-index: 2; }

.trabajosrealizados  .producto { background: #eee; display: block; height: 50px; margin: 6px; padding: 5px; position: relative }
.trabajosrealizados  .producto a.titulo { margin: 5px 0px; font-size: 12pt; text-transform: uppercase; font-weight: bold; color: #062f4b; float: left; }
.trabajosrealizados  .producto a { color: black }
.trabajosrealizados  .producto a.vermas { position: absolute; font-size: 8pt; bottom: 10px; right: 10px; }

.trabajosrealizados .trabajos #paginador { margin-left: 5px }

#paginador { margin-top: 10px; padding: 5px 0px; font-size: 8pt; color: #888; background: #eee; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc }
#paginador .contenedor { background: #eee;  }
#paginador span { padding: 2px 3px;  }
#paginador a.linksmall { font-size: 8pt; padding: 2px 3px; color: #062f4b; text-decoration: none; }
#paginador a.linksmall:hover { background: #062f4b; color: #fff; padding: 2px 3px; text-decoration: none }
#paginador #izq { float: left; width: 33%; text-align: left; }
#paginador #cen { float: left;width: 33%; text-align: center; }
#paginador #der { float: left;width: 33%; text-align: right; }

fieldset#contacto{width:270px; float:left; clear:none; display:block;}
fieldset#contacto label{color:#868686; width:65px; float:left; clear:none; display:block; margin:10px 0 0 0; padding:3px 0 0 0;}
fieldset#contacto input.campo{width:195px; height:18px; background:#e7e7e7; float:left; clear:none; display:block; margin:10px 0 0 0; border-top:1px solid #656565; border-left:1px solid #656565; border-bottom:none; border-right:none; font:12px; font-family:"Arial", Helvetica, sans-serif; color:#868686; }
fieldset#contacto textarea{width:195px; height:67px; background:#e7e7e7; float:left; clear:none; display:block; margin:10px 0 0 0; border-top:1px solid #656565; border-left:1px solid #656565; border-bottom:none; border-right:none; font:12px; font-family:"Arial", Helvetica, sans-serif; color:#868686; overflow:hidden;}
fieldset#contacto input.btn-enviar{cursor: pointer; width:68px; height:28px; text-align:center; float:right; clear:none; display:block; color:#000; border:none; background:url(../images/btn_enviar.jpg) no-repeat; font-size:12px; font-family:"Arial", Helvetica, sans-serif; margin:10px 3px 0 0;}

.filtros ul { margin-top: 5px; border-top: 1px solid #ccc }
.filtros ul li { list-style: disc; margin-left: 20px; color: #444; border-bottom: 1px solid #cddae3 }
.filtros ul li a { color: #062f4b; display: block; padding: 4px 4px; }
.filtros ul li a:hover { background: #062f4b; color: white }

.color_areaestudios { color: #062f4b !important }
.color_areaestudios:hover { background: #062f4b !important; color: white !important }
.color_areaasistencia { color: #1d886a !important }
.color_areaasistencia:hover {background: #1d886a !important; color: white !important }
.color_areacapacitacion { color: #5e0507 !important }
.color_areacapacitacion:hover { background: #5e0507 !important; color: white !important }

/*.filtroaplicado { padding: 5px 5px 5px 30px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 5px; display: block; background: #eee url(../images/information.png) no-repeat 10px 5px }*/

.filtroaplicado { font-size:16px; font-family:"Arial"; padding: 5px 5px 5px 5px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 5px; display: block;}

p.introseccion { width: 55%; margin-bottom: 20px; color: #ccc !important }

.introareahome { padding-right: 15px; margin-bottom: 10px; }

.sinresultados { margin: 5px; padding: 10px; background: #eee; color: #000; }
.sinresultados a { color: #062f4b; text-decoration: underline }

a.linkazul { color: #00507f } 



.quienessomos-home { width: 33%; float: left; }
.quienessomos-home p { padding: 20px 40px 10px 0px; color: #444; }
.quienessomos-home p b { text-transform: uppercase }
.misionvisionvalores { width: 33%;float: left;  }
.misionvisionvalores p { padding: 20px 40px 10px 0px; color: #444; }
.misionvisionvalores p b { text-transform: uppercase }
.recursos { width: 33%;float: left;  }
.recursos p { padding: 20px 40px 10px 0px; color: #444; }
.recursos p b { text-transform: uppercase }

.tituloshomecorporativo { height: 25px; position: relative }
.tituloshomecorporativo img { position: absolute; top: 0px; }

.listamercados { width: 30%; float: left; border-right: 1px solid #ccc; }
.listamercados h3 { font-size: 12pt; display: block; margin-bottom: 1px; padding-bottom: 20px; border-bottom: 1px solid #ccc;  }
.listamercados ul { margin-top: 5px; }
.listamercados ul li { list-style: disc; margin-left: 20px; color: #062f4b; border-bottom: 1px solid #cddae3 }
.listamercados ul li a { color: #062f4b; display: block; padding: 4px 4px; }
.listamercados ul li a:hover { background: #062f4b; color: white }
.listamercados ul li .activo { font-weight: bold }

.interlinkeado { display: block; border-top: 1px solid #9eccec; color: #00507f; padding: 5px; margin-top: 40px; width: 180px; font-size: 8pt; }

.listamercados .sectores a { width: 276px; font-size: 12pt; font-weight: bold; color: black; float: left; display: block; }
.listamercados .sectores a b { padding: 5px 0px; display: block }
.mercadodetalle { width: 400px; float: left; padding: 20px; }
.mercadodetalle h2 { font-size: 14pt; line-height: 100%; text-transform: uppercase ; color: #08304a; font-weight: normal;}

.breadcrumbs { font-size: 8pt; color: #ddd; /*border-bottom: 1px solid #444; */padding: 0px 0px 3px 0px; margin-bottom: 5px; }
.breadcrumbs a { font-size: 8pt; color: #ddd; }


.sel-terciario { width: 276px; height: 37px; background: url(../images/sel-terciario.jpg) 0px 0px; } 
.sel-terciario:hover { background-position: 0px -37px; } 
.sel-publico { width: 276px; height: 37px; background: url(../images/sel-publico.jpg) 0px 0px; } 
.sel-publico:hover { background-position: 0px -37px; } 
.sel-industrial { width: 276px; height: 37px; background: url(../images/sel-industrial.jpg) 0px 0px; } 
.sel-industrial:hover { background-position: 0px -37px; }