﻿ #principal
{
    background-color: White;
    border-bottom: 1px solid #CCC;
}
    #principal #caixa_banner
    {
        width: 740px;
        padding-top:16px;
        padding-bottom:14px;
        padding-left:16px;
        padding-right:15px;
        border-right:1px solid #CCC;        
    }
        #principal #caixa_banner #banner
        {
            position: relative;    
        }
        #principal #caixa_banner #banner a.banner img
        {
            box-shadow:0 0 3px #CCCCCC;
            -moz-box-shadow:0 0 3px #CCCCCC;
            -webkit-box-shadow:0 0 3px #CCCCCC;
        }
            #principal #caixa_banner #banner .nav
            {
                bottom: 13px;
                left: 16px;
                padding: 2px 20px 2px 2px;
                position: absolute;
            }
                #principal #caixa_banner #banner .nav a
                {
                    background: url("../layout/fundo-banner-item.png") no-repeat scroll left top transparent;
                    height: 42px;
                    margin: 0 -23px 0 0;
                    padding: 6px;
                    position: relative;
                    width: 43px;
                }            
                #principal #caixa_banner #banner .nav a img
                {
                    opacity:0.7;
                    filter:alpha(opacity=70);
                }       
                #principal #caixa_banner #banner .nav a:hover img
                {
                    opacity:1;
                    filter:alpha(opacity=100);
                }
                .bannerthumb
                {
                    z-index:1;
                }             
#secundario
{
    background-color: #EDEDED;
}
    #secundario #duvidas
    {
        background: url(../layout/fundo-duvidas.png) left top repeat-x;
        border-bottom: 1px solid #CCC;
        height: 44px;
    }
        #secundario #duvidas img
        {
            margin: 10px 10px 0;
        }
        #secundario #duvidas .duvpos
        {
            width: 907px;
            font-size: 14px;
            height: 44px;
            line-height: 44px;
            vertical-align: middle;
            overflow: hidden;
            float:left;
        }
        #secundario #duvidas ul
        {
            list-style:none;
            float:left;
            width:810px;
            height:44px;
        }
        #secundario #duvidas.es-MX ul,
        #secundario #duvidas.en-US ul
        {
            width:795px;
        }
        #secundario #duvidas ul li
        {
            float:left;
            margin-left:5px;
            margin-top:8px;
            display:none;
            position:relative;
        }
        #secundario #duvidas ul li.duvshow
        {
            display:block;
        }
            #secundario #duvidas strong
            {
                padding: 0 6px 0 0;
                float:left;
            }
        #secundario #duvidas .nav
        {
            display: block;
            width: 31px;
        }
            #secundario #duvidas .nav img
            {
                margin: 8px 10px 0;
            }
            #secundario #duvidas #setasduvhome
            {
                border-right:1px solid #CCC;
                height:44px;
            }
            #secundario #duvidas #setasduvhome a
            {
              font-size: 0;
              color: transparent;
            }
        #secundario #duvidas #ver_todos
        {
            display:block;
            width: 44px;
            height: 38px;
            margin:3px;
            line-height: 38px;
            text-align: center;
            font-size: 10px;
        }
            #secundario #duvidas #ver_todos a
            {
                display:block;
            }
            #secundario #duvidas #ver_todos a:hover
            {
                background-color:#DE0000;
                color:#FFFFFF;
            }
    #secundario #posicao_estoque
    {
        height:231px;
        margin: 17px 1px 0 16px;
    }
        #secundario #posicao_estoque .caixa
        {
            background-color: White;
            border: 1px solid #CCC;
            text-align: center;
            padding: 9px 0 2px;
            width: 292px;
            height: 231px;
        }
            #secundario #posicao_estoque .caixa h2
            {
                font-size: 20px;
                margin: 0 0 1px;
            }
            #secundario #posicao_estoque .es-MX h2
            {
              font-size: 17px;
            }
            #secundario #posicao_estoque .caixa p
            {
                font-size: 10px;
            }
                #secundario #posicao_estoque .caixa span
                {
                    font-size: 20px;
                    margin: 15px 15px 8px;
                    line-height: 20px;
                }
        #secundario #posicao_estoque #legenda
        {
            width:293px;
            position:relative;
            bottom:60px;
            border-top:1px solid #CCC;
            margin-top:5px;
        }
            #secundario #posicao_estoque #legenda .item
            {
                margin: 15px 5px 0 0;
            }
                #secundario #posicao_estoque #legenda .item img
                {
                    width: 30px;
                    float: left;
                    margin: -5px 2px 0 13px;
                }
    #secundario #noticias
    {
        margin: 0 0px 0 15px;
        padding: 17px 0px 11px 0;
    }
    #secundario #noticias ul
    {
        list-style:none;
        padding-left:12px;
        margin-top: 3px;
    }
    #secundario #noticias ul li
    {
        height:35px;
        margin-bottom:7px;
    }
        #secundario #noticias .caixa
        {
            background-color: White;
            border: 1px solid #CCCCCC;
            padding-top: 10px;
            position:relative;
            width: 427px;
            height:231px;
        }
            #secundario #noticias .caixa h2.noticiash a
            {
                font-size: 20px;
                margin: -14px 0 0;
                padding-left: 12px;
            }
            #secundario #noticias .caixa h2 a:hover
            {
                background-color:White;
                color:#666666;
            }
            #secundario #noticias .caixa p
            {
                clear:both;
            }
                #secundario #noticias .caixa p span
                {
                    background-color: #DE0000;
                    color: white;
                    display: block;
                    float: left;
                    font-family: Tahoma;
                    font-size: 12px;
                    font-weight: bold;
                    line-height: 12px;
                    margin: 0 5px 0 0;
                    padding: 1px 0;
                    text-align: center;
                    width: 40px;
                    #line-height: 14px;
                }
                #secundario #noticias .caixa p.noticiasp a
                {
                    display: table;
                    float: left;
                    height: 38px;
                    line-height: 12px;
                    margin: 0 10px 0 0;
                    padding: 0 5px;
                    vertical-align: middle;
                    width: 350px;
                    overflow: hidden;
                    #height: 30px;
                    #line-height: 14px;
                }                
                    #secundario #noticias .caixa p.noticiasp a strong{
                        display: table-cell;
                        font-weight: normal;
                        vertical-align: middle;
                    }
                #secundario #noticias .caixa p.noticiasp a:hover
                {
                    background-color: #DE0000;
                    color: white;
                }
        
        #secundario #noticias .nav
        {
             border-top: 1px solid #CCCCCC;
             bottom: 0;
             position: absolute;
             text-align: center;
             width: 427px;
        }
        #secundario #noticias .nav a
        {
            background-color: #EDEDED;
            display: inline-block;
            font-size: 12px;
            margin: 5px 2px;
            padding: 5px 37px;
            width: 126px;
        }
        #secundario #noticias .nav a:hover
        {
            background-color:#DE0000;
            color:#FFFFFF;   
        }
    #secundario #onde_doar
    {
        margin: 22px 0 0;
    }
    #secundario #sangue_seguro
    {
        margin: 33px 0 0;
    }
        #secundario #onde_doar h2,
        #secundario #sangue_seguro h2
        {
            margin: 0 0 9px;
            font-size: 20px;
        }
        #secundario #onde_doar img,
        #secundario #sangue_seguro img
        {
            margin: 10px 9px 0 2px;
        }
        #secundario #onde_doar p,
        #secundario #sangue_seguro p
        {
            font-size: 14px;
            line-height: 17px;
            margin: 0 20px 0 0;
        }
        span.irmaos a
        {
            font-size:0px;
            text-indent:-9999px;
            display:block;
            background-image:url(../layout/irmaosdesangue.png);
            background-repeat:no-repeat;
            width:198px;
            height:155px;
            border:10px solid #FFF;
            -webkit-transition: all 0.2s ease-in-out;
               -moz-transition: all 0.2s ease-in-out;
                -ms-transition: all 0.2s ease-in-out;
                 -o-transition: all 0.2s ease-in-out;
                    transition: all 0.2s ease-in-out;
        }
        span.irmaos a:hover
        {
            border-color: #DE0000;
            -webkit-transition: all 0.4s ease-in-out;
               -moz-transition: all 0.4s ease-in-out;
                -ms-transition: all 0.4s ease-in-out;
                 -o-transition: all 0.4s ease-in-out;
                    transition: all 0.4s ease-in-out;
        }
        span.duvidaimg
        {
            background-image: url("../layout/duvida.png");
            background-repeat: no-repeat;
            display: inline-block;
            float: left;
            height: 24px;
            margin-left: 8px;
            margin-right: 6px;
            position: relative;
            top: 9px;
            width: 15px;
        }
        #divestoquehome
        {
            width:292px;
            text-align:center;
        }
        #divestoquehome ul.estoque
        {
            list-style:none;
        }
        #divestoquehome ul.estoque li
        {
            float: left;
            margin-left: 15px;
            padding-left: 5px;
            text-align: center;
            width: 44px;
        }
        #divestoquehome ul.estoque li p
        {
            font-size:16px !important;
            color:#666666;
            text-align:right;
            margin-top:-10px;
        }
        #divestoquehome ul.estoque li span
        {
            width:29px;
            height:31px;
            display:block;
            background-image:url(../layout/estoquebola.png);
            font-size:0;
            text-indent:-9999px;
        } 
        .critico
        {
            background-position:0px 0px;
        }
        .emergencia
        {
            background-position:59px 0px;
        }
        .estavel
        {
            background-position:29px 0px;
        }
        #legenda table
        {
            margin-left:15px;
        }
        #legenda span.criticoleg
        {
            width:29px;
            height:13px;
            display:inline-block;
            background-image:url(../layout/estoquebola.png);
            background-position:0px 0px;
            background-repeat:repeat-x;
            margin-top:10px;
            padding-top:20px;
            margin-left:9px;
            margin-right:3px;
        }
        #legenda span.emergencialeg
        {
            width:29px;
            height:13px;
            display:inline-block;
            background-image:url(../layout/estoquebola.png);
            background-position:-30px 0px;
            background-repeat:repeat-x;
            margin-top:10px;
            padding-top:20px;
            margin-left:9px;
            margin-right:3px;
        }
        #legenda span.estavelleg
        {
            width:29px;
            height:13px;
            display:inline-block;
            background-image:url(../layout/estoquebola.png);
            background-position:-60px 0px;
            background-repeat:repeat-x;
            margin-top:10px;
            padding-top:20px;
            margin-left:9px;
            margin-right:3px;
        }
        span.setaduvida
        {
            font-size:0px;
            text-indent:-9999px;
            display:block;
            width:11px;
            height:10px;
            position:relative;
            top:10px;
            left:10px;
        }
        #anterior.setaduvida
        {
            background-image:url(../layout/seta-duvida.png);
            margin-bottom:5px;
        }
        #proxima.setaduvida
        {
            background-image:url(../layout/seta-duvida.png);
            background-position:0px -16px;
        }
        #anterior.setaduvida:hover
        {
            background-position:-16px 0px;
        }
        #proxima.setaduvida:hover
        {
            background-position:-16px -16px;            
        }
        #duvidas .duvpos ul li a
        {
            display: block;
            float: left;
            height: 17px;
            overflow: hidden;
            line-height: 18px;
            padding: 5px;
            vertical-align: middle;
            width: 795px;
            #width: 785px;
        }
        #duvidas .duvpos ul li a:hover
        {
            background-color:#DE0000;
            color:#FFFFFF;
        }
        #lateral
        {
            width:218px;
            height:634px/*504px*/;
            border-left:1px solid #CCC;
        }
        #cadastre-email
        {
            border: 1px solid #CCCCCC;
            height: 86px;
            margin: 11px 0 10px 15px;
            width: 738px;
        }
        #texto-cadastro{
          padding: 4px 4px 0 10px;
        }
        #secundarioleft
        {
            width:770px;
        }
        #contador
        {
            border-top:0px !important;
        }
        #imprensa
        {
            background-image:url(../layout/imprensabg.png);
            width:294px;
            height:119px;
            border: 1px solid #CCC;
            margin:0 0 0 15px;
        }
        #imprensa p a
        {
            font-size:12px;
            padding:5px 13px 10px;
            display:inline-block;
        }
        #imprensa h2 a
        {
            font-size:20px;
            padding:5px 13px 0px;
            display:inline-block;
        }
        #imprensa:hover
        {
            background-image:none;
            background-color:#FFF;
        }
        #imprensa:hover h2 a
        {
            color:#DE0000;
        }
        #agenda
        {
            margin: 0 0 0 28px;
        }
        #agenda p.vertoda
        {
            margin: 6px 0 10px 279px;
        }
        #agenda p.vertoda:hover
        {
            text-decoration:underline;
        }
        #agenda h2
        {
            float:left;
            font-size:20px;
        }
        #agenda p.evento
        {
            margin: 5px 0 5px;
            border-bottom:1px solid #CCC;
            height:37px;
            overflow:hidden;
        }
        #agenda p.evento a
        {
            display: inline-block;
            vertical-align:middle;
            width:235px;
            height:32px;
            overflow:hidden;
            #margin-top:2px;
        }
        #agenda p.evento a:hover
        {
            text-decoration:underline;
        }
        #agenda p.evento span.spanleft
        {
            background-color: #DE0000;
            color: white;
            display:inline-block;
            float: left;
            font-weight: bold;
            font-size:12px;
            line-height: 12px;
            margin: 4px 5px 0px 0px;
            text-align: center;
            width: 30px;
            padding: 1px 0;
        }
        span.spanright 
        {
            background-color: #DE0000;
            color: white;
            display: inline-block;
            font-size: 18px;
            font-weight: bold;
            height: 26px;
            line-height: 25px;
            margin: 0px 4px 0 0px;
            text-align: center;
            text-decoration: none;
            vertical-align: middle;
            width: 30px;
        }
        .agendamais
        {
            margin-left:0px;
            width:auto !important;
            margin-top:3px;
            margin-right:8px;
            #position:relative;
            #bottom:34px;
        }
        a.agendamais:hover span.spanright
        {
            text-decoration:none !important;
        }
        #eventos
        {
            border-top: 1px solid #CCCCCC;
            width: 416px;
        }
        #eventosagenda
        {
            width:416px;
            float:left;
            #margin-top:0px !important;
        }
        #eventosagenda ul
        {
            list-style:none;
        }
        #agenda p.evento a strong
        {
            display:block;
        }
        #cadastre-email fieldset
        {
            background-color:#FFF;
            height:86px;
            border:0;
        }
        #cadastre-email fieldset legend
        {
            display:none;
        }
        #cadastre-email fieldset h2
        {
            margin-left:15px;
            margin-top:0px;
            margin-bottom:10px;
            padding-top:6px;
            font-size:20px;
            display:block;
        }
        #cadastre-email fieldset label
        {
            margin-left:10px;
        }
        #cadastre-email input[type="text"]
        {
            border-color: #AFAFAF #D9D9D9 #D9D9D9 #AFAFAF;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            border-radius: 4px;
            border-style: solid;
            border-width: 1px;
            -moz-box-shadow: -1px -1px 0 #B1B1B1;
            -webkit-box-shadow: -1px -1px 0 #B1B1B1;
            box-shadow: -1px -1px 0 #B1B1B1;
            height: 20px;
            line-height:20px;
            color:#666666;
            font-family:Tahoma;
            font-size:12px;
            padding-left:5px;
        }
        #cadastre-email .nome
        {
            width:180px;
        }
        #cadastre-email .email
        {
            width:180px;
        }
        #cadastre-email.es-MX .nome,
        #cadastre-email.es-MX .email
        {
            width:145px;
            #width:140px;
        }
        #cadastre-email input[type="submit"]
        {
            margin-left:12px;
            background-color:#DE0000;
            background-image:url(../layout/enviarhover.png);
            background-position:0px -200px;
            background-repeat:no-repeat;
            color:#FFF;
            border:none;
            cursor:pointer;
            width:90px;
            height:24px;
            font-family:Tahoma;
            font-size:12px;
            #margin-bottom:-3px;
            #margin-left: 4px;
        }
        #cadastre-email input[type="submit"]:hover
        {
            background-position:0px 0px;
        }
        select
        {
            border-color: #AFAFAF #D9D9D9 #D9D9D9 #AFAFAF;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            border-radius: 4px;
            border-style: solid;
            border-width: 1px;
            -moz-box-shadow: -1px -1px 0 #B1B1B1;
            -webkit-box-shadow: -1px -1px 0 #B1B1B1;
            box-shadow: -1px -1px 0 #B1B1B1;
            height: 20px;
            width:50px;
            line-height:20px;
            color:#666666;
            font-family:Tahoma;
            font-size:12px;
            #margin-bottom:-2px;
        }
        span.calcule
        {
            width:58px;
            height:66px;
            background-image:url(../layout/iconeshome.png);
            float:left;
            margin-right:15px;
        }
        span.quemdoa
        {
            width:45px;
            height:43px;
            background-image:url(../layout/iconeshome.png);
            background-position: -7px 192px;
            float:left;
            margin-top:15px;
            margin-right:25px;
        }
        span.conheca
        {
            width:48px;
            height:63px;
            background-image:url(../layout/iconeshome.png);
            background-position: -6px 135px;
            float:left;
            margin-right:20px;
        }
        #lateral p.parag
        {
            font-weight:bold;
            font-size:10px;
        }
        #lateral p.paragquem
        {
            font-weight:bold;
            font-size:10px;
            margin-bottom:30px;
        }
        #lateral p.paragcon
        {
            font-weight:bold;
            font-size:10px;
        }
        #lateral a
        {
            display:block;
            width:160px;
            height:50px;
            margin-left:27px;
            margin-top:25px;
        }
        #lateral a:hover
        {
            color:#DE0000;
        }
        #lateral span.texcalcule
        {
            position:relative;
            top:15px;
            left:2px;
        }
        #lateral span.texquem
        {
            position:relative;
            top:20px;
            left:5px;
        }
        #lateral span.texcon
        {
            left: 7px;
            position:relative;
            top:5px;
        }
        #iconeshome
        {
            margin-top:-10px;
        }
        #line
        {
            float:left;
            width:200px;
            height:1px;
            background-color:#CCC;
            margin-left:9px;
            margin-top:20px;
            margin-bottom:5px;
        }
        #estudantes h3
        {
            font-size: 16px;
            margin-top: 5px;
            text-align: center;
        }
        span.estuda
        {
            width:46px;
            height:61px;
            background-image:url(../layout/iconeshome.png);
            background-position: -9px 66px;
            float:left;
            margin-right:15px;
        }
        #lateral span.texestuda
        {
            position:relative;
            left: 15px;
            top:15px;
        }
        #lateral p.paragestudantes
        {
            margin-top:-10px;
            font-weight:bold;
            font-size:10px;
        }
        #banner .banner
        {
            display:none;
        }
        #banner .banner.showbanner
        {
            display:block;
        }
        #banner .nav .thumbopacity img
        {
            opacity:1 !important;
            filter:alpha(opacity=100) !important;
        }