@charset "utf-8";
    /* Medios fluidos sencillos
   Nota: Los medios fluidos exigen la eliminación de los atributos de altura y anchura de los medios del código HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
    
    img,
    object,
    embed,
    video {
        max-width: 100% !important;
    }
    /* IE 6 no admite max-width (anchura máxima), por lo que usa de manera predeterminada una anchura del 100% */
    
    .ie6 img {
        width: 60% !important;
    }
    /*
	Propiedades de cuadrícula fluida de Dreamweaver
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		5;
	dw-num-cols-desktop:	5;
	dw-gutter-percentage:	20;
	
	Inspiración obtenida de "Responsive Web Design" de Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	y Golden Grid System de Joni Korpi
	http://goldengridsystem.com/
*/
    /* Diseño móvil: 480 px e inferior. */
    
    @font-face {
        font-family: "starlinerbtnregular";
        src: url(font/starlinerbtnregular.ttf) format("truetype"), url(font/starlinerbtnregular.eot) format('embedded-opentype');
    }
	
	@font-face {
        font-family: "Gill Sans MT";
        src: url(font/GillSansMTMedium.woff) format('woff');
    }
    
    #logo {
        clear: none;
        float: left;
        margin-left: 0;
        margin-top: 2em;
        margin-bottom: 1em;
        width: 100%;
        display: block;
        font-family: "starlinerbtnregular" !important;
        font-size: .7em;
        font-style: normal;
        text-align: center;
        word-spacing: normal;
    }
    
    body {
        background-color: white;
        font-family: "Gill Sans MT" !important;
        font-size: medium !important;
    }
    
    h1 {
        margin: 0px;
    }
    
    .gridContainer {
        margin-left: auto;
        margin-right: auto;
        width: 96%;
        padding-left: 1.6666%;
        padding-right: 1.6666%;
    }
    
    #botoeslogo {
        clear: none;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        width: 31%;
        display: block;
    }
    
    #LayoutDiv1 {
        clear: none;
        float: left;
        margin-left: 0;
        width: 33.3%;
        display: block;
    }
    
    #LayoutDiv2 {
        clear: none;
        float: left;
        margin-left: 0;
        width: 33.3%;
        display: block;
        background-color: white;
    }
    
    #LayoutDiv3 {
        clear: none;
        float: left;
        margin-left: 0;
        width: 33.3%;
        display: block;
        background-color: white;
    }
    
    #LayoutDiv4 {
        clear: none;
        float: left;
        margin-left: 0;
        width: 33.3%;
        display: block;
        background-color: white;
    }
    
    #LayoutDiv5 {
        clear: none;
        float: left;
        margin-left: 0;
        width: 33.3%;
        display: block;
        background-color: white;
    }
    
    #LayoutDiv6 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    }
    
    #LayoutDiv7 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
    }
    
   
    
    #LayoutDiv9 {
        clear: none;
        float: right;
        margin-right: 2%;
        width: 100%;
        display: block;
    }
    
    #LayoutDiv10 {
        clear: both;
        float: left;
        width: 100%;
        display: block;
        font-size: 1em !important;
    }
    /* Diseño tableta: de 481 px a 768 px. Hereda estilos de: Diseño móvil. */
    
    @media only screen and (min-width: 481px) {
        .gridContainer {
            width: 95%;
            padding-left: 1.6666%;
            padding-right: 1.6666%;
            margin-left: auto;
            margin-right: auto;
        }
        #header {
            clear: none;
            float: left;
            margin-left: 0;
            width: 100%;
            display: block;
        }
        #logo {
            clear: none;
            float: left;
            margin-left: 0;
            margin-right: 1%;
            width: 78%;
            display: block;
            margin-top: 2em;
            margin-bottom: 1.5em;
            font-family: "starlinerbtnregular" !important;
            font-size: 1em;
            font-style: normal;
            text-align: center;
            word-spacing: normal;
        }
        #botoeslogo {
            clear: none;
            float: left;
            margin-right: 0;
            width: 20%;
            display: block;
            margin-top: 2em;
            margin-bottom: 1.5em;
        }
        #LayoutDiv1 {
            clear: both;
            float: left;
            margin-left: 0;
            width: 20%;
            display: block;
        }
        #LayoutDiv2 {
            clear: none;
            float: left;
            margin-left: 0;
            width: 20%;
            display: block;
        }
        #LayoutDiv3 {
            clear: none;
            float: left;
            margin-left: 0;
            width: 20%;
            display: block;
        }
        #LayoutDiv4 {
            clear: none;
            float: left;
            margin-left: 0;
            width: 20%;
            display: block;
        }
        #LayoutDiv5 {
            clear: none;
            float: left;
            margin-left: 0;
            width: 20%;
            display: block;
        }
        #LayoutDiv6 {
            clear: both;
            float: left;
            margin-left: 0;
            width: 100%;
            display: block;
        }
        #LayoutDiv7 {
            clear: both;
            float: left;
            margin-left: 0;
            width: 20%;
            display: block;
        }
        #aec {
            width: 49%;
            display: block;
            float: left;
            clear: none;
            margin-right: 2%;
        }
        #catl {
            width: 49%;
            display: block;
            float: left;
            clear: none;
        }
        #cd {
            width: 49%;
            display: block;
            float: left;
            clear: none;
            margin-right: 2%;
        }
        #exp {
            width: 49%;
            display: block;
            float: left;
            clear: none;
        }
        #creche {
            width: 49%;
            display: block;
            float: left;
            clear: none;
            margin-right: 2%;
        }
        #natacao {
            width: 49%;
            display: block;
            float: left;
            clear: none;
        }
        #om {
            width: 49%;
            display: block;
            float: left;
            clear: none;
            margin-right: 2%;
        }
        #sad {
            width: 49%;
            display: block;
            float: left;
            clear: none;
        }
        #LayoutDiv8 {
            clear: none;
            float: left;
            margin-left: 2%;
            margin-right: 2%;
            width: 56%;
            display: block;
            font-family: "Century Gothic";
            font-size: .7em;
            font-style: normal;
            text-align: justify;
            word-spacing: normal;
            color: #000;
            overflow: no;
        }
        #LayoutDiv9 {
            clear: none;
            float: left;
            margin-right: 0;
            width: 20%;
            display: block;
            font-family: "Century Gothic";
            font-size: .7em;
            font-style: normal;
            text-align: justify;
            word-spacing: normal;
            color: #000;
        }
        #LayoutDiv10 {
            clear: both;
            float: left;
            margin-left: 0;
            width: 100%;
            display: block;
            font-size: 11px;
        }
    }
    /* Diseño escritorio: de 769 px hasta un máximo de 1232 px.  Hereda estilos de: Diseño móvil y Diseño tableta. */
    
    @media only screen and (min-width: 769px) {
        .gridContainer {
            width: 70% !important;
            max-width: 1232px !important;
            padding-left: 1.6666% !important;
            padding-right: 1.6666% !important;
            margin: auto !important;
        }
        #header {
            clear: none;
            float: left;
            margin-left: 0;
            width: 100%;
            display: block;
        }
        #logo {
            clear: none;
            float: left;
            margin-left: 0;
            margin-right: 1%;
            width: 78%;
            display: block;
            margin-top: 2em;
            margin-bottom: 1.5em;
            font-family: "starlinerbtnregular" !important;
            font-size: 1.5em;
            font-style: normal;
            text-align: center;
            word-spacing: normal;
        }
        #botoeslogo {
            clear: none;
            float: left;
            margin-right: 0;
            width: 20%;
            display: block;
            margin-top: 2em;
            margin-bottom: 1.5em;
        }
        #LayoutDiv1 {
            clear: both;
            float: left;
            margin-left: 0;
            width: 20%;
            display: block;
        }
        #LayoutDiv2 {
            clear: none;
            float: left;
            margin-left: 0;
            width: 20%;
            display: block;
        }
        #LayoutDiv3 {
            clear: none;
            float: left;
            margin-left: 0;
            width: 20%;
            display: block;
        }
        #LayoutDiv4 {
            clear: none;
            float: left;
            margin-left: 0;
            width: 20%;
            display: block;
        }
        #LayoutDiv5 {
            clear: none;
            float: left;
            margin-left: 0;
            width: 20%;
            display: block;
        }
        #LayoutDiv6 {
            clear: both;
            float: left;
            margin-left: 0;
            width: 100%;
            display: block;
        }
        #LayoutDiv7 {
            clear: both;
            float: left;
            margin-left: 0;
            width: 20%;
            display: block;
        }
        #aec {
            width: 49%;
            display: block;
            float: left;
            clear: none;
            margin-right: 2%;
        }
        #catl {
            width: 49%;
            display: block;
            float: left;
            clear: none;
        }
        #cd {
            width: 49%;
            display: block;
            float: left;
            clear: none;
            margin-right: 2%;
        }
        #exp {
            width: 49%;
            display: block;
            float: left;
            clear: none;
        }
        #creche {
            width: 49%;
            display: block;
            float: left;
            clear: none;
            margin-right: 2%;
        }
        #natacao {
            width: 49%;
            display: block;
            float: left;
            clear: none;
        }
        #om {
            width: 49%;
            display: block;
            float: left;
            clear: none;
            margin-right: 2%;
        }
        #sad {
            width: 49%;
            display: block;
            float: left;
            clear: none;
        }
        #LayoutDiv8 {
            clear: none;
            float: left;
            margin-left: 2%;
            margin-right: 2%;
            width: 56%;
            display: block;
            font-family: "Century Gothic";
            font-size: .7em;
            font-style: normal;
            text-align: justify;
            word-spacing: normal;
            color: #000;
            overflow: no;
        }
        #news1 {
            width: 25%;
            display: block;
            float: left;
            clear: none;
        }
        #news2 {
            width: 25%;
            display: block;
            float: left;
            clear: none;
        }
        #news3 {
            width: 25%;
            display: block;
            float: left;
            clear: none;
        }
        #news4 {
            width: 25%;
            display: block;
            float: left;
            clear: none;
        }
        #LayoutDiv9 {
            clear: none;
            float: left;
            margin-right: 0;
            width: 20%;
            display: block;
            font-family: "Century Gothic";
            font-size: .7em;
            font-style: normal;
            text-align: justify;
            word-spacing: normal;
            color: #000;
        }
        #LayoutDiv10 {
            clear: both;
            float: left;
            margin-left: 0;
            width: 100%;
            display: block;
            font-size: 13px;
        }
    }