@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'titillium_webbold';
    src: url('../fuente/titilliumweb-bold-webfont.eot');
    src: url('../fuente/titilliumweb-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fuente/titilliumweb-bold-webfont.woff') format('woff'),
         url('../fuente/titilliumweb-bold-webfont.ttf') format('truetype'),
         url('../fuente/titilliumweb-bold-webfont.svg#titillium_webbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'titillium_webitalic';
    src: url('../fuente/titilliumweb-italic-webfont.eot');
    src: url('../fuente/titilliumweb-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fuente/titilliumweb-italic-webfont.woff') format('woff'),
         url('../fuente/titilliumweb-italic-webfont.ttf') format('truetype'),
         url('../fuente/titilliumweb-italic-webfont.svg#titillium_webitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'titillium_websemibold';
    src: url('../fuente/titilliumweb-semibold-webfont.eot');
    src: url('../fuente/titilliumweb-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fuente/titilliumweb-semibold-webfont.woff') format('woff'),
         url('../fuente/titilliumweb-semibold-webfont.ttf') format('truetype'),
         url('../fuente/titilliumweb-semibold-webfont.svg#titillium_websemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

.clearMio{clear:both}
html{width:100%; margin:0; background-color:#dfdfdf}

#contenedorHome, #contenedorSecciones{width:100%; background-image:url(../img/fondoHome.jpg); background-position:top left; background-repeat:repeat-x}
#contenedorSecciones{background-image:url(../img/fondoSeccion.jpg)}
#contenedorGral{width:975px; margin:0 auto}

#cabeceraGral{width:100%; height:125px; background-color:#183d72; border-top:#f8912a solid 10px; background-image:url(../img/lineaCabecera.jpg); background-position:bottom left; background-repeat:repeat-x}
#cabecera{width:975px; height:125px; margin:0 auto}
#logoCabecera{padding:31px 7px 0 0; float:left}
#btnsCabecera{float:left; width:650px; height:125px}
#btnsSocial{width:650px; height:23px; padding:10px 0 7px}
#btnFace{padding:5px 3px 0 !important}
#btnsSocial a{float:right; display:block; padding:0 3px}
#btnsSocial a:hover{opacity:0.6}

#botonera{width:650px; height:58px; padding-top:27px}
ul.menu a {display:block; text-decoration:none}
ul.menu li {position:relative;}
ul.menu ul{position:absolute; top:33px; left:345px; display:none; opacity:0; list-style:none; z-index:2000}
ul.menu ul li{position:relative}
ul.menu ul li a{ display:block; line-height:20px; text-align:left; width:160px; padding:3px 10px; color:#FFF; font-size:12px; background-color:rgba(17,139,200,0.8)}
ul.menu ul li a:hover{background-color:rgba(80,80,80,0.8)}
ul.menu .menulink{display:block; line-height:55px; color:#e0e0e0; font-size:15px; font-family:'titillium_websemibold'; float:right; padding:0 15px; font-weight:500;}
ul.menu .menulink:hover{border-bottom:#f9b240 solid 3px; color:#fff}
ul.menu ul ul{position:absolute; top:0; left:180px; display:none; opacity:0; list-style:none; z-index:2000}
#btnSeleccionado{border-bottom:#f8912a solid 3px}

#slider{width:974px; height:396px; background-image:url(../img/fondoSlider.jpg); margin:35px 1px 0 0}
#slides {position:relative;	z-index:10}
.slides_container{width:966px; overflow:hidden; position:relative; display:none; padding:4px 4px}
.slides_container a{width:966px; height:349px; display:block}
.slides_container a:hover{cursor:inherit}
.slides_container a img{display:block}
#slides .next,#slides .prev, .prevGal, .nextGal{width:25px; height:42px; position:absolute; top:45%; left:5px; display:block; z-index:101; background-image:url(../img/sliderPrev.png); background-position:top left}
#slides .next, .nextGal {left:945px; background-image:url(../img/sliderNext.png); background-position:top left}
#slides .next:hover, #slides .prev:hover, .prevGal:hover, .nextGal:hover{background-position:bottom left}
.pagination {margin:5px auto 0; width:100px; z-index:102; position:absolute; top:365px; left:47%}
.pagination li{float:left; margin:0 2px; list-style:none}
.pagination li a{display:block; width:14px; height:0; padding-top:14px; background-image:url(../img/pagination.png); background-position:0 0; float:left; overflow:hidden}
.pagination li.current a{background-position:0 -14px}

#tituloDestacados{font-family:'titillium_websemibold'; font-size:24px; color:#e66432; width:975px; text-align:center; line-height:35px}
#separadorHome{padding:0 7px; margin-bottom:20px}

#destacados{padding-bottom:30px}
.unDestacado{width:320px; float:left}
#destacadoMedio{margin:0 7px}
.unDestacado h3{width:250px; height:50px; margin:0 34px; font-family:'titillium_websemibold'; font-size:18px; color:#fff; line-height:120%; text-align:center; border:#CCC solid 1px; background: #f6a83c; 
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2YTgzYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYTc5MTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f6a83c 0%, #fa7916 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6a83c), color-stop(100%,#fa7916)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f6a83c 0%,#fa7916 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f6a83c 0%,#fa7916 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f6a83c 0%,#fa7916 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f6a83c 0%,#fa7916 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6a83c', endColorstr='#fa7916',GradientType=0 ); /* IE6-8 */}
#destacadoMedio h3{line-height:50px}
.cuerpoDestacado{width:320px; height:137px}
#destacadoImg{width:283px; height:127px; margin:10px 18px 0; background-image:url(../img/fondoDestacado03.jpg)}
.listaDestacado{font-size:12px; color:#646464; float:left; width:120px; padding:20px 0 20px 30px; line-height:120%}
#listaDestacadoUnica{width:250px; float:none}

.btnVer{width:70px; height:30px; display:block; font-family:'titillium_websemibold'; font-size:12px; color:#646464; text-align:center; line-height:30px; background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOGQ4ZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #d8d8d9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d8d8d9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#d8d8d9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#d8d8d9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#d8d8d9 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#d8d8d9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d8d8d9',GradientType=0 ); /* IE6-8 */
border:#c5c5c5 solid 1px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; position:relative}
.btnVer:hover{color:#e66432; cursor:pointer}
#btnVer01, #btnVer02, #btnVer03{bottom:-10px; left:225px}
#btnVer02{bottom:5px}
#btnVer03{bottom:-83px; left:205px}

#galeriaHome{width:955px; height:186px; background-image:url(../img/fondoGal.jpg); margin:10px 0 0; padding:2px 0 5px 25px; background-repeat:no-repeat}
.image_carousel{position:relative; width:965px}
.image_carousel img{padding:3px; display:block; float:left; margin:12px 7px; background-color:#102b49}
.image_carousel img:hover{opacity:0.6}
a.prev, a.next{background: url(../img/galPrev.png) no-repeat transparent; width:12px; height:17px; display:block; position:absolute; top:43%}
a.next{background: url(../img/galNext.png) no-repeat transparent}
a.prev{left:-14px; background-position:0 0}
a.prev:hover{background-position:0 -17px}
a.next{right:25px; background-position:0 0}
a.next:hover{background-position:0 -17px}
a.prev span, a.next span{display:none}

#tituloSecciones{width:975px; height:42px; padding:0 0 15px; font-family:'titillium_websemibold'; font-size:20px; color:#fff; line-height:42px; margin:0 auto}

.columnaIzq{width:655px; float:left; padding:10px 1px 0 0}
.columnaDer{float:left}
.columnaIzq h3, .columnaIzq h4{font-family:'titillium_websemibold'; font-size:16px; color:#1A3D63; line-height:25px; padding-bottom:10px}
.columnaIzq h4{font-size:18px}
.columnaIzq p{color:#646464; font-size:14px; text-align:justify; line-height:130%; padding-bottom:20px}
.columnaIzq p span{font-weight:bold}
.columnaIzq ul{padding:0 0 20px; margin-left:40px; list-style:disc}
.columnaIzq ul li{color:#646464; font-size:14px; text-align:justify; padding:0 0 0 15px; line-height:180%;}
.columnaIzq ul li span{font-weight:bold}
.columnaDer img{padding:10px; margin:0 0 20px 5px}
.txtServ{font-size:15px !important}

#btnsServicios{width:655px; padding:0 0 10px}
#btnsServicios a{width:200px; height:40px; padding-top:5px; display:block; float:left; font-family:'titillium_websemibold'; font-size:14px; color:#fff; line-height:120%; text-align:center; border:#CCC solid 1px; background: #f6a83c; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2YTgzYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYTc5MTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f6a83c 0%, #fa7916 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6a83c), color-stop(100%,#fa7916)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f6a83c 0%,#fa7916 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f6a83c 0%,#fa7916 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f6a83c 0%,#fa7916 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f6a83c 0%,#fa7916 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6a83c', endColorstr='#fa7916',GradientType=0 ); /* IE6-8 */}
#btnServMedio{margin:0 24px; line-height:35px !important}
#btnsServicios a:hover{color:#102b49}
#separadorBtnsServ{padding:10px 15px}

.columnaContacto{float:left}
#formularioCompleto{width:420px; padding-top:20px}
#formContacto{width:400px}
#formContacto ul li{margin-bottom:6px}
#formContacto label{width:400px; float:left; font-size:13px; padding:5px 0; color:#646464}
#formContacto input, textarea{width:398px; font-size:12px; background-color:#FFF; color:#000; border:none}
#formContacto textarea{width:398px; height:120px; margin:5px 0 0; font-family:Arial, Helvetica, sans-serif}
#formContacto input{height:25px}
#btnEnviar{width:75px; height:32px; margin-top:20px; margin-left:328px}
#btnEnviar a{width:100%; height:100%; display:block; cursor:pointer; text-decoration:none; color:#646464; font-size:12px; line-height:27px; background-image:url(../img/btnEnviar.png); text-indent:14px}
#btnEnviar a:hover{color:#e66432}
#estado{clear:both; padding:10px 0 0 0; margin:10px 0;	height:20px; font-size:11px; float:left; color:#646464}
#columnaMapa{float:left; padding-bottom:20px}
#columnaMapa p{color:#646464; font-size:13px; line-height:130%; text-align:right}
#contenedorMapa{width:525px; height:295px; margin:25px 0 20px 14px; padding:5px; background-color:#e3e3e3; -webkit-box-shadow: 2px 2px 2px 0px rgba(97,97,97,1);
-moz-box-shadow: 2px 2px 2px 0px rgba(97,97,97,1);
box-shadow: 2px 2px 2px 0px rgba(97,97,97,1);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
#mapa{width:525px; height:295px}

#txtObras{color:#646464; font-size:13px; text-align:justify; line-height:130%; padding:15px 0; width:975px}

#izquierdaGalerias{float:left; width:445px}
#btnsObras{width:445px; padding:0}
#btnsObras li{float:left; color:#646464; line-height:140%; padding:0 6px}
#btnsObras li a{display:block; font-family:'titillium_websemibold'; font-size:16px; color:#646464; line-height:140%}
#btnObraSelecc{color:#455972 !important; text-decoration:underline}
#btnsObras li a:hover{color:#e66432}

.unaImgMini{width:445px; padding:25px 0 5px}
.unaImgMini img{width:139px; height:105px; float:left; padding:4px}
.unaImgMini img:hover{background-color:#455972}

.paginator{margin:10px 0 50px 190px}
.paginator li{float:left; list-style:none; text-align:center; border:#646464 solid 1px; margin:0 3px; background-color:#F8912A}
.paginator li a{display:block; height:20px; padding-top:5px; width:20px; color:#455972; text-align:center; font-weight:bold}
.paginator li a:hover{background-color:rgba(0,0,0,0.2)}
.page-previous-outer{height:auto; overflow:hidden; position:relative; width:445px}
.page-previous-inner{position:relative}
.page-previous-inner div{width:445px; float:left; position:relative}
#arrow{position:relative; left:50px; display:none}
#pag{width:349px; margin:20px 0}

#derechaGalerias{width:516px; float:left; margin-left:14px}
#imgGaleria{width:508px; height:324px; background-image:url(../img/fondoGalObras.jpg); padding:4px 4px 37px}
.prevGal{position:relative; top:-250px; left:0; display:none}
.nextGal{position:relative; top:-287px; left:540px; display:none}

#pieGral{width:100%; height:146px; background-image:url(../img/fondoPie.jpg); background-position:top left; background-repeat:repeat-x; border-top:#f8912a solid 5px}
#pie{width:1024px; height:146px; margin:0 auto; background-image:url(../img/fondoPie.jpg)}
#titulosPie{height:40px; padding:0 24px}
#titulosPie p, #titulosPie p span{font-family:'titillium_websemibold'; font-size:15px; line-height:40px; color:#fff}
#titulosPie p span{float:right}
#datosPie{width:976px; padding:0 24px}
#pieIzq{float:left}
#pieIzq ul{float:left; padding-right:40px}
#pieIzq ul li a{padding:3px 0; display:block; color:#FFF; font-size:12px; line-height:130%}
#pieIzq ul li a:hover{color:#e66432}
#pieDer p{padding:3px 0; display:block; color:#FFF; font-size:11px}
#pieDer{float:right}
#pieDer p{text-align:right}
#firmaPie{width:976; height:30px; margin:7px 24px 0; border-top:#fff dotted 1px}
#firmaPie p, #firmaPie p span{color:#fff; font-size:10px; font-family:Tahoma, Geneva, sans-serif; line-height:30px}
#firmaPie p span{float:right}