@charset "utf-8";

/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/
*/
img, object, embed, video {
    max-width: 100%;
    /* Removed .ie6 img { width: 100%; } as it's an outdated IE6 hack */
}

/*
	Dreamweaver Fluid Grid Properties (for reference, not part of live CSS)
	----------------------------------
	dw-num-cols-mobile:		21;
	dw-num-cols-tablet:		21;
	dw-num-cols-desktop:	21;
	dw-gutter-percentage:	25;

	Inspiration from "Responsive Web Design" by Ethan Marcotte
	http://www.alistapart.com/articles/responsive-web-design

	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
    clear: both;
    margin-left: 0; /* Default for fluid elements */
    width: 100%;
    float: left;
    display: block;
}

.fluidList {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* --- Mobile Layout: 480px and below. --- */

.gridContainer {
    margin: 0 auto; /* Centers the container horizontally */
    width: 90.1333%;
    padding: 0 0.4333%; /* Combined padding for left and right */
    clear: none; /* Default, can be omitted if not overriding */
    float: none; /* Default, can be omitted if not overriding */
}

/* Default state for elements, overridden in media queries */
#contenidor_menus, #fotos_1, #text, #fotos2 {
    width: 100%;
    margin-left: 0;
}

#d1 {
    width: 100%;
    margin-left: 0;
    display: none; /* Hidden by default on mobile */
}

/* Columns (d2-d16) default to 3-column layout on mobile */
#d2, #d3, #d4, #d5, #d6, #d7, #d9, #d10, #d11, #d12, #d13, #d14, #d15, #d16 {
    width: 32.6923%;
}

/* Specific margins and clears for mobile grid flow */
#d3, #d4, #d6, #d7, #d10, #d11, #d13, #d14, #d16 {
    margin-left: 0.9615%;
    clear: none; /* Ensure they float next to each other if space allows */
}

#d5, #d9, #d12, #d15 {
    clear: both; /* Forces these to a new row */
    margin-left: 0; /* Start of a new row */
}

/* Footer elements mobile layout */
#dins_peu, #dins_peu2 {
    width: 27.8846%;
    margin-left: 0; /* Default margin for start of row */
}

#dins_peu2 {
    clear: none; /* Floats next to dins_peu */
    margin-left: 8.9615%; /* Specific margin for spacing */
}

#dins_peu4 {
    width: 18.2692%;
    clear: none;
    margin-left: 16.9615%;
    text-align: right;
}

/* Other specific mobile styles */
#c6 {
    color: #333333;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    text-align: center;
    width: 100%;
}

/* Corrected/cleaned up empty/inconsistent selectors */
#c13 {
    /* No properties for mobile, if meant to be hidden, use display: none; */
}
#c14 {
    width: 100%;
}
/* #c15, #d8, #espai, #fotos_2013, #texte, #div1 are empty; consider removal or specific purpose */


.zeroMargin_mobile {
    margin-left: 0;
}

.hide_mobile {
    display: none;
}

/* --- Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. --- */

@media only screen and (min-width: 481px) {
    .gridContainer {
        width: 92.1142%;
        padding: 0 0.4428%;
        /* margin: auto; clear: none; float: none; - inherited, no need to repeat */
    }

    #d1 {
        display: block; /* Visible on tablet */
    }

    /* Columns (d2-d16) default to 7-column layout on tablet */
    #d2, #d3, #d4, #d5, #d6, #d7, #d9, #d10, #d11, #d12, #d13, #d14, #d15, #d16 {
        width: 13.4615%; /* All columns now smaller */
        clear: none; /* Default for floating next to each other */
    }
    #d2 { margin-left: 0; } /* Start of row */
    #d3, #d4, #d5, #d6, #d7, #d9, #d11, #d12, #d13, #d14, #d15, #d16 {
        margin-left: 0.9615%; /* Gutter for subsequent columns */
    }
    #d10 { /* This seems to be the only one forcing a new line in tablet grid for d-rows */
        clear: both;
        margin-left: 0;
    }

    /* Footer elements tablet layout */
    #dins_peu {
        width: 32.6923%;
        margin-left: 0;
    }

    #dins_peu2 {
        width: 23.0769%;
        margin-left: 5.7692%;
    }

    #dins_peu4 {
        width: 27.8846%;
        margin-left: 10.5769%;
    }

    /* Specific tablet styles */
    #c13 {
        background-color: #FFFFFF;
        color: #FFF;
        display: block;
    }
    /* #c6, #c14, #fotos_1, #fotos2, #text, #contenidor_menus inherit widths, unless changed here */
    /* #fotos2, #text will still be 100% width on tablet if not specified otherwise */

    .zeroMargin_tablet {
        margin-left: 0;
    }

    .hide_tablet {
        display: none;
    }
}

/* --- Desktop Layout: 769px and above. Inherits styles from: Mobile Layout and Tablet Layout. --- */

@media only screen and (min-width: 769px) {
    .gridContainer {
        width: 89.1428%;
        max-width: 1600px;
        padding: 0 0.4285%;
        margin: auto; /* Shorthand for horizontal centering */
        /* clear: none; float: none; margin-left: auto; color: #FFF; - inherit or are redundant */
    }

    /* Columns (d2-d16) desktop layout - similar to tablet, likely for a consistent 7-col grid */
    #d2, #d3, #d4, #d5, #d6, #d7, #d9, #d10, #d11, #d12, #d13, #d14, #d15, #d16 {
        width: 13.4615%; /* Consistent column width */
        clear: none; /* Default for floating next to each other */
    }
    #d2 { margin-left: 0; } /* Start of row */
    #d3, #d4, #d5, #d6, #d7, #d9, #d11, #d12, #d13, #d14, #d15, #d16 {
        margin-left: 0.9615%; /* Gutter for subsequent columns */
    }
    #d10 { /* This seems to be the only one forcing a new line in desktop grid for d-rows */
        clear: both;
        margin-left: 0;
    }

    /* Specific desktop styles */
    #c6 {
        /* font-family: ... ; width: 100%; - already inherited or default */
        /* color: #333333; text-align: center; - inherited from mobile */
    }
    #c13 {
        background-color: #FFFFFF;
        display: block;
        /* color: #FFF; - removed, as it was only for tablet */
    }

    /* Footer elements desktop layout */
    #dins_peu {
        width: 18.2692%;
        margin-left: 9.6153%; /* Specific margin change for desktop */
    }

    #dins_peu2 {
        width: 13.4615%;
        margin-left: 15.3846%;
    }

    #dins_peu4 {
        width: 18.2692%;
        margin-left: 20.1923%;
    }

    #fotos2 {
        width: 56.7307%;
        margin-left: 5.7692%;
        clear: none;
    }

    #text {
        width: 23.0769%;
        margin-left: 38.4615%;
    }

    .zeroMargin_desktop {
        margin-left: 0;
    }

    .hide_desktop {
        display: none;
    }
}