@{
    Layout = "/basicmaster";
}



<main class="internal">
    <section class="banner-internal hotel">
        <img src="@Photo1" />
        <p class="caption">
            @Nome<br>
            <span style="font-size:65%">@Categoria</span><br />
            <span style="font-size:40%">Data Cadastro: @Register</span>
        </p>
    </section>

    <section class="share-line share-line-solucao">
        <div class="roteiro-share-line">
            <div class="information-blocks">
                <div class="text">
                    <a class='add' onclick='Portal.loadRoteiros(this, @Id, false)'>Add aos Favoritos</a>
                    <ul class='sub'>
                        <li class='add-new-input'>
                            <input type='checkbox' class='check-roteiro' />
                            <input type='text' onkeyup='Portal.inputRoteiro(this)' class='nome-roteiro' placeholder='Novo Favorito' />
                            <a href='javascript:void(0)' class='save-roteiro' style='display:none' onclick='Portal.createRoteiro(this, @Id, 0)'>
                                <i class='save'></i>
                            </a>
                        </li>
                    </ul>    
                </div>
            </div>
        </div>
        <ul class="my-social">
            <li><a href="javascript:void(0)"><i class="arrow-left"></i></a></li>
            <li id="shared"><i class="share"></i></li>
            <li><a href="@Facebook" target="_blank"><i class="facebook"></i></a></li>
            <li><a href="@Twitter" target="_blank"><i class="twitter"></i></a></li>
            <li><a href="@Instagram" target="_blank"><i class="pinterest"></i></a></li>
  
        </ul>
    </section>

    <div class="content">
        <div class="container">
            <section class="hotel-blocks">
               <div class="block tipo@TipoId">
                   <div class="line-block">

                       <div>
                           <a class="links">Nome: @NomeProprietario</a>
                           <a class="links">E-mail: @EmailProprietario</a>
                           <a class="links">Telefone: @TelefoneProprietario</a>

                       </div>

                   </div>
                   <div class="line-block">
                      <img class="img-responsive" src="/templates/regeneracao/site/images/icons/mouse.png">
                       <div>
                           <a class="links site hideifnull">@Site</a>
                       </div>
                       
                   </div>

                   <div class="line-block">
                       <img class="img-responsive" src="/templates/regeneracao/site/images/icons/location.png">
                       <div>
                          
                           <a class="links">País: @OutroPais</a>
                           <a class="links">Estado: @OutroEstado</a>
                           <a class="links">Cidade: @Cidade</a>
                       </div>
                       
                   </div>

                   <div class="line-block social">
                       <a class="min-block removeifHrefnull" href="@Facebook" target="_blank"><img class="img-responsive" src="/templates/regeneracao/site/images/icons/facebook.png"></a>
                       <a class="min-block removeifHrefnull" href="@Twitter" target="_blank"><img class="img-responsive" src="/templates/regeneracao/site/images/icons/twitter.png"></a>
                       <a class="min-block removeifHrefnull" href="@Instagram" target="_blank"><img class="img-responsive" src="/templates/regeneracao/site/images/icons/instagram.png"></a>
                       <a class="min-block removeifHrefnull" href="@Youtube" target="_blank"><img class="img-responsive" src="/templates/regeneracao/site/images/icons/youtube.png"></a>
                       <a class="min-block removeifHrefnull" href="@Linkedin" target="_blank"><img class="img-responsive" src="/templates/regeneracao/site/images/icons/linkedin.png"></a>
                       <a class="min-block removeifHrefnull" href="@Slideshare" target="_blank"><img class="img-responsive" src="/templates/regeneracao/site/images/icons/slideshare.png"></a>
                       <a class="min-block removeifHrefnull" href="@Prezi" target="_blank"><img class="img-responsive" src="/templates/regeneracao/site/images/icons/prezi.png"></a>
                   </div>
               </div>

               <div style="display:none" id="myContent">@Texto</div>
                <div class="block" data-background="#FBBF2B">
                    <div class="description">@ShortText</div>
                    <a href="#" data-title="@Nome" data-image="@Photo1" data-content="#myContent" class="know-more open-modal-content">Veja mais</a>
                    <p class="title-status solucao-status">Status da Solução</p>
                    <ul>
                        @ListaStatus
                    </ul>
                </div>

                <div class="block status" data-type="form" id="blockStatus" style="background-color: #8C3361">
                    <p class="title-status">Objetivos de Desenvolvimento Sustentável relacionados a esta solução</p>
                    <a class="descubra"  href="https://www.regeneracaoglobal.com/noticia/o-que-sao-os-ods-objetivos-de-desenvolvimento-sustentavel-propostos-pela-onu/" target="_blank">Não sabe o que é isso? Clique aqui e descubra.</a>
                    <div class="description ods-description" id="set4">
                        <div class="box" id="@ODS1">  
                            <div class="ods-box" style="background-color: #e5233b" >
                                <div class="ods-title">
                                    <p class="number">1</p>
                                    <p class='title-ods'>Erradicação da Pobreza</p>
                                </div>
                                <div class="image-ods">
                                    <img src="/templates/regeneracao/site/images/ods/1.jpg" />
                                </div>
                            </div>
                        </div>
                        <div class="box" id="@ODS2">
                            <div class="ods-box" style="background-color: #dca63a">
                                <div class="ods-title">
                                    <p class="number">2</p>
                                    <p class='title-ods'>Fome Zero e Agricultura Sustentável</p>
                                </div>
                                <div class="image-ods">
                                    <img src="/templates/regeneracao/site/images/ods/2.jpg" />
                                </div>
                            </div>
                        </div>
                        <div class="box" id="@ODS3">
                            <div class="ods-box" style="background-color: #4c9e38">
                                <div class="ods-title">
                                    <p class="number">3</p>
                                    <p class='title-ods'>Saúde e Bem-estar</p>
                                </div>
                                <div class="image-ods">
                                    <img src="/templates/regeneracao/site/images/ods/3.jpg" />
                                </div>
                            </div>
                        </div>
                        <div class="box" id="@ODS4">
                            <div class="ods-box" style="background-color: #c51a2d">
                                <div class="ods-title">
                                    <p class="number">4</p>
                                    <p class='title-ods'>Educação de Qualidade</p>
                                </div>
                                <div class="image-ods">
                                    <img src="/templates/regeneracao/site/images/ods/4.jpg" />
                                </div>
                            </div>
                        </div>
                        <div class="box" id="@ODS5">
                            <div class="ods-box" style="background-color: #ff3a20">
                                <div class="ods-title">
                                    <p class="number">5</p>
                                    <p class='title-ods'>Igualdade de Gênero</p>
                                </div>
                                <div class="image-ods">
                                    <img src="/templates/regeneracao/site/images/ods/5.jpg" />
                                </div>
                            </div>
                        </div>
                        <div class="box" id="@ODS6">
                            <div class="ods-box" style="background-color: #27bde2">
                                <div class="ods-title">
                                    <p class="number">6</p>
                                    <p class='title-ods'>Água Potável e Saneamento</p>
                                </div>
                                <div class="image-ods">
                                    <img src="/templates/regeneracao/site/images/ods/6.jpg" />
                                </div>
                            </div>
                        </div>
                        <div class="box" id="@ODS7">
                            <div class="ods-box" style="background-color: #fdc30a">
                                <div class="ods-title">
                                    <p class="number">7</p>
                                    <p class='title-ods'>Energia Limpa e Acessível</p>
                                </div>
                                <div class="image-ods">
                                    <img src="/templates/regeneracao/site/images/ods/7.jpg" />
                                </div>
                            </div>
                        </div>
                        <div class="box" id="@ODS8">
                            <div class="ods-box" style="background-color: #a21a42">
                                <div class="ods-title">
                                    <p class="number">8</p>
                                    <p class='title-ods'>Trabalho Decente e Crescimento Econômico</p>
                                </div>
                                <div class="image-ods">
                                    <img src="/templates/regeneracao/site/images/ods/8.jpg" />
                                </div>
                            </div>
                        </div>
                        <div class="box" id="@ODS9">
                            <div class="ods-box" style="background-color: #fe6925">
                                <div class="ods-title">
                                    <p class="number">9</p>
                                    <p class='title-ods'>Indústria, Inovação e Infraestrutura</p>
                                </div>
                                <div class="image-ods">
                                    <img src="/templates/regeneracao/site/images/ods/9.jpg" />
                                </div>
                            </div>
                        </div>
                        <div class="box" id="@ODS10">
                            <div class="ods-box" style="background-color: #de1768">
                                <div class="ods-title">
                                    <p class="number">10</p>
                                    <p class='title-ods'>Redução das Desigualdades</p>
                                </div>
                                <div class="image-ods">
                                    <img src="/templates/regeneracao/site/images/ods/10.jpg" />
                                </div>
                            </div>
                        </div>
                        <div class="box" id="@ODS11">
                            <div class="ods-box" style="background-color: #fd9d24">
                                <div class="ods-title">
                                    <p class="number">11</p>
                                    <p class='title-ods'>Cidades e Comunidades Sustentáveis</p>
                                </div>
                                <div class="image-ods">
                                    <img src="/templates/regeneracao/site/images/ods/11.jpg" />
                                </div>
                            </div>
                        </div>
                        <div class="box" id="@ODS12">
                            <div class="ods-box" style="background-color: #c08b2f">
                                <div class="ods-title">
                                    <p class="number">12</p>
                                    <p class='title-ods'>Consumo e Produção Responsáveis</p>
                                </div>
                                <div class="image-ods">
                                    <img src="/templates/regeneracao/site/images/ods/12.jpg" />
                                </div>
                            </div>
                        </div>
                        <div class="box" id="@ODS13">
                            <div class="ods-box" style="background-color: #3f7e45">
                                <div class="ods-title">
                                    <p class="number">13</p>
                                    <p class='title-ods'>Ação Contra a Mudança Global do Clima</p>
                                </div>
                                <div class="image-ods">
                                    <img src="/templates/regeneracao/site/images/ods/13.jpg" />
                                </div>
                            </div>
                        </div>
                        <div class="box" id="@ODS14">
                            <div class="ods-box" style="background-color: #0997d9">
                                <div class="ods-title">
                                    <p class="number">14</p>
                                    <p class='title-ods'>Vida na Água</p>
                                </div>
                                <div class="image-ods">
                                    <img src="/templates/regeneracao/site/images/ods/14.jpg" />
                                </div>
                            </div>
                        </div>
                        <div class="box" id="@ODS15">
                            <div class="ods-box" style="background-color: #56c02a">
                                <div class="ods-title">
                                    <p class="number">15</p>
                                    <p class='title-ods'>Vida Terrestre</p>
                                </div>
                                <div class="image-ods">
                                    <img src="/templates/regeneracao/site/images/ods/15.jpg" />
                                </div>
                            </div>
                        </div>
                        <div class="box" id="@ODS16">
                            <div class="ods-box" style="background-color: #00689d">
                                <div class="ods-title">
                                    <p class="number">16</p>
                                    <p class='title-ods'>Paz, Justiça e Instituições Eficazes</p>
                                </div>
                                <div class="image-ods">
                                    <img src="/templates/regeneracao/site/images/ods/16.jpg" />
                                </div>
                            </div>
                        </div>
                        <div class="box" id="@ODS17">
                            <div class="ods-box" style="background-color: #1a486a">
                                <div class="ods-title">
                                    <p class="number">17</p>
                                    <p class='title-ods'>Parcerias e Meios de Implementação</p>
                                </div>
                                <div class="image-ods">
                                    <img src="/templates/regeneracao/site/images/ods/17.jpg" />
                                </div>
                            </div>
                        </div>
                    
                        
                    </div>
                    <a href="#" data-title="Objetivos de Desenvolvimento Sustentável relacionados a esta solução" data-subtitle="Não sabe o que é isso? Clique aqui e descubra." data-content="#odsContent" class="know-more open-modal-content-ods ods-more">Veja mais</a>
                </div>

                <div class="block adv" data-image="@PhotoPromocao"></div>
                
                <div class="block video removeifHrefnull" style="background-image:url('@ImageVideo')" data-fancybox href="@LinkVideo"></div>
                <a  id="thumbGallery" class="block gallery" href="@Photo1" data-fancybox="gallery"><p class="gallery-caption"></p></a>
                
                <iframe  class="block map" src="https://maps.google.com/maps?q=@Cidade, @OutroEstado ,@OutroPais&key=AIzaSyCJ44UNL_jSvX7YS406CCuc-KLxI3xwVac&zoom=18&maptype=satellite&amp;output=embed" frameborder="0" style="border:0" allowfullscreen></iframe>
            </section>

            <div class="maps-add-favoritos">
                <div class="information-blocks">
                    <div class="text">
                        <a class='add' onclick='Portal.loadRoteiros(this, @Id, false)'>Add aos Favoritos</a>
                        <ul class='sub'>
                            <li class='add-new-input'>
                                <input type='checkbox' class='check-roteiro' />
                                <input type='text' onkeyup='Portal.inputRoteiro(this)' class='nome-roteiro' placeholder='Novo Favorito' />
                                <a href='javascript:void(0)' class='save-roteiro' style='display:none' onclick='Portal.createRoteiro(this, @Id, 0)'>
                                    <i class='save'></i>
                                </a>
                            </li>
                        </ul>    
                    </div>
                </div>
            </div>
                
            <p class="warning" style="margin-bottom: 60px;">ATENÇÃO: O conteúdo desta página foi incluído de forma colaborativa e aprovado por comitê moderador do Instituto Regeneração Global. Há algo errado? ´<a href="/contato?id=@Id" class="ajax">Clique aqui</a> e nos avise.</p>

            <section class="section-solutions">
                <h2 class="editor absolute-icon title-section">Outras Soluções</h2>
                <div id="sliderSolutions">
                    @foreach(@c in @ViewBag.top10) {
                    <a class="solution-block-home" href='/solucao/@c.Id'>
                        <div class="image" style="background-image:url('@c.Photo1')">
                            <div class="tag" style="background-color:@c.Cor">@c.nomeCategoria</div>
                            <div class="overlay"></div>
                        </div>
                        <div class="text">
                            <p class="title">@c.Nome</p>
                            <p class="city">@c.Cidade</p>
                        </div>
                    </a>
                    }
                </div>
            </section>
        </div>
    </div>
 
</main>

<div class="gallery" id="gallery">
    <img href="@Photo1" />
    @foreach(@c in @ViewBag.slider) {
    <img data-fancybox="gallery" href="@c.Image" />
    }
</div>

<div style="display:none" id="odsContent">
    <div class="block-odsContent">
    <div class="description ods-description">
            <div class="box" id="@ODS1">  
                    <div class="ods-box" style="background-color: #e5233b" >
                        <div class="ods-title">
                            <p class="number">1</p>
                            <p class='title-ods'>Erradicação da Pobreza</p>
                        </div>
                        <div class="image-ods">
                            <img src="/templates/regeneracao/site/images/ods/1.jpg" />
                        </div>
                    </div>
                </div>
                <div class="box" id="@ODS2">
                    <div class="ods-box" style="background-color: #dca63a">
                        <div class="ods-title">
                            <p class="number">2</p>
                            <p class='title-ods'>Fome Zero e Agricultura Sustentável</p>
                        </div>
                        <div class="image-ods">
                            <img src="/templates/regeneracao/site/images/ods/2.jpg" />
                        </div>
                    </div>
                </div>
                <div class="box" id="@ODS3">
                    <div class="ods-box" style="background-color: #4c9e38">
                        <div class="ods-title">
                            <p class="number">3</p>
                            <p class='title-ods'>Saúde e Bem-estar</p>
                        </div>
                        <div class="image-ods">
                            <img src="/templates/regeneracao/site/images/ods/3.jpg" />
                        </div>
                    </div>
                </div>
                <div class="box" id="@ODS4">
                    <div class="ods-box" style="background-color: #c51a2d">
                        <div class="ods-title">
                            <p class="number">4</p>
                            <p class='title-ods'>Educação de Qualidade</p>
                        </div>
                        <div class="image-ods">
                            <img src="/templates/regeneracao/site/images/ods/4.jpg" />
                        </div>
                    </div>
                </div>
                <div class="box" id="@ODS5">
                    <div class="ods-box" style="background-color: #ff3a20">
                        <div class="ods-title">
                            <p class="number">5</p>
                            <p class='title-ods'>Igualdade de Gênero</p>
                        </div>
                        <div class="image-ods">
                            <img src="/templates/regeneracao/site/images/ods/5.jpg" />
                        </div>
                    </div>
                </div>
                <div class="box" id="@ODS6">
                    <div class="ods-box" style="background-color: #27bde2">
                        <div class="ods-title">
                            <p class="number">6</p>
                            <p class='title-ods'>Água Potável e Saneamento</p>
                        </div>
                        <div class="image-ods">
                            <img src="/templates/regeneracao/site/images/ods/6.jpg" />
                        </div>
                    </div>
                </div>
                <div class="box" id="@ODS7">
                    <div class="ods-box" style="background-color: #fdc30a">
                        <div class="ods-title">
                            <p class="number">7</p>
                            <p class='title-ods'>Energia Limpa e Acessível</p>
                        </div>
                        <div class="image-ods">
                            <img src="/templates/regeneracao/site/images/ods/7.jpg" />
                        </div>
                    </div>
                </div>
                <div class="box" id="@ODS8">
                    <div class="ods-box" style="background-color: #a21a42">
                        <div class="ods-title">
                            <p class="number">8</p>
                            <p class='title-ods'>Trabalho Decente e Crescimento Econômico</p>
                        </div>
                        <div class="image-ods">
                            <img src="/templates/regeneracao/site/images/ods/8.jpg" />
                        </div>
                    </div>
                </div>
                <div class="box" id="@ODS9">
                    <div class="ods-box" style="background-color: #fe6925">
                        <div class="ods-title">
                            <p class="number">9</p>
                            <p class='title-ods'>Indústria, Inovação e Infraestrutura</p>
                        </div>
                        <div class="image-ods">
                            <img src="/templates/regeneracao/site/images/ods/9.jpg" />
                        </div>
                    </div>
                </div>
                <div class="box" id="@ODS10">
                    <div class="ods-box" style="background-color: #de1768">
                        <div class="ods-title">
                            <p class="number">10</p>
                            <p class='title-ods'>Redução das Desigualdades</p>
                        </div>
                        <div class="image-ods">
                            <img src="/templates/regeneracao/site/images/ods/10.jpg" />
                        </div>
                    </div>
                </div>
                <div class="box" id="@ODS11">
                    <div class="ods-box" style="background-color: #fd9d24">
                        <div class="ods-title">
                            <p class="number">11</p>
                            <p class='title-ods'>Cidades e Comunidades Sustentáveis</p>
                        </div>
                        <div class="image-ods">
                            <img src="/templates/regeneracao/site/images/ods/11.jpg" />
                        </div>
                    </div>
                </div>
                <div class="box" id="@ODS12">
                    <div class="ods-box" style="background-color: #c08b2f">
                        <div class="ods-title">
                            <p class="number">12</p>
                            <p class='title-ods'>Consumo e Produção Responsáveis</p>
                        </div>
                        <div class="image-ods">
                            <img src="/templates/regeneracao/site/images/ods/12.jpg" />
                        </div>
                    </div>
                </div>
                <div class="box" id="@ODS13">
                    <div class="ods-box" style="background-color: #3f7e45">
                        <div class="ods-title">
                            <p class="number">13</p>
                            <p class='title-ods'>Ação Contra a Mudança Global do Clima</p>
                        </div>
                        <div class="image-ods">
                            <img src="/templates/regeneracao/site/images/ods/13.jpg" />
                        </div>
                    </div>
                </div>
                <div class="box" id="@ODS14">
                    <div class="ods-box" style="background-color: #0997d9">
                        <div class="ods-title">
                            <p class="number">14</p>
                            <p class='title-ods'>Vida na Água</p>
                        </div>
                        <div class="image-ods">
                            <img src="/templates/regeneracao/site/images/ods/14.jpg" />
                        </div>
                    </div>
                </div>
                <div class="box" id="@ODS15">
                    <div class="ods-box" style="background-color: #56c02a">
                        <div class="ods-title">
                            <p class="number">15</p>
                            <p class='title-ods'>Vida Terrestre</p>
                        </div>
                        <div class="image-ods">
                            <img src="/templates/regeneracao/site/images/ods/15.jpg" />
                        </div>
                    </div>
                </div>
                <div class="box" id="@ODS16">
                    <div class="ods-box" style="background-color: #00689d">
                        <div class="ods-title">
                            <p class="number">16</p>
                            <p class='title-ods'>Paz, Justiça e Instituições Eficazes</p>
                        </div>
                        <div class="image-ods">
                            <img src="/templates/regeneracao/site/images/ods/16.jpg" />
                        </div>
                    </div>
                </div>
                <div class="box" id="@ODS17">
                    <div class="ods-box" style="background-color: #1a486a">
                        <div class="ods-title">
                            <p class="number">17</p>
                            <p class='title-ods'>Parcerias e Meios de Implementação</p>
                        </div>
                        <div class="image-ods">
                            <img src="/templates/regeneracao/site/images/ods/17.jpg" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>