@import url(reset.css);
@import url(reset-fonts.css);
@import url(fonts.css);
@import url(formulario.css);
@import url(menu-h.css);
@import url(editar.css);

body,
html {
    margin:0;
    padding:0;
    color: #B3C2B3;
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
    width:100%;
    background: #003B5D url(img/fnd.png) repeat top;
}
body {
    min-width:980px;
    voice-family:inherit;
    position: relative;
}
a:link, a:visited {
    color: #fff;
    text-decoration: none;
    outline: none;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
a:hover {
    color: #d3ddc7;
    outline: none;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
h3 {
    padding: 0px 0 0px 0;
}

.ctr {
    float: left;
    width: 100%;
}

.env {
    width: 95%;
    margin: 0 auto;
}

#ctr-encabezado {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 100;
    background: #003B5D url(img/fnd.png) repeat top;
}

#encabezado {
    height: 140px;
    position: relative;
    border-bottom: solid 1px #406978;
    background: #003B5D url(img/fnd.png) repeat top;
    overflow: hidden;
}

#ctr-cuerpo {
    margin-top: 140px;
}

#ctr-pie footer {
    margin-top: 25px;
    border-top: solid 1px #406978;
}
#logo {
    width: 220px;
    background-repeat: no-repeat;
    background-position: 0px 10px;
    font-variant: inherit;
    position: absolute;
    top: 25px;
    left: 0;
}
#logo a {
	width: 100%;
	height: 65px;
	float: left;
}
#logo #texto-logo {
	width: 100%;
	float: left;
	text-align: center;
	font-family: 'DINRegular',Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	height: 16px;
}
#logo #texto-logo a {
	color: #d3ddc7;
		width: 100%;
	float: left;
}
#logo #texto-logo a:hover {
	color: #d3ddc7;
}
#ctr-menu-principal {
    position: absolute;
    top: 71px;
    left: 245px;
    right: 70px;

}

#idiomas {
    position: absolute;
    top: 60px;
    right: 0;
}
#idiomas li {
    display: inline;
    float: left;
    padding-left: 7px;
}
#idiomas li a {
    font-family: 'DINMedium',Helvetica, Arial, sans-serif;
    display:inline-block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 11px;
    padding: 0px;
    text-align: center;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    -webkit-border-radius:15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    background-color: #D3DDC7;
    color:#003b5d;
    font-weight: normal;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    position: relative;
    behavior: url(/css/css3pie/PIE.htc);
}
#idiomas li a:hover {

    background-color: #fff;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
#ctr-menu {
    width: 100%;
    float:left;
    margin: 0;
    padding: 0;
    background: #333333;
    background: -moz-linear-gradient(top,  #333333 1%, #212121 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#333333), color-stop(100%,#212121));
    background: -webkit-linear-gradient(top,  #333333 1%,#212121 100%);
    background: -o-linear-gradient(top,  #333333 1%,#212121 100%);
    background: -ms-linear-gradient(top,  #333333 1%,#212121 100%);
    background: linear-gradient(top,  #333333 1%,#212121 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#212121',GradientType=0 );

}

.pie-col {
    float: left;
    width: 300px;
    margin: 20px 20px 0 0;
}
.pie-col-redes {
    float: left;
    width: 300px;
    margin: 20px 0px 0 0;
}

.ctr-articulo {
    float: left;
    width: 100%;
    max-width: 860px;
    padding: 0 0 10px 0;
    font-size: 18px;
    line-height: 22px;
    font-family: 'DINRegular',Helvetica, Arial, sans-serif;
    color:  #b3c2b3;
}

#ctr-carrousel {
    float: left;
    width: 100%;
    background: #D2DCC6;
    margin: 0px 0 0 0;    
    -webkit-box-shadow:  0px 0px 20px 0px rgba(00, 00, 00, 0.3);

    box-shadow:  0px 0px 20px 0px rgba(00, 00, 00, 0.3);
    position: relative;
    margin-top: 25px  

}
#ctn-carrousel {
    width: 95%;
    margin: 0 auto;
}
#carrousel {
    width: 100%;
    overflow: hidden;
    float: left;
    padding: 20px 0;
    color: #003b5d;

}
#carrousel a {
    color: #003b5d;
}
#carrousel h2 {
    color: #003b5d;
    font-size: 16px;
    line-height: 22px;
    margin: 0px 0 10px 0;
}
#carrousel a:hover {
    color: #005484;
}
.carrousel-fila {
    float: left;
}
.categorias {
    text-transform: uppercase;
    font-family: 'DINRegular',Helvetica, Arial, sans-serif;
    font-size: 12px;
   
}
.contenido  {
	width: 100%;
	float: left;
	padding-top: 20px;
}
.trabajo {
    float: left;
    width: 300px;
    margin-right: 20px;
}

.intro-contenido {
    float: left;
    width: 100%;
    margin: 0 0 0px;
    padding: 15px 0 10px 0;
    border-bottom: solid 1px #406978;
}

.servicio {
    float: left;
    width: 300px;
    margin: 0 20px 20px 0;
}

.trabajo-lista {
    float: left;
    width: 300px;
    margin: 0 20px 20px 0;
    position: relative;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
  }
    .trabajo-lista .texto {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
  }
  .trabajo-lista:hover .texto {
	color: #ffffff;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
  }
      .trabajo-lista a {

  }
    .trabajo-lista:hover a {
	color: #ffffff;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
  }
      .trabajo-lista:hover a:hover {


  }
.cliente {
    float: left;
    width: 172px;
    height: 218px;
    padding: 0 20px 20px 0;
    position: relative;
    overflow: hidden;
}
.cliente h2 {
    font-size: 16px;
    line-height: 20px;
}
.cliente .imagen {
    background-color: #FFF;
    text-align: center;
    width: 168px;
    height: 168px;
    display: block;
}
.cliente .imagen img {

}
.trabajo-lista-fondo {
   /* position: absolute;
    left: -10px;
    top: -10px;*/
    width: 300px;
    /*padding: 10px;*/
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.over-fondo {
    background: #D3DDC7;
    z-index: 100;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
   /* -webkit-box-shadow:  0px 0px 20px 0px rgba(00, 00, 00, 0.5);

    box-shadow:  0px 0px 20px 0px rgba(00, 00, 00, 0.5);*/
}
.trabajo-lista-fondo.over-fondo a:hover img {
    /*opacity: 1;
    filter: alpha(opacity=100);*/

}
.trabajo-lista h2 {
    font-size: 16px;
    line-height: 22px;
    margin: 15px 0 10px 0; 
    font-family: 'DINRegular', Helvetica, 'Helvetica Neue', Arial, sans-serif;
}
.trabajo-lista h2 a {
    color: #b3c2b3;
}

.trabajo-lista-fondo.over-fondo  h2, .trabajo-lista-fondo.over-fondo  {
    color: #003b5d;
}
.trabajo-lista-fondo.over-fondo h2 a {
    color: #003b5d;
}
.trabajo-lista-fondo.over-fondo h2 a:hover {
    color: #005484;
}
#menu-categorias, #submenu-categorias {
    float: left;
    width: 100%;

}
#menu-categorias {
    padding-top: 20px;
}
#menu-categorias > li, #submenu-categorias > li {

}

#menu-categorias .seleccionado, #submenu-categorias .seleccionado {
    color: #fff;
}
.contenido .texto {
    float: left;
    padding-right: 25px;
    padding-bottom: 25px;
}
.contenido .imagen {
    float: left;
}

.contenido .redes {
    float: left;
width: 95px;
}

.imagen img {

}
.imagen  a img {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.imagen  a:hover img {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
#btn-carrousel-der, #btn-carrousel-izq {
    width: 50px;
    height: 50px;
    float: left;
}
#btn-carrousel-der {
    padding-left: 1px;
}
#btn-carrousel-der a , #btn-carrousel-izq a {
    width: 50px;
    height: 50px;
    float: left;
    text-indent: -9999px;
}
#btn-carrousel-der a {
    background-image: url(img/flch-der.png);
    background-repeat: no-repeat;
    background-position: -50px 0px;
}
#btn-carrousel-izq a {
    background-image: url(img/flch-izq.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

#btn-carrousel-der a:hover {
    background-position: 0px 0px;
}
#btn-carrousel-izq a:hover {
    background-position: -50px 0px;
}
#ctr-pie {
    font-size: 12px;
    line-height: 20px;
    padding-bottom: 25px;
}
#ctr-pie a {
    color: #b3c2b3;
}
#ctr-pie a:hover {
    color: #fff;
}
#pie-texto {
    width: 100%;
    float: left;
    padding-bottom: 10px;
}


#railef {
    float: left;
    margin: 0 0;
}

#railef  span {
    text-transform: uppercase;
    font-family: 'i-r';

}
ul.redes {
    width: 100%;
    float: left;
}
ul.redes li {
    width: auto;
    float: left;
    display: inline;

}
ul.redes li a  {
    float: left;
}
ul.redes li a.facebook {
    padding: 0px 0px 5px 25px;
    background-image: url(img/facebook.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin-left: 10px;
}
ul.redes li a.twitter {
    padding: 0px 0px 5px 25px;
    background-image: url(img/twitter.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
.titulo-seccion  {
    max-width: 860px;
}
.titulo-seccion h1 {
    color: #b3c2b3;
    font-family: 'DINLightRegular', Helvetica, 'Helvetica Neue', Arial, sans-serif;
    padding-bottom: 5px;
    margin: 0;
}
.ctr {
    width: 100%;
    float: left;
}
.ctn {
    width: 100%;
    float: left;
    padding-top: 20px	
}


.fecha {
    float: left;
    margin: 0 25px 0 0;

}

.fecha {
    display:inline-block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width: 80px;
    height: 80px;
    padding: 0px;
    text-align: center;
    -moz-border-radius:40px;
    -webkit-border-radius:40px;
    -webkit-border-radius:40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    behavior: url(/css/css3pie/PIE.htc);
    background-color: #002840;
    color: #b3c2b3;
    text-transform: uppercase;

}
.dia {
    padding-top: 17px;	
    color: #b3c2b3;
    font-family: 'DINMedium', Helvetica, 'Helvetica Neue', Arial, sans-serif;
    font-size: 30px;
    line-height: 32px;
}
.mes {
    font-family: 'DINRegular', Helvetica, 'Helvetica Neue', Arial, sans-serif;
    font-size: 14px;
}
.noticia {
    width: 100%;
    float: left;
    padding-top: 25px;
}
.noticia .imagen {
    width: 300px;
    float: left;
    padding-right: 25px;
}
.noticia .textos {
    width: 490px;
    float: left;

}
.noticia .textos h2 {
    width: 490px;
    float: left;
    font-size: 16px;
    line-height: 22px;
    margin: 0px 0 10px 0;

}
.noticia .textos h2 a,
.cliente h2 a {
    color: #b3c2b3;
}
.noticia .textos h2 a:hover,
 .cliente h2 a:hover {
    color: #fff;
}
.noticia .textos .intro {
    width: 100%;
    float: left;
    padding-bottom: 20px;
}
.ver-mas {
    width: 100%;
    float: left;
}
.ver-mas a {
    font-family: 'DINRegular', Helvetica, 'Helvetica Neue', Arial, sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    padding: 7px 20px;
    background-color: #b3c2b3;
    color: #003b5d;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    behavior: url(/css/css3pie/PIE.htc);  
}
.ver-mas a:hover {
    background-color: #fff;

}

.servicio h2 {

    float: left;
    font-size: 16px;
    line-height: 22px;
    margin: 0px 0 10px 0;

}
.servicio h2 a {
    color: #b3c2b3;
}
.servicio h2 a:hover {
    color: #fff;
}
.servicio .intro {
    width: 100%;
    float: left;
    padding-bottom: 20px;
}
.ctd-art {
    float: left;
width: 700px;

}

/*
                -moz-column-count: 2;
   -moz-column-gap: 40px;
   -moz-column-rule: 1px solid #406978;
   -webkit-column-count: 2;
   -webkit-column-gap: 40px;
   -webkit-column-rule: 1px solid #406978; 
*/
.ctd-art p, .contenido .texto p {
    padding-bottom: 20px;
}
#contacto {
    width: 940px;
    float: left;
    padding-top: 20px;
}
.cliente-ver {
    width: 100%;
    float: left;
    padding: 0px 0 5px 0;
    font-family: 'DINRegular', Helvetica, 'Helvetica Neue', Arial, sans-serif;
    color: inherit;
}
.categorias.ver-art {
    width: 100%;
    float: left;
    padding: 0px 0 5px 0;
}
.redes.redes-ver {

}
.fb-like,
.googleplus ,
.twitter-btn {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    padding-left: 25px;
    padding-bottom: 15px;
}
.fb-like:hover,
.googleplus:hover ,
.twitter-btn:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.fb-like {

}
.googleplus {

}
.twitter {

}
.ctr-img-redes {
    float: left;
}
.contenido .imagen img
{
    width: 100% !important;
    height: auto !important;	
}
.texto img
{
    max-width: 100% !important;
    height: auto !important;	
}
    .contenido .texto {
        float: left;
			width: 380px;
			

    }
    .contenido .imagen {
width: 440px;

}

.ctd-art.ctd-info {
	width: 500px;
}
    #cuerpo, #encabezado, #pie, #ctn-carrousel, #btn-carrusel {
    	width: 940px;
    }
    /*
@media screen and (min-width: 0px) and (max-width: 1279px)   {


    .contenido .texto {
        float: left;
			width: 380px;
			

    }
    .contenido .imagen {
width: 440px;

}

.ctd-art.ctd-info {
	width: 500px;
}
    #cuerpo, #encabezado, #pie, #ctn-carrousel, #btn-carrusel {
    	width: 940px;
    }
    
    
}

@media screen and (min-width: 1280px) and (max-width: 1599px) {

    #cuerpo, #encabezado, #pie, #ctn-carrousel, #btn-carrusel {
    	width: 1260px;
    }
    .ctd-art.ctd-info {
	width: 820px;
}
    .contenido .texto {
        float: left;
			width: 540px;
			

    }
    .contenido .imagen {
width: 600px;

}
 }
 
 @media screen and (min-width: 1600px) and (max-width: 1919px) {

    #cuerpo, #encabezado, #pie, #ctn-carrousel, #btn-carrusel {
    	width: 1580px;
    }
        .ctd-art.ctd-info {
	width: 820px;
}
       .contenido .texto {
        float: left;
			width: 700px;
			

    } 
            .contenido .imagen {
width: 760px;

}
 }
  @media screen and (min-width: 1920px) {

    #cuerpo, #encabezado, #pie, #ctn-carrousel, #btn-carrusel {
    	width: 1900px;
    }
        .ctd-art.ctd-info {
	width: 820px;
}
       .contenido .texto {
        float: left;
			width: 700px;
			

    } 
            .contenido .imagen {
width: 760px;

}
 }*/
.contenido.ctr.ver-noticias {
    width: 100%;
    float: left;
    padding-top: 20px;
}
.ctn-form {
    width: 460px;
    float: left;
    padding-right: 20px	
}
#mapa {
    width: 458px;
    height: 329px;
    float: right;
    background-color:#002840;
    padding: 1px;

}

#ctr-paginador {
    float: left;
    width: 100%;
    border-top: solid 1px #406978;
    padding-top: 25px;
}

#paginador {
    float: right;
    width: auto;
}

#paginador div {
    float: left;
    margin: 0 3px;

}
#paginador span.seleccionado {
    border-bottom: 1px solid #B3C2B3;
}

.slideshow { 
    width: 420px; 
    height: 550px; 
    float: left;
    margin: 20px 0 0 20px;
}
.slideshow img { 
    background-color: #eee; 
}
#carrousel {
    width: 940px;
}