/* proyectos */
	.proyectos {
	    max-width: 1500px;
	}

    .caja {
        width: 350px;
        margin: 0 auto;
     }


/* proyectos  sp */
    /* fotos */
    #residencial {
        width: 270px;
        height: 310px;
        background: url('proyectos_portada.png') 0 0;
    }

    #comercial {
        width: 270px;
        height: 310px;
        background: url('proyectos_portada.png') -289px 0;
    }

	#condominio {
        width: 270px;
        height: 310px;
        background: url('proyectos_portada.png') -576px 0;
    }

    #hotelero {
        width: 270px;
        height: 310px;
        background: url('proyectos_portada.png') 0 -372px;
    }

    #industrial {
        width: 270px;
        height: 310px;
        background: url('proyectos_portada.png') -289px -372px;
    }

    #proceso {
        width: 270px;
        height: 310px;
        background: url('proyectos_portada.png') -576px -372px;
    }


/* proyectos  en */
    /* fotos */
    #residenciale {
        width: 270px;
        height: 310px;
        background: url('proyectos_portadae.png') 0 0;
    }

    #comerciale {
        width: 270px;
        height: 310px;
        background: url('proyectos_portadae.png') -289px 0;
    }

   #condominioe {
        width: 270px;
        height: 310px;
        background: url('proyectos_portadae.png') -576px 0;
    }

    #hoteleroe {
        width: 270px;
        height: 310px;
        background: url('proyectos_portadae.png') 0 -372px;
    }

    #industriale {
        width: 270px;
        height: 310px;
        background: url('proyectos_portadae.png') -289px -372px;
    }

    #procesoe {
        width: 270px;
        height: 310px;
        background: url('proyectos_portadae.png') -576px -372px;
    }


/* comercial */
    /* fotos */
    #proyecto01 {
        width: 270px;
        height: 310px;
        background: url('proyectos_cajas_comercial.png') 0 0;
    }

    #proyecto02 {
        width: 270px;
        height: 310px;
        background: url('proyectos_cajas_comercial.png') -289px 0;
    }

    #proyecto03 {
        width: 270px;
        height: 310px;
        background: url('proyectos_cajas_comercial.png') -576px 0;
    }

    #proyecto04 {
        width: 270px;
        height: 310px;
        background: url('proyectos_cajas_comercial.png') -867px 0;
    }


/* condominio */
    /* fotos */
    #proyecto05 {
        width: 270px;
        height: 310px;
        background: url('proyectos_cajas_condominio.png') 0 0;
    }

    #proyecto06 {
        width: 270px;
        height: 310px;
        background: url('proyectos_cajas_condominio.png') -289px 0;
    }

    #proyecto07 {
        width: 270px;
        height: 310px;
        background: url('proyectos_cajas_condominio.png') -576px 0;
    }

    #proyecto08 {
        width: 270px;
        height: 310px;
        background: url('proyectos_cajas_condominio.png') -867px 0;
    }


/* hotelero */
    /* fotos */
    #proyecto09 {
        width: 270px;
        height: 310px;
        background: url('proyectos_cajas_hotelero.png') 0 0;
    }

    #proyecto10 {
        width: 270px;
        height: 310px;
        background: url('proyectos_cajas_hotelero.png') -289px 0;
    }

    #proyecto11 {
        width: 270px;
        height: 310px;
        background: url('proyectos_cajas_hotelero.png') -576px 0;
    }

    #proyecto12 {
        width: 270px;
        height: 310px;
        background: url('proyectos_cajas_hotelero.png') -867px 0;
    }


/* industrial */ 
    /* fotos */
    #proyecto13 {
        width: 270px;
        height: 310px;
        background: url('proyectos_cajas_industrial.png') 0 0;
    }

    #proyecto14 {
        width: 270px;
        height: 310px;
        background: url('proyectos_cajas_industrial.png') -289px 0;
    }

    #proyecto15 {
        width: 270px;
        height: 310px;
        background: url('proyectos_cajas_industrial.png') -576px 0;
    }

	#proyecto16 {
        width: 270px;
        height: 310px;
        background: url('proyectos_cajas_industrial.png') -867px 0;
    }


/* proceso */
    /* fotos */
    #proyecto17 {
        width: 270px;
        height: 310px;
        background: url('proyectos_cajas_proceso.png') 0 0;
    }

    #proyecto18 {
        width: 270px;
        height: 310px;
        background: url('proyectos_cajas_proceso.png') -289px 0;
    }

    #proyecto19 {
        width: 270px;
        height: 310px;
        background: url('proyectos_cajas_proceso.png') -576px 0;
    }

    #proyecto20 {
        width: 270px;
        height: 310px;
        background: url('proyectos_cajas_proceso.png') -867px 0;
    }

/* residencial */
    /* fotos */
    #proyecto21 {
        width: 270px;
        height: 310px;
        background: url('proyectos_cajas_residencial.png') 0 0;
    }

    #proyecto22 {
        width: 270px;
        height: 310px;
        background: url('proyectos_cajas_residencial.png') -289px 0;
    }

    #proyecto23 {
        width: 270px;
        height: 310px;
        background: url('proyectos_cajas_residencial.png') -576px 0;
    }

    #proyecto24 {
        width: 270px;
        height: 310px;
        background: url('proyectos_cajas_residencial.png') -867px 0;
    }


/* botones sp */
    .hotelero {
        width: 100px;
        height: 30px;
        background-image: url("boton_hotelero.gif");
    }

    .hotelero:hover {
    	width: 100px;
        height: 30px;
        background-image: url("boton_hoteleroa.gif");
    }

    .comercial {
        width: 100px;
        height: 30px;
        background-image: url("boton_comercial.gif");
    }

    .comercial:hover {
    	width: 100px;
        height: 30px;
        background-image: url("boton_comerciala.gif");
    }

    .condominio {
        width: 100px;
        height: 30px;
        background-image: url("boton_condominio.gif");
    }

    .condominio:hover {
        width: 100px;
        height: 30px;
        background-image: url("boton_condominioa.gif");
    }

    .residencial {
        width: 100px;
        height: 30px;
        background-image: url("boton_residencial.gif");
    }

    .residencial:hover {
    	width: 100px;
        height: 30px;
        background-image: url("boton_residenciala.gif");
    }

    .industrial {
        width: 100px;
        height: 30px;
        background-image: url("boton_industrial.gif");
    }

    .industrial:hover {
    	width: 100px;
        height: 30px;
        background-image: url("boton_industriala.gif");
    }

    .proceso {
        width: 100px;
        height: 30px;
        background-image: url("boton_proceso.gif");
    }

    .proceso:hover {
    	width: 100px;
        height: 30px;
        background-image: url("boton_procesoa.gif");
    }


/* botones en */
    .hoteleroe {
        width: 100px;
        height: 30px;
        background-image: url("boton_hoteleroe.gif");
    }

    .hoteleroe:hover {
        width: 100px;
        height: 30px;
        background-image: url("boton_hoteleroea.gif");
    }

    .comerciale {
        width: 100px;
        height: 30px;
        background-image: url("boton_comerciale.gif");
    }

    .comerciale:hover {
        width: 100px;
        height: 30px;
        background-image: url("boton_comercialea.gif");
    }

    .condominioe {
        width: 100px;
        height: 30px;
        background-image: url("boton_condominioe.gif");
    }

    .condominioe:hover {
        width: 100px;
        height: 30px;
        background-image: url("boton_condominioea.gif");
    }

    .residenciale {
        width: 100px;
        height: 30px;
        background-image: url("boton_residenciale.gif");
    }

    .residenciale:hover {
        width: 100px;
        height: 30px;
        background-image: url("boton_residencialea.gif");
    }

    .industriale {
        width: 100px;
        height: 30px;
        background-image: url("boton_industriale.gif");
    }

    .industriale:hover {
        width: 100px;
        height: 30px;
        background-image: url("boton_industrialea.gif");
    }

    .procesoe {
        width: 100px;
        height: 30px;
        background-image: url("boton_procesoe.gif");
    }

    .procesoe:hover {
        width: 100px;
        height: 30px;
        background-image: url("boton_procesoea.gif");
    }


    /* detalle */
    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img {
        width: 70%;
        margin: auto;
    }