/* -------------------------------------------- */
/* ------------------Reset--------------------- */
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline; line-height: 20px;}
/*input, textarea {border:0; padding:0; margin:0; outline: 0;} */
iframe {border:0; margin:0; padding:0;}
/* input, textarea, select {margin:0; padding:0px;} */

/* -------------------------------------------- */
/* ------------------Font---------------------- */

/*Add your font at here*/

/* -------------------------------------------- */
/* ------------------Style--------------------- */
html, body {width:100%; padding:0; margin:0; }
body {background: #ffffff ;font: 10px/25px Helvetica, Arial, sans-serif; line-height: 200%;}

a{color: #ef3e2c;text-decoration: underline;}
a:hover {color: #666666; text-decoration: underline;}

a.button{cursor: pointer;color: #ffffff;line-height: 90%;font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;   background: #3F3F3F;border:1px solid #ffffff; -webkit-border-radius: 4px;-moz-border-radius: 4px;-khtml-border-radius: 4px;border-radius: 4px;}
a.button {      display: inline-block;  text-decoration: none;  padding: 6px 12px 6px 12px;}
a.button:hover{}

.clear{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

h1 {font-weight: bold;}

/* -------------------------------------------- */
/* ------------------Header-------------------- */

header {background: url("../images/rotas-tematicas-fundo.jpg"); background-size: cover; background-repeat:no-repeat; border-bottom: 10px solid #A8A7A7; -webkit-box-shadow: 0px 1px 1px #CCCCCC;
-moz-box-shadow: 0px 1px 1px #CCCCCC;
box-shadow: 0px 1px 1px #CCCCCC;}
header .wrap-header{height: 220px; }

header #logo { width:100%; position: absolute;}



/* menu de cima */
.subnav{background:#111!important;  border-bottom: 5px solid #ef3e2c; }

.direita { float: right; margin-right: 10px; }


.subnav .wrap-subnav{}
.subnav .submenu {float: left;}
.subnav .submenu ul{list-style: none;margin: 0;padding: 0;}
.subnav .submenu ul li{position:relative; float:left; padding: 5px 5px 5px; text-decoration:none; color: #FFFFFF;
}
.subnav .submenu ul li a{ font-weight:lighter; font-size:10px; color:#fff; text-decoration:none;}
.subnav .submenu ul li a:hover{color:#9ec574;}

.minisubmenu{display:none;}
.minisubmenu{position: relative; margin-left: 5px; float: left; top: 0px;  color: #ffffff; }
.minisubmenu div{overflow: hidden;position: relative;font: 12px 'PT Sans Narrow';color: #ffffff;text-align:left;text-transform:uppercase;font-weight:lighter;}
.minisubmenu select{background-color: #EF3E2C; color: #ffffff; border: none; position: absolute; top: 2px;left: 0px;width: 100%;height: 100%; opacity: 0;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);    cursor: pointer;}



.subnav .share {float: left;}
.subnav .share ul{list-style: none;margin: 0;padding: 1px;}
.subnav .share ul li{ font-size: 12px; font-weight: lighter; color: #FFFFFF; position:relative; float:left; padding-left:5px; top:5px; bottom: 5px;}
.subnav .share ul li a{text-decoration: none; font-size: 12px; font-weight: lighter; color: #FFFFFF; }
.subnav .share ul li a:hover {text-decoration: none; font-size: 12px; font-weight: lighter; color: #9ec574; }

.subnav .idioma{float: left;}
.subnav .idioma ul{list-style: none;margin: 0;padding: 1px;}
.subnav .idioma ul li{ font-size: 12px; font-weight: lighter; color: #FFFFFF; position:relative; float:left; padding-left:15px;  padding-right: 10px;top:5px; bottom: 5px;}
.subnav .idioma ul li a{text-decoration: none; text-transform: uppercase; font-size: 12px; font-weight: lighter; color: #FFFFFF; }
.subnav .idioma ul li a:hover {text-decoration: none; font-size: 12px; font-weight: lighter; color: #9ec574; }

.subnav .search{ float: right; margin-top: 3px; }
.subnav .search ul{list-style: none;padding: 1px;}
.button-search {position: absolute;     right: 100px;   background: url('../images/button-search.png') center center no-repeat; width: 28px;    height: 20px;   cursor: pointer;} 
.search input { background: #FFF;       padding: 1px 1px 1px 20px;      width: 90px;    height: 15px;   border: 1px solid #CCCCCC;      -webkit-border-radius: 1px;     -moz-border-radius: 1px;-khtml-border-radius: 1px;      border-radius: 1px;}

/* -------------------------------------------- */
/* ------------------Navigation---------------- */
nav {}
nav .wrap-nav{ background: #a8a7a7; height: 0px;}
/*
.menu ul {list-style: none;margin: 0;padding: 0;}
.menu  ul li {position: relative;float: left;padding: 6px 5px 0px 5px; margin: 17px;}
.menu  ul li:hover {background: #F36A97;}
.menu  ul li a {font-size: 16px; line-height:90%;color:#ffffff;display: block;padding: 6px 10px;margin-bottom: 5px;z-index: 6;position: relative; text-transform:uppercase; }
.menu  ul li:hover a {}
.menu .current{background: #F36A97;}
*/

.no_decoration {
                text-decoration: none;
                font-size: 14px;
}

.map {
 
     width: 100%;
     height: 500px;
}

.left_list {
    max-height: 500px;
    overflow: scroll;
}

.map_container {
               margin-left: 10px;
               margin-right: 10px;
}

.image_icon {
            float: left;
            padding-top: 7px;
}

.desc_icon {
           width: auto;
           float:left;
           margin-left: 5px;
           padding-top: 7px;
}

.row {
          width: auto;
          margin-right: 10px;
}

.rowMapItems {
     cursor: pointer;
     padding-left: 10px;
}

.rowMapItems:hover {
     background-color: #f7efef;
}

.aldeiasTitle {
    font: 12px/25px Helvetica, Arial, sans-serif;	
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    color: #EF3E2C;
}

.menu ul {
        margin:0;
        margin-top: 0px;
        padding:0;
        list-style: none;
        font-size:14px;
        /*width:70%;*/
        top: -210px;
        left: 40%;
        right: 0px;
        position:absolute;
}
.menu ul a {
        text-decoration:none;
        outline:none;
}
.menu ul li {
        float:left;
        width:98px;
        height:73px;
        position:relative;
        cursor:pointer;
}


.menu ul li > a {
        position:absolute;
        top:0px;
        left:0px;
        width:98px;
        height:73px;
        z-index:12;
        background:transparent url(../images/overlay.png) no-repeat bottom right;
        background-color: rgba(0, 0, 0, 0.45);
        -moz-box-shadow:0px 0px 1px #111111 inset;
        -webkit-box-shadow:0px 0px 1px #111111 inset;
        box-shadow:0px 0px 1px #111111 inset;
}

.menu ul li > a:hover {
        position:absolute;
        top:0px;
        left:0px;
        width:98px;
        height:73px;
        z-index:12;
        background-color: #ef3e2c;
        -moz-box-shadow:0px 0px 1px #111111 inset;
        -webkit-box-shadow:0px 0px 1px #111111 inset;
        box-shadow:0px 0px 1px #111111 inset;
}



.menu ul li a img {
        border:none;
        position:absolute;
        width:0px;
        height:0px;
        bottom:0px;
        left:85px;
        z-index:100;
}

.menu ul li a span.active {
        position:absolute;
        background-color:red;

        left:0px;
        z-index:14;

}


.menu ul li span span.link, .menu ul li span span.descr, .menu ul li div.box a {
        margin-left:20px;
        /* text-transform:uppercase; */
        text-shadow:1px 1px 1px #000;
}
.menu ul li span span.link {
        color:#fff;
        font-weight: lighter;
        font-size:16px;
        float:left;
        clear:both;
        padding-top: 25px;
}
.menu ul li span span.descr {
        color:#fff;
        float:left;
        clear:both;
        width:100%; /*For IE7*/
        font-size: 9px;
        letter-spacing:1px;
}
.menu ul li div.box {
        display:block;
        position:absolute;
        width:170px;
        overflow:hidden;
        height:170px;
        top:85px;
        left:0px;
        display:none;
        background:#000;
}
.menu ul li div.box a {
        float:left;
        clear:both;
        line-height:30px;
        color:#0B75AF;
}
.menu ul li div.box a:first-child {
        margin-top:15px;
}
.menu ul li div.box a:hover {
        color:#fff;
}

.minimenu{display:none;}
.minimenu{position: relative; left: 0px; top: -40px; width: 100%; margin: 0px; background-color: #A8A7A7; }
.minimenu div{overflow: hidden;position: relative; padding: 10px 10px 10px 10px; color: #ffffff;text-align:center;text-transform:uppercase;font-weight:bold;}
.minimenu select{position: absolute;top: 0px;width: 100%;height: 100%; opacity: 0;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);   cursor: pointer;}
.minimenu option {background-color: #A8A7A7; color: #FFFFFF; border: none; padding: 5px 5px 5px 5px; }
.minimenu option:hover {background-color: #CCCCCC; color: #FFFFFF;}


/* 
.botao-menu {background: # 333333; width: 50px; height: 50px;   text-align: center; border: 1px solid #CCCCCC;  -webkit-border-radius: 5px;     -moz-border-radius: 5px;-khtml-border-radius: 5px;      border-radius: 5px;}
-------------------------------------------- */
/* ------------------Featured---------------- */

.featured{margin:15px 0px;}
.featured .wrap-featured{background:#141414;}
.featured .wrap-featured .slider{padding: 20px;}

/* -------------------------------------------- */
/* ------------------Content------------------- */
#content {margin:15px 0px;}
#content .wrap-content{background: #ghhhhh;}

.block01 {padding: 10px;}
.block01 .box{background: #ED145B; padding: 20px 10px;}
.block01 h2{font-size:23px; line-height:90%; font-weight:normal;}
.block01 p{font-size:16px;}
.block01 .more{text-align: right;}


.block02 { margin:10px; color: #959595;}
.block02 article{ clear: both; margin:10px 0px;background: #040404;}
.block02 article h2{font-size:20px; line-height:90%; font-weight:normal;}
.block02 article .info{font-style:italic; background: #131313; padding: 5px 10px;}
.block02 article img{margin:5px;}
.block02 .box{margin-bottom:20px;}
.block02 .heading{padding:5px 0px; border-bottom:3px solid #ED145B;}
.block02 .heading h2{font-size:24px; font-weight:normal; display:inline; color: #ffffff;}
.block02 .content{ margin: 15px 0px ;padding:15px; background: #040404;}
.block02 .content .list{background: #1E1E1E; padding: 10px;}
.block02 .content ul{ font-size:14px; list-style-type:circle; margin-left:20px;}
.block02 .content ul li{padding:5px;}

.block03 { 
        margin:0px; 

}

.block03 article{ 
        -moz-border-radius: 5px;
        border-radius: 5px;
        box-shadow:  0 0 5px #000;
        -moz-box-shadow:  0 0 5px #000;
        -webkit-box-shadow:  0 0 5px#000;
        clear: both;
        min-height: 220px;
        margin:20px 0px;
        background: #eaeaea; 
        padding: 20px;
        font-size: 12px;
}

.endless_page_current{

                margin-left: 10px;
}

.vermaisrota a{

                 font-size: 10px;
}


.overflow_description {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 11px;
    overflow: hidden;
    height: 45px;
    line-height: 15px;
}


.overflow_description:before {
                 content:"";
                 float: left;
                 height: 50px; }

.overflow_description > *:first-child {
          float: right;
          width: 100%;
          margin-left: -5px }

.overflow_description:after {
                content: "\02026";
                width: 3em;
}

.overflow {
          overflow : hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
}


.block03 article h2{font-size:14px; line-height:90%; font-weight:bolder; color: #EF3E2C;}
.block03 article .info{font-style:italic; padding: 10px 0px;}
.block03 article img{ margin-bottom:10px; width: 100%;}
.block03 .box{margin-bottom:20px;}
.block03 .heading{padding:5px 0px; border-bottom:3px solid #ED145B;}
.block03 .heading h2{font-size:24px; font-weight:normal; display:inline; color: #ffffff;}
.block03 .content{ margin: 15px 0px ;padding:15px; background: #040404;}
.block03 .content .list{background: #1E1E1E; padding: 10px;}
.block03 .content ul{ font-size:14px; list-style-type:circle; margin-left:20px;}
.block03 .content ul li{padding:5px;}

/* -------------form newsletter----------------- */


input.subscribe-input {margin: 0 0 15px; width: 100%;}
.subscribe-submit {background-color: #EF3E2C; color: #FFFFFF; border: none; margin: 0 0 10px; cursor:pointer;
}


/* ------------------Footer-------------------- */
footer {padding-top: 0px; background-color: #B3B2B2;  }

.wrap-footer  {
        width:100%;
        background: #b3b2b2; 

        box-shadow:  0 0 5px #000;

}

.block09 {padding: 10px;}
.block09 .box{margin-bottom:10px; color: #333; }
.block09 .heading{padding:0px 0px;}
.block09 .heading h2{font-size:18px; font-weight:normal; display:inline; color: #3333; text-transform: uppercase;}
.block09 .content{ margin: 10px 0px ; font-size:10px; }
.block09 .content ul{ }
.block09 .content ul li{padding:2px 0; border-bottom: 1px dotted #333333;}
.block09 .content .tag a{padding: 10px; background: #ED145B; margin: 0px 5px 5px 0px; float: left;}
.block09 .content .tag a:hover{color: #ffffff; background: #F36A97;}
.block09 .content p{margin-bottom:10px; }

.copyright{
        text-align:center; 
        background:#040404;  
        min-height: 5px;
    padding: 5px 0 5px; 
    color: #ffffff;
}

.copyright a{text-decoration:underline; color: #808080;}
.copyright a:hover {text-decoration:underline; color: #EF3E2C;}


/* footer - linha dos logos patrocinioes e parceiros */

.linhaseparadora {  margin-bottom: 10px;  border-top: 1px solid #808080; margin-left: 20px; margin-right: 20px;}

.separador {border-top: 1px solid #CCCCCC; margin: 5px 10px 3px 10px;}


.logospatrocinios:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}

.logospatrocinios{
        background-color:#b3b2b2; 
        min-height: 56px;

    padding-top: 10px;
    position: relative;
    width: 100%;
        }

.verticalLine {
        border-right: 1px solid #808080;
    width: 5%;
        float: left;
}



.patrocinios{
        margin: 0 auto;

}

.financiamento {
        text-align: center;
        background-color:#b3b2b2; 
        color: #111;
    position: relative;
    width: 30%;
    float: left;
    margin-left: 20px;
        }



.financiamento ul li{
        margin:0;
        margin-top: 0px;
        padding:0;
        list-style: none;
        font-size:8px;
        float:left;
        }

.financiamento ul {
display: block;
list-style-type: disc;
margin-left:auto;
margin-right:auto;
}

.parceiros {
        text-align: center;
        background-color:#b3b2b2; 
        color: #111;
        margin: 0 auto;
    padding: 0;
    position: relative;
    width: 60%;
    float: right;
        }



.parceiros ul li{

        margin:0;
        padding:0;
        list-style: none;
        font-size:8px;
        float:left;
        }


.copyritgh{
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: center;
    height: 10px;
    }
        .copyritgh a:link    {color:white;}
        .copyritgh a:visited {color:white;}
        .copyritgh a:hover   {color:#9ec574;}
        .copyritgh a:active  {color:white;} 



/* -------------------------------------------- */
/* ------------------Components-------------------- */
.photos{}
.photos:after{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.photos a{display: block; float:left; margin: 0px 4px 10px 4px;position: relative;}
.photos a img{display:block; border:1px solid #CCC;}

#pagi{margin: 50px auto; padding: 20px 0px;list-style: none;width: 250px;}
#pagi li {float: left;margin-right: 10px;}
#pagi li a {display: block;     text-decoration: none; color: #717171;font: bold 16px Arial, sans-serif;padding: 7px; background: #ffffff;}
#pagi li a.current, #pagi li a:hover {color: #ffffff;   background: #ED145B;}

.comment{font-weight:bold; margin:50px 0px; width: auto;}
.comment div{margin-bottom: 20px; vertical-align:middle; }
.comment input{border: 2px solid #999999;padding: 8px 10px;width:250px;}
.comment textarea{border: 2px solid #999999;padding: 8px 10px;width:95%;}
.comment input[type="submit"] {cursor: pointer; width:100px; float:right;
        background: -webkit-linear-gradient(top, #efefef, #ddd);background: -moz-linear-gradient(top, #efefef, #ddd);
        background: -ms-linear-gradient(top, #efefef, #ddd);background: -o-linear-gradient(top, #efefef, #ddd);
        background: linear-gradient(top, #efefef, #ddd);
        color: #333;text-shadow: 0px 1px 1px rgba(255,255,255,1);       border: 2px solid #999999;}
.comment input[type="submit"]:hover {
        background: -webkit-linear-gradient(top, #eee, #ccc);   background: -moz-linear-gradient(top, #eee, #ccc);
        background: -ms-linear-gradient(top, #eee, #ccc);       background: -o-linear-gradient(top, #eee, #ccc);
        background: linear-gradient(top, #eee, #ccc);   border: 2px solid #bbb;}
.comment input[type="submit"]:active {
        background: -webkit-linear-gradient(top, #ddd, #aaa);   background: -moz-linear-gradient(top, #ddd, #aaa);
        background: -ms-linear-gradient(top, #ddd, #aaa);       background: -o-linear-gradient(top, #ddd, #aaa);
        background: linear-gradient(top, #ddd, #aaa);   border: 2px solid #999;}