﻿@charset "utf-8";
/*------------------------------- reset ---------------------------------*/
h1,h2,h3,h4,h5,h6,pre,code,table,td,th,dd,dt,dl,li{font-size:100%}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,td,legend{margin:0;padding:0}
a img,:link img,:visited img{border:none}
ul,li{list-style-type:none}
/*table th,table td{border-collapse:collapse}*/
a{text-decoration:none}
/*a:hover{text-decoration:underline}*/
fieldset{border:none} 
/*table,tr,th,td{border-collapse:collapse}*/
/*------------------------------- generals ---------------------------------*/
.under:hover{text-decoration:underline}
.blanco{color:#fff}
.b3{color:#333}
/*------------------------------- cuerpo ---------------------------------*/
body{margin:0;padding:0;background-image:url(../img/bg/body.jpg);font:14px Arial, Helvetica, sans-serif;text-align:center;background-repeat:repeat-x;color:#7b7b7b}
/*------------------------------- container ---------------------------------*/
#container{margin:0 auto;width:946px;text-align:left;position:relative}
/*------------------------------- head ---------------------------------*/
#head{float:left;width:946px;height:122px}
#head-logo{float:left;width:263px;height:122px}
#head-logo .logo{background:url(../img/bg/head-logo.jpg) no-repeat;display:block;overflow:hidden;text-indent:-9999px;z-index:99;width:263px;height:122px}
/*------------------------------- head-menu ---------------------------------*/
#head-menu{float:left;width:683px;height:122px; background-image:url(../img/bg/grua2.jpg); background-repeat:no-repeat; background-position:right top;}
#head-menu ul{margin:4em 0 0 6.5em!important;}
#head-menu li{display:inline;float:left;background-image:url(../img/bg/menu.gif);background-repeat:no-repeat; background-position:10px 5px}
#head-menu a{color:#fff;display:block;margin-left:25px;padding:2px}
#head-menu a:hover{background-color:#c00}
#head-menu .nobg{background-image:none}
/*------------------------------- float fix ---------------------------------*/
#content:after, ul:after, li:after,  p:after{content: ".";display:block;height:0;clear:both;visibility:hidden}
#content, ul, li, p{display: block}
/* Hides from IE-mac \*/
* html #content, * html ul, * html li, * html p{height:1%}
#content, ul, li, p{display:block}
/* End hide from IE-mac */
/* end float fix */
/*------------------------------- content ---------------------------------*/
#content{width:946px}
/*------------------------------- index ---------------------------------*/
.index{float:left;width:946px}
.index p{text-align:justify;line-height:1.5em}
/*------------------------------- index-banner ---------------------------------*/
#index-left{float:left;width:710px}
#index-banner{float:left;overflow:hidden;background:url(../img/bg/index-banner.jpg) no-repeat;display:block;overflow:hidden;text-indent:-9999px;z-index:99;width:710px;height:450px}

#index-texto{float:left;width:710px}
#index-texto img{float:left}
#index-texto p{margin-right:2em}
/*------------------------------- index-right ---------------------------------*/
#index-right{float:left;width:236px}
#menu{float:left;width:236px;height:299px;overflow:hidden;background:url(../img/bg/index-menu.jpg) no-repeat;}
#menu .title{display:block;overflow:hidden;text-indent:-9999px;z-index:99}
#menu ul{margin:130px 0 0 30px; font-weight: bold;}
#menu li{margin-top:5px}
#trabajos{float:left;width:236px;height:141px;overflow:hidden}
#trabajos .trabajos{background:url(../img/bg/index-trabajos.jpg) no-repeat;display:block;overflow:hidden;text-indent:-9999px;z-index:99;width:236px;height:141px}
#contacto{float:left;width:236px;height:201px;overflow:hidden}
#contacto .contacto{background:url(../img/bg/index-contacto.jpg) no-repeat;background-position: 7px 0px;display:block;overflow:hidden;text-indent:-9999px;z-index:99;width:236px;height:201px}
/*------------------------------- gal-index ---------------------------------*/
.gal-index{float:left;width:946px;border-top:1px dashed #999}
.gal-index ul{margin-top:2em}
.gal-index li{display:inline;float:left;margin-left:20px;padding-bottom:20px}
/*------------------------------- pie ---------------------------------*/
#pie{background-color:#454545;background-image:url(../img/bg/pie.gif);background-repeat:repeat-x;height:150px}
#pie2{margin:0 auto;width:946px;text-align:left;position:relative;padding:2.5em 0 1em 0;color:#eee}
#pie3{float:left;width:500px}
#pie4{float:left;text-align:right;width:446px}
/*------------------------------- categoría con contenido o detalle de noticia ---------------------------------*/
.contenido{float:left;width:828px;display:inline;margin-left:55px}
.contenidoPagina .titulo{font-size:2.2em;color:#333;text-transform:uppercase;padding:10px 0;line-height:normal;font-weight:bold;clear:both}
.contenidoPagina .subtitulo{font-size:2em;color:#c03;padding:20px 0;font-weight:bold;border-bottom:1px dashed #999;margin-bottom:30px;clear:both}
.contenidoPagina .texto p{line-height:1.5em;word-spacing:.1em;text-align:justify;margin-bottom:2em}
.contenidoPagina .texto a{color:#039;text-decoration:underline;font-weight:bold}
.contenidoPagina .dinamicos{font-size:2em;color:#333;padding:20px 0;font-weight:bold;border-bottom:1px dashed #999;margin-bottom:30px;clear:both}
.contenidoPagina .adjuntos li{padding-bottom:.7em;padding-left:85px}
.contenidoPagina .adjuntos a{font-size:.8em;color:#809acb;text-decoration:underline}
.contenidoPagina .links li{padding-bottom:.7em;padding-left:85px}
.contenidoPagina .links a{font-size:.8em;color:#039;text-decoration:underline}
.contenidoPagina .galeria a{display:inline;float:left;width:150px;height:150px;overflow:hidden;margin:1em 1em 0 0}
.contenidoPagina .videos{text-align:center}
/*------------------------------- noticias listado ---------------------------------*/
.contenidoPagina .noticia{float:left;margin-top:3em}
.contenidoPagina .noticia .imagen{float:left;width:170px;height:170px;overflow:hidden;margin-right:2em}
.contenidoPagina .noticia h3.noth3 a {font-size:1.5em;color:#c03;line-height:normal;font-weight:bold;display:block;margin-bottom:.5em}
.contenidoPagina .noticia .fecha{font-size:.8em;color:#333;font-weight:bold;margin-bottom: 1em;display:block}
.contenidoPagina .noticia p{line-height:1.5em;word-spacing:.1em;text-align:justify;margin-top:1em}
.contenidoPagina .noticia .ver{color:#21489c;font-weight:bold}
/*------------------------------- catalogo ---------------------------------*/
.catalogo{float:left;width:890px;display:inline;margin-left:28px}
.catalogo .titulo{font-size:30px;color:#333;padding:10px 0;line-height:normal;font-weight:bold;clear:both}
.catalogo .producto{font-size:18px;color:#c03;padding:20px 0 10px 0;font-weight:bold;clear:both}
.catalogo .item{float:left;width:375px;display:inline;margin:0 70px 50px 0}
.catalogo p{line-height:1.5em;word-spacing:.1em;text-align:justify;margin-top:1.5em}
/*------------------------------- images ---------------------------------*/
.img-centrada{margin:1em 0;text-align:center;float:left;width:100%}
.img-right{float:right;margin:1em 0 1em 2em}
.img-left{float:left;margin:1em 2em 1em 0}
/*------------------------------- volver y subir ---------------------------------*/
.botones{clear:both;font-size:.8em;padding-top:2em;color:#333}
.botones a{color:#333;text-decoration:underline}
.botones .right{text-align:right}
.botones table{width:828px}
