body
        {
            font-family: Segoe UI, Trebuchet MS, Arial, sans-serif;
            font-size: 12px;
            margin: 0;
            padding: 0;
            overflow-y: hidden;
            overflow-x: hidden;
        }

        /* ============================================================
         *
         * SLIDE
         *
         * ============================================================*/

        .col1 li a {
	        background: #fff;
	        width: 32px;
	        height: 23px;
	        float: left;
	        border-radius: 50%;
	        text-align: center;
	        margin:0 15px 0 0;
	        padding-top:6px;
        }
        .col1 li a:hover {
	        background: #f4f4f4;
        }

        .col1 li img {
	        width: 18px;	
        }

        .css-class-slideContent
        {
            width: 100% !important;
            background: url(../Imagens/Login/baseSlide.png) no-repeat center 630px  #fff;
            height: 700px !important;
            border-top: 2px solid #262B40;
            padding-bottom:125px;
        }

        .css-class-slideContent div
        {
            width: 1020px;
            position: absolute;
            left: 50% !important;
            margin-left: -510px;
            margin-top:100px;
        }

        #css-class-bgSlide
        {
            width: 100%;
        }

        .css-class-controleSlide
        {
            position: absolute;
            left: 50%;
            z-index: 100000;
            margin-left: -450px;
            padding-top: 10px;
            height: 100px;
            margin-top: -180px;
        }
        .css-class-controleSlide a
        {
            background: url(../Imagens/Login/controller.png) no-repeat;
            width: 40px;
            height: 50px;
            float: left;
            padding: 10px 10px\9;
            text-indent: -5000px;
            margin-left: 20px;
        }

        .css-class-controleSlide a:hover
        {
            background: url(../Imagens/Login/controllerHover.png) no-repeat;
            margin-top: -5px;
        }

        .css-class-controleSlideActive
        {
            background: url(../Imagens/Login/controllerHover.png) no-repeat !important;
            margin-top: -5px;
        }

        #css-class-next
        {
            background: url(../Imagens/Login/next.png) no-repeat;
            width: 100px;
            height: 187px;
            position: absolute;
            right: 5%;
            top: 50%;
            z-index: 110000;
            margin-top: -50px;
        }

        #css-class-prev
        {
            background: url(../Imagens/Login/prev.png) no-repeat;
            width: 100px;
            height: 187px;
            position: absolute;
            left: 5%;
            top: 50%;
            z-index: 110000;
            margin-top: -50px;
        }

        #css-class-next:hover
        {
            background: url(../Imagens/Login/nextHover.png) no-repeat;
            cursor: pointer;
        }

        #css-class-prev:hover
        {
            background: url(../Imagens/Login/prevHover.png) no-repeat;
            cursor: pointer;
        }

        /* ============================================================
         *
         * CABEÇALHO
         *
         * ============================================================*/

        #css-class-header
        {
            width: 1000px !important;
            height: 70px;
            background: #262B40;
            margin: 0 auto;

    
        }


        #css-class-headerContent
        {
            width: 1000px;
            position: relative;
            padding-top: 1}

        #css-class-logo
        {
            position: absolute;
            width: 270px;
            height: 50px;
            background: url(../Imagens/Login/ergon-top.png) no-repeat;
            margin-top: 10px;
            z-index: 1000;
            margin-left: -10px;
        }

        /* ============================================================
         *
         * RODAPE
         *
         * ============================================================*/

        #css-class-footer
        {
            width: 100%;
            background:#262B40;
            margin: 0 auto;
        }

        #css-class-footerContent
        {
            width: 1000px;
            padding: 5px;
            left: 50%;
            margin: 0 auto;
        }

        .css-class-coluna
        {
            width: 350px;
            float: left;
        }
        .css-class-colunaDireita
        {
            float: right;
            width:200px;
        }
        .css-class-coluna
        {
            color: #fff;
            text-shadow: 1px 1px 1px #000;
        }
        .css-class-coluna span
        {
            color: #fff;
            text-shadow: 1px 1px 1px #000;
            font-size: 25px;
            font-weight: bold;
        }

        .css-class-colunaMargin
        {
            margin-left: 50px;
        }
        #css-class-formPai
        {
            float: right;
            width: 600px;
            padding-top:17px;
        }
        .css-class-linkCinza
        {
            color: #d9c8ae;
            font-size: 11px;
        }
     
        a.css-class-linkCinza:hover, a.css-class-linkCinza:visited
        {
        }

        a.css-class-linkBranco, a.css-class-linkBranco:active
        {
            color: #fff;
            font-size: 11px;
        }
        a.css-class-linkBranco:hover, a.css-class-linkBranco:visited
        {
            text-decoration: underline;
        }
        .css-class-copy
        {
            padding-top: 5px;
            text-shadow: 0 1px 0 #262B40;
            color: #000;
            font-size: 12px;
            font-weight: bold;
            bottom: -60%;
            right: 0;
            clear: both;
        }
        .css-class-bordaRodape
        {
            width: 100%;
            height: 20px;
        }

        /* ============================================================
         *
         * FORM
         *
         * ============================================================*/

        .css-class-lblTitulo
        {
            font-size: 40px;
            color: #fff;
            text-shadow: 1px 1px 1px #000;
            font-weight: bold;
            margin-top: -5px;
            position: absolute;
            margin-left: 200px;
        }

        .css-class-inputSenha
        {
            border: 1px solid #262B40 !important;
            width: 150px !important;
            height: 34px !important;
            color: #ccc !important;
            margin-left: 10px !important;
            padding: 0 10px 0 35px !important;
            padding-top: /*\**/ 4px\9 !important;
            padding-bottom: /*\**/ 3px\9 !important;
            height: /*\**/ 24px\9 !important;
            float: right !important;
            font-style: italic !important;
            background: url(../Imagens/Login/bgSenha.jpg) no-repeat 10px #ffffff !important;
        }

        .css-class-inputUsuario
        {
             border: 1px solid #262B40 !important;
            width: 150px !important;
            height: 34px !important;
            color: #ccc !important;
            margin-left: 10px !important;
            padding: 0 10px 0 35px !important;
            padding-top: /*\**/ 4px\9 !important;
            padding-bottom: /*\**/ 3px\9 !important;
            height: /*\**/ 24px\9 !important;
            float: right !important;
            font-style: italic !important;
            background: url(../Imagens/Login/bgUsuario.jpg) no-repeat 10px #ffffff !important;
        }

        .css-class-btnEntrar
        {
            border: none !important;
            background: #262B40 !important;
            width: 60px !important;
            height: 36px !important;
            float: right !important;
            margin-left: 10px !important;
            color: #fff !important;
        }
        .css-class-btnEntrar:hover
        {
            cursor: pointer;
            -moz-box-shadow: 0 0 5px 0 #fff !important;
            -webkit-box-shadow: 0 0 5px 0 #fff !important;
        }

        .css-class-inputFocus
        {
            border: 1px solid #262B40 !important;
            -moz-box-shadow: 0 0 5px 0 #fff !important;
            -webkit-box-shadow: 0 0 5px 0 #fff !important;
        }