/*CARAVAN TEMPLATE CSS*/


/*RESETS*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
font-weight:normal;
}
body {
    font-size: 100%;
    font-family: 'Georgia';
    overflow-x: hidden;
}
#wrapper {
    /*background-size: 13px 13px;
    background-image: linear-gradient(to right, rgba(236, 37, 37, 0.07) 1px, transparent 1px), linear-gradient(to bottom, rgba(236, 37, 37, 0.06) 1px, transparent 1px);
    background: url("patt.svg");*/
}
#page_content {
    clear: both;
    width: 90%;
    margin: auto;
    background: #fff;
}
p{
    font-size: 1.1em;
    line-height: 190%;
    color: #333;
}
li {
    list-style: none;
}
h1 {
    font-family: 'Open Sans';
    font-size: 2em;
    font-weight: 600;
    line-height: 135%;
}

img, iframe, video {
    max-width: 100%;
}
video {
    cursor: pointer;
}

#content_1, #content_2 {	
   padding: 0% 3%;
}
#content_2 .container {
   /* background: linear-gradient(to right, #fff 0px, #fff 66.66%, #f1f1f1 66.66%);*/
}
/*HEADER*/
header {
    height: 8.125em; /*130px / 16*/
    font-family: 'Open Sans', serif;
}
#head_container {
    height: 8.125em;
    display: block;
    position: fixed;
    width: 100%;
    background-color: #fff;
    z-index: 9999;
    border-bottom: 1px solid #eee; 
    transition: height, 0.3s ease;
    -webkit-transition: height, 0.3s ease;
}
#logo_wrap {
    width: 30%;
    position: relative;
    left: 5%;
    bottom: 0;
    top: 0;
    max-height: 100%;
    height: 100%;
    visibility: visible;
    opacity: 1;

    transition: visibility, opacity 1s ease;
    -webkit-transition: visibility, opacity 1s ease;
}
#logo_wrap a {
    position: relative;
    bottom: 0;
    top: 0;
    display: block;
    width: 50%;
    height: 100%;
    max-height: 100%;
}
#logo_wrap a img {
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin: auto;
}
/*MAIN MENU*/
#menu_wrap {
    position: absolute;
    right: 5%;
    bottom: 0;
    top: 0;
    margin: auto;
    height: 1em;
}
#mainlevel li {
    float: left;
    list-style: none;
    font-size: 1em;
}
#mainlevel li a {
    text-decoration: none;
    color: #333;
    position: relative;
    padding: 4em 1.4em 0.62em 1.4em;
    font-weight: 600;
    text-transform: uppercase;
}
#mainlevel li a:hover {
    color: #000000;
}

#mainlevel li a:before {
    content: "";
    width: 0%;
    visibility: hidden;
    height: 2px;
    background: #e65a5a;
    position: absolute;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
    bottom: 0;
    transition: width 0.3s ease;
    -webkit-transition: width 0.3s ease; 
}
#mainlevel li a:hover:before {
    width: 80%;
    visibility: visible;
}
/*HERO DISPLAY*/
#hero {
    clear: both;
    border-bottom: 1px solid #eee;
}
#hero #container {
    height: 20em;
    position: relative;
    overflow-x: hidden;
}
#text {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
#bg_wrap {
    width: 100%;
    height: 100%;
}
#bg_wrap div {
    background-size: contain;    
    background-repeat: no-repeat;
}
@media screen and (max-width: 480px) {
	#sl1{
	    background: url("/templates/caravan/images/hero/hero1-mobile.jpg");
	}
	#sl2{
	    background: url("/templates/caravan/images/hero/hero2-mobile.jpg");
            left: 100%;
	}
	#sl3{
	    background: url("/templates/caravan/images/hero/hero3-mobile.jpg");
	    left: 200%;
	}
}
@media screen and (min-width: 480px) {
	#sl1{
	    background: url("/templates/caravan/images/hero/hero_1.jpg");
	}
	#sl2{
	    background: url("/templates/caravan/images/hero/hero_2.jpg");
            left: 100%;
	}
	#sl3{
	    background: url("/templates/caravan/images/hero/hero_3.jpg");
	    left: 200%;
	}
}
.bg {
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover;
    overflow-x: hidden;
    /*transition: left 2s ease;*/
    right: 0;
    top: 0;
}
#text h1 {
    color: #fff;
    text-align: center; 
    position: relative;  
}
.s1, .s2 {
    width: 100%;
    position: absolute;
    right: 0;
    transition: left 2s ease;
}
.s1 {
    top: 25%;
    left: 0;
}
.s2 {
    top: 40%;
}
#left, #right {
    position: absolute;
    bottom: 0;
    top: 0;
    height: 45px;
    width: 45px;
    margin: auto;
    cursor: pointer;
}
#left {
    left: 2%;
    background: transparent url("/templates/caravan/images/nav-sprite.png");
    border: 0px;
    background-position: -2px;
}
#right {
    right: 2%;
    background: transparent url("/templates/caravan/images/nav-sprite.png");
    border: 0px;
    background-position: 48px;
}		
/*GRID CLASSES*/
.one_full, .one_half, .two_third, .one_third, .three_fourth, .one_fourth {
    float: left;
    padding-right: 1.65em;
    box-sizing: border-box;
} 
.one_full {
    width: 100%
}
.one_half {
    width: 50%;
}
.two_third {
    width: 66.66%;
}
.one_third {
    width: 33.33%;
}
.one_fourth {
    width: 25%;
}
.grid_clear {
    clear: left;
}
.last {
    padding-right: 0;
}
.txt_block {
    margin: auto;
    width: 70%;
}
.txt_block ul {
    margin: 3.125em 0;
}
.txt_block li {
    margin-bottom: 2.125em;
    padding: 1em;
    border-bottom: 1px solid #eee;
}
/*.txt_block li::before {
    content: "\002022";
    color: #e65;
    padding-right: 0.7em;
}*/
.side-box {
    width: 20%;
    position: relative;
    float: right;
    margin: 0 0px 10px 30px;
    padding: 10px;
    font-size: 0.8em;
    text-align: center;
    background: #f1f1f1;
    display: inline-block;
}
.side-box p {
    font-size: 0.875em;
    color: #727272;
}
#books {
    width: 50%;
    margin: auto;
    position: relative;
    bottom: -4px;
}
#books2 {
    width: 80%;
    margin: auto;
}
.ext_sec div {
    display: block;
    padding-top: 1em;
    border: 2px solid #fff;
    height: 6em;
    text-align: center;
    background: #f1f1f1;
    border-top: 0px;
    position: relative;
    z-index: 1;
}
.ext_sec div:hover {
    background: #fbfbfb;
}
.ext_sec img {
    max-width: 40%;
    float: left;
    margin-right: 10px;
    padding-left: 4%;
}
.ext_sec h2 {
    font-size: 1.125em;
    margin-top: 3%;
    text-decoration: none;
    color: #000;
}
.ext_sec span {
    font-size: 1.375em;
    transition: font-size 1s ease;
    -webkit-transition: font-size 1s ease;
}
.ext_sec span:hover {
    font-size: 1.75em;
}
.arrow-dwn {
    position: absolute;
    margin: 60px auto;
    left: 0;
    right: 0;
    cursor: pointer;
    z-index: 1
}
@media screen and (max-width: 768px) {
    .one_half, .one_third, .two_third, .txt_block, .one_fourth {
        width: 100%;
        padding: 0em;
    }
}
/*VERTICAL CLASSES*/
.vertical_0 {
     clear: both;
}
.vertical_1 {
    height: 4.325em;
    clear: both;
}
.vertical_2 {
    height: 6.25em;
    clear: both;
}
/*STYLES*/
.sub_p {
    color: #727272;
}
.black {
    color: #333;
}
.display {
    text-align: center;
    padding: 1.25em 0;
}
#home-display {
    margin-top: 4.325em;
}
.display h1 {
    font-family: 'Open Sans';
    color: #e65;
}
.display h2 {
    font-size: 1.25em;
    font-family: 'Open Sans';
    font-weight: 200;
    color: #727272;
    margin-top: 1em;
}
.border_t {
    padding-top: 2%;
    border-top: 1px solid #d4d4d4;
}
.border_r {
    border-right: 1px solid #d4d4d4;
}
@media screen and (max-width: 480px) {
     .border_r {
        border-right: 0px;
      }
    
}
.m_box {
    /*width: 80%;*/
    margin: auto;
    text-align: center;
    padding: 2.275em 0 1.9em 0;

    transition: width 0.5s ease;
    -webkit-transition: width 0.5s ease;
}
.m_box p {
    font-size: 0.85em;
    font-family: 'Open Sans';
    color: #727272;
    text-align: left;
}
.call_to {
    text-decoration: none;
    text-align: center;
    padding: 15px 20px;
    color: #727272;
    border-radius: 8px;   
    font-family: 'Open Sans';
    display: inline-block;
    margin-bottom: 2em;
}
.call_to:hover {
    background: #727272;
    color: #fff;
}
.cat {
    display: block;
    text-align: center;
    padding: 5%;
    cursor: pointer;
    background: #eee;
    border-radius: 8px;
}
.cat:hover {
    background-color: #e65;
    color: #fff;
}
.cat h2:hover {
    color: #fff;
}
.cat h2 {
    font-family: 'Open Sans';
    font-size: 1.25em;
    color: #333;
    font-weight: 600; 
}
strong {
    font-weight: bold;
}
#display_bird {
    width: 20%;
    margin-top: 2em;
    float: left;
}
#display_title {
    font-size: 1.125em;
    font-family: 'Open Sans';
    width: 70%;
    margin: auto;
    float: left;
    text-align: left;
    position: relative;
    top: 4em;
    margin-left: 1.75em;
    color: #727272;
}
a.curso_link {
    margin: 0 auto 2em;
    display: block;
    width: 80%;
}
a.curso_link section {
    position: relative;
}
a.curso_link div {
   /* border-radius: 8px;*/
}
a.curso_link p {
    position: absolute;
    text-align: center;
    display: block;
    left: 0;
    right: 0;
    top: 40%;
    color: #fff;
    font-weight: 600;
    font-size: 1.125em;
    z-index: 5;
    visibility: hidden;
    opacity: 0;
    transition: visibility, opacity 0.5s ease; 
    -webkit-transition: visibility, opacity 0.5s ease; 

}
#link_img1 {
    height: 10em;
    background: url('/templates/caravan/images/cursosprite.png');
}
#link_img2 {
    height: 10em;
    background: url('/templates/caravan/images/cursosprite.png');
    background-position: 0% 100%;
}
#link_img1, #link_img2 {
   position: relative;
   -webkit-filter: brightness(100%);
   -moz-filter: brightness(100%);
   -o-filter: brightness(100%);
   -ms-filter: brightness(100%);
    filter: brightness(100%);
    
    transition: -webkit-filter 0.5s ease; 
}
.curso_link:hover p {
    visibility: visible;
    opacity: 1;
}
.curso_link:hover #link_img1, .curso_link:hover #link_img2{
    -webkit-filter: brightness(5%);
   -moz-filter: brightness(5%);
   -o-filter: brightness(5%);
   -ms-filter: brightness(5%);
    filter: brightness(5%);
}
#lec-tops {
    padding: 1em 0;
    border-bottom: 1px solid #eee;
    display: table;
    margin-top: 4.325em;
}
#lec-tops .one_fourth {
    padding-left: 1em;
}
div#lec-tops h2, .ext_sec h2 {
    font-size: 1.125em;
    font-family: 'Open Sans';
    text-transform: uppercase;
    font-weight: 600;
    color: #e65;
}
/*#lec-tops .one_fourth div {
    height: 4.5em;
}*/
div#lec-tops .one_half {
    margin-bottom: 1.65em;
    text-align: center;
}
#lec-buy h2 {
    color: #e65;
    font-family: 'Open Sans';
    font-size: 1.125em;    	
}
#lec-buy a {
    color: #e65;
    font-weight: 600;
}
.vid_wrap {
    width: 85%;
    float: right;
}
.vid_wrap h2 {
    font-size: 1.125em;
    font-family: 'Open Sans';
    color: #727272;
    margin-bottom: 0.85em;
}

/*SEPARATORS*/
.sections {
    display: none;
}
.section_wrap {
    padding: 2em 0;
    clear: both;
}
.section_wrap p {
    width: 70%;
}
.section_wrap li {
    position: relative;
}
.section_wrap a {
    text-decoration: none;
}
.section_wrap .down_i, #cartaz_info .down_i {
    background-position: 107%;
    border: 2px solid #9dd66a;
    border-radius: 100%;
    padding: 8px;
    vertical-align: middle;
}
.sections li {
    padding: 20px 10px;
    margin: 20px 0;
    background: #eee;
    border-radius: 8px;
}
.sections li:hover {
    background: #f1f1f1;
}
#drop_wrap li div {
    background-color: #eee;
    clear: both;
    padding: 4%;
    display: table;
    width: 100%;
    box-sizing: border-box;
}
#drop_wrap li {
    font-weight: 600;
}
#drop_wrap h5 {
    font-size: 1.125em;
    font-family: 'Open Sans';
    font-weight: 600;
    color: #e65;
    text-transform: uppercase;
}
#drop_wrap p {
    margin: 1em;
}
.floated {
    width: 70%;
    float: left;
}
.extra {
    font-weight: 600;
    font-family: 'Open Sans';
}
#drop_wrap img {
    width: 25%;
    float: right;
    margin-top: 1em;    
}
#aux_block {
    background: #eee;
    position: relative;
    z-index: 1;
}
#aux_block h2 {
    text-align: center;
    font-size: 1.125em;
    margin: 0 0 0.85em;
    font-family: 'Open Sans';
    color: #b1b1b1;
    font-weight: 600;
    display: none;
}
#aux_block .arrow-dwn {
    display: none;
}
#aux_block .media {
    margin-bottom: 1.9em;
}
#aux_block::after, .list_container::after, #cartaz_info::after, .ext_sec div::after {
    content: "";
    background: url('/templates/caravan/images/footer-back.jpg');
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.3;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.i_wrap {
    margin: 0 auto 2em;
    position: relative;
    z-index: 1;
    width: 80%;

    transition: height, width 0.5s ease;
    -webkit-transition: height, width 0.5s ease;
}
#i_wrap_active {
    width: 100%;
    height: 300px;
}
#vidobj_active {
    position: relative;
    z-index: 1;
}
.i_wrap::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url('/templates/caravan/images/youtube.png') rgba(255, 255, 255, 0.8);
    background-size: 30%;
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer;

    transition: 0.5s ease background;
    -webkit-transition: 0.5s ease background;
}
.i_wrap:hover::after {
    display: none;       
}
.list_container::after {
    background-size: cover;
    background-repeat: no-repeat;
}
.list_container {
    display: table;
    margin: 4.325em 0;
    text-align: center;
    background: #eee;
    position: relative;
    z-index: 1;
}
.list_container .one_half, .list_container .one_full {
    margin-bottom: 3.125em;
    border-top: 2px solid #fff;    
    float: left;
}
.list_container h2 {
    font-size: 1.375em;
    font-family: 'Open Sans';
    margin-bottom: 1.125em;
    color: #333;
}
h2.new_sec {
    font-size: 1.375em;
    font-family: 'Open Sans';
    color: #727272;
    text-align: center;
    font-weight: 600;
}
.quote {
    font-size: 1.375em;
    text-align: left;
    color: #727272;
    margin: 5px 0.85em 0 0;
}
.quote span {
    font-size: 5em;
    line-height: 0;
    vertical-align: text-bottom;
    color: #e65;
    font-family: 'Open Sans';
    margin: 0 10px 0 0;
}
#endquote {
    font-size: 3em;
    color: #ff9688;
    margin: 0 0 0 10px !important;
}
.vid_after {
    position: relative;
}
/*.vid_after::before  {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 95%;
    height: 100%;
    background: url('/templates/caravan/images/youtube.png') rgba(255, 255, 255, 0.4);
    background-size: 40%;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;

    transition: 0.5s ease background;
    -webkit-transition: 0.5s ease background;
}
.vid_after:hover::before  {
    background: rgba(255, 255, 255, 0);
    z-index: -1
}*/
.res_sect {
    font-size: 1.25em;
    color: #727272;
    font-family: 'Open Sans';
    margin-top: 1.25em;
}
.price {
    font-family: 'Open Sans';
    color: #fff;
    background: #9dd66a;
    border-radius: 100%;
    width: 4em;
    height: 3em;
    display: block;
    text-align: center;
    padding-top: 1em;
    line-height: 1.9em;
    position: absolute;
    bottom: 0;
    top: 0;
    right: 2%;
    margin: auto;
}
.vid {
    border: 1px solid #eee;
}
#side_vid {
    width: 80%;
    transition: width 0.5s ease;
    -webkit-transition: width 0.5s ease;
}
#cartaz {
    text-align: center;
    margin-top: 4.325em;
    border: 3px solid #eee;
}
#cartaz_info {
    width: 80%;
    margin: auto;
    display: table;
    text-align: center;
    background: #eee;
    position: relative;
    top: -10px;
    font-size: 1.125em;
    z-index: 1;
}
#cartaz_info a {
    text-decoration: none;
    display: block;
    padding: 1.4em;

    transition: background 0.5s ease;
    -webkit-transition: background 0.5s ease;
}
#cartaz_info a p {
    font-weight: 600;
    font-family: 'open sans';
    color: #727272;
}
#cartaz_info a:hover {
    background: #9dd66a;
}
#cartaz_info a:hover p {
    color: #fff;
}

/*FOOTER*/
footer {
    font-family: 'Open Sans';
    background-color: #000;
    color: #727272;
    clear: both;
    width: 100%;
    bottom: 0px;
    left: 0px;
}
footer h5 {
    margin-bottom: 20px;
    font-size: 1.125em;
}
footer a {
    color: #727272;
    text-decoration: none;
    display: table;
    margin-bottom: 10px;
}
footer a:hover {
    color: #ddd;
}
footer #container {
    position: relative;
    margin: auto;
    padding: 4.325em 0em 1.325em;
    height: 17em;
    z-index: 1;
}
footer #container::after {
    background: url('/templates/caravan/images/footer-back.jpg');
    content: "";
    opacity: 0.2;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}
footer section {
    width: 85%;
    margin: auto;
}
#footerid {
    font-size: 0.85em;
    text-align: center;
}
footer .one_full {
    margin: 4.325em 0 0;
}
footer .one_full a {
    display: inline-block;
    text-decoration: underline;
}

/*FORMULARIO CONTACTO*/
#contact {
    padding: 1em;
    background: #eee;
    border-radius: 8px;
    margin-bottom: 1.9em;
}
label {
    display: block;
    margin: 1.15em 0;
    font-family: 'Open Sans';
}
textarea {
    font-family: 'Open Sans';
    width: 100%;
    padding: 0.5em 0 0 0.5em;
    box-sizing: border-box;   
    border: 0px;
}
input[type="text"] {
    width: 100%;
    padding: 1em 0 1em 0.5em;
    box-sizing: border-box;    
    border: 0px;
    font-size: 0.85em;
    font-family: 'Open Sans';
}
input[type="submit"] {
    border: 0px;
    padding: 1em 2em;
    border-radius: 3px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
    color: #fff;
    background: #e65;
    font-size: 0.85em;
    font-family: 'Open Sans';
}
input[type="submit"]:hover {
    background: #fd6956;
}
#morada h2 {
    font-family: 'Open Sans';
    font-size: 1.25em;
    color: #333;
    font-weight: 600; 
    margin-bottom: 20px;
}
#morada a {
    text-decoration: none;
}
div#morada li p {
    padding: 10px 0 10px 10px;
    font-family: 'Open Sans';
}
.section_wrap i {
    background: url('/templates/caravan/images/iconsprite.png');
    background-repeat: no-repeat;
    background-position: 100%;
    top: 0.4em;
    margin: 0 0.85em;
}

#contact h2 {
    font-family: 'Open Sans';
    font-size: 1.25em;
    color: #727272;
    font-weight: 600; 
}
.panel {
    padding: 0.85em;
    border-radius: 2px;
    margin-top: 1em;
}
div#panel-success p, div#panel-success li,  {
    color: #727272;
}
#fail {
    background: #f58e81;
}
#success {
    background: #b8ef97;
}
/*ICONS*/
.bullets {
    width: 3em;
    height: 3em;
    background: #9dd66a;
    border-radius: 100%;
    color: #fff;
    display: block;
    text-align: center;
    font-size: 1em;
    line-height: 3;
    margin: auto auto 1em;
    position: relative;
    bottom: 10px;
    font-weight: 600;
}
#morada i {
    margin-right: 10px;
    background-repeat: no-repeat;
}
footer em {
    margin-right: 10px;
}
#address_i, #tel_i, #email_i, #face_i, #yt_i, .down_i {
    background: url('/templates/caravan/images/iconsprite.png');
    background-repeat: no-repeat;
    width: 1.5em;
    height: 1.5em;
    display: inline-block;

} 
#address_i {
    background-position: 80%;
}
#tel_i {
    background-position: 31%;
}
#email_i {
    background-position: 47%;
}
#face_i {
    background-position: 15%;
}
#yt_i {
    background-position: 0%;
}
footer #email_i, footer #face_i, footer #yt_i {
    margin-left: 15px;

}
#send_ni, #down_ni {
    background: url('/templates/caravan/images/icon-sprite2.png');
    background-repeat: no-repeat;
    border: 1px solid #727272;
    border-radius: 100%;
    padding: 4px;
    width: 1.5em;
    height: 1.5em;
    display: inline-block;
}
#send_ni {
    background-position: 0%;
}
#down_ni {
    background-position: 120%;
    background-size: 180%;
}
@media screen and (max-width: 920px) {
    #logo_wrap {
	left: 0;
    }
    #menu_wrap {
	right: 0;
    }
    #display_bird {
	float: none;
    }
    #display_title {
        position: static;
        text-align: center;
        margin: auto;
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    header {
       height: auto;
    }
    #head_container {
        position: static;
    }
    #logo_wrap {
        position: relative;
        width: 100%;
	left: 0;
	height: 6em;
    }
    #logo_wrap a {
       width: 30%;
       float: left;
    }
    #logo_wrap a img {
       height: auto;
       width: 80%;
       display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 10%;
    }
    #menu_it {
       position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 5%;
       width: 30%;
       height: 70px;
       background: url("/templates/caravan/images/menu2.png");
       background-repeat: no-repeat;
       background-size: contain;
       cursor: pointer;
       background-position: 50%;
    }
    #menu_wrap {
       clear: both;
       position: static;
       text-align: center; 
       margin-bottom: 2em;
       display: none;   
	right: 5%;
   
    } 
    #menu_wrap li {
       float: none;
    }
    #mainlevel li a {
        line-height: 2.8em;
    }
    #mainlevel li a {
        padding: 0em;
    }
    #hero #container {
        height: 12em;
    }
    #home-display {
	margin-top: 1.325em;
    }

    #aux_block {
	margin-top: 1.9em;
	border-radius: 0px;
    }
    .m_box {
	padding: 0;
    }
    #aux_block h2 {
	cursor: pointer;
	text-transform: uppercase;
	display: block;
	padding: 1.7em 0;
        border-top: 2px solid #fff;
	color: #e65;
	margin: 0;
    }
    #aux_block .arrow-dwn {
	margin: 15% auto;
	display: block;
    }
    #aux_block .media {
	margin-bottom: 0;
    }
    .media li{
	display: none;
    }
    #link_img1 {
        background-position: 50% 0%;
    }
    #link_img2 {
        background-position: 50% 100%;
    }
    #cartaz_info .one_half {
        border-top: 2px solid #fff;
    }
    .arrow-dwn {
        position: absolute;
        margin: 140px auto;
    }
    #aux_block .arrow-dwn {
        margin: 6% auto;
    }
    .floated {
	width: 100%;
    }
    .vid_after {
	text-align: center;
    }
    .quote {
	text-align: center;
	margin: 1.125em 0;
    }
    #morada {
	text-align: center;
    }
    div#morada li p {
    	padding: 10px 0 10px 0px;
    }
    .cat {
	margin-bottom: 1.125em;
    }
}
@media screen and (max-width: 480px) {
    #logo_wrap a {
       width: 60%;
       float: left;
    }
    .cat {
        height: auto;
    }
    .cat h2 {
        font-family: 'Open Sans';
        font-size: 1.25em;
        color: #333;
        font-weight: 600; 
    }
    .side-box {
        width: auto;
        border-right: 0px;
        margin: 0 0.85em 4.325em;
    }
    .ext_sec img {
        max-width: 80%; 
    }
    #display_bird {
	float: none;
        width: 40%;
    }
    #display_title {
        position: static;
        text-align: center;
        margin: auto;
        width: 100%;
    }
    #lec-tops .one_fourth div {
	height: auto;
        margin-top: 1.9em;
    }
    .floated {
	width: 100%;	
    }
    #drop_wrap img {
	width: 57%;
        float: left; 
    }
    .cat {
        margin-bottom: 1.9em;
    }
    .ext_sec div {
	background: #eee;
        border: 1px solid #fff;
    }
    .ext_sec div h2 {
	margin-top: 5%;
    }
    .arrow-dwn {
	margin: 40% auto;
    }
    #books {
        width: 100%;
    }
    #lec-tops {
	margin-top: 0.85em;
	border: 0px;
    }
    #lec-buy {
        padding: 0;
        margin-bottom: 1.125em;
    }
    #morada {
	padding: 0em;
    }
    div#morada li p {
	position: static;
	padding: 0em;
	margin-bottom: 0.85em;
	border-top: 0px;
	border-bottom: 1px solid #eee;
    }
    .vid_wrap {
	width: 100%;
    }
    .vid_after {
        margin-bottom: 1.125em;
    }
    .quote span {
	margin: 15px;
    }
    #cartaz_info {
	width: 100%;
    }

    .section_wrap p {
	width: 100%;
    }
    .price {
	position: static;
        margin-top: 1em;
    }
    .separate {
	border-top: 1px solid #eee;
    }
    #cartaz {
	border: 0px;
    }
    footer #container {
	display: table;
    }
    footer .one_fourth {
        margin-top: 2.125em;
    }
}
/*TABLET ONLY*/
@media screen and (max-width: 1500px) and (min-width: 770px) {
  #menu_wrap {
    margin: auto 0 auto 200px;
    height: 131px;
  }
  #mainlevel {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    height: 131px;
    padding-top: 20px
  }
  
  #mainlevel li a {
      padding: 0;
      margin: 25px;
  }
}

.topics h2 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.topics > li {
    margin-bottom: 0 !important;
    border-top: 0 !important;
}