@font-face {
    font-family: 'Neutra';
    src: url('../fonts/neutratext-demi.eot');
    src: url('../fonts/neutratext-demi.eot') format('embedded-opentype'),
         url('../fonts/neutratext-demi.woff') format('woff'),
         url('../fonts/neutratext-demi.ttf') format('truetype'),
         url('../fonts/neutratext-demi.svg#Neutra') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NeutraLight';
    src: url('../fonts/neutratext-light.eot');
    src: url('../fonts/neutratext-light.eot') format('embedded-opentype'),
         url('../fonts/neutratext-light.woff') format('woff'),
         url('../fonts/neutratext-light.ttf') format('truetype'),
         url('../fonts/neutratext-light.svg#NeutraLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Knockout';
    src: url('../fonts/knockout-htf48-featherweight-webfont.eot');
    src: url('../fonts/knockout-htf48-featherweight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/knockout-htf48-featherweight-webfont.woff') format('woff'),
         url('../fonts/knockout-htf48-featherweight-webfont.ttf') format('truetype'),
         url('../fonts/knockout-htf48-featherweight-webfont.svg#Knockout') format('svg');
    font-weight: normal;
    font-style: normal;

}
  
  
html { font-family:Arial, Helvetica, sans-serif;}

p, li { font-family: 'NeutraLight', Arial, Helvetica, sans-serif; font-size: 16px; }

/* Carrusel */
.carousel {
    margin-bottom: 0 !important;
}

.asterisco { color: #999; font-size: 11px; margin: 60px 0 0; vertical-align: bottom; }
.asterisco span { padding-top: 30px; display: block; }

/* Logos Top */
#logos_top { margin: 15px 0; }
#logos_top ul {margin:0; padding:0; text-align: center;}
#logos_top li {display:inline-block;margin:10px;}

/* Barra de navegacion */
.affix.container-fluid,
.container-fluid {padding:0 !important; width:100% !important; clear:both;}
.container-fluid .span12{background:#D6195B;position:relative; max-height:50px; box-shadow:0px 0px 5px #555; z-index:1; width:99.5% !important;}
.brand {
  z-index:100;
  position:relative;
  display: block;
  float: right;
  background:url('/2013/img/somos/logo.png') no-repeat center center;
  height:128px;
  width:276px; overflow:hidden;
  margin: -10px -12px 0 0;
  color:transparent;
  text-indent:-2000px;
}

.menu_ppal {margin-left:20px !important; z-index:200;}
.menu_ppal li {
  float: left;
  padding: 15px 7px 15px;

}
.menu_ppal li a {
  float: none;
  padding: 0 10px 0 0;
  color:black;
  text-decoration: none;
  font-family:'Knockout';
  text-transform:uppercase;
  font-size:1.15em;
  letter-spacing:0.1em;
  font-weight:100 !important;
  border-right:1px solid black;
}

.menu_ppal li:last-child a {border:0;}

.menu_ppal li a:focus,
.menu_ppal li a:hover {
  color: white;
  text-decoration: none;
  background-color: transparent !important;
}
.menu_ppal > .active > a,
.menu_ppal > .active > a:hover,
.menu_ppal > .active > a:focus {
  color: white;
  text-decoration: none;
}
    #nav.affix {
    position: fixed;
    top:0px;
    z-index:60;
    }

.menu_secundario { clear:left; background:#D9DFDB; min-height:37px; float:left; padding:2px 30px 2px 30px; letter-spacing:0.2em; font-size:0.9em; z-index:1}
.menu_secundario li {float:left;}

.pico_menu {background:url('/2013/img/somos/bg_submenu_flecha.png') no-repeat right center; float:left; height:41px; width:14px; margin:0; padding:0; }

.menu_secundario .icn { display:block; height:33px; width:33px; text-indent:-2000px; background:url('/2013/img/somos/sprite_socialicons_top.png'); line-height:1em; margin:0 5px 0 0;}
.icn.icn_facebook {background-position:0px center; width:30px;}
.icn.icn_tuenti {background-position:178px center !important;}
.icn.icn_twitter {background-position:143px center !important;}
.icn.icn_youtube {background-position:104px center !important;}
.icn.icn_flickr {background-position:69px center !important;}
.icn.icn_instagram {background-position:29px center !important;width:30px;}

.menu_secundario .icn:hover {opacity:0.5;}

li.borde_izq a {color:black; border-left:1px solid; margin:9px 0 0 10px ;padding-left:10px;}
.menu_secundario li.borde_izq:hover,
.menu_secundario li.borde_izq:hover a,
.menu_secundario li.borde_izq a:hover {background:#D9DFDB !important; text-decoration:underline;}





/* SECCIONES - GENERAL
-------------------------------------------------- */
#campana,
#dia_somos,
#paso,
#gracias,
#gente_somos,
#quienes_somos
 {background:url('/2013/img/somos/separador.png') no-repeat bottom center; }

section {padding:50px 0;}
#campana {padding:110px 0;}
#politica {padding:110px 0 50px;}
#dia_somos {padding:110px 0 50px;}
#paso2 {padding:100px 0 20px;}
#gente_somos {padding:110px 0 50px;}
#quienes_somos {padding:80px 0 50px;}
#gracias {padding:125px 0 50px;}

hr {display:none;}

.texto-2-col {
   -moz-column-count:2; /* Firefox */
   -webkit-column-count:2; /* Safari and Chrome */
   column-count:2;
   -moz-column-gap:30px; /* Firefox */
   -webkit-column-gap:30; /* Safari and Chrome */
   column-gap:30;

   padding:0 0 0 30px}

.spacer {display:block; height:80px; clear:both;}

/* Elementos comunes
-------------------------------------------------- */
.btn_volver_arriba {display:block; height:63px; width:80px; text-align:center; padding:32px 0 0; background:url('/2013/img/somos/subir.png') no-repeat top center; color:white; font-family:'Neutra', Arial, sans-serif; font-size:14px;  text-transform:uppercase; }
.btn_volver_arriba:hover {background-position:bottom; color:white; text-decoration:none; }

/* Tab-panel */

.materiales {padding:0 0 0 30px; margin:20px 0;}
.materiales .contenido_panel {height:350px !important; text-align:center; padding:0;}

#anuncio_radio .contenido_panel {background:url('/2013/img/somos/bg_radio.jpg') no-repeat center center; background-size:100%;}
#anuncio_radio .contenido_panel a {margin:80px 0 0 0;box-shadow:5px 5px 45px #000; }

#anuncio_prensa .contenido_panel {background:#000000;}
#anuncio_prensa .contenido_panel a img {opacity:0.9; margin:45px 0 0 0;}
#anuncio_prensa .contenido_panel a:hover img {opacity:1;}

.grupo_compartir { margin:4px 0 0 0px !important; position:relative; width:60px !important; text-align: center;}

.grupo_compartir .compartir {display:inline-block; background:url('../imagenes/bg_bt_compartir.png') no-repeat top left; color:white; font-family:'Neutra', Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:9px; padding:4px 4px 10px; height:16px; line-height:13px;  }
.grupo_compartir .share_btn {display:inline-block; height:30px; width:25px; text-indent:-1000px; background:no-repeat top center;}
.grupo_compartir .share_btn:hover {opacity:0.7}
.grupo_compartir .share_btn.share_btn_twitter {background-image:url('/2013/img/somos/ic_twitter.png'); width:30px;}
.grupo_compartir .share_btn.share_btn_facebook {background-image:url('/2013/img/somos/ic_facebook.png');}
.grupo_compartir .share_btn.share_btn_tuenti {background-image:url('/2013/img/somos/ic_tuenti.png');}


.materiales .nav-tabs {text-align:right; float:right;}

.materiales .nav-tabs > li > a {border:0; border-radius:0; color:white; background:url('/2013/img/somos/bg_tab.png') no-repeat center top !important; height:65px; width:85px; padding:15px 10px 25px; text-align:center; font-family:'Neutra', Arial, Helvetica, sans-serif; text-transform:uppercase; margin-left: 6px; }
.materiales .nav-tabs > li.active > a,
.materiales .nav-tabs > li > a:hover {color:#CCC !important; background:url('/2013/img/somos/bg_tab.png') no-repeat center -105px !important; border:0 !important; }

.widgets h2 {padding-top:2.5em; margin-left:49px; letter-spacing: 3px;}
.facebook_block {background:url('/2013/img/somos/bg_facebook.png') no-repeat left top !important; display:block; margin-bottom:30px; width:356px; padding:10px 4px 0px 53px;}
.twitter_block {background:url('/2013/img/somos/bg_twitter.png') no-repeat left top !important; display:block; width:356px; padding:10px 4px 0px 53px;}

.twitter_block .widget_placeholder, 
.facebook_block .widget_placeholder {border-bottom:2px solid #C52062; text-align:right;}



.somos_2012 {text-align:center; margin:45px 3px 0 0; }
.somos_2012 h2 { text-align:center; display:block; background:url('/2013/img/somos/bg_recuerda_somos.png') no-repeat center center !important}
.somos_2012 ul {margin:0;}
.somos_2012 li {display:inline; margin:0 20px 0 0px;}
.somos_2012 a {font-family:'Neutra', Arial, Helvetica, sans-serif; text-transform:uppercase; color:black;}
.somos_2012 a:hover {color:#D6195B;}


/* Botones */

.btnSomos {font-family:'Neutra', Arial, Helvetica, sans-serif; text-transform:uppercase; color:white; background:#D6195B; padding: 5px 15px; display:inline-block; margin:15px 0 0 30px;}
.btnSomos:hover {color:white; background:black; text-decoration:none;}

.icn_descarga {background:url('/2013/img/somos/bg_flecha.png') no-repeat center center !important; display:inline-block; height: 37px; width:30px; margin:0px 0 -12px 0 !important;}

#campana_wrapper h2 { margin-left: 30px; }
#campana_wrapper p.parrafo { margin: 10px 0 10px 30px; float: left; width: 45%; text-align: justify }
#campana_wrapper .tit_download { float: left; margin: 0 20px 0 60px; }
#campana_wrapper .tit_download h3 { margin: 0; line-height: 40px; }
#campana_wrapper .download { margin: 0; height: 40px; float: left; }
#campana_wrapper .download img { float: left; }
#campana_wrapper .download a { float: left; background: #d30050; font-family:'Neutra', Arial, Helvetica, sans-serif; font-size: 20px; color: #FFFFFF; width: 280px; padding: 12px 10px 7px; font-weight: 300; text-align: center; margin: 0 4px 0 0; display: inline-block; }

/* Tu papel dia somos */

.tupapeldiasomos h1 {margin:0; text-align:center; font-size:5.5em;}
.tupapeldiasomos img {margin:0 0 15px 0; }
.tupapeldiasomos .texto-2-col {margin-bottom:2em; }

.tupapeldiasomos h2 {display:block; clear:both; min-height:90px;}

.unete_parte_1,
.unete_parte_2,
.unete_parte_3 {display:block; float:left;}

.unete_parte_1 {font-size:2.8em; line-height:1em; }
.unete_parte_2 {margin:7px 0 0 25px; line-height:1em; font-size:1.2em; font-weight:100 !important;}
.unete_parte_3 {margin:7px 0 0 25px; line-height:1em; font-size:1.2em; color:#D6195B; font-weight:100;}


/* Zona unete */

.caja_unete {margin-top:3.5em; margin-bottom:1em; border:5px solid #D6195B;  }

.caja_unete_arriba {text-align:center; margin:-3.5em 0 0.5em 0; }
.caja_unete_arriba h2 {background:white; display:inline-block; padding:0 10px; font-size:5em;}

/* Mosaico */
#mycontainer img {width:auto !important;}
.caja_unete .span2 {}
.caja_unete .span3 {text-align:right;}
.caja_unete .span4 img {width:100%;;}


.caja_unete h3.tit_grande {font-size:3.5em; line-height:0.95em; font-weight:100;}

.caja_unete h4 {font-family:'Knockout'; text-transform:uppercase; font-weight:100; font-size:2em;}

.caja_unete .spacer {display:block; height:45px; clear:both;}

/* La solidaridad sale a la calle */

.tabla_horarios {border:1px solid #D6195B; margin-top:1em; padding:0.8em;}

.tabla_horarios table {margin:5px 2.5% 10px; width:95%;}
.tabla_horarios p {font-style:italic; }

.tabla_horarios td,
.tabla_horarios th {padding:0.4em 0.7em; text-align:center; border-bottom:1px solid #D6195B; font-weight:normal; }
.tabla_horarios td {font-size:0.9em;}

.tabla_horarios tr:last-child th, .tabla_horarios tr:last-child td {border-bottom:0;}
.tabla_horarios th {font-family: 'Neutra', Arial, Helvetica, sans-serif}

.caja_unete h3 .dalelavuelta_parte_1,
.caja_unete h3 .dalelavuelta_parte_2 {display:inline-block; float:left; margin-bottom:15px;}

.caja_unete h3 .dalelavuelta_parte_1 {width:40%; text-align:right; font-size:2.8em; line-height:0.8em; font-weight:normal;}
.caja_unete h3 .dalelavuelta_parte_2 {width:56%; margin:0 0 0 2%; font-size:1.1em; line-height:1em; font-weight:100;}

.caja_unete ul li {
    list-style-type: none;
    counter-increment: list;
    position: relative;
    margin-bottom:0.9em;
}

.caja_unete ul li:before {
    content: "*";
    position: absolute;
    left: -2.5em;
    width: 2em;
    text-align: right;
    color: #D6195B;
    font-size:1.2em;}

.media {float:left; width:48%;}
.caja_unete .btnSomos {margin:10px 0 10px 40px;}

/* Da el primer paso */
#paso h1 {text-align:right; line-height:0.9em !important; margin:0 0 0.5em; font-size:4em;}

.tab-causa {float:left; width:46%; height:auto; padding:0; margin:0 2% 4%; text-align:left;}
.tab-causa img { float: left; margin: 0; width: 36%; }
.tab-causa h3 { font-weight: normal; background: #d30050; margin:0 0 10px; padding:0 2%; font-family:'Knockout', Arial, Helvetica, sans-serif !important; color:#FFFFFF; line-height: 38px; width: 60%; display: block; float: left; } 
.tab-causa p { font-size: 14px;float:right; margin: 0 0 0 2%; width: 62%; text-align: justify; font-family:'NeutraLight', Arial, Helvetica, sans-serif !important; color: #1a171b; }
.tab-causa:hover h3 { background: #333; }

.envia_sms { text-align: center; margin-bottom: 20px; }
.elige_opcion { text-align: center; margin-bottom: 40px; }

.subtitulo_logos strong { color:#d30050; }

#logos_causas { margin: 15px 0; }
#logos_causas .span12 { margin: 0 !important; }
#logos_causas ul {margin:0; padding:0 20px; text-align: center;}
#logos_causas li {display:inline-block;margin:10px;}
#logos_causas li a img { zoom: 1; filter: alpha(opacity=50); opacity: 0.5; -o-transition:all .2s linear; -ms-transition:all .2s linear; -moz-transition:all .2s linear; -webkit-transition:all .2s linear; transition:all .2s linear; }
#logos_causas li a:hover img { zoom: 1; filter: alpha(opacity=100); opacity: 1; }

.modal-header h3 {color:white; text-align:center;}
.modal-header h3 span {color:#4F1D34; display:block;border-bottom:1px solid #ECB6CB; font-weight:normal; font-size:1.4em; line-height:1em; padding:0 0 5px; font-family:'Knockout', Arial, Helvetica, sans-serif !important;}
.modal-header h3 strong {color:white; display:inline-block; padding-top:5px; font-size:1.4em; font-weight:normal; line-height:0.95em; font-family:'Knockout', Arial, Helvetica, sans-serif !important;}

.modal-video {left: auto !important; margin-left: auto !important; width:900px !important;}
.modal-video .modal-body { max-height: 600px !important;}
.modal-body img {
    margin: 20px 0 20px -250px;
    left: 50%;
    position: relative;
}


.lista-logos ul {margin:0; padding:0 !important; text-align: center; }
.lista-logos li {display:inline-block; margin: 0 !important; }
.lista-logos li:after {content:" - ";}
.lista-logos li:last-child:after {content:"";}
.lista-logos li a { color: #333; font-size: 12px; text-transform: uppercase; }
.lista-logos li.clearfix {display:block; margin:0!important;}


/* -- Politica de Privacidad -- */
#politica .span4 img {margin-left:30px;}
#politica h2 {margin:0;line-height:1em; font-size:4em;}
#politica h1 {margin:0 0 90px 30px;line-height:1em; font-size:5em;}
#politica li { margin-bottom: 10px; }

/* Gente somos */
#gente_somos h1, 
#gente_somos h2 {line-height:0.9em !important; display:inline-block; float:left; margin:0;}

#gente_somos h2 {text-align:right; font-size:5em; padding:5px 15px 0 0; }
#gente_somos h1 {font-size:7em; margin-bottom: 20px;}
#gente_somos .subtitulo {margin:0px; font-size:1.3em;}
#gente_somos .subtitulo strong {color:#D6195B; font-weight:normal;}


.lista_videos {margin:40px auto; max-width:792px} 
.lista_videos li {float:left; list-style:none; max-width:186px; margin:10px 8px 10px 0; height:180px;}
.lista_videos li p {margin:5px 0;}
.lista_videos li a {color:#555; text-decoration:none;}
.lista_videos li a img {border:1px solid #E7E6E7; }
.lista_videos li a .play_video {
  border:0px;
  position:relative; bottom:80px;left:78px;
  }
.lista_videos li a img {
  zoom: 1;
  filter: alpha(opacity=70);
  opacity: 0.7;}
.lista_videos li a:hover img {
  filter: alpha(opacity=100);
  opacity: 1;
  }

.lista_videos li p { position:relative; bottom:32px;
  }


/* Quienes somos */

#quienes_somos h1 {margin:0;}

.titulo_somos_bloque_1,
.titulo_somos_bloque_2 {display:inline-block;margin:0; line-height:0.9em; font-size:0.8em;}

h1 .titulo_somos_bloque_1 {border-right:1px solid #D6195B; padding:0 30px 0 0;}
h1 .titulo_somos_bloque_2 {text-transform:lowercase !important; border-left:1px solid #D6195B;padding:0 0 0 30px; margin:0 0 0 2px;}
h1 strong {color:#D6195B;font-weight:normal;}

.header_logos,
.body_logos,
.footer_logos {}

.header_logos {background:url('/2013/img/somos/bg_iconos_top.png') no-repeat center top; padding-top:130px; padding-bottom:111px; height:100px; overflow:hidden;}
.body_logos {background:url('/2013/img/somos/bg_logos_izq.png') no-repeat center top; overflow:hidden; padding:0 0 4px 0}
.footer_logos {background:url('/2013/img/somos/bg_logos_bottom.png') no-repeat center top; height:60px;}

.body_logos li {}

/* Gracias */

#gracias {}
#gracias h1 {margin:0;}

.titulo_gracias_bloque_1,
.titulo_gracias_bloque_2 { display:inline-block; float:left; line-height:1em;}

.titulo_gracias_bloque_2 {text-transform:lowercase; font-weight:normal; font-size:0.38em; padding:5px 0 0 12px;}

.grupo_colaboradores h2 {font-family:'Neutra', Arial, Helvetica, sans-serif; display:block; background:#D6195B url('/2013/img/somos/bg_titulos_abajo.png') repeat-y left center; color:white; font-size:1.2em; padding:3px 20px; margin:40px 0 15px 0;}
.grupo_colaboradores ul {margin:0; padding:0 0 0 17px;}
.grupo_colaboradores li {display:inline-block;margin:0 20px 3px 0;}



.lista-personas {
  margin:0 0 0 10px;
  -moz-column-count:4; /* Firefox */
  -webkit-column-count:4; /* Safari and Chrome */
  column-count:4;}

.lista-personas li {border-left:2px solid #D6195B; list-style:none; padding:2px 0 5px 10px; margin:0}
.lista-personas li a {color:black; border-bottom:1px dotted #CCC;}
.lista-personas li a:hover {border-bottom:1px dotted #D6195B; text-decoration:none; color:#D6195B}



/* Pie de pagina */
footer .span9,
#pie_pagina .span9 {background:url('/2013/img/somos/pie_flecha.jpg') no-repeat right center #D9DDD9; padding:4px 0 0px 15px; margin-bottom:20px; font-size:11px; line-height:11px; height:24px !important; min-height:27px !important;}

/* Pagina extra */
#pag_extra h1 {margin:30px 0 30px 0;}
#pag_extra h2 {margin:30px 0 10px 0; clear:both;}
#pag_extra a {color:#D6195B; border-bottom:1px dotted #CCC;}
#pag_extra a:hover {color:#D6195B; border-bottom:1px solid #D6195B; text-decoration:none;}

#pag_extra .descargas {display:block; clear:both; padding:20px 0 0 0;}
#pag_extra .descargas h2 {font-family:'Neutra', Arial, Helvetica, sans-serif; display:block; background:#D6195B url('/2013/img/somos/bg_titulos_abajo.png') repeat-y left center; color:white; font-size:1.2em; padding:3px 20px; margin:30px 0 15px 0;}


/* Mosaico */

#mosaico h1 {margin:0 0 20px 0; display:block; height:2em;}

.titulo_mosaico_1,
.titulo_mosaico_2 {display:inline-block; float:left;}

.titulo_mosaico_1 {line-height:0.9em;}
.titulo_mosaico_2 {font-size:0.35em; line-height:1.3em; display:inline-block; float:left;padding:2.5em 0 0 0.3em;}

.mosaico {clear:both;}

.ya_somos {font-family:'Knockout'; font-size:40px; text-transform:uppercase; margin:10px 0; line-height:1em !important;}
.ya_somos .numero {display:inline-block; padding:0px 0 0 4px; background:url('/2013/img/somos/bg_contador.png') bottom left no-repeat; width:114px; height:41px; letter-spacing:0.12em; color:#D6195B;}

#mosaico {padding-top:70px;}

.mosaico_formulario {margin-top:10px}
.mosaico_formulario a {color:#555; border-bottom:1px dotted;}
.mosaico_formulario a:hover {color:#D6195B; text-decoration:none;}


.mosaico_formulario fieldset {border:3px solid #D6195B; padding:0 20px 20px;}
.mosaico_formulario legend {display:inline-block; border:0; line-height:1em; font-family:'Knockout'; font-size:2.4em; text-transform:uppercase; font-weight:100; padding:0 10px;}
.mosaico_formulario .checkbox {font-size:0.9em;}

.mosaico_formulario .control-label {font-family:'Knockout'; font-size:2em;}
.mosaico_formulario input[type='text'] {border-radius:0;}
.mosaico_formulario .help-block {font-size:0.8em;}
.mosaico_formulario button {background:#D6195B; color:white; text-shadow:0px 0px 0px; }

/* Día somos */
#dia_somos .wrapper-fondo { background: url('/imagenes/diasomos/bg.jpg'); margin: 0 0 20px; padding: 0 20px 20px; }
#dia_somos .titular img { margin: 0 auto; }
#dia_somos .texto p { font-family: 'NeutraLight', Arial, Helvetica, sans-serif; font-size: 19px; margin: 15px 0; line-height: 26px; }
#dia_somos .texto p span { font-family: 'Neutra', Arial, Helvetica, sans-serif; font-size: 26px; color: #FFF; background: #e04b7e; }
#dia_somos .texto p strong { font-family: 'Neutra', Arial, Helvetica, sans-serif; font-size: 26px; font-weight: normal; }
#dia_somos .texto img { margin: 0 auto; }
#dia_somos .call p { font-family: 'NeutraLight', Arial, Helvetica, sans-serif; font-size: 26px; margin: 10px 0; }
#dia_somos .descarga { text-align: center; margin-bottom: 30px; }
#dia_somos .descarga img { margin: 0 auto; } 
#dia_somos .descarga img.chapa { margin: 20px auto; } 
#dia_somos .descarga p { font-family: 'Knockout'; font-size: 23px; line-height: 23px; margin: 40px 0 10px; text-align: center; text-transform: uppercase; }
#dia_somos .descarga p span { color: #d20052; }
#dia_somos .descarga_obra p { font-family: 'Knockout'; font-size: 23px; line-height: 23px; margin: 15px 0; text-align: center; text-transform: uppercase; background: url('/imagenes/diasomos/flecha.png') no-repeat bottom right; }
#dia_somos .descarga_obra p a { color: #333; display: block; background: url('/imagenes/diasomos/flecha.png') no-repeat bottom left; }
#dia_somos .descarga_obra p a:hover { color: #333; text-decoration: none; }
#dia_somos img.spread_logo { float: left !important; margin: 0 10px 10px 0 !important; left: 0 !important; }

.fotos p {
    background: none repeat scroll 0 0 #D30050;
    color: #FFFFFF;
    display: block;
    font-family: 'Knockout',Arial,Helvetica,sans-serif !important;
    font-weight: normal;
    line-height: 38px;
    margin: 0 0 20px;
    padding: 0 2%;
    width: auto;
    font-size: 18px;
}
.caja_unete_alcentro img { margin: 10px 17px; }

/* ========== RESPONSIVE ================== */

/* Telefono pequeno
------------------------ */
@media (max-width: 480px) {
   .carousel {display:none;}
   }

/* Telefono 
--------------------------*/

@media (max-width: 790px) {
  .menu_superior.hidden-tablet {display:block !important;}
  .nav-bar.hidden-phone {display:none;}

  .hidden-desktop.menu_superior {margin-top:110px; }
  .menu_superior.con_fondo{background:#D6195B; margin-top:110px; margin-bottom:5px; }
  
  .menu_superior .brand {float:none; margin:-110px auto -5px;}
  .menu_superior ul.menu_ppal li {font-size:0.9em; border-right:1px solid #AA1448; padding:5px;}
  .menu_superior ul.menu_ppal a {padding:0 !important;border:0;}

  .menu_superior ul.redes_sociales { margin:10px 0 0 0; display:block; width:95%; padding:10px 0 0 5%;}
  .menu_superior ul.pag_auxiliares {font-size:0.9em; padding:0 0 0 5% !important; width:95%; margin:0;}
  .menu_superior ul.pag_auxiliares li.borde_izq a {border-right:1px solid #CCC !important; padding:5px 10px; margin:0; border-left:0;}  

/* Carousel */

.carousel-caption {text-align:right; margin-right:0 !important; width:100%}
.carousel-caption img {width:30%;}
.integracion img {width:100% !important;}


/* --- */

  #pie_pagina .span9 {background:#D9DDD9; height:auto !important;}

/* -- Home1 -- */

.btn_volver_arriba {display:none;}

section {padding:30px 0 70px !important; clear: both;}
.media {width:100%; margin:0 !important;}
.texto-2-col {
        -moz-column-count:1 !important; /* Firefox */
  -webkit-column-count:1 !important; /* Safari and Chrome */
  column-count:1 !important;
        }

/* -- Campana -- */

.widgets {padding:0;}
.widgets h2 {padding:0; text-align:center;}

/* -- Dia somos -- */

.tupapeldiasomos br { display:none;}
.tupapeldiasomos span { padding:0; margin:0;}
.tupapeldiasomos h2 .unete_parte_1 { font-size:2em;}
.tupapeldiasomos h2 .unete_parte_2, 
.tupapeldiasomos h2 .unete_parte_3 { clear:left;}


.titulo_dale_la_vuelta {margin:20px 0 30px;}
.titulo_dale_la_vuelta br {display:none; }
.titulo_dale_la_vuelta span {display:block; text-align:left !important; float:none !important; width:auto !important; margin:0 !important;;}

.caja_unete {background:white; padding:0 15px;}
.caja_unete_arriba h2 {background:white; text-align:center; display:block; width:100%; margin:0; padding:10px 0 20px; font-size:4em;} 
#myContainer { width:100% !important; height:280px; margin:auto; border:0px;}

.caja_unete_alcentro .pull-right {float:none; text-align:center;} 
.caja_unete_alcentro h3 br {display:none !important;} 

.caja_unete_padentro {clear:both; height:20px;}

/* -- Mosaico -- */
  .container_mosaico,
  #mosaico {padding:10px 0; }

  .titulo_mosaico_1 {}
  .titulo_mosaico_2 {margin:0 !important; padding:0 0 20px 0;}
  .titulo_mosaico_2 br {display:none;}
   .ya_somos {border-bottom:1px solid #CCC; float:none !important; padding:0 0 10px; margin:10px 0 20px 0;}

/* -- Unete -- */

.tit_unete h1 {text-align:left !important; margin-bottom:5px !important;}

/* -- Quienes somos */

.header_logos,
.body_logos,
.footer_logos {background:none; padding:0;}

.header_logos {height:auto; !important; padding:0 0 20px;}
.quienes_somos_titulo br {display:none;}
.quienes_somos_titulo span {padding:0;}

.titulo_somos_bloque_1,
.titulo_somos_bloque_2 { border:0 !important; display:block;}

.titulo_somos_bloque_2 { font-size:0.5em;}

/* -- Gracias */

.titulo_gracias br {display:none;}
.titulo_gracias span {padding:0;;}

.btn_volver_arriba.visible-phone {display:block !important; margin:40px 0 0}
 

.grupo_colaboradores ul li {margin:0 5px 0 0;}
 
}

/* Video Fin */
.tupapeldiasomos { margin: 20px auto; text-align: center; }


/* El menu no cabe en una sola linea
--------------------------*/
@media (min-width: 791px) and (max-width: 1225px) {
.pico_menu {display:none;}
.menu_ppal {padding:0 15px; margin-left:15px !important; padding-left:0;}
.menu_secundario {padding:0 15px;}
}

@media (min-width: 791px) and (max-width: 1230px) {


/* --Menu ppal */
  .menu_ppal {padding:7px 0px !important;}
  .menu_ppal li{border-right:1px solid #000; font-size:0.9em; padding:4px 8px !important; margin:0 0 10px;}
  .menu_ppal li a{padding:0 0 0 0 !important; line-height:1em; border:0;}
   #nav .span12 { min-height:70px;}

  .menu_secundario li {font-size:0.95em;}
  }
@media (min-width: 1230px) and (max-width: 1280px) {

  .menu_ppal li a{padding:0 0 0 0 !important; line-height:1em; border:0;}
  .menu_ppal li{border-right:1px solid #000; padding:4px 8px !important; margin:13px 0;}
}
@media (min-width: 768px) and (max-width: 1230px) {

/* Carousel */

.carousel-caption {text-align:right; margin-right:0 !important; width:100%}
.carousel-caption img {width:30%;}
.integracion img {width:100% !important;}




/* --Caja Unete */

.caja_unete {}
.caja_unete_arriba,
.caja_unete_alcentro,

.caja_unete_arriba h2 {background:transparent; text-align:center; display:block; width:100%; margin:0; padding:10px 0 20px; font-size:4em;} 

/* --Quienes somos */
.header_logos,
.body_logos,
.footer_logos {background:none; padding:0;}

.header_logos {height:auto; !important; padding:0 0 20px;}
.quienes_somos_titulo br {display:none;}
.quienes_somos_titulo span {padding:0;}

.titulo_somos_bloque_1,
.titulo_somos_bloque_2 { border:0 !important; display:block;}

.titulo_somos_bloque_2 { font-size:0.5em;}

.btn_volver_arriba.visible-phone {display:block !important; margin:40px 0 0}


}

@media (max-width: 1200px) {
  .materiales .nav-tabs > li > a {
    padding: 15px 10px 25px;
    width: 60px;
  }
}

@media (max-width: 980px) {
  .facebook_block, .twitter_block {
    width: 90%;
    border-right: 2px solid #D6195B;
  }
  .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget iframe {
    width: 90% !important;
  }
  .lista_videos li {
    max-width: 140px;
  }
}

@media (max-width: 770px) {
  .facebook_block, .twitter_block {
    width: 49.5%;
    border: none;
  }
  .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget iframe {
    width: 97% !important;
  }
  .lista_videos li {
    margin: 10px;
    max-width: 160px;
  }
  .materiales {
    margin: 20px 0;
    padding: 0;
  }
}

@media (max-width: 600px) {
  .facebook_block, .twitter_block {
    width: 63.5%;
    border: none;
  }
  #paso h1 {
    font-size: 5em;
    text-align: left;
  }
  .tab-causa {clear: both;float:left; width:46%; height:auto; padding:0; margin:0 2% 4%; text-align:left;}
  .tab-causa img { width: 100%; }
  .tab-causa h3 { margin:0 0 10px; padding:0 2%; width: 96%; } 
  .tab-causa p { margin: 0; width: 100%; }

}

@media (max-width: 480px) {
  h1 {
    margin: 10px 0 !important;
  }
  #gente_somos h1 {font-size:5em;}
  
  #campana_wrapper .download { margin: 20px 0 0; height: 40px; }
  #campana_wrapper .download img { float: left; left: 50%; margin: 10px 0 0 -13px; position: relative; }
  #campana_wrapper .download a { width: 92%; margin: 0 4px; }

  .texto-2-col {
    padding: 0;
  }
  .facebook_block, .twitter_block {
    width: 81%;
    border-right: 2px solid #D6195B;
  }
  .tab-causa { width:100%; margin:0 0 4%; }
  .tab-causa img { width: 100%; }
  .tab-causa h3 { margin:0 0 10px; padding:0 2%; width: 96%; } 
  .tab-causa p { margin: 0; width: 100%; }

  .subtitulo_logos h3 { background: none; width: 100%; }
  .subtitulo_logos h4 { width: 100%; padding-left: 0; }

  .lista_videos li {
    margin: 10px 0 10px 34px;
    max-width: 186px;
  }
  .elige_opcion img {
    margin: 0 auto 10px;
    display: block;
  }
}