/* ------------------------------------------------------------------------------------------------------------------ */
/* fontes */
@font-face {
	font-family: 'Exo-Regular';
	src: url('../../../src/fonts/exo_regular/exo_regular.eot');
	src: local('☺'), url('../../../src/fonts/exo_regular/exo_regular.woff') format('woff'), url('../../../src/fonts/exo_regular/exo_regular.ttf') format('truetype'), url('../../../src/fonts/exo_regular/exo_regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Exo-Light';
	src: url('../../../src/fonts/exo_light/exo_light.eot');
	src: local('☺'), url('../../../src/fonts/exo_light/exo_light.woff') format('woff'), url('../../../src/fonts/exo_light/exo_light.ttf') format('truetype'), url('../../../src/fonts/exo_light/exo_light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Exo-Black';
	src: url('../../../src/fonts/exo_black/exo_black.eot');
	src: local('☺'), url('../../../src/fonts/exo_black/exo_black.woff') format('woff'), url('../../../src/fonts/exo_black/exo_black.ttf') format('truetype'), url('../../../src/fonts/exo_black/exo_black.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Exo-Bold';
	src: url('../../../src/fonts/exo_bold/exo_bold.eot');
	src: local('☺'), url('../../../src/fonts/exo_bold/exo_bold.woff') format('woff'), url('../../../src/fonts/exo_bold/exo_bold.ttf') format('truetype'), url('../../../src/fonts/exo_bold/exo_bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

h1, h2, h3, h4, h5, h6, p, a, input, label, textarea, span { font-family: 'Exo-Regular', Arial, Verdana, sans-serif; letter-spacing: 1px; font-size: 12px; color: #000000; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* estrutura */
html, body { position: relative; margin: 0; padding: 0; width: 100%; height: 100%; background-color: #ffffff; }

/* banner */
div#cbanner { display: block; position: absolute; top: 0; left: 0; width: 100%; margin: 0 auto; height: 500px; overflow: hidden; }

/* conteudo */
div#content { display: block; position: relative; width: 100%; margin: 0 auto; z-index: 2; }

    /* cabecalho */
    div#content div#cheader { display: block; position: relative; width: 960px; margin: 0 auto; height: 500px; }

    /* menu */
    div#content div#cmenu { display: block; position: relative; width: 429px; height: 20px; margin: 75px auto 0 auto; }

    /* search */
    div#content div#csearch_index { display: block; position: relative; width: 100%; margin: 90px auto 0 auto; padding: 118px 0 54px 0; background: #0a253e url(../../../src/img/search/shadow.png) top center no-repeat; }
        div#content div#csearch_index div.top { position: absolute; top: 0; left: 50%; width: 440px; height: 73px; margin: 0 0 0 -220px; background: transparent url(../../../src/img/search/top.png) no-repeat; z-index: 2; }
            div#content div#csearch_index div.top a { position: absolute; top: 50%; left: 50%; width: 34px; height: 25px; margin: -13px 0 0 -17px; background: transparent url(../../../src/img/search/cover.png) no-repeat; }
            div#content div#csearch_index div.top a:hover { background: transparent url(../../../src/img/search/cover_hover.png) no-repeat; }

    div#content div#csearch_company { display: block; position: relative; width: 100%; margin: 90px auto 0 auto; padding: 118px 0 44px 0; background: #ff3333 url(../../../src/img/search/shadow.png) top center no-repeat; z-index: 13; }
        div#content div#csearch_company div.top { position: absolute; top: 0; left: 50%; width: 440px; height: 73px; margin: 0 0 0 -220px; background: transparent url(../../../src/img/search/top.png) no-repeat; z-index: 2; }
            div#content div#csearch_company div.top a { position: absolute; top: 50%; left: 50%; width: 34px; height: 25px; margin: -13px 0 0 -17px; background: transparent url(../../../src/img/search/cover.png) no-repeat; }
            div#content div#csearch_company div.top a:hover { background: transparent url(../../../src/img/search/cover_hover.png) no-repeat; }

    div#content div#csearch_products { display: block; position: relative; width: 100%; margin: 90px auto 0 auto; padding: 118px 0 69px 0; background: #ff3333 url(../../../src/img/search/shadow.png) top center no-repeat; z-index: 13; }
        div#content div#csearch_products div.top { position: absolute; top: 0; left: 50%; width: 440px; height: 73px; margin: 0 0 0 -220px; background: transparent url(../../../src/img/search/top.png) no-repeat; z-index: 2; }
            div#content div#csearch_products div.top a { position: absolute; top: 50%; left: 50%; width: 34px; height: 25px; margin: -13px 0 0 -17px; background: transparent url(../../../src/img/search/cover.png) no-repeat; }
            div#content div#csearch_products div.top a:hover { background: transparent url(../../../src/img/search/cover_hover.png) no-repeat; }

    div#content div#csearch_search { display: block; position: relative; width: 100%; margin: 90px auto 0 auto; padding: 118px 0 69px 0; background: #ff3333 url(../../../src/img/search/shadow.png) top center no-repeat; z-index: 13; }
        div#content div#csearch_search div.top { position: absolute; top: 0; left: 50%; width: 440px; height: 73px; margin: 0 0 0 -220px; background: transparent url(../../../src/img/search/top.png) no-repeat; z-index: 2; }
            div#content div#csearch_search div.top a { position: absolute; top: 50%; left: 50%; width: 34px; height: 25px; margin: -13px 0 0 -17px; background: transparent url(../../../src/img/search/cover.png) no-repeat; }
            div#content div#csearch_search div.top a:hover { background: transparent url(../../../src/img/search/cover_hover.png) no-repeat; }

    /* corpo */
    div#content div#cbody_index { display: block; position: relative; width: 100%; background-color: #fc4237; margin: 203px auto 0 auto; z-index: 12; }
    div#content div#cbody_company { display: block; position: relative; width: 100%; background-color: #0A253E; margin: 0 auto; z-index: 12; }
    div#content div#cbody_products { display: block; position: relative; width: 100%; margin: 0 auto; z-index: 12; }
    div#content div#cbody_search { display: block; position: relative; width: 100%; margin: 0 auto; z-index: 12; }

    /* contacts */
    div#content div#cbanner_contacts { display: block; position: relative; width: 100%; height: 451px; z-index: 11; }
    div#content div.cbanner_contacts_products { margin: -33px auto 0 auto; }
        div#content div#cbanner_contacts div.img { display: block; position: relative; width: 100%; height: 451px; overflow: hidden; }
            div#content div#cbanner_contacts div.img img { display: block; position: absolute; top: -100px; left: 0; width: 100%; min-height: 451px; }
        div#content div#cbanner_contacts h1 { display: block; position: absolute; top: 194px; left: 50%; margin: 0 0 0 -210px; width: 420px; height: 87px; border: 1px solid #fc4237; font-family: 'Exo-Black', sans-serif; font-size: 35px; color: #fc4237; text-align: center; line-height: 87px; }
        div#content div#cbanner_contacts div.arrow { display: block; position: absolute; bottom: -33px; left: 50%; margin: 0 0 0 -105px; width: 210px; height: 33px; z-index: 11; overflow: hidden; }
            div#content div#cbanner_contacts div.arrow img { display: block; position: absolute; top: -551px; left: 0; width: 100%; min-height: 451px; }

    div#content div#ccontacts { display: block; position: absolute; left: 50%; width: 934px; margin: 33px 0 0 -467px; z-index: 11; background-color: #FC4237; }
        div#content div#ccontacts div.top { position: absolute; width: 934px; height: 330px; top: -33px; left: 0; background: transparent url(../../../src/img/contacts/top.png) top center no-repeat; }

    div#content div#cmap { display: block; position: relative; width: 100%; height: 799px; background-color: silver; border-bottom: 1px solid #ffffff; margin: -33px auto 0 auto; z-index: 10; overflow: hidden; }


    /* rodape */
    div#content div#cfooter { display: block; position: relative; width: 100%; min-height: 362px; background-color: #0a253e; border-top: 3px solid #32b1ca; z-index: 10; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* limpador */
div.clear { clear: both; }


/* ------------------------------------------------------------------------------------------------------------------ */