/**
* Reset
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
ul, li{margin:0;list-style:none;list-style-image:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:"";content:none;}
abbr[title], dfn[title]{cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
input, select , button{vertical-align:middle;}
textarea{overflow:auto;}
button, input, select, textarea{margin:0;}
strong, th{font-weight:bold;}
button{overflow:visible;padding:0;background:none;border:0;line-height:0;}
button::-moz-focus-inner{border:0;padding:0;}
/* Bicubic img IE */
.ie7 img{-ms-interpolation-mode:bicubic;}
/******************/
/* fonts */
/******************/
@font-face {
font-family: "RobReg";
src: url('../fonts/Roboto-Regular-webfont.woff?1418834881') format('woff'), url('../fonts/Roboto-Regular-webfont.ttf?1418834881') format('truetype'), url('../fonts/Roboto-Regular-webfont.svg?1418834881') format('svg'), url('../fonts/Roboto-Regular-webfont.eot?1418834881') format('embedded-opentype');
}
@font-face {
font-family: "RobBol";
src: url('../fonts/Roboto-Bold-webfont.woff?1418834850') format('woff'), url('../fonts/Roboto-Bold-webfont.ttf?1418834850') format('truetype'), url('../fonts/Roboto-Bold-webfont.svg?1418834850') format('svg'), url('../fonts/Roboto-Bold-webfont.eot?1418834850') format('embedded-opentype');
}
@font-face {
font-family: "RobLig";
src: url('../fonts/Roboto-Light-webfont.woff?1418834870') format('woff'), url('../fonts/Roboto-Light-webfont.ttf?1418834870') format('truetype'), url('../fonts/Roboto-Light-webfont.svg?1418834870') format('svg'), url('../fonts/Roboto-Light-webfont.eot?1418834870') format('embedded-opentype');
}
@font-face {
font-family: "Helvetica";
src: url('../fonts/HelveticaLTStd-Bold.woff') format('woff'), url('../fonts/HelveticaLTStd-Bold.ttf') format('truetype'), url('../fonts/HelveticaLTStd-Bold.svg') format('svg'), url('../fonts/HelveticaLTStd-Bold.eot') format('embedded-opentype');
}
/**
* Base
*/
body{font:normal 22px/1.4em "RobReg", "Helvetica", Tahoma, sans-serif;color:#fff;background-color: #dcdddd;padding:0;}
.pbotones{line-height: 1em; float:left; margin: 4em}
#wrapper{max-width: 1280px; width: 100%; margin: 0 auto; position: relative;background: #dbdbdb}
/**
* Genericos
*/
.clear{clear:both!important;}
.block{display:block!important;}
.none{display:none!important;}
.hidden{position:absolute!important;left:-9999em!important;}
.resal{color:#1863A1!important}
.bold{font-weight:bold!important;}
.alignCenter{text-align:center!important;}
.alignLeft{text-align:left!important;}
.alignRight{text-align:right!important;}
.center{text-align: center !important;}
.floatLeft{float:left!important;margin-left: 5%;}
.floatRight{float:right!important;}
.ptop{padding-top:30px!important;}
.pbottom{padding-bottom:30px!important;}
.hideDesktop{display:none!important;}
/**
* Fin Genericos
*/
/****Bullying*****/
/*Cabecera*/
header{width: 100%!important; padding: 0em 0 0; font-size: .8em;top:0;left:0;background-color: white;position: fixed;z-index: 10;min-height: 7.2em;}
header ul{ background: #fff;width: 100%;padding: 1em 0; max-width: 1280px;margin: auto;display: inline-block;}
header ul li{float: left; width: 49%; text-align: center;}
header ul li a img{max-width: 100%;}
header ul li a img.logoFundacion{width: 190px;}
header ul.logos{display: flex}
nav {display:inline-block;background: #004a92;width: 100%;text-align: center;padding: .5em 0;margin-top: -.5em;}
nav ul{width: 60%;text-align: center;margin: 0 auto;background: transparent;padding: 0; font-size: .8em;}
nav ul li{float: left; width: 25%;}
nav ul li a{color: #fff; text-decoration: none; font-weight: bold;white-space: nowrap;}
nav ul li a:hover{text-decoration: underline;}
nav ul li a.abullyng{background: url('../img/ico/ico_menu_bullying.png') no-repeat left center; padding: .5em 0 .5em 3.5em}
nav ul li a.amaterial{background: url('../img/ico/ico_menu_material.png') no-repeat left center; padding: .5em 0 .5em 2em}
nav ul li a.acampana{background: url('../img/ico/ico_menu_campana.png') no-repeat left center; padding: .5em 0 .5em 3em}
nav ul li a.aestudios{background: url('../img/ico/ico_menu_estudios.png') no-repeat left center; padding: .5em 0 .5em 3em}
#btnmenu{background: url('../img/bg/bg_menu_responsive.png') no-repeat center center;left: 0;
position: absolute; border: none; background-size: 100%; width: 2em; height: 2em; margin-left: 1.5em;display: none}
.desplegable{opacity: 0;left:20em;height: 0;float:left;display:inline-block;position:relative;}
.desplegable li{width: 100%!important;margin: 0!important;text-align: left;}
.desplegable li a {padding-left:1em!important;}
.desplegable.open{opacity: 1;left:4.5em;height: auto;transition: all .2s ease; }
nav{min-height: 1.5em;position: relative;}
/*Fin Cabecera*/
/*****Contenedor*****/
#contenedor{margin-top: 6.5em;}
#contenedor h2{letter-spacing: -0.14rem;margin-bottom: 2rem /*line-height: 1em;*/}
#contenedor p{font-size: 1em; margin-bottom: 1em; width: 90%;line-height: 2rem}
#contenedor a{text-decoration: none;}
span.ancla{margin-top: -9em;position: absolute;}
/*sctVideo*/
#contenedor .sctVideo{padding-top: 0.1em;}
.sctVideo h2{font-family: "Helvetica", Arial; font-size: 199%;margin-bottom: 0!important; color: #5c5e73; font-weight: bold; padding: .7em 0; background: #ffffff; text-align: center;letter-spacing: -.05em;}
.sctVideo h2 span{color: #5c5e73}
.sctVideo h2 strong{color: #004a92;}
.sctVideo h2 img{vertical-align: middle;}
.video-responsive {position: relative; height: 0; overflow: hidden;}
.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
/*height: 100%;*/
}
.video-responsive {
position: relative;
padding-bottom: 56.25%; /* 16/9 ratio */
/*padding-bottom: 45.79%;*/
height: 0;
overflow: hidden;
}
.videoWrapper {position: relative;padding-bottom: 56.25%;height: 0;}
.videoWrapper iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.home .video-responsive #poster {background: url('../img/home.jpg') no-repeat top center;}
.video-responsive #poster { position: absolute; width: 100%; height: 100%; background: url('../img/video5.jpg') no-repeat top center;
cursor:pointer; background-size: contain;}
.video-responsive iframe { visibility: hidden; opacity: 0; transition: opacity 0.5s linear; }
/* modalVideo*/
.yu2fvl {z-index: 9999;top: 0;border: .5em solid #fff;max-width: 700px!important;max-height: 425px!important;margin-left: -0.5em;}
.yu2fvl-iframe {display: block;height: 100%;width: 100%;border: 0;}
.yu2fvl-overlay {z-index: 9998;background-color: rgb(119, 119, 119);opacity: 0.7;}
.yu2fvl-close {position: absolute;top: -20px;right: -20px;color: #fff;border: 0;
text-indent: -9999px;background: url(../img/fancybox/fancybox.png) -40px 0px;width: 2em;
height: 2em;cursor: pointer;}
/*Fin sctVideo*/
/*sctBully*/
.sctBully{display: inline-block; background: #b6c0c7; padding: 3em 0em; position: relative;margin-top: -1px;}
.sctBully:before{content: ''; position: absolute; background: url('../img/nino.png') no-repeat 0 0; width: 282px; height: 446px; right: 0; top: 79px}
.sctBully div{width: 47%; margin: 0 auto; position: relative;}
.sctBully h2{font-family: "Helvetica", Arial; font-size: 300%; color: #f0f1f1; font-weight: bold; margin: .5em 0;}
.sctBully h2:before{content: ''; background: url('../img/bg/h2bullying.png') no-repeat left center; position: absolute; width: 142px; height: 78px;background-size:5.3rem;left: -7.2rem;top: -1.5rem;}
.sctBully h3{font-family: "Helvetica", Arial; font-size: 150%; color: #5c5e73; font-weight: bold; margin: .5em 0}
.sctBully p{width: 80%; font-family: 'RobLig', Arial;}
/*Fin sctBully*/
/*sctMaterial*/
.sctMaterial{display: inline-block; background: #f0f1f1; padding: 3em 0em; position: relative;}
.sctMaterial div{width: 47%; margin: 0 auto; position: relative;}
.sctMaterial h2{font-family: "Helvetica", Arial; font-size: 300%; color:#004a92; font-weight: bold; margin: .5em 0;}
.sctMaterial h2:before{content: ''; background: url('../img/bg/h2material.png') no-repeat left center;position:absolute;background-size: 4rem;
width: 130px;
height: 143px;
left: -6.3rem;
top: -2.8rem;;}
.sctMaterial h3{font-family: "Helvetica", Arial; font-size: 150%; color:#5c5e73; font-weight: bold; margin: .5em 0}
.sctMaterial p{width: 80%; font-family: 'RobLig', Arial; color:#747d84}
.sctMaterial ul{color: #747d84; margin-top: 1.5em}
.sctMaterial ul li{float: left; width: 48%; text-align: center; position: relative; padding-top: 7em;}
.sctMaterial ul li:before{content: ''; background: #b3c3ce url('../img/bg/bg_pdf.png') no-repeat center center; position: absolute; width: 130px;height: 130px;border-radius: 50%;top: 0;margin-left: auto;margin-right: auto;left: 0;right: 0;}
/*.sctMaterial ul li:hover:before{content: ''; background: url('../img/bg/bg_pdf_hover.png') no-repeat left center; position: absolute; width: 196px;height: 196px; left: 35px; top: 0; transition: all 0.7s ease-in-out 0s;}*/
.sctMaterial ul li span{text-transform: uppercase; font-size: .8em; margin-bottom: 0.5em; display: inline-block;font-family: "Helvetica", Arial; letter-spacing: -0.03em; }
.sctMaterial ul li a{display: block; font-family: 'RobReg', Arial; background: #004a92; width:8em; margin: 0 auto; color: #fff; padding:.4em .5em .4em 1em; border-radius: 20px; text-decoration: none;font-size: .75em;}
.sctMaterial ul li a:hover{text-decoration: underline; transition: all 0.7s ease-in-out 0s; background: #4f6879}
/*Fin sctMaterial*/
/*sctCampana*/
.sctCampana{/*display: inline-block; */display: flex;background: #b6c0c7; padding: 3em 0em; position: relative;}
.sctCampana div{ position: relative; width: 75%; margin: 0 0 0 auto;}
.sctCampana div strong{color: #484a50;/* font-family: 'RobBol', Arial*/}
.sctCampana h2{font-family: "Helvetica", Arial; font-size: 300%; color: #f0f1f1; font-weight: bold; margin: .5em 0 .3em 0;}
.sctCampana h2:before{content: ''; background: url('../img/bg/h2campana.png') no-repeat left center; position: absolute; width: 119px; height: 102px;background-size:5.3rem;left: -7.2rem;top: 0;}
.sctCampana h3{font-family: "Helvetica", Arial; font-size: 105%; color: #5c5e73; font-weight: bold; margin: .6em 0}
.sctCampana p{width: 80%; font-family: 'RobLig', Arial;}
/*.sctCampana hr{background: #dce4e4; position: absolute; width: 100%; height: 1px; left: 0; top: 50%; z-index: 0;}*/
/*.sctCampana h3:before{content: ''; border-bottom: 1px solid #dce4e4; position: absolute; width: 100%; height: 1px; left: 0; top: 50%; z-index: 0;}*/
.sctCampana h3.h3videos{ width: 34.5em; color: #f0f1f1; background: url('../img/bg/bg_videos.png') no-repeat 0 2px;
background-size: 4%; /*margin: 1.5em 0 1.5em 0;*/padding-left: 1.7em; text-transform: uppercase; position: relative;clear: both;margin-left:0.8em; }
.sctCampana h3.h3videos .hrright{width: 30em;}
.sctCampana h3.h3carteles{ width: 34.8em; color: #f0f1f1;margin-left:.8em;background: url('../img/bg/bg_carteles.png') no-repeat 0 0; text-transform: uppercase;padding-left: 1.4em;margin-top:2em; position: relative;clear: both; }
.sctCampana hr.hrleft{background: #dce4e4; position: absolute; width: 32%; height: 1px; left: 0; top: 0%; z-index: 0; border: 0;}
.sctCampana hr.hrright{background: #dce4e4; position: absolute; width: 29em; height: 2px; right: 0%; top: 0%; z-index: 0; border: 0;}
.sctCampana .ulCampanas{display: inline-block;}
.sctCampana .ulCampanas li{width: 30%;padding-left: 2em;margin-left: 2em;/*background: url('../img/separador.gif') no-repeat 0 0;*/padding-top: 0.7em;text-align: center;}
/*.sctCampana .ulCampanas li:first-child{border-left:none;padding-left:0;margin-left:0;background:none}*/
.sctCampana .ulCampanas li a:hover{text-decoration: underline;}
.sctCampana .ulCampanas li a:hover img {-webkit-filter: brightness(120%);filter: brightness(120%);}
.sctCampana .ulCampanas li a, .sctCampana .ulCampanas li span{font-size: 0.9em;font-weight: bold;color: #fff;letter-spacing: -0.01em;
text-decoration: none;font-family: "Helvetica", Arial;}
.sctCampana .ulCampanas li span{color:#676a7d;}
.sctCampana .ulCampanas li img {width: 10em;display: block;margin: 1em auto;}
.sctCampana .ulCampanas li.bullet{width:auto;background:none;padding: 0;margin: 0;text-align: left;margin-left: 1.5em;
border-left: 1px solid #fff;padding-left: 1.4em;}
.sctCampana .ulCampanas li.bullet:first-child{border:none;margin-left: 0.2em;padding-left: 0;}
.sctCampana .ulCampanas li.bullet img {vertical-align: middle;margin-right: .6em;margin-top: .6em;display: inline;width: 1.5em}
.sctCampana ul li{float: left; width: 48%;margin: 1em 0;}
.sctCampana ul li.unico {width: 48em;}
.ulcarteles li.unico a {left: 40%;}
.sctCampana ul li img{max-width: 100%;}
.sctCampana ul li div{margin-left: 0; background: #e7eaed; text-align: center; padding: 1em;}
.sctCampana div.videoUnico{background: #e7eaed;padding: 1em;overflow: hidden;width: 82.5%;margin: 1em 0 0 .8em}
.sctCampana div.videoUnico .video-responsive {margin:0;width: 100%}
.sctCampana div.videoUnico .video-responsive #poster.campana2017{ background: url('../img/video3.jpg') no-repeat center center;background-size: cover; }
.sctCampana div.videoUnico .video-responsive #poster.campana2019{ background: url('../img/imag.jpg') no-repeat center center;background-size: cover; }
.sctCampana div.videoUnico .dvSocial{margin-top: 1em;float:left}
.ulvideos{display: inline-block;margin-left:.8em;}
.ulvideos.unico, .sctCampana ul.ulvideos.unico div {width: 100%;}
ul.ulvideos.unico li div.dvSocial {text-align: left;margin-top:1em;}
.ulvideos li{}
.ulvideos.unico li {width: 84%;}
.ulcarteles{clear: both;margin-left:.8em;}
.ulcarteles li{}
.ulcarteles li a{background: #004a92; color: #fff; padding: .5em 2em; border-radius: 30px; border: 3px solid #e7eaed; font-size: .8em; position: absolute; top: 77%; left: 30%; text-decoration: none; }
.ulcarteles li a:hover{text-decoration: underline; transition: all 0.7s ease-in-out 0s; background: #555 }
.imgcartel{margin-bottom: 1.5em; position: relative;}
.sctCampana ul li div.dvSocial{padding: 0; text-align: center; width: 100%;margin-top:1em;background:none;}
/*Fin sctCampana*/
/*sctEstudios*/
.sctEstudios{display: inline-block; background: #f0f1f1; padding: 3em 0em; position: relative;}
.sctEstudios:before{content: ''; position: absolute; background: url('../img/nina.jpg') no-repeat right 4em; width: 359px; height: 565px; right: 0; top: 0; background-size: 85%;}
.sctEstudios div{width: 47%; margin: 0 auto; position: relative;}
.sctEstudios div.documentos{width: 75%;margin: 0 0 0 auto;}
.sctEstudios h2{font-family: "Helvetica", Arial; font-size: 300%; color: #004a92; font-weight: bold; margin: .5em 0;white-space: nowrap;}
.sctEstudios h2:before{content: ''; background: url('../img/bg/h2estudios.png') no-repeat left center; position: absolute; width: 130px; height: 143px; background-size: 4rem;left: -6.3rem;top: -2.8rem;}
.sctEstudios p{width: 80%; font-family: 'RobLig', Arial; color: #747d84}
.sctEstudios p strong{color:#78798c;font-family: 'RobBol', Arial;}
.sctEstudios ul{width: 90%; font-size: .65em; display: inline-block}
.sctEstudios h3{font-family: "Helvetica", Arial;margin-top: 1.5em;margin-left: 1.5em;font-size: 1.8em;color:#5c5e73;letter-spacing: -0.02em; }
.sctEstudios ul.ulpdf{color: #747d84; margin-top: 2.8em; width: 100%;}
.sctEstudios ul.ulpdf li{float: left; width: 37%; text-align: center; position: relative; padding: 10em 1em 4em;}
.sctEstudios ul.ulpdf li:before{content: ''; background: #b3c3ce url('../img/bg/bg_pdf.png') no-repeat center center; position: absolute; width: 130px;height: 130px;border-radius: 50%;top: 0;margin-left: auto;margin-right: auto;left: 0;right: 0;}
.sctEstudios ul.ulpdf li span{margin-bottom: 1em;line-height: 1.5em;display: inline-block;font-size: 1.1em;margin-top: 1em;/* min-height: 125px;*/}
.sctEstudios ul.ulpdf li a{display: block;font-family: 'RobReg', Arial;background: #004a92 ;width:9em;margin: 0 auto;color: #fff;padding: .4em .5em .4em 1em;border-radius: 20px;text-decoration: none;margin-top: 0em;}
.sctEstudios ul.ulpdf li a:hover{text-decoration: underline; transition: all 0.7s ease-in-out 0s; background: #4f6879 }
.sctEstudios ul li{float: left; width: 33%; text-align: center;}
.sctEstudios ul li a{ padding-top: 1.5em; display: inline-block; color: #4b5562; text-decoration: none;}
.sctEstudios ul li a:hover{ text-decoration: underline;}
.sctEstudios ul li.lipdf a{background: url('../img/bg/bg_pdf_peq.png') no-repeat center center; padding: 14em 1.5em 0 1.5em; line-height: 1.25em;}
.sctEstudios ul li.lidoc a{background: url('../img/bg/bg_doc.png') no-repeat center center; padding: 14em 1.5em 0 1.5em; line-height: 1.25em;}
.sctEstudios ul li.lippt a{background: url('../img/bg/bg_ppt.png') no-repeat center center; padding: 14em 1.5em 0 1.5em; line-height: 1.25em;}
/*Fin sctEstudios*/
/* Boton Ir Arriba
----------------------------------------------- */
#IrArriba {
position: fixed;
bottom: 85px; /* Distancia desde abajo */
right: 30px; /* Distancia desde la derecha */
}
#IrArriba span {
width: 50px; /* Ancho del boton */
height: 50px; /* Alto del boton */
display: block;
background: url(../img/bg/flecha-arriba.svg) no-repeat center center;
}
#IrArriba a{float: right;}
/*Footer*/
footer{background: #004a92; font-size: .65em;overflow: hidden; padding: 1em 0; text-align: center; margin-bottom: 1em;}
footer span{display: inline-block;}
footer ul{float: right; margin-right: 2em }
footer ul li{float: left; margin-right: .5em; }
footer ul li img{width: 2rem}
.cookies {text-decoration: none; color: white; padding-left: 1em;}
/*Fin Footer*/
/*****Contenedor*****/
/*****Responsive****/
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
nav ul{width: 80%;font-size: 0.75em}
#contenedor p{font-size: 0.9em}
.sctVideo h2{font-size: 170%;padding: 2.8rem 0 1.6rem}
.sctVideo h2 img{width: 20%}
.sctBully h3{letter-spacing: -0.02em}
.sctBully div, .sctMaterial div, .sctEstudios div{width: 55%;}
.sctBully:before {background: url(../img/nino.png) no-repeat right 4em;background-size: 75%;}
.sctCampana div{width: 80%;}
.sctBully h3{font-size: 130%;}
h2:before {display: none;}
/*.sctBully h2{font-size: 200%}
.sctBully h2:before{display: none;}*/
.sctBully h3{font-size: 120%}
nav ul{width: 100%}
nav ul li {margin-left: 1.5em;width: auto;}
.sctBully{padding: 1em 0 2em;}
/*.sctBully:before{content: ''; position: absolute; background: transparent;}*/
.sctBully div{width: 47%; margin: 0 auto; position: relative;}
.sctBully div{width: 90%;}
.sctBully h2{font-size: 200%; line-height: 1em;}
.sctBully h2:before{display: none;}
.sctBully h3{font-size: 120%}
#contenedor .sctBully div p{width: 65%;}
.sctCampana .ulCampanas li a, .sctCampana .ulCampanas li span {font-size: 1em;}
.sctCampana .ulCampanas li.bullet {margin-left: 1.3em;padding-left: 1.3em;}
.sctMaterial{padding: 1em 0 2em;}
.sctMaterial div{width: 90%;}
.sctMaterial h2{font-size: 200%}
.sctMaterial h2:before{display: none;}
.sctMaterial h3{font-size: 120%}
.sctMaterial div p{width: 100%;}
/*.sctMaterial ul li:before{left: 18%;}*/
.sctCampana{padding: 1em 0 2em;}
.sctCampana div{width: 90%; margin: 0 auto}
.sctCampana h2{font-size: 200%}
.sctCampana h2:before{display: none;}
.sctCampana h3{font-size: 120%;}
.sctCampana h3.h3videos{margin-left: 0.8em;width: 90%;}
.sctCampana h3.h3carteles{margin-left: 0.8em;width: 90%;}
.sctCampana hr.hrright {width: 70%;}
.sctCampana hr.hrleft{width: 25%; top: 2%;}
.sctCampana .h3videos hr.hrright{width: 76%; }
.sctCampana div p{width: 100%;}
.sctCampana div.videoUnico {width: 91%;}
.sctCampana .ulCampanas{margin-bottom: 0}
.sctCampana ul li{margin:0.6em;width: 46%;}
.sctCampana ul li.unico {width: 103%;margin: 0.6em 0;}
.sctCampana ul li div{/*background: transparent;*/}
.sctCampana ul li div.dvSocial{width: 105%;}
.ulcarteles li a{left: 28%; top: 76%;}
.sctEstudios{padding: 1em 0 2em;}
/*.sctEstudios:before{background: transparent; display: none;}*/
.sctEstudios div{width: 90%; margin: 0 auto}
.sctEstudios h2{font-size: 200%}
.sctEstudios:before{background-size: 61%;}
.sctEstudios h3{font-size: 120%;margin-top:0;}
#contenedor .sctEstudios div p{width: 78%;}
.sctEstudios ul li{width: 100%}
.sctEstudios ul.ulpdf { margin: 1.8em 2em 0; width: 90%;}
.sctEstudios ul.ulpdf li:before{background-size: 48%;width: 110px;height: 110px}
.sctEstudios ul.ulpdf li span {margin-top: 0}
.sctEstudios div.documentos {width: 100%;margin-left: 0.8rem}
footer{margin-bottom: 0}
}
@media screen and (min-device-width: 768px) and (max-device-width: 800px) and (orientation: portrait ) {
}
@media screen and (min-device-width: 768px) and (max-device-width: 800px) and (orientation: landscape ) {
}
@media screen and (min-device-width: 320px) and (max-device-width: 640px) {
header{background-color: transparent;}
#btnmenu{display:block;}
#contenedor {margin-top:5.8em}
#contenedor h2{font-size: 141%;letter-spacing: -0.1rem;}
#contenedor p{font-size: 0.8em;line-height: 1.5rem;width: auto;}
nav ul{width: 70%;}
nav ul li{text-align: left;}
nav ul li a.abullyng{background: transparent; padding-left: 1em}
nav ul li a.amaterial{background: transparent; padding-left: 1em}
nav ul li a.acampana{background: transparent; padding-left: 1em}
nav ul li a.aestudios{background: transparent; padding-left: 1em}
.sctVideo h2{font-size: 200%; line-height: 1em;margin-top:2px;}
.sctVideo h2 img{width: 62%;margin-top:7px;}
.sctBully{padding: 1em 0 2em;}
.sctBully:before{content: ''; position: absolute; background: transparent;}
.sctBully div{width: 47%; margin: 0 auto; position: relative;}
.sctBully div{width: 90%;}
.sctBully h2{font-size: 150%; line-height: 1em;}
.sctBully h2:before{display: none;}
.sctBully h3{font-size: 104%; letter-spacing: -0.02em;line-height: 1.5rem}
.sctBully div p{width: 100%;}
.sctMaterial{padding: 1em 0 2em;}
.sctMaterial div{width: 90%;}
.sctMaterial h2{font-size: 150%}
.sctMaterial h2:before{display: none;}
.sctMaterial h3{font-size: 104%; letter-spacing: -0.02em;line-height: 1.5rem}
.sctMaterial div p{width: 100%;}
.sctMaterial ul li{width: 100%; /*margin: 1em 0; */ padding-top: 0}
.sctMaterial ul li:last-child{margin-top:0.7em;}
/*.sctMaterial ul li a{width: 10em;background: #678091 url(../img/bg/bg_descarga.png) no-repeat 1.5em center;}*/
.sctMaterial ul li:before{left: 20%;background: transparent;}
.sctCampana{padding: 1em 0 2em;}
.sctCampana div,.sctCampana ul.ulvideos.unico div{width: 90%; margin: 0 auto}
.sctCampana h2{font-size: 150%}
.sctCampana h2:before{display: none;}
.sctCampana h3{font-size: 120%; letter-spacing: -0.02em;width: auto!important;}
.sctCampana h3.h3videos{margin-left: 0;font-size: 0.7em;line-height: 1em;width: 100%;padding:.2em 0 .2em 1.8em;background-size: 7%;}
.sctCampana h3.h3videos .hrright {width: 12em;}
.sctCampana h3.h3carteles{margin-left: 0;width: 100%;line-height: 1.4em;font-size: .7em;background-size: 5%;}
.sctCampana hr.hrleft{width: 25%; top: 2%;}
.sctCampana hr.hrright {width: 11em;}
.sctCampana div p{width: 100%;}
.sctCampana div.videoUnico .dvSocial {width: 107%;}
.sctCampana ul li,.ulvideos.unico li,.sctCampana ul li.unico{width: 95%;}
.sctCampana ul li{ margin:0.3em 0; }
.sctCampana ul li div{}
.sctCampana ul li div.dvSocial,ul.ulvideos.unico li div.dvSocial{width: 107%;}
.ulcarteles li a{left: 28%; top: 73%;}
.sctCampana ul li.unico a{left: 28%; top: 51%;}
.sctCampana .ulCampanas {margin-top: .8em;margin-bottom: 0}
.sctCampana .ulCampanas li {border-left: none;padding-left: 0;background: none;margin-left: 0;width: 100%;}
.sctCampana .ulCampanas li span {font-size: 0.9em;padding: .5em .9em;}
.sctCampana .ulCampanas li img {width: 6em;}
.sctCampana .ulCampanas li.bullet {border-left: none;width: 100%;padding-left: 0;margin-left: 0!important}
.sctCampana .ulCampanas li.bullet span {padding: 0;}
.sctCampana .ulCampanas li.bullet:last-child a, .sctCampana .ulCampanas li.bullet:last-child span {border-left: none;padding-left: 0;margin-left: 0;}
.sctCampana .ulCampanas li a {font-size:0.9em;}
/*.sctCampana .ulCampanas li.bullet:last-child{margin-top: -1em;padding: 0;}*/
.sctEstudios{padding: 1em 0 2em;}
.sctEstudios:before{background: transparent;}
.sctEstudios div, .sctEstudios div.documentos{width: 90%; margin: 0 auto}
.sctEstudios h2{font-size: 150%;white-space: normal;}
.sctEstudios h2:before{display: none;}
.sctEstudios h3{font-size: 112%; letter-spacing: -0.02em;margin-left:0;margin-top:0.8em;}
.sctEstudios div p{width: 100%;}
.sctEstudios ul li{width: 100%}
.sctEstudios ul.ulpdf{width: 100%;margin-top:1em;}
.sctEstudios ul.ulpdf li{width: 90%;padding: 0 1rem 2rem;}
/* .sctEstudios ul.ulpdf li a{width: 12em;background: #678091 url(../img/bg/bg_descarga.png) no-repeat 2em center;}*/
.sctEstudios ul.ulpdf li:before{left: 20%;background: transparent}
.sctEstudios ul.ulpdf li span{margin-top:0;min-height: auto;width: 86%}
#IrArriba{display:none}
footer{margin-bottom: 0}
footer ul{margin-right: 1em; display: inline-block; float: none;}
}
@media screen and (min-device-width: 320px) and (max-device-width: 800px) and (orientation: landscape ) {
nav ul{width: 70%;}
nav ul li{text-align: left;}
nav ul li a.abullyng{background: transparent; padding-left: 1em}
nav ul li a.amaterial{background: transparent; padding-left: 1em}
nav ul li a.acampana{background: transparent; padding-left: 1em}
nav ul li a.aestudios{background: transparent; padding-left: 1em}
.sctVideo h2{font-size: 200%; line-height: 1em;}
.sctBully{padding: 1em 0 2em;}
.sctBully:before{content: ''; position: absolute; background: transparent;}
.sctBully div{width: 47%; margin: 0 auto; position: relative;}
.sctBully div{width: 90%;}
.sctBully h2{font-size: 200%; line-height: 1em;}
.sctBully h2:before{display: none;}
.sctBully h3{font-size: 120%}
.sctBully div p{width: 100%;}
.sctMaterial{padding: 1em 0 2em;}
.sctMaterial div{width: 90%;}
.sctMaterial h2{font-size: 200%}
.sctMaterial h2:before{display: none;}
.sctMaterial h3{font-size: 120%}
.sctMaterial div p{width: 100%;}
.sctMaterial ul li{width: 100%; margin: 1em 0; padding-top: 0}
.sctMaterial ul li:before{left: 20%;background: transparent;}
.sctCampana{padding: 1em 0 2em;}
.sctCampana div{width: 90%; margin: 0 auto}
.sctCampana h2{font-size: 200%}
.sctCampana h2:before{display: none;}
.sctCampana h3{font-size: 120%;}
.sctCampana h3.h3videos{margin-left: 0; font-size: 1em; width: 100%;}
.sctCampana h3.h3carteles{margin-left: 0; font-size: 1em; width: 100%;}
.sctCampana hr.hrleft{width: 25%; top: 2%;}
.sctCampana hr.hrright{width: 33%; top: 2%;}
.sctCampana div p{width: 100%;}
.sctCampana ul li{width: 95%;}
.sctCampana ul li div{/*background: transparent;*/}
.ulcarteles li a{left: 38%}
.sctEstudios{padding: 1em 0 2em;}
.sctEstudios:before{background: transparent; height: 0; width: 0}
.sctEstudios div{width: 90%; margin: 0 auto}
.sctEstudios h2{font-size: 200%}
.sctEstudios h2:before{display: none;}
.sctEstudios h3{font-size: 120%}
.sctEstudios div p{width: 100%;}
.sctEstudios ul li{width: 100%}
footer{margin-bottom: 0}
}
@media screen and (max-device-width: 414px) {
.hideMobile{display:none!important;}
.hideDesktop{display:block!important;margin: 0 .5em;width: 95%;}
#contenedor {margin-top: 5.5em;}
header{background-color: white;margin-top: -1.5em;}
header ul li {width: 55%;margin: auto;}
header ul li:first-child, header ul li:last-child{width: 43%;margin: -0.5em 0 0.5em;}
header ul li:last-child{float:right;}
footer span {display: block;}
.ulvideos,.ulcarteles,.sctCampana div.videoUnico {margin-left: 0;}
.sctCampana div.videoUnico {width: 84.5%;}
}
/*@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.palert{background: url('../img/alert.png') no-repeat .5em center; font-size: 2rem; width: 82%;margin: 1em auto 0;line-height: 1em;padding: 1.5em 0 1.5em 3.5em;}
.pconf{float: left; font-size: 4rem; text-align: center; margin: 1em auto; width: 100%;}
.pbotones span{width: 45%; display: inline-block;line-height: 1em}
.pbotones a{float:left;font-size: 2rem; text-decoration: none;color: #a6c6d9;line-height: 1.5em; padding: .5em 2em .5em 1em; border-radius: 10px}
.pbotones a.asip{background: #155c87 url('../img/yes.png') no-repeat 93% center;}
.pbotones a.anop{background: #155c87 url('../img/no.png') no-repeat 95% center;}
.pbotones a strong{font-size: 4rem; color: #000}
}*/
/****Fin Bullying*****/