@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Roboto:400,500,300,100,700,900);
@import url(http://fonts.googleapis.com/css?family=Shadows+Into+Light);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,100,200,500,300,600,700);


#barrasut.button {font-family:'Raleway',Helvetica,Arial,sans-serif;font-weight:500;margin:0;font-size: 0.8rem;padding: 0.5rem 0.5rem 0.5rem 0.5rem;}
#barrasut.button-group button:focus{outline:0 !important;}

#barrasut.button-group li{padding-top:3%;}
#barrasut.button-group a{color:rgba(0,0,0,1);background-color:transparent;font-size: 0.9rem;font-family:'Raleway',Helvetica,Arial,sans-serif;font-weight:600;padding: 0.5rem 0.5rem 0.5rem 0.5rem;}
#barrasut.button-group a:hover{color:rgba(0,0,0,1);background-color: #e5e5e5
}
#barrasut.button-group button:hover{color:rgba(0,0,0,1);background-color: #e5e5e5;}
/*#barrasut.button-group a:hover{color:rgba(0,0,0,0.4);background-color: #cdcdcd}*/
/*#barrasut.button-group button:hover{color:rgba(0,0,0,0.4);background-color: #cdcdcd;}*/
#barrasut.button-group button{color:rgba(0,0,0,1);background-color:transparent; margin-bottom: 0;font-size: 0.9rem;font-family:'Raleway',Helvetica,Arial,sans-serif;font-weight:600;padding: 0.5rem 0.5rem 0.5rem 0.5rem;}
#barrasut.button-group{float:none;}
@media only screen and (min-width: 40.063em) {#barrasut.button-group{float:right;}}
/*.button.dropdown{color:rgba(0,0,0,1);font-family:'Raleway',Helvetica,Arial,sans-serif;font-weight: 500;background-color:transparent;}*/

.f-dropdown li a {font-weight: 500;}
.f-dropdown{margin-top: 7px;}

.intro-text{padding-top:10%;color:rgba(255,255,255,1);text-align:center;}
@media only screen and (min-width: 40.063em) {.intro-text{padding-top:25%;}}
@media only screen and (min-width: 64.063em) {.intro-text{padding-top:18%;}}
.intro-text p{font-family:'Shadows Into Light',cursive;font-size:64px;line-height: 1}

.intro-text2{padding-top:10%;color:rgba(255,255,255,1);text-align:center;}
@media only screen and (min-width: 40.063em) {.intro-text2{padding-top:25%;}}
@media only screen and (min-width: 64.063em) {.intro-text2{padding-top:18%;}}
.intro-text2 p{font-family:'Shadows Into Light',cursive;font-size:64px;line-height: 1;}
.stroke{
    -webkit-text-fill-color: white;-webkit-text-stroke: 1px black;
}

html, body {background: #FAFAFA; font-family: 'Raleway', Helvetica, Arial, sans-serif;}
hr {width: 70%;margin-left: auto;margin-right: auto}
hr.limpia{width: 70%;margin:0 auto 0 auto}
hr.inter{width: 95%;margin:0 auto 0 auto;}
h1,h2,h3,h4{color: #343434;padding-left:6px;}
p{margin-bottom: 0.5rem;padding-left:6px;padding-right: 6px; }
p.social{color:#8f9296;}
p.apartado{font-weight: 500;font-size: 1.2rem;}
.texto-legal p{font-size: 0.8rem;}
.texto-legal ol{font-size: 0.8rem;}
a.linkpag{color: #343434;line-height: inherit;text-decoration: underline;}
a.linkpag:hover{color: #c8c8c8;}
.row{max-width: 64em;}
.slicka{margin: auto auto 50px auto;}
.slicke{width: 640px; margin: auto auto 150px auto;}
.imageslogos{margin:1.5rem 0rem;}
h1{color: #032308;}
h2{color:  #04691a;}
h3{margin-left:30px;color: #04691a}
.instalcard h3{margin-left:0px;color:#343434;}
.itemcontent .panel{margin-left:40px}
.itemcontent ul{margin-left:55px}
.itemcontent p{margin-left:40px}
/*h1{border-bottom: 0.15rem dashed  #218211;margin-bottom: 1rem}*/
@media only screen and (min-width: 40.0625em) {h1 {font-size: 2.75rem;}}
@media only screen and (min-width: 40.0625em) {h2 {font-size: 2.30rem;}}
@media only screen and (min-width: 40.0625em) {h3 {font-size: 1.7rem;}}
@media only screen and (min-width: 40.0625em) {h4 {font-size: 1.2rem;}}
.heroindex{
    background-image:url("../img/assud02.jpg");

    /*background-size:contain;*/
    /*box-shadow:inset 0px 0px 0 2000px rgba(0,0,0,0.15);*/
    height:40%;
    /*background-position: 0px -100px;*/
    /*background-repeat: no-repeat;*/
    /*background-position: center center;*/
    /*background-attachment: fixed;*/
    /*-webkit-background-size: cover;*/
    /*-moz-background-size: cover;*/
    /*-o-background-size: cover;*/
    background-size:cover;
}
.heroviajes{
    background-image:url("../img/viajefincurso.jpg");
    background-size:cover;
    /*box-shadow:inset 0px 0px 0 2000px rgba(0,0,0,0.15);*/
    height:40%;
    /*background-position: 0px -100px;*/
}
.herovexcur{
    background-image:url("../img/excursionesundia.jpg");
    background-size:cover;
    /*box-shadow:inset 0px 0px 0 2000px rgba(0,0,0,0.15);*/
    height:40%;
    /*background-position: 0px -100px;*/
}
.heroazud{
    background-image:url("../img/assud01.jpg");
    background-size:cover;
    /*box-shadow:inset 0px 0px 0 2000px rgba(0,0,0,0.15);*/
    height:40%;
    /*background-position: 0px -100px;*/
}
.heroentre{
    background-image:url("../img/entrenaranjosban.jpg");
    background-size:cover;
    /*box-shadow:inset 0px 0px 0 2000px rgba(0,0,0,0.15);*/
    height:40%;
    /*background-position: 0px -100px;*/
}
.assud{background-image:url("../img/assud01.jpg");}
.vificur{ background-image:url("../img/viajefincurso.jpg");}
.tabs .tab-title > a {
    display: block;
    background-color: rgba(239, 239, 239, 0.57);
    color: #222222;
    font-family: 'Raleway', Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 500;
    padding: 0.8rem 2rem;
    margin-top:20px;
    /*border-top-right-radius: 8px;*/
    /*border-top-left-radius: 8px;*/
    /*border:1px dashed #ccc;*/
}
.tabs .tab-title > a:focus {outline:0 !important;}
.tabs .tab-title.active a {font-weight: 600}
/*.itemcontent{background-color: #fff}*/
.itemcontent>p:not(.apartado), .itemcontent>ul{padding-left: 2rem}
.itemcontent>h2{border-bottom: 0.15rem dashed #cecece;margin-bottom: 1rem}
.enfasis{
    font-size: 1.5rem;
    font-style: italic;
    line-height: 1.2rem;
    font-family: 'Raleway', Helvetica, Arial, sans-serif;
    font-weight:500 ;
    padding: 0.5rem 0 1rem 0;
    color: #494949;
}
/*.itemcontent>*/
.enfasis2{
    font-size: 1.3rem;
    font-style: italic;
    line-height: 1.5rem;
    font-family: 'Raleway', Helvetica, Arial, sans-serif;
    font-weight:500 ;
    padding: 0.5rem 0 1rem 0;
    color: #494949;
}
.itemcontent i{padding-right: 0.7rem;}
.itemcontent>.card{padding: 1rem;font-family: 'Raleway', Helvetica, Arial, sans-serif;}
.itemcontent>.card>p{padding:0 1rem 0 1rem;font-family: 'Raleway', Helvetica, Arial, sans-serif;}
.itemcontent>.card>ul{padding-left: 2rem}
.itemcontent>.panel{background-color: #f8f8f8;padding-bottom: 1rem;padding-top:1rem;}
.cab{margin-top: 0.5rem;margin-bottom: 0.5rem;}
small{font-size: 12px;padding:5px;}
.top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a {
    color: #fff;
    display: block;
    font-weight: normal;
    padding: 0 0.4rem;
    width: 90%;
}

form input[type="checkbox"], input[type="radio"]{line-height: 24px}
form input.error{border-color: lightcoral;}
form input[type="text"].ferror,form textarea.ferror, input[type="email"].ferror,input[type="file"].ferror, form select.ferror,
form input[type=checkbox].ferror, input[type="radio"].ferror
{border-color:#de2d0f;}
#aceptopol{border: 1px solid #aa0d10}
form input[type="checkbox"],input[type="radio"]{cursor: pointer;}
form div.merror{
    height: 20px;
    font-size: 11px;
    margin: -14px 0 10px 1px;
    color:#ffffff;
    border:1px solid #de2d0f;
    background-color: #de2d0f;
}
form span.merror{
    height: 10px;
    font-size: 10px;
    margin: -15px 0 10px 0;
    color:#FF4242;
}


.card {
    /*font-family: 'Roboto', sans-serif;*/
    font-family: 'Raleway', Helvetica, Arial, sans-serif;
    overflow: hidden;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    color: #f5fcff;
    border-radius: 2px;
    background: rgb(41, 44, 47);
    margin-bottom: 20px;
}
.card .title {
    line-height: 1.5rem;
    font-size: 1.5rem;
    font-weight: 300;
    margin-top:5rem;
}
.card .subtitle {
    line-height: 1.5rem;
    font-size: 1.0rem;
    font-weight: 300; }

.card .card_enfasis {
    font-size: 1.5rem;
    font-style: italic;
    line-height: 1.2rem;
    font-family: 'Raleway', Helvetica, Arial, sans-serif;
    font-weight:400 ;
    padding: 0.5rem 0 1rem 0;
    color: #f5fcff; }

.card .content {
    padding: 1.3rem;
    font-weight: 300;
    border-radius: 0 0 2px 2px; }

.card p {
    margin: 0 0 0.5rem 0; }
.card .action {
    border-top: 1px solid rgba(160, 160, 160, 0.2);
    padding: 0.9rem;font-weight: 500;font-size: 1.5rem }
.card a {
    color: #f5fcff;
    margin-right: 1.3rem;
    transition: color 0.3s ease;
    /*text-transform: uppercase;*/
    text-decoration: none;
}
.card .image {
    position: relative;
   }
.card .image .title {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 1.3rem;
    color: #fff; }
.card .image img {
    border-radius: 2px 2px 0 0; }

.card2 {
    /*font-family: 'Roboto', sans-serif;*/
    font-family: 'Raleway', Helvetica, Arial, sans-serif;
    overflow: hidden;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    color: #272727;
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.5);
    margin-bottom: 20px;
}
.card2 .title {
    line-height: 1.5rem;
    font-size: 1.5rem;
    font-weight: 300;
    margin-top:5rem;
}
.card2 .subtitle {
    line-height: 1.5rem;
    font-size: 1.0rem;
    font-weight: 300; }

.card2 .card_enfasis {
    font-size: 1.5rem;
    font-style: italic;
    line-height: 1.2rem;
    font-family: 'Raleway', Helvetica, Arial, sans-serif;
    font-weight:400 ;
    padding: 0.5rem 0 1rem 0;
    color: #494949; }

.card2 .content {
    padding: 1.3rem;
    font-weight: 300;
    border-radius: 0 0 2px 2px; }

.card2 p {
    margin: 0 0 0.5rem 0; }
.card2 .action {
    border-top: 1px solid rgba(160, 160, 160, 0.2);
    padding: 0.9rem;font-weight: 500;font-size: 1.5rem }
.card2 a {
    color: #4e4e4e;
    margin-right: 1.3rem;
    transition: color 0.3s ease;
    /*text-transform: uppercase;*/
    text-decoration: none;
}
.card2 .image {
    position: relative;
}
.card2 .image .title {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 1.3rem;
    color: #fff; }
.card2 .image img {
    border-radius: 2px 2px 0 0; }


.footer {
    background-color: #292c2f;
    text-align: center;
    font-size: 1.2rem;
    padding: 2rem 0; }
.footer p.social{font-size: 1.8rem;}
.footer p.slogan {
    color: #8d9093;
    font-size: 1.8rem;
    margin: 0 0 1rem; }
.footer p.copywrite {
    color: #efefef;
    font-size: 0.7rem;
    line-height: 2;
    margin: 0; }
.footer p.copywrite img {
    margin-top: 0.9rem; }

.footer .links a {
    list-style: none;
    font-weight: bold;
    color: #ffffff;
    font-size: 0.8rem;
    /*padding: 1rem 0 1rem;*/
    margin: 0; }
.footer .links a:hover {
    color: #8f9296;
}

.footer .links a::after {
    content: "•";
    padding: 0 0.4rem 0 0.8rem; }


.footer .links a:last-child::after {
    content: "";
    padding: 0 0.4rem 0 0.8rem; }