body { font-weight: 400; font-family: "Helvetica Neue", "Helvetica", Helvetica, 'Open Sans', sans-serif;}
/*----------------------------------------------------
	TOP BAR
-----------------------------------------------------*/
.top-bar {background-color: #333;}
.title-area .logo {margin-top: 0.5em; margin-left: 0.6em;}
.top-bar-section li:not(.has-form) a:not(.button) {background: #333; font-weight: bold;}
.top-bar-section li:not(.has-form) a:not(.button):hover {background: #333;}
.top-bar-section>ul>.divider, .top-bar-section>ul>[role="separator"] {border-right: solid 1px #9ac0c4;}
.tab-bar {background-color: #333;}
.tab-bar-section img {margin-top: 0.5em; margin-left: 0.6em;}
small {font-weight: 500;}
/*----------------------------------------------------
	VIAJE SOLIDARIO POPUP
-----------------------------------------------------*/
#viajesolidario {width: 600px; height: 600px; padding-top: 200px; margin-left: -310px; background: url(/img/viaje-solidario-nepal-popup.jpg) center right no-repeat; background-size: cover;}
@media only screen and (max-width: 768px) {
    #viajesolidario {width: auto; height: auto; margin-left: 0;}
}
/*----------------------------------------------------
	SHARE BUTTONS
-----------------------------------------------------*/
.share_button {float: right; width: 100px; height: 28px; margin: 0 1px;}
.fb_share {background: url(/img/iconos-share.png) -95px 0px no-repeat;}
.fb_like {padding-top: 6px; height: 28px; width: 85px;}
.google_share {background: url(/img/iconos-share.png) -301px 0px no-repeat;}
.twitter_share {background: url(/img/iconos-share.png) -198px 0px no-repeat;}
@media only screen and (max-width: 767px){
    .share_button {width: 90px; padding-left: 15px;}
}
/*----------------------------------------------------
	SLIDE OUT
-----------------------------------------------------*/
.slide-out {opacity: 0.5;}
a .slide-out {opacity:.5; -webkit-transition: all .8s ease-out; -moz-transition: all .8s ease-out; -ms-transition: all .8s ease-out; -o-transition: all .8s ease-out; transition: all .8s ease-out;}
a .slide-out:hover {opacity:1;}
.active-slideout a .slide-out {opacity: 1; -moz-transform:rotate(50deg); -webkit-transform:rotate(50deg); -o-transform:rotate(50deg); -ms-transform:rotate(50deg);}
#slide-out {color: #fff; background-color:#333; height: 300px; width: 100%; margin-top: 0px !important; border-bottom: 1px solid #fff; overflow-y: auto; overflow-x: auto;}
#slide-out { padding: 0; height: 0px; -webkit-transition: all .8s ease-out; -moz-transition: all .8s ease-out; -ms-transition: all .8s ease-out; -o-transition: all .8s ease-out; transition: all .8s ease-out; }
#slide-out p {font-size: 0.85em;}
.active-slideout #slide-out { height: 300px; padding: 20px 0; }
/*----------------------------------------------------
	DIFFERENT HEADERS
-----------------------------------------------------*/
#proyectos {overflow: hidden;}
header {background-color: #0099CC; }
#cultura {padding-top: 35px;}
#escuela {background-color: #1f9815; }
#ntti {background-color: #de5801; }
/*----------------------------------------------------
	TEXT FORMATTERS AND OTHER FIXES
-----------------------------------------------------*/
a {font-weight: 400;}
p {font-weight: 300; font-size: 0.9em;}
.white-text {color: #fff;}
.light { font-weight: 300 !important;}
.break_section {padding: 25px 0; background-color: #f2f2f2;}
.viaje_solidario { padding: 25px 0; background: url(/img/viajar-a-nepal-solidario.jpg) center bottom no-repeat; height: 300px; background-size: cover;}
hr.dotted {border-color: #ddd; border-style: dashed;}
.bump-60 {margin-top: 60px;}
.bump-74 {margin-top: 74px;}
.bump-56 {margin-top: 56px;}
.bump-42 {margin-top: 42px;}
.bump-48 {margin-top: 48px;}
.bump-14 {margin-top: 15px;}
.bump-10 {margin-top: 15px;}
.margin-all-1 {margin: 1em; }
.centered-text {text-align: center; }
.bottom-add { margin-bottom: 25px;}
.divide_home {height: 310px; border-left: solid #efefef 1px; margin-left: 25px; margin-top: 12px; }
footer { background-color: #333; padding-top: 15px; padding-bottom: 5px; }
footer ul.footer-social { display: block; float: right; padding-top: 5px;}
footer ul.footer-social li {display: block; float: left; width: 50px; height: 50px; margin-left: 1em;}
footer ul.footer-social li:first-child {margin-left: 0;}
footer ul.footer-sitemap {display: inline-block; margin: 0; font-family: 'Dosis', sans-serif; font-size: 1.3em; line-height: 1em;}
footer ul.footer-sitemap li {display: block; float: left;}
footer ul.footer-sitemap li a {color: #ddd; opacity: .3; font-size: .6950em; font-weight: 500; margin-left: .9em; }
footer ul.footer-sitemap li a:hover {color: #ddd; opacity: .4; font-weight: 600;}
.logopie { background: url(/img/logo-pie.png); display: block; width: 38px; height: 38px; opacity: .3; margin: 0; float: left;}
.logopie:hover { opacity: .4;}
.gris_txt {color:#ddd; opacity: .3; font-family: 'Dosis', sans-serif; font-size: .75em; padding-left: 57px;}
@media only screen and (max-width: 768px) {
	footer ul.footer-social {float:none; margin:0 auto 20px auto; width: 182px; height:50px;}
	.logopie {display: block; margin: 0 auto; margin-bottom: 10px; margin-top: -10px; float: none; }
	footer ul.footer-sitemap {display: block; margin: 0 auto; width: 235px; }
	.gris_txt {text-align: center; padding: 0; clear: both;}
	ul.subnav {display: block; width: 100%;}
	ul.subnav li {display:block; width: 100%;}
}
ul.subnav { display: block; float: right; padding-top: 5px; }
ul.subnav li {display: block; float: left; }
ul.subnav li:first-child {margin-left: 0px;}
ul.subnav li a {display:block; color: #fff; font-size: .8400em; font-weight: 700; padding: .5em 1em;}
ul.subnav li a.current {background-color: #63B8FF;}
ul.subnav.subnavparticipa li a {display:block; color: #fff; font-size: .8400em; font-weight: 700; padding: .5em 0.5em;}
.title-text {font-size: 1.6em;}
.no-lineheight {line-height: .5em; font-weight: 300; letter-spacing: .1em; }
.greybackground {background-color: #515151;}
.vision_style {text-align: right; background: url(/img/quienes-vision.png) #515151 center center no-repeat; height: 300px;}
@media only screen and (max-width: 768px) {
	.vision_style {background-position: -290px 100px;}
	.proyectos_green, .proyectos_brown {margin-bottom: 2.5em !important;}
}
img.opacity {opacity: 0.5;}

#preload {position: absolute; z-index: 10000; top: 14px;}
.iconos-escuela { width: 150px; height: 150px;}
.calidad {background: url(/img/iconos-escuela.png) 0px 0px; }
.formacion {background: url(/img/iconos-ntti.png) 0px 0px; }
.gestion {background: url(/img/iconos-escuela.png) 300px 0px; }
.sensibilizacion {background: url(/img/iconos-ntti.png) 300px 0px; }
.comunidad {background: url(/img/iconos-escuela.png) 150px 0px; }
.comunidad-ntti {background: url(/img/iconos-ntti.png) 150px 0px; }
.greenlink {color: #1f9815;}
.orangelink {color: #de5801;}
.green-text {color: #1f9815;}
.big-num {position: absolute; opacity: .1; font-size: 6em; line-height: 0.5em;}
/*----------------------------------------------------
	PANELS FROM PROYECTOS
-----------------------------------------------------*/
ul.more-margin li {margin:inherit; width: inherit;}
@media only screen and (min-width: 768px) {
  	ul.more-margin li {margin:1%; width: 31.3333%;}
}
.panel_top_green {width: 100%; height: auto; background-color: #1f9815; display: block; position: relative;top: -1.25em; padding: 0.65em; }
.panel_top_green h4 {color: #fff;}
.proyectos_green a {color: #1f9815;}
.panel_top_brown {width: 100%; height: auto; background-color: #de5801; display: block; position: relative;top: -1.25em; padding: 0.65em; }
.panel_top_brown h4 {color: #fff;}
.proyectos_brown a {color: #de5801;}
.panel_top_pink {width: 100%; height: auto; background-color: #87b8db; display: block; position: relative;top: -1.25em; padding: 0.65em; }
.panel_top_pink h4 {color: #fff;}
.proyectos_pink a {color: #87b8db;}
.panel_top_rojo {width: 100%; height: auto; background-color: #fe0000; display: block; position: relative;top: -1.25em; padding: 0.65em; }
.panel_top {margin-top: -1.5em; margin-bottom: -0.4em; border-style: solid; border-width: 1px; border-color: #d9d9d9; padding: 1.15em; background: #f2f2f2;}
/*----------------------------------------------------
	ICONS FROM VOLUNTARIADO
-----------------------------------------------------*/
.iconos_voluntariado{width: 203px; height: 203px; margin-left: 6px;}
.profes{background: url(/img/voluntariado-nepal/iconos-voluntariado.png);}
.art{background: url(/img/voluntariado-nepal/iconos-voluntariado.png) 203px;}
.c{background: url(/img/voluntariado-nepal/iconos-voluntariado.png) 406px;}
.en{background: url(/img/voluntariado-nepal/iconos-voluntariado.png) 609px;}
/*----------------------------------------------------
	ICONS FROM PARTICIPA AND BUTTONS
-----------------------------------------------------*/
.ico_part { position: absolute; display: block; width: 93px; height: 93px; opacity: .1; }
.part_vol {background: url(/img/iconos-home.jpg) -5px -6px; }
.part_soc {background: url(/img/iconos-home.jpg) -104px -6px; }
.part_don {background: url(/img/iconos-home.jpg) -199px -6px; }
.part_eve {background: url(/img/iconos-home.jpg) -298px -6px; }
.part_via {background: url(/img/iconos-home.jpg) -395px -6px; }
.part_fin {background: url(/img/iconos-home.jpg) -492px -6px; }
.yellow {background-color: #ffcc01; border-color: #7c6400;}
.yellow:hover {background-color: #7c6400;}
.pink {background-color: #87b8db; border-color: #333;}
.pink:hover {background-color: #333;}
.orange {background-color: #903901;}
.orange:hover {background-color: #de4001;}
.rojo {background-color: #fe0000; border-color: #7b0000;}
.rojo:hover {background-color: #7b0000;}
.green {background-color: #12580c;}
.green:hover {background-color: #1f8015;}
/*----------------------------------------------------
	FORMULARIO
-----------------------------------------------------*/
.blue-breadcrumbform {color: #333; opacity: 1; padding-right: 10%;}
.breadcrumbform {opacity: .5; padding-right: 10%;}
/*----------------------------------------------------
	PRICING TABLE
-----------------------------------------------------*/
.pricing-table {border: solid 1px whitesmoke; background-color: whitesmoke; padding: .9375em; margin-left: 0; margin-bottom: 1.25em;}
.pricing-table.voluntariadospain .bullet-item {color: #333333; padding: 0.3em 1em;}
.pricing-table.minheight {max-height: 584px;}
.pricing-table * {list-style: none; line-height: .5em;}
.pricing-table .title {background-color: whitesmoke; padding: 0.9375em 1.25em; text-align: center; color: #333333; font-weight: 300; font-size: 1.5em;}
.pricing-table .price {background-color: whitesmoke; padding: 0.5375em 1.25em; text-align: center; color: #333333; font-weight: 300; font-size: 2.7em;}
.pricing-table .description {background-color: whitesmoke; padding: 0.9375em; text-align: center; color: #333333; font-size: 0.875em; font-weight: normal; line-height: 1.4;}
.pricing-table .bullet-item {background-color: whitesmoke; padding: .9375em 3.9375em; text-align: left; color: #777777; font-size: 0.75em; font-weight: normal; line-height: normal;}
.pricing-table .cta-button {background-color: whitesmoke; text-align: center; padding: 1.25em 1.25em 0;}
.pricing-table .cta-button .button {line-height: normal;}
.bump-78 {margin-top: 78px;}
/*----------------------------------------------------
	INDEX SOCIAL ICONS
-----------------------------------------------------*/
a.icono_vol, a.icono_soc, a.icono_don, a.icono_eve, a.icono_via, a.icono_fin { width: 93px; height: 93px; float: left; margin-left: 28px; }
a.icono_vol {background: url(/img/iconos-home.jpg) -5px -6px; }
a.icono_soc {background: url(/img/iconos-home.jpg) -104px -6px; }
a.icono_don {background: url(/img/iconos-home.jpg) -199px -6px; }
a.icono_eve {background: url(/img/iconos-home.jpg) -298px -6px; }
a.icono_via {background: url(/img/iconos-home.jpg) -395px -6px; }
a.icono_fin {background: url(/img/iconos-home.jpg) -492px -6px; }
a.icono_abo_vol, a.icono_abo_soc, a.icono_abo_don, a.icono_abo_fin { width: 109px; float: left; color:#222222; padding: 114px 0 0 0; text-align: center; margin-left: 60px; }
a.icono_abo_vol {background: url(/img/iconos-nosotros.jpg) no-repeat; }
a.icono_abo_soc {background: url(/img/iconos-nosotros.jpg) no-repeat -138px 0px; }
a.icono_abo_don {background: url(/img/iconos-nosotros.jpg) no-repeat -278px 0px; }
a.icono_abo_fin {background: url(/img/iconos-nosotros.jpg) no-repeat -415px 0px; }
/*----------------------------------------------------
	FOOTER SOCIAL ICONS
-----------------------------------------------------*/
a.facebook { background: url(/img/iconos-social.png); width: 51px; height: 52px; opacity: .3; float: left; overflow: hidden;}
a.facebook:hover {opacity: .4;}
a.twitter { background: url(/img/iconos-social.png) -100px 0px; width: 51px; height: 52px; opacity: .3; float: left; overflow: hidden;}
a.twitter:hover {opacity: .4;}
a.youtube { background: url(/img/iconos-social.png) -198px 0px; width: 51px; height: 52px; opacity: .3; float: left; overflow: hidden;}
a.youtube:hover {opacity: .4;}
a.pinterest { background: url(/img/iconos-social.png) 0px -58px; width: 51px; height: 52px; opacity: .3; float: left; overflow: hidden;}
a.pinterest:hover {opacity: .4;}
a.instagram { background: url(/img/iconos-social.png) -100px -58px; width: 51px; height: 52px; opacity: .3; float: left; overflow: hidden;}
a.instagram:hover {opacity: .4;}
a.email { background: url(/img/iconos-social.png) -198px -58px; width: 51px; height: 52px; opacity: .3; float: left; overflow: hidden;}
a.email:hover {opacity: .4;}
/*----------------------------------------------------
		MEDIA ONLY 
-----------------------------------------------------*/
@media only screen and (max-width: 767px){
	#cultura {padding-top: 0px;}
	.bump-60 {margin-top: 20px;}
	a.icono_vol, a.icono_soc, a.icono_don, a.icono_eve, a.icono_via, a.icono_fin { margin-left: 0px !important; }
	a.icono_abo_vol, a.icono_abo_soc, a.icono_abo_don, a.icono_abo_fin { margin-left: 14px !important; }
}
@media only screen and (min-width: 940px) {
  	#homepage .row h1 {font-size: 3em; padding-top: 40px; margin-bottom: 60px; line-height: 1em;}
}
@media only screen and (min-width: 768px) {
  	#homepage {background: url(/img/foto-cabecera4.jpg); height: 544px; background-size: cover; padding: 0;}
 	#voluntariado {background: url(/img/voluntariado-nepal/haz-voluntariado-educativo-en-nepal.jpg); height: 285px; background-size: cover; margin: 0; margin-bottom: 35px;}
        #hazunadonacion {background: url(/img/participa/mujer-nepal-terremoto-2015-siuler.jpg); height: 285px; background-size: cover; margin: 0; margin-bottom: 35px;}
  	#homepage h1 {font-size: 3em; padding-top: 60px; margin-bottom: 5px;}
}
/*---------------------------------------------------
	pic_animation style
----------------------------------------------------*/
.pic_animation {margin-bottom: 1px; overflow: hidden; position: relative; float: left;}
.pic_animation {width: 10100px;}
.pic_animation img {height: 100%; margin: 0 -0.1em;}
.pic_animation {height: 138px;}
@media only screen and (max-width: 768px) {
	.pic_animation {height: 75px;}
	.pic_animation {width: 1000px;}
}