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;
}
* {
margin: 0;
padding: 0;
border:0;
outline:none;
}
/* La pantalla va a ser 100% */
html{
height:100%;
}
*{
margin:0;
padding:0;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
display: block;
}
.cookie-msg {
background-color: #162226;
color: #777;
float: left;
padding: 2px 0 10px 0;
text-overflow: ellipsis;
width: 100%;
z-index: 10000;
bottom: 0;
position: fixed;
}
.cookie-msg .izquierda{text-align:center;padding-top:15px;}
.cookie-msg p{
font-size: 12px;
color:#fff;
font-family: 'Source Sans Pro',sans-serif;
line-height: 17px;
padding: 0;
}
.cookie-msg A {
color: #fff;
text-decoration: none;
margin: 0 5px;
}
.cookie-msg A.accept{
border: 1px solid #fff;
padding: 2px 10px;
}
#capa-loading {
display: none;
background-color: #222;
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
z-index: 1000;
opacity: .7;
}
#p-capa-loading {
display: none;
top: 300px;
position: fixed;
margin-left: 30%;
width: 20%;
text-align: center;
padding: 20px 22% 20px 18%;
background: url(/images/comunes/loader.gif) no-repeat 40% 15px #fff;
border: 1px solid #666;
z-index: 1001;
color: #666;
}
div.field_with_errors{ display: inline-block;}
.btn-success{background: transparent; border: 0; padding: 0 0 0 10px; color: #464646;}
.search-home-historias-diario p A,
.histories .content-col H3 A,
.center.bottom A.box,
.navbar-default .navbar-nav > li > a,
.histories p.orderby A,
.header-top UL LI A{
opacity: 1;
transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-webkit-transition: opacity .4s ease-in-out;
}
.histories .content-col H3 A:hover{
webkit-transition: ease-in-out 0.2s;
-moz-transition: ease-in-out 0.2s;
-o-transition: ease-in-out 0.2s;
transition: ease-in-out 0.2s;
opacity:0.7;
}
.search-home-historias-diario p A:hover,
.center.bottom A.box:hover,
.navbar-default .navbar-nav > li > a:hover,
.histories p.orderby A:hover,
A{ color:#0095D2;
text-decoration:none;
-webkit-transition: ease-in-out 0.2s;
-moz-transition: ease-in-out 0.2s;
-o-transition: ease-in-out 0.2s;
transition: ease-in-out 0.2s;
}
.histories p.orderby A:hover,
.navbar-default .navbar-nav > li > a:hover{
color:#000;}
body{
position: relative;
width: 100%;
margin: 0 auto;
font-family: "Calendas Regular",arial,serif;
font-weight:400;
font-size:14px;
color:#000;
background: #ebede2;
}
h1{
color: #7aa6bf;
font-weight:700;
font-family: "Calendas Regular",arial,serif;
font-size:50px;
}
#back .content-home H1{padding-bottom:20px;}
.content-home .text-intro H1{padding-bottom:20px;}
.content-home .text-intro {margin-top: 40px;}
h2{
font-size:16px;
font-family: "Calendas Regular",arial,serif;
color:#1F1F1F;
margin-bottom:15px;
font-weight:600;
}
.contributors h2,
.content-home h2{
font-size:32px;
font-family: "Calendas Regular",arial,serif;
color:#a7aa9c;
line-height:normal;
margin-bottom:20px;
}
.contributors h2 span,
.content-home h2 span{display:inline-block;padding:0 20px; background:#ebede2;}
h3{
font-size:25px;
font-family: "Calendas Regular",arial,serif;
color:#000;
margin-bottom:10px;
}
.content-home .histories .text.peque H3 A,
.content-home .histories .text.peque H3{font-size:25px;line-height:26px;word-wrap: break-word;}
.text.green H3 A,
.text.green H3{color:#88c348;}
.text.orange H3 A,
.text.orange H3{color:#ce9333;}
.content-home .histories .text.grey H3 A,
.content-home .histories .text.grey H3{color:#bec0b1;}
.text.green-black H3 A,
.text.green-black H3{color:#db7979;}
.text.grey-black H3 A,
.text.grey-black H3{color:#8e67b6;}
.text.purple H3 A,
.text.purple H3{color:#c585b4;} /*color:#ae6fb6;*/
.text.blue H3 A,
.text.blue H3{color:#7aa6bf;}
.text.blue-green H3 A,
.text.blue-green H3{color:#79c5a1;}
.text.brown H3 A,
.text.brown H3{color:#a0887c;}
.content-home .histories .text.peque h4 A,
.content-home .histories .text.peque h4{font-size:25px;line-height:26px;word-wrap: break-word;}
.text.green h4 A,
.text.green h4{color:#88c348;}
.text.orange h4 A,
.text.orange h4{color:#ce9333;}
.content-home .histories .text.grey h4 A,
.content-home .histories .text.grey h4{color:#bec0b1;}
.text.green-black h4 A,
.text.green-black h4{color:#db7979;}
.text.grey-black h4 A,
.text.grey-black h4{color:#8e67b6;}
.text.purple h4 A,
.text.purple h4{color:#c585b4;} /*color:#ae6fb6;*/
.text.blue h4 A,
.text.blue h4{color:#7aa6bf;}
.text.blue-green h4 A,
.text.blue-green h4{color:#79c5a1;}
.text.brown h4 A,
.text.brown h4{color:#a0887c;}
#back .label-color,
.label-color { display: inline-block; margin-right: 10px; width: 50px !important; margin-right: 10px!important; text-align: center;}
#back .formulario.formulario-private.new-historia .label-color label,
.formulario.new-historia .label-color label{ margin:0; border: 1px solid #fff; width: 50px; height: 50px; }
.bg-color-text.grey { background-color:#bec0b1; }
.mask.mask-orange , .bg-color-orange { background-color:#CE8718; }
.mask.mask-green , .bg-color-green { background-color:#88c348; }
.mask.mask-grey , .bg-color-grey { background-color:#ce9333; }
.mask.mask-green-black , .bg-color-green-black { background-color:#db7979; }
.mask.mask-grey-black , .bg-color-grey-black { background-color:#8e67b6; }
.mask.mask-purple , .bg-color-purple { background-color:#c585b4; } /*color:#ae6fb6;*/
.mask.mask-blue , .bg-color-blue { background-color:#7aa6bf; }
.mask.mask-blue-green , .bg-color-blue-green{ background-color:#79c5a1; }
.mask.mask-brown , .bg-color-brown{ background-color:#a0887c; }
.color-text.grey { color:#bec0b1; }
.color-green { color:#88c348; }
.color-orange { color:#ce9333; }
.color-green-black { color:#db7979; }
.color-grey-black { color:#8e67b6; }
.color-grey-black { color:#8e67b6; }
.color-purple { color:#c585b4; } /*color:#ae6fb6;*/
.color-blue { color:#7aa6bf; }
.color-blue-green{ color:#79c5a1; }
.color-brown{ color:#a0887c; }
.nav-pills LI.active A.bg-color-text.grey { border: 1px solid #bec0b1; }
.nav-pills LI.active A.bg-color-green { border: 1px solid #88c348; }
.nav-pills LI.active A.bg-color-orange { border: 1px solid #ce9333; }
.nav-pills LI.active A.bg-color-green-black { border: 1px solid #db7979; }
.nav-pills LI.active A.bg-color-grey-black { border: 1px solid #8e67b6; }
.nav-pills LI.active A.bg-color-purple { border: 1px solid #c585b4; } /*color:#ae6fb6;*/
.nav-pills LI.active A.bg-color-blue { border: 1px solid #7aa6bf; }
.nav-pills LI.active A.bg-color-blue-green{ border: 1px solid #79c5a1; }
.nav-pills LI.active A.bg-color-brown{ border: 1px solid #a0887c; }
.center figure{position:relative;}.center .js-editable figure{width:297px;margin:0 auto 40px auto;}
.center .js-editable figure .mask{height:99%;}
.center .js-editable figure img{margin-bottom:0;}
.content-interior .center.bottom .first figure img,
.content-interior .center.bottom .first figure{float:left; max-height: 58px;}
.personal-info figure{width:162px;margin:0 auto;} .personal-info figure .mask{height:96%;}
.histories .dates figure .mask{height:96%;}
.mask{height: calc(100% - 2px);width:100%;position:absolute;left:0;top:0;background:#CE8718;opacity:0.2;}
.histories .mask.mask-green{background:#40BA42;}
/*
.mask.mask-orange{background:#F1C47C;}
.mask.mask-grey{background:#bec0b1;}
.mask.mask-green-black{background:#40BA42;}
.mask.mask-grey-black{background:#c0b79f;}
.mask.mask-purple{background:#F0847C;}
.mask.mask-blue{background:#74acbc;}
.mask.mask-blue-green{background:#81c6b2;}
.mask.mask-brown{background:#b68b6f;}
*/
h4{
font-size:18px;
font-family: "Calendas Regular",arial,serif;
color:#000;
margin-bottom:25px;
}
P{
line-height:normal;
font-family: "Calendas Regular",arial,serif;
}
.center-edit P,
.text .socials span,
.content-historia .timeline .text p,
.content-historia .center P{color:#464646;}
A{
color:#000;
text-decoration:underline;
}
A:hover{
text-decoration:none;
color:#7aa6bf;
}
A.blue{ text-decoration: none; color: #7aa6bf;}
UL{
}
UL LI{
list-style-type:none;}
TABLE{
width:100%;
}
table tr th{
font-family: "Geomanist Book",arial,serif;
background:#bec0b1;
color:#555555;
font-size:20px;
padding:15px;
}
TABLE TR TD{
background:none;
padding:15px;
font-size:20px;
font-family: "Geomanist Book",arial,serif;
border-bottom:1px solid #bec0b1;}
iframe{ max-width: 100%; }
strong,
.content-edit.interior .center-edit UL LI strong {
font-weight: 700 !important;
font-family: "Geomanist Bold",arial,serif !important;
}
.oculto{
display:none;
}
.imagen-izquierda{float:left;}
.imagen-derecha{float:right;}
.container{padding-left:0;padding-right:0;}
.center{text-align:center;}
/********* video cabecera ********/
.object{ display:inline-block;width:100%;background: #ebede2;margin-top:95px;}
.object IMG{ width:100%; height:auto;}
.autor-video{ padding:5px 15px 5px 5px; text-align: right; background: transparent; margin-top: -30px; color: #fff;}
.autor-video a{ font-size: 13px; color: #fff; text-decoration:none;}
.no-object{
display:inline-block;
width:100%;
margin-top:85px;
}
.scrolldown {
display:none;
-webkit-animation: none;
-moz-animation: none;
-o-animation: none;
animation: none;
position: relative;
left: 0;
right: 0;
bottom:0px;
width: 80px;
margin: 0 auto 0 auto;
font-size: 9pt;
letter-spacing: 20px;
line-height: 0;
padding: 0;
z-index: 99;
opacity: 1;
text-align: center;
text-transform: uppercase;
font-weight: bold;
min-height: 50px;
background-color: rgba(0,0,0, 0.5);
}
.scrolldown::before {
content: "";
background: url('/images/comunes/arrow-down.png') no-repeat center center;
width: 28px;
height:28px;
position: relative;
left: 0;
right: 0;
margin: auto;
top: 0px;
margin-top:17px;
opacity: .8;
-webkit-animation: wiggle .8s infinite normal ease-out;
-moz-animation: wiggle .8s infinite normal ease-out;
-o-animation: wiggle .8s infinite normal ease-out;
animation: wiggle .8s infinite normal ease-out;
}
@-webkit-keyframes wiggle { 0% { top: 0; } 50% { top: 3px; } 100% { top: 0; }}
@-moz-keyframes wiggle { 0% { top: 0; } 50% { top: 3px; } 100% { top: 0; }}
@-o-keyframes wiggle { 0% { top: 0; } 50% { top: 3px; } 100% { top: 0; }}
@keyframes wiggle { 0% { top: 0; } 50% { top: 3px; } 100% { top: 0; }}
/********** header ************/
header{background-color:#ebede2;padding:30px 0 17px;border-bottom:1px solid #c0c2b7;
position:fixed;
left: 0;
top:0;
width: 100%;
z-index:1000;}
header.scroll-fixed-top{padding:10px 0 0; z-index: 1001; }header.scroll-fixed-top .navbar-default .center img{width:65px;margin-top:5px;}
.content-home{display:inline-block;width:100%;background:#ebede2;padding-top:40px;} #back .content-home{padding-top:90px;}
.content-home.back-fullsize,
.content-home.full-size{padding-top:100px;}
#back .content-home.back-fullsize,
#back .content-home.full-size{padding-top:200px;}
.utilities{text-align:right;padding-top:12px;float:right;}
.utilities span{
display: inline-block;
height: 16px;
font-size: 11px;
vertical-align: middle;
color:#babdac;}
.utilities .nav-right{ clear: none;
display: inline-block;
}
.navbar-default{
border-color:#ebede2;
background-color:#ebede2;
margin-bottom:0;
}
.navbar-default .first{padding-right:0;/*width:45.8%;*/}.navbar-default .center{padding:0}.navbar-default .utilities{padding-left:0;padding-top: 0;}
.navbar-default .navbar-collapse{padding-left:0;}
.utilities A,
.utilities .nav-right >li > a,
.navbar-default .navbar-nav > li > a{text-decoration:none;text-transform:uppercase;font-size:14px;/*color:#202a33;*/color:#555555;font-family:"Geomanist Medium",arial,serif;
background:url(../images/comunes/bg_separador_menu.png) no-repeat 0 46%;padding:7px;}
.navbar-default .navbar-nav li:first-child A{background:none;}
.navbar-default .navbar-nav > li > a:hover{background:#bec0b1;}
.utilities A{background:none;}
.utilities A:hover,
.navbar-default .navbar-nav > li > a:hover,
.utilities .nav-right >li > a:hover,
.utilities .nav-right >li:first-child a:hover,
.navbar-default .navbar-nav > li > a.active{background:#bec0b1;color:#202a33;}
.navbar-default .navbar-nav > li:first-child > a{}
.utilities .nav-right >li { display: inline-block; }
.utilities .nav-right >li:first-child a{ background:none; }
.utilities .nav-right >li > a{ padding-right: 14px; }
.utilities .menu-account{ display: inline-block; position: relative; }
.utilities .menu-account-options li{text-align: left; padding: 10px 5px;}
.utilities .menu-account-options li:hover{ background: #bec0b1;}
.utilities .menu-account-options{ display:none; position: absolute; width: 135px; background: #ced0c5; margin-top: 5px; color: #fff; right: 0; }
.utilities .menu-account-options a{ color: #222; font-family: "Geomanist Light",arial,serif; font-size: 13px;}
.utilities .menu-account a:hover + .menu-account-options{ display: block; }
.utilities .menu-account .menu-account-options:hover{ display: block; }
.utilities #lupa{
display: inline-block;
}
.utilities #lupa.active,
#lupa-responsive.active{
background: #bec0b1;
}
.utilities #lupa .fa-search{
font-size: 20px;
margin-top: -10px;
color: #555555
}
#searcher-top {
display: none;
position: absolute;
right: -21px;
top: 32px;
}
#searcher-top form .select2-selection__rendered{
height: 37px;
}
#searcher-top .search.buscador-compacto{
padding-top:0;
width: 420px;
}
#searcher-top .search.buscador-compacto .tab-content{
height: auto;
border: 1px solid #fff;
border-top: 0;
}
#searcher-top .search.buscador-compacto .field{
margin-top: 0;
margin-right: 7px;
}
#searcher-top .search.historias .search-top {
padding-bottom: 0;
}
#lupa-responsive{
display: none;
position: absolute;
left: 80px;
top: 8px;
}
#lupa-responsive .fa-search{
font-size: 22px;
color: #888888;
}
@media screen and (max-width: 768px){
.utilities #lupa{ display: none; }
#lupa-responsive {
display: inline-block;
left: 74px;
top: -2px;
padding: 10px;
}
#searcher-top{
right: auto;
top: 40px;
left: 0;
}
#searcher-top .search.buscador-compacto{
width: 320px;
}
#searcher-top .search.buscador-compacto .field.botones input{
margin-right: 17px;
margin-top: 10px;
}
}
.navbar-default .navbar-nav > li .desplegable{
display:none;
position: absolute;
left: 0;
top:34px;
width:400px;
background:#ebede2;
color: #777;
padding: 0;
z-index:100;
}
.navbar-default .navbar-nav > li .desplegable li {
list-style: none;
margin: 0;
border-top: 1px solid #bec0b1;
padding: 15px 10px 15px 15px;
background:#ced0c5;
}
.navbar-default .navbar-nav > li.dropdowm A .fa{display:none;}
.navbar-default .navbar-nav > li .desplegable li a{font-family:"Geomanist Light",arial,serif;font-size:15px;
text-decoration:none;text-transform:none;}
.navbar-default .navbar-nav > li .desplegable li:hover{background:#bec0b1;}
.navbar-default .navbar-nav > li .desplegable li a:hover{color:#202a33;}
.navbar-default .navbar-nav > li:hover .desplegable {
display: block;
background: #f7f6f1;}
.definition{display:inline-block;width:100%; padding: 0 0 60px 0;;} #back .definition{padding:60px 0 0px;}
.definition P{/*font-size:40px;*/font-size:32px;font-family:"Calendas Regular",arial,serif;color:#a7aa9c;line-height:38px;text-align:center;letter-spacing:-0.3px;}
.definition P strong{font-family:"Calendas Bold",arial,serif;}
.definition .home-historias-search P{ font-size: 40px; line-height: 47px;}
.definition .home-historias-search P strong{ font-family: "Calendas Regular",arial,serif !important; font-weight: 600 !important;}
.search{display:inline-block;width:100%;background:#babdac;padding:20px;margin-bottom:40px;margin-top:50px;}
.search.historias .field{margin-bottom:20px;}
.search-bottom,
.search-top{display:inline-block;width:100%;text-align:center;padding:20px 0 38px;}.search.historias .search-top{padding-bottom:18px}
.search-top h3{ font-size: 21px; width: 100%; margin: 0 auto 20px auto; text-align: left; padding-left: 40px;}
.search-bottom{border-top:1px solid #ebede2;padding:20px 0 0px;}
.search .field{display:inline-block;width:auto;}
.search span{display:inline-block;font-size:24px;font-family:"Calendas Regular",arial,serif;}
.search select{background:#babdac;font-size:18px;text-transform:uppercase;font-family:"Geomanist Bold",arial,serif;color:#fff;width:auto;}
.search div.dolencia select{width:112px;}
.search div.pais select{width:110px;}
.search div.provincia select{width:148px;}
.search div.enfermedad select{width:150px;}
.search div.tiempo select{width: 143px;}
.search div.fundacion select{width:310px;}
.search div select[disabled="disabled"]{color:#d4d4d4;}
.search select option{width:auto;}
.search .botones input[type="submit"]{font-size:18px;text-transform:uppercase;font-family:"Geomanist Bold",arial,serif;color:#fff;border:2px solid #fff;padding:10px 30px;background:none;}
.search-bottom input[type="checkbox"]{margin:2px 0 0;float:left;}
.search-bottom label{font-size:14px;text-transform:uppercase;font-family:"Geomanist Book",arial,serif;float:left;margin-right:15px;margin-left:2px;}
.search.diario{margin-top: 20px;}
.home-diario-search .search.diario{margin-top: 0;}
.home-diario-search .search{margin-top: 30px;}
.search.diario .field.nombre{}
.search.diario .field.email{}
.search.historias .field input[type="text"],
.search.diario .field input[type="email"],
.search.diario .field input[type="text"]{ border:0;background:#ebede2;padding:10px 10px;font-size: 18px;
font-family: "Calendas Regular",arial,serif;color:#555555;}
.search.diario .field.botones{margin-left:15px;}
.search.buscador-compacto{
/* min-height: 420px; */
margin-top: 0;
margin-left: 0;
background: transparent;
}
.search.historias.publico .primero{
float: left;
}
.search.historias.publico span.first{
margin:8px 5px 8px 0;
float: left;
}
.search.buscador-compacto .field{ width: 100%; padding: 0 0 5px 40px; margin:0; }
.search.buscador-compacto .field input,
.search.buscador-compacto .field select{
border: 0;
background: #ebede2;
padding: 10px 10px;
font-size: 18px;
color: #555555;
float: left;
width: 90%;
}
.search.buscador-compacto .field select{
font-family: "Calendas Regular",arial,serif;
text-transform: none;
padding: 8px 8px 6px 4px;
}
.search.buscador-compacto .field select option{
padding: 5px;
}
.search.buscador-compacto .field.botones{
float:right;
margin-top: 35px;
}
.search.buscador-compacto .field.botones input{
font-size: 18px;
text-transform: uppercase;
font-family: "Geomanist Bold",arial,serif;
color: #fff;
border: 2px solid #fff;
padding: 10px 20px;
background: none;
float: right;
margin-right: 30px;
width: 150px;
}
.search.buscador-compacto .tab-content{
background: #babdac;
padding: 20px 0;
height: 300px
}
.search.buscador-compacto .nav-pills{
margin:0;
padding: 0;
}
.search.buscador-compacto .nav-pills LI{
width: 49%;
margin: 0;
float: left;
}
.search.buscador-compacto .nav-pills LI:first-child{ margin-right: 1%; background: red;}
.search.buscador-compacto .nav-pills LI:last-child{ margin-left: 1%; }
.search.buscador-compacto .nav-pills LI A{
background: #D7D9D1;
border: 0;
font-size: 15px;
}
.search.buscador-compacto .nav-pills LI.active A{
background: #babdac;
}
.search.buscador-compacto .nav-pills LI.active A:hover{
background: #babdac;
border: 0;
}
.search.buscador-compacto .compacto-diario .search-top{ padding: 50px 0 38px;}
.histories{}
.histories.listado-publico{ margin-top: 40px;}
.histories .row{margin-left:-7px;margin-right:-7px;}
.histories .historia-card-back{ width: 50%;}
.histories .col-md-4{padding:0 7px;}
.histories .col-md-4.video .content-top img{width:100%;}
.histories .col-md-4.video .content-top img{
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.histories .col-md-4.video .content-top img:hover{
-webkit-filter: grayscale(0%);
filter: gray;
filter: grayscale(0%);
filter: url(desaturate.svg#greyscale);
}
.histories .col-md-4.video .content-top a{
display:block;
position: relative;
}
.histories .col-md-4.video .content-top a:before{
content: "\f04b";
font: normal normal normal 60px/1 FontAwesome;
position: absolute;
top: auto;
color: #fff;
left: calc(50% - 50px);
border: 3px solid #fff;
border-radius: 50%;
padding: 20px 10px 20px 20px;
width: 100px;
height: 100px;
text-align: center;
z-index: 1000;
margin-top: 75px;
}
.histories .content-col{display:inline-block;background:#fff;padding:25px 35px 27px;width:100%;}.histories .col-md-4.video .content-col{margin-top:-2px;}
.histories .content-top,
.histories .dates,
.histories .text,
.histories .content-bottom{display:inline-block;width:100%;}
.histories .content-top.oculto{ display: none;}
.histories .content-col.superior{ padding-bottom: 0;}
.histories .col-md-4.video .superior .content-top{ padding-bottom:15px;}
.histories .content-bottom A{text-align:right;display:inline-block;float:right;text-transform:uppercase;font-size:14px;font-family:"Geomanist Book",arial,serif;}
.histories .content-bottom span IMG{}
.histories .content-col H4 A,
.histories .content-col H4{font-size:30px;font-family:"Calendas Bold",arial,serif;line-height:34px;letter-spacing:-0.5px;text-decoration:none;}
.histories .content-col H4 A:hover{cursor:pointer;}
.histories .content-top{padding-bottom:15px;}
.histories .canciones .superior a{text-decoration: none; font-size: 25px; display: block; line-height: 26px; color: #828578; text-align: center;font-family: "Calendas Bold",arial,serif; padding:10px 0 20px 0; letter-spacing: -0.5px;}
.histories .canciones h4 a{ font-size: 25px; color: #bec0b1;}
/*.histories .col-md-4.video.canciones .content-top img{-webkit-filter: none; filter: none;}*/
.histories .col-md-4.video.canciones .content-top a:before{ display: none;}
.histories .content-top span,
.histories .content-top span.like,
.histories .content-top time{float:left;font-size:14px;font-family:"Geomanist Book",arial,serif;}
.histories .content-top .info-cuidador{ display: inline-block; padding-left: 10px;}
.histories .content-top .info-cuidador:before{ content:"ยท"; margin-right: 10px; color: #000;}
.histories .content-top span.like{float:right;}
.histories .content-top span.like .fa-heart{color:#bec0b1;margin-right:5px;font-size:1.2em;}
.histories .dates{padding-bottom:20px;}
.histories .dates h3,
.histories .dates p{font-size:16px; font-family:"Calendas Italic",arial,serif;}
.histories .dates h3.name,
.histories .dates p.name{font-family:"Calendas Bold",arial,serif;padding-top:0;}
.histories .dates h3.name a,
.histories .dates p.name a{text-decoration: none;}
.histories .dates h3.name a:hover,
.histories .dates p.name a:hover{ color: #000; }
.histories .text{min-height:230px;}
.histories .col-md-4.video .text{min-height:81px}
.histories .col-md-4.video .content-top{padding-bottom:0;margin-bottom:-2px;}
.histories .dates figure{float:left; margin-right:20px;}
.histories .dates figure .profile-pic{max-height: 54px;}
.histories .dates.patrocinador{text-align:center;min-height:102px;}
.histories .dates.patrocinador figure{float:none;margin:0;}
.histories .botones-historia{ width: 100%; float:left; margin: 15px 0;}
.histories .edit-on-list{ padding: 0px 35px 10px 35px; background: #fff; text-align: center;}
.histories .edit-on-list a{ }
.histories .embajador ,
.histories .embajador a { font-family: "Calendas Bold",arial,serif; font-size: 14px;}
.histories .embajador{background: #fff; padding: 0 10px 10px 10px;}
.histories .embajador-content{width: 100%; padding: 10px 10px 0px 20px; border-top: 1px solid #BEC0B1;}
.histories .embajador img,
.embajador.detail img{ border-radius: 50%; width: 35px; display: inline-block;float: left;}
.histories .embajador .nombre-embajador{display: inline-block; padding: 10px 10px 10px 20px; float: left; width: calc(100% - 40px); line-height: 18px; }
.embajador.detail{margin: 40px 0;}
.embajador.detail .embajador-content:before{}
.embajador.detail a,
.embajador.detail span { font-family: "Geomanist Book",arial,serif; font-size: 16px;color: #464646;}
.embajador.detail a{text-decoration:none;}
.embajador.detail .nombre-embajador{ display: inline-block; margin: 0 0 23px 15px; vertical-align: middle; float: none;}
.embajador.detail img{float: none;}
.embajador.detail .embajador-content{border: 1px solid #aaa; padding: 15px 15px 0 15px; width: 560px; margin: 0 auto; max-width: 100%;margin-bottom: 30px; background: #F3F5EE;}
.contributors{display:inline-block;width:100%;padding:60px 0 100px;background:#ebede2;}
.histories H2,
.contributors H2{text-align:center;}
.contributors H2{background:url(../images/comunes/bg_separador_titulo.png) repeat-x left center;margin-bottom:25px;}
.contributors A{display:inline-block;padding-right:50px;}.contributors A:last-child{padding-right:0;}
.contributors UL{text-align:center;}.contributors UL LI{float:none;padding:0 20px;display:inline-block;}.contributors UL LI:last-child{padding-right:0;}
/***************** busqueda ****************/
.histories .container-masonry .text{min-height:50px;padding-bottom:10px;}
.historias-destacadas.container-masonry .text{ /*min-height:206px;*/ }
.historias-destacadas img.encuentra-historias{ width:100%;}
.histories p.orderby{font-size:14px;font-family:"Geomanist Book",arial,serif;padding-bottom:70px;margin-top:-10px;}
.histories p.orderby A{text-transform:uppercase;color:#9fa294;text-decoration:none;}.histories p.orderby A:hover{color:#000;}
.histories p.orderby A:first-child{padding-left:15px;}
.histories p.orderby span.separator{
display: inline-block;
height: 16px;
font-size: 11px;
vertical-align: middle;color:#000;padding:0 5px;}
.item{width:459px;margin-bottom:15px;}
.item.definition{ width: 100%; }
/******************************************historia *******************/
.content-historia{background:#ebede2}
.content-title{background:#ebede2;padding:150px 0 40px;border-bottom:1px solid #c0c2b7;}
.content-interior{display:inline-block;width:100%;background:#ebede2;padding:50px 0 0;}
.histories .content-bottom span.firma{font-family: 'autograf_personal',arial,serif;font-size:29px;}
.content-interior .center p.firma{font-family: 'autograf_personal',arial,serif;font-size:46px;padding:13px 0 18px;}
.content-title H1,
.content-interior H2,
.content-interior H1{font-size:75px;line-height:75px; text-transform:none;font-family:"Calendas Bold",arial,serif;text-align:center;letter-spacing:-1.5px;}
.content-title H1{padding-bottom:155px; word-wrap: break-word;}
.content-interior H2{font-size:46px;line-height:45px;padding:40px 0px 35px; word-wrap: break-word;}
.content-title h1.hidden-data-historia{ display: none; }
.content-title h2.first-sencente{font-size:75px;line-height:75px; text-transform:none;font-family:"Calendas Bold",arial,serif;text-align:center;letter-spacing:-1.5px;padding-bottom:155px; word-wrap: break-word;}
.content-interior h3.second-sencente{font-size:75px;line-height:75px; text-transform:none;font-family:"Calendas Bold",arial,serif;text-align:center;letter-spacing:-1.5px;font-size:46px;line-height:45px;padding:40px 0px 35px; word-wrap: break-word;}
.personal-info{margin:0 auto; text-align:center;padding-top:8px;}
.nav-pills{margin:15px auto 25px;text-align:center;}
.nav-pills LI{float:none;display:inline-block;margin:0 10px;}
.nav-pills LI A{border:1px solid #9fa294;border-radius:0px;color:#9fa294;text-transform:uppercase; text-decoration:none;font-size:13px;font-family:"Geomanist Book",arial,serif;padding:7px 20px;}
.nav-pills LI.donar A{ font-size: 14px;
color:#fff;
background: #7aa6bf;
border:1px solid #7aa6bf;
}
.nav-pills LI A:hover,
.nav-pills > li.active > a:hover,
.nav-pills LI.active A{color:#fff; border:0;}
.nav-pills LI A:hover,
.nav-pills > li.active > a:hover{background-color: #7AA6BF; border: 1px solid #7AA6BF;}
.profile .nav-pills LI.active A,
.profile .nav-pills LI A:hover,
.profile .nav-pills > li.active > a:hover,
.profile .nav-pills LI.active A{background-color: #7AA6BF; border: 1px solid #7AA6BF;}
.content-interior .center{margin:0 auto;text-align:center;width:815px; max-width: 100%;}
.content-interior .center.bottom{padding-top:70px;}
.content-interior .center.top-negative-margin{margin-top:-249px;}
.center p{font-size:18px;font-family:"Geomanist Book",arial,serif;text-align:left;line-height:24px;margin-bottom:25px;}
.center IMG{/*margin-bottom:50px;*/}
.center IMG.historia-img2{width:297px;max-width:297px; }
.center .personal-info img{margin-bottom:5px; max-height: 162px;}
.navbar-default .center img{margin-bottom:0;}
.center .personal-info P{text-align:center;margin-bottom:5px;font-family:"Calendas Regular",arial,serif;font-size:22px;color:#000;}
.center .personal-info P.familiar_o_cuidador{font-size:18px; font-family: "Calendas Bold",arial,serif;}.
.center p.destacado{/*font-size:23px;font-family:"Geomanist Bold",arial,serif;*/
font-size:22px;font-family:"Geomanist Book",arial,serif;}
.center.bottom A.box{ background-image:url(../images/comunes/bg_seguir.png); background-repeat: no-repeat; background-position:left center; display:block; text-decoration:none; padding:11px 10px 11px 55px; }
.center.bottom .js-estado-amistad A.box{background-image:url(../images/comunes/bg_entrar.png); background-repeat: no-repeat; background-position:left center;}
.center.bottom .js-estado-seguir A.box:hover,
.center.bottom .js-estado-amistad A.box:hover{opacity: 0.7; }
.center.bottom A.box:hover{/*background:#7aa6bf;*/}
.center.bottom A.box span{display:block;color:#fff;font-size:14px;font-family:"Geomanist Book",arial,serif;text-align:left;}
.center.bottom A.box span.peque{font-size:12px;text-transform:none;}
.center.bottom A.msj-privado{ background-image: url(../images/comunes/bg_mail.png); }
.content-interior .center.bottom .first{text-align:left;padding-right:0;width: 57px;margin-left: 25px;}
.content-interior .center.bottom .first.separate-left{ margin-left: 140px;}
.content-interior .center.bottom .second{ width: calc(100% - 142px);}
.content-interior .center.bottom .first img{margin-bottom:0;}
.content-interior .center.bottom .last{text-align:right;float:right;padding-left: 0; }
.content-interior .center.bottom div.socials{padding-top:25px;}
.content-interior .center.bottom div.socials A .fa{color:#9fa294;font-size:24px;margin-right:10px;}
.content-interior .center.bottom div.socials span .fa,
.content-interior .center.bottom div.socials span{color:#9fa294;}
.content-interior .center.bottom div.socials span a{text-decoration: none; color:#9fa294;}
.content-interior .center.bottom div.socials span .fa{margin-right:10px;font-size:24px;}
.content-interior .center.bottom div.socials span.voted a,
.content-interior .center.bottom div.socials span.voted .fa,
.text .socials span.voted a,
.text .socials span.voted .fa{color: #7AA6BF;}
.content-interior .center .foto-ciruculo-enviar-amigo{
width: 450px;
padding-left: 50px;
margin: 0 auto;
float: none;
}
.content-interior .center.bottom .last{
float: left;
margin-left: 10px;
}
.embed-share-historia{ margin-top: 40px; }
.embed-share-historia textarea{ color: #464646; padding: 10px 15px; border: 1px solid #9FA294; width: 100%; font-family: "Geomanist Book",arial,serif; background: #F4F5F3;}
.center.search-interior{padding:15px 0; border-top:1px solid #000; border-bottom:1px solid #000;}
.center.diario{padding-top:30px;}
.center.diario H3{color:#bec0b1;font-size:26px;font-family:"Calendas Bold",arial,serif;text-align:center;margin-bottom:20px;}
.center.diario .content-col{background:#fff;padding:20px;width:100%;float:left;}
.center.diario .content-col H4{font-family:"Calendas Bold",arial,serif;font-size:22px;color:#db817a;text-align:left;letter-spacing:-0.5px;}
.center.diario .content-col A{
text-align: right;
display: inline-block;
float: right;
text-transform: uppercase;
font-size: 14px;
font-family: "Geomanist Book",arial,serif;}
.center.diario .content-col time{
float: left;
width:100%;
font-size: 14px;
text-align:left;
font-family: "Geomanist Book",arial,serif;}
.center.diario .content-col img{margin:10px 0;}
.center.diario img{margin:0;}
.form-msj-privado{ margin: 20px; }
.form-msj-privado .formulario .field label{display:none; text-align: left; margin-bottom: 10px;}
.form-msj-privado .formulario .field textarea{width: 100% !important;}
.msg-sent #noticeExplanation{ margin: 20px auto 0 auto; width: auto; }
.enlaces-relacionados{ width: 100%; display: block; float: left; padding: 40px 0 20px 0; color: #464646;}
.enlaces-relacionados p{ font-family: "Geomanist Book",arial,serif; font-size: 15px; color: #464646; padding: 3px 0;}
.enlaces-relacionados h3{ font-size: 20px; font-family: "Calendas Bold",arial,serif; padding: 0 0 10px 10px; color: #464646;}
.enlaces-relacionados a{ text-decoration: none; padding: 10px 5px; color: #464646;}
/*********************** contenido editable - que es ***************************/
.content-edit{display:inline-block;width:100%;background:#ebede2;padding:100px 0 0;}
.content-edit H1{color:#7aa6bf;font-size:246px;font-family:"Calendas Bold",arial,serif;text-align:center;text-transform:none;line-height:165px;letter-spacing:-4px;padding-bottom:100px;}
.content-edit H2{
font-size:36px;font-family:"Calendas Regular",arial,serif;color:#bec0b1;margin-bottom:40px;
background:url(../images/comunes/bg_separador_gris_claro_title.png) repeat-x left center;}
.content-edit H2 span{
display: inline-block;
padding: 0 20px;
background: #ebede2;}
.content-edit .center-edit{margin:0 auto;text-align:center;width:990px;clear:both;}
.content-edit .center-edit.top{width:790px;padding-bottom:50px}
.content-edit .center-edit.top p{font-family:"Geomanist Bold",arial,serif;font-size:33px;line-height:31px;padding-bottom:40px;}
.content-edit .center-edit.top .video{}
.content-edit .center-edit.top .video span{display:inline-block;font-family:"Calendas Italic",arial,serif;font-size:18px;padding-top:5px;}
.content-edit .center-edit.top .video span{display:block;text-align:center;}
.content-edit .center-edit .row{padding:0 70px;margin-bottom:60px;}
.content-edit .is-asociacion .center-edit .row{ padding: 40px 0 0 20px;}
.content-edit .center-edit .left p{font-family:"Calendas Regular",arial,serif;color:#7aa6bf;font-size:22px;text-align:left;}
.content-edit .center-edit .left p i{font-family:"Calendas Italic",arial,serif;}
.content-edit .center-edit .left p span{font-family:"Calendas Bold",arial,serif;}
.content-edit .center-edit p.title{font-family:"Geomanist Bold",arial,serif;color:#7aa6bf;font-size:42px;margin-top:-15px;}
.content-edit .center-edit .right{text-align:left;}
.content-edit .center-edit .right UL LI,
.content-edit .center-edit .right P{font-family: "Geomanist Book",arial,serif;font-size:22px;padding-bottom:30px;}
.content-edit .center-edit .right UL{padding-top:10px;}
.content-edit .center-edit .right UL LI{padding-bottom:0;}
.content-edit .center-edit .right P strong{font-family: "Geomanist Bold",arial,serif;}
.content-edit .center-edit .right A{font-size:14px;text-align:cener;text-transform:uppercase;font-family: "Geomanist Bold",arial,serif;}
.content-edit .center-edit.members .row{padding:0;}
.content-edit .center-edit.members .top{ }
.content-edit .center-edit.members.patronos .top{padding-bottom:0;min-height:315px;}
.content-edit .center-edit.members .top IMG{margin-bottom:5px;}
.content-edit .center-edit.members .top P{font-family:"Calendas Bold",arial,serif;font-size:17px;padding-bottom:0;line-height:22px;}
.content-edit .center-edit.members .top P span{font-family:"Calendas Regular",arial,serif;}
.content-edit .center-edit.members .top P i{font-family:"Calendas Italic",arial,serif;}
.content-edit .center-edit.members .bottom{text-align:left;display:none;}.content-edit .center-edit.members .bottom P{font-family:"Calendas Regular",arial,serif; font-size:17px;}
.content-edit .center-edit.theme-button{padding:30px 0 80px;}
.content-edit .center-edit.theme-button P{font-size:21px;font-family: "Geomanist Book",arial,serif;margin-bottom:20px;padding-bottom:0;}
.content-edit .center-edit.theme-general A.button,
.content-edit .center-edit.theme-button A{
font-size: 14px;
text-align: center;
text-transform: uppercase;
font-family: "Geomanist Bold",arial,serif;
color:#fff;
background:#7aa6bf;
padding:10px 30px;
display:inline-block;
text-decoration:none;}
.content-edit .center-edit.theme-button A:hover{background:#3b6a85;}
.content-edit .center-edit.theme-general A.button.minus{ text-transform: lowercase; font-size: 18px; }
.content-edit .center-edit.theme-button P.small-button{padding-bottom:0;margin-bottom:25px;}
/********* contenido editable interior ***********/
.content-edit.interior{padding:145px 0 0}
.content-edit.interior H1{font-size:72px;line-height:76px;letter-spacing:-1px;padding-bottom:55px;}
.content-edit.interior .center-edit.top p,
.content-edit.interior P{font-family: "Geomanist Book",arial,serif;/*font-size:23px;*/font-size:22px;line-height:30px;padding-bottom:35px;}
.content-edit.interior P strong{font-family:"Geomanist Bold",arial,serif;}
.content-edit.interior .center-edit H3{
color: #7aa6bf;
text-transform: none;
font-family: "Calendas Bold",arial,serif;
text-align: center;
letter-spacing: -1.5px;
font-size: 46px;
line-height: 48px;
padding: 30px 0px 35px;
margin-bottom:0;
background:none;}
.content-edit.interior .center-edit.top{width:990px;}
.content-edit .center-edit.theme-history-positive P,
.content-edit.interior .center-edit p.title{line-height:normal;margin-bottom:0;padding-bottom:0;}
.content-edit .center-edit.theme-history-positive P{font-size:20px;}
.content-edit.interior .center-edit p.title{font-size:42px;}
.content-edit .center-edit.theme-history-positive H3{padding-top:0;}
.content-edit .center-edit.theme-history-positive .row:last-child{margin-bottom:0;}
.content-edit.interior .center-edit UL{display:inline-block;padding-left:50px;}
.content-edit.interior .center-edit UL LI{color:#464646;font-family: "Geomanist Book",arial,serif;/*font-size:23px;*/font-size:22px;line-height:30px;padding-left:20px;padding-bottom:10px;text-align:left;}
.content-edit.interior .center-edit UL LI:before { content: ""; border-color: transparent #7aa6bf; border-style: solid; border-width: 0.30em 0 0.30em 0.40em; display: block; height: 0; width: 0; left: -15px; top: 0.9em; position: relative; }
.bloque-texto{}
.bloque-texto p{
font-family: "Geomanist Book",arial,serif;
font-size: 20px;
line-height: 30px;
padding-bottom: 20px;
color: #464646;}
/************************************** footer **************************/
footer{background:#bec0b1;display:inline-block;width:100%;padding:50px 0 30px}
.footer-top{display:inline-block;width:100%;text-align:center;}
.block{float:left;width:14%;text-align:center;}
.footer-top .block.first{width:29%;}
footer .footer-top .block A{padding-bottom:5px;display:block;font-family:"Geomanist Book",arial,serif;font-size:14px;text-decoration:none;}
/*.footer-top .block A:first-child{font-size:14px;text-decoration:underline;padding-bottom:7px;} */
.footer-top .block:last-child div A{display:inline;}.footer-top .block:last-child div A .fa{font-size:1.4em;padding:0 7px;}
/*footer .footer-bottom A:hover,
footer .footer-top .block A:first-child:hover{text-decoration:none; color:#ce8718;}*/
footer .footer-bottom{display:inline-block;width:100%;padding:70px 0 70px;text-align:center;}
footer .footer-bottom P{font-family:"Geomanist Book",arial,serif;font-size:13px;}
/****************** estilos generales formularios ***********/
.formulario {
background: #bec0b1;
padding: 40px 20px 40px 20px;
max-width: 100%;
}
.formulario .field {
width: 100%;
margin:0 0 15px;
display:inline-block;
}
.formulario .field label{
display: inline-block;
font-size: 20px;
font-family: "Calendas Regular",arial,serif;
color:#000;
width:430px;
text-align: right;
margin-right:40px;
margin-top: 10px;
float: left;
text-align:right;
}
.formulario .field textarea,
.formulario .field input,
.formulario .field select,
.formulario .field .simulate-input {
border: 0;
background: #ebede2;
padding: 10px 10px;
font-size: 18px;
font-family: "Calendas Regular",arial,serif;
color: #555555;
float:left;
}
.formulario .field .simulate-input {
color: #999;
font-style: italic;
display: inline-block;
width: 290px;
float:left;
}
.formulario .field .simulate-input.apagado{
background-color: rgba(235, 237, 226, 0.5);
}
.formulario .field.date-selects select{
width: auto;
}
.formulario .field input[type="file"]{
display:inline-block;
}
.formulario .field .field_with_errors{
display: block;
}
.formulario .field select option{
color: #919286;
}
.formulario .field.check {
}
.formulario .field.check input{
width: auto;
float:none;
}
.formulario .field.check label{
width: auto;
float: none;
margin: 3px 0 0 10px;
}
.formulario .actions input[type="submit"] {
font-size: 18px;
text-transform: uppercase;
font-family: "Geomanist Bold",arial,serif;
color: #fff;
border: 2px solid #fff;
padding: 10px 30px;
background: none;
width: auto;
margin-top: 20px;
}
.formulario .actions input[type="submit"]:hover{
background: #7aa6bf;
border-color: #7aa6bf;
color:#fff;
}
#back table tr td.actions.vtop,
table tr td .actions.vtop{ vertical-align: top; }
.formulario.signup{
margin: 0 auto;
float: none;
}
.formulario .signup-invitado{ margin-bottom: 20px; }
.formulario .signup-invitado p{ font-size: 18px; text-align:center; padding-bottom: 15px; margin: 0;}
.formulario .signup-invitado img{ margin:0; padding: 0; border-radius:50%;}
.formulario.signup .field select,
.formulario.signup .field input,
.formulario.signup .field input[type="file"],
.formulario.signup .field.date-selects .three-selects {
display: inline-block;
width: 290px;
}
.formulario.signup .field input[type="checkbox"]{
width:auto;
}
.formulario.signup .actions{width:100%;clear:both;display:inline-block;}
.formulario.signup .field.date-selects .three-selects{float:left;}
.formulario.signup .field.date-selects select{
width: auto;
margin-right:3px;
float: left;
display:inline;
}
.formulario.signup .aceptaprivacidad{
width: 70%;
margin: 5px auto;
text-align: left;
padding: 10px 0;
display: inline-block;
}
.formulario.signup .field.aceptaprivacidad{
margin-top: 0; margin-left: 10px;
}
.formulario .field.aceptaprivacidad{ margin-left: 470px; }
.formulario .field.aceptaprivacidad input{float:left;width:auto;}
.formulario .field.aceptaprivacidad label{float:left;width:auto;}
.formulario.signup .aceptaprivacidad label{
font-size: 16px;
line-height: 20px;
font-family: "Calendas Regular",arial,serif;
width: calc(100% - 20px);
float: right;
}
.formulario.signup .aceptaprivacidad input{
margin: 0 5px 0 0;
}
.formulario .actions .omitir{margin-left: 20px; margin-left: 20px; font-size: 18px; color: #666; text-decoration: none;}
.formulario.new-historia { width: 100%; display:inline-block; }
.formulario.new-historia .left-historia { display:block; float: left; width: calc(100% - 0px); }
.formulario.new-historia .left-historia label{ line-height: 25px; }
.formulario.new-historia .right-historia{ display:block; float: left; width: 0px; }
.formulario.new-historia .right-historia .mini{ display:none; }
.formulario.new-historia .right-historia .mini-0{ display:block; }
.formulario.new-historia .right-historia .previev-mini{ position:fixed; right: 0; padding: 10px; background: #fff;}
.formulario.new-historia .right-historia .previev-mini p{ font-size: 22px; color: #a7aa9c; text-align: center; font-weight: 700; margin-bottom: 10px;}
.formulario.new-historia .right-historia .previev-mini img{ width: 340px;}
.formulario.new-historia label{ width: 100%; float: left; text-align: left; margin: 10px 0 5px 0; }
.formulario.new-historia textarea,
.formulario.new-historia .field input { width: 100%; }
.formulario.new-historia .field select,
.formulario.new-historia .field input[type='file'] { width: 300px; }
.formulario.new-historia .field .actions{ width: 100%; display:inline-block; clear:both;}
.max-palabras{ font-size: 14px; float:right; margin-top: 15px;}
.formulario.login{ width: 475px; margin: 0 auto; padding: 40px 20px 20px 20px; max-width:100%;}
.formulario.login .field label{ width: 90px; }
.formulario .remember p{font-size:14px; text-align: center; width: 100%; padding: 20px 0 0 0; margin: 0;}
.formulario .remember a{font-size:14px; text-decoration:none;}
.formulario .remember a.underline{ text-decoration:underline;}
.formulario p.msg-center{ text-align: center; font-size: 20px; padding: 0 20px 10px 20px;}
/* ----------------------------------------------------------------------
* Back de usuario ---------------------------------------------------*/
.container.user-logged{
padding-top: 110px;
background-color: #ebede2;
}
.container.user-logged .botones-historia { text-align: center; padding-top: 20px;}
.profile{
}
.profile h2{
text-align: left;
margin: 0 0 10px 0;
}
.content-edit.interior .profile p,
.profile p{
font-size: 18px;
padding: 0;
}
.profile .nav-pills.menu-left LI{
width: 150px;
margin: 3px 0;
float: left;
clear: both;
}
.profile .user-data{
width:100%;
float:left;
padding:20px;
}
.profile .user-data .user-data-img{
float:left;
margin-right: 40px;
}
.profile .user-data .user-data-img p{
margin-bottom: 0;
}
.profile .user-data .user-data-img a{
border-radius:50%;
display: block;
background: no-repeat;
width: 150px;
height: 150px;
background-size: 150px;
}
.profile .user-data .user-data-fields{
float:left;
width:auto;
}
.profile .user-data .user-data-fields p{
line-height: 5px;
padding-bottom: 10px;
}
.profile .user-historias,
.profile .user-diario,
.profile .user-circulo{
width:100%;
float:left;
padding:20px;
}
.profile .user-historias,
.profile .historia-icon{
float:left;
margin-right: 40px;
}
.profile .revisando-historia{
background: #7AA6BF;
border: 1px solid #7AA6BF;
color: #fff;
margin: 0 0 30px 0;
}
.profile .revisando-historia p{
padding: 5px !important;
margin: 0;
}
.profile .user-historias .histories .col-md-4{
padding: 0;
}
.profile .user-historias .historia-icon .fa{
vertical-align: middle;
width: 140px;
height: 140px;
border-radius: 50%;
text-align: center;
background-color: #A7AA9C;
color: #ebede2;
padding-top: 33px;
}
.profile .histories .dates p,
.profile .histories IMG{
margin:0;
font-size: 16px;
padding: 0;
}
.profile .histories .dates{
padding-bottom: 0;
}
.profile .histories .content-col{ padding: 10px;}
.profile .histories .content-col H3 A,
.profile .histories .content-col H3{
text-align:left;
margin-top: 20px;
word-wrap: break-word;
}
.profile .histories .text {
min-height: auto;
padding-bottom:20px;
}
.profile .add-photo{
background-color: #f8f8f8;
width: 180px;
height: 200px;
border: 2px dotted #BEC0B1;
display: block;
margin-bottom: 40px;
margin-top: 0;
float: left;
margin-right: 50px;
}
.profile .add-photo.added-photo{
border:0;
background: transparent;
}
.profile .add-photo a{
display:block;
text-decoration:none;
}
.profile .add-photo .fa-camera{
color: #BEC0B1;
margin-top: 20px;
}
.profile .add-photo .fa-camera:before{
font-size:120px;
}
.profile .add-photo .fa-plus{
display: block;
color: #BEC0B1;
}
.profile .add-photo .fa-plus:before{
font-size: 50px;
width: 100%;
clear: both;
}
.profile .my-circles {
width:100%;
display:block;
float:left;
}
.profile .my-circles .friend{
background: #fff;
min-height: 60px;
margin-bottom: 20px;
padding: 5px;
float: left;
width: 100%;
}
.profile .my-circles .friend .cancel-friend{
float:right;
}
.profile .my-circles .friend a{
text-decoration: none;
}
.profile .my-circles .friend .little{
font-size: 14px;
}
.profile .my-circles.pendiente .friend a{
display: inline-block;
float:left;
}
.profile .my-circles.pendiente .friend a.box.enviada{ float: right; padding-right: 10px;}
.profile .my-circles .friend img{
max-height: 50px;
margin: 0 15px 0 0;
float: left;
}
.profile .my-circles .friend .no-image-user{
display: block;
width: 70px;
height: 60px;
float: left;
}
.profile .my-circles .friend .no-image-user:before{
content: "\f007";
font: normal normal normal 50px/1 FontAwesome;
color:#A7AA9C;
}
.profile .my-circles .friend p{
width: calc(100% - 80px);
margin: 0;
float: left;
margin-right: 10px;
font-size: 17px;
line-height: 24px;
padding: 0;
}
.profile .my-circles.pendiente .friend{
background: #BEC0B1;
border: 1px solid #9fa294;
}
.profile .my-circles.pendiente .friend p{
width:100%;
vertical-align:middle;
padding:0;
}
.profile .my-circles.pendiente .friend p .name,
.profile .my-circles.pendiente .friend p span{
padding: 12px 0;
color: #fff;
font-size: 16px;
}
.profile .my-circles.pendiente .friend p span{
display:inline-block;
float: left;
margin-left:10px;
}
.profile .my-circles.pendiente .friend p span.localizacion{
color:#222;
}
.profile .my-circles.pendiente .friend .simulate-boton{
float: right;
margin-right: 0;
}
.profile .invite-friend{ margin: 0 15px 40px 15px; width: calc(100% - 30px); float: left; }
.profile .invite-friend .formulario{ padding: 0; margin: 0;}
.profile .invite-friend .formulario .field{ padding: 5px 0; margin: 0; }
.profile .invite-friend .formulario .field .col-md-4{ margin: 5px 0; display: inline-block;}
.profile .invite-friend .formulario .field input{ width: 100%;}
.profile .invite-friend .formulario .field label{max-width: 100%; margin: 0; padding: 10px 0; text-align: left; color: #050000; font-size: 16px; display: inline-block; font-family: "Geomanist Book",arial,serif;}
.profile .invite-friend .formulario .actions input[type="submit"]{ width: auto; margin:0; padding: 5px 30px;}
.profile .invite-friend .msg-userinvitado{display:inline-block; color: #050000; font-size: 16px; padding: 10px 0; font-family: "Geomanist Book",arial,serif; }
.profile .invite-friend .msg-userinvitado.oculto{display:none;}
.profile .invite-friend .msg-userinvitado p{ padding: 0 0 0 40px; margin: 5px 0 5px 45px; font-size: 16px; }
.profile .invite-friend .msg-userinvitado p a{ float: right; margin-right: 20px; }
.profile .crop-image{}
.profile .crop-image .to-crop{ width: auto; float:left; margin-right: 30px; }
.profile .crop-image .to-preview{ width: 320px; float:left; }
.profile .crop-image h2{ color:#fff; margin: 0 0 10px 0; margin-bottom: 20px;}
.profile .crop-image p{ padding-bottom: 0px; }
.profile .crop-image #preview{}
.profile .crop-image .actions{ text-align: left; margin-top: 70px; }
/* DETALLE DE HISTORIA */
.center.bottom A.box.enviada{
background: #7AA6BF;
padding: 11px 10px 11px 17px;
}
.center.bottom A.box.enviada:before{
content: "\f017";
font: normal normal normal 25px/1 FontAwesome;
color: #FFFFFF;
float: left;
margin-right: 20px;
margin-top: 10px;
}
.center.bottom A.box.enviada em{
text-align: right;
float: right;
display: inline-block;
}
.center.bottom.social-options{ width: 587px;}
.center.bottom A.box.cancel{
background: #A7AA9C;
padding: 10px 10px 11px 15px;
}
.center.bottom A.box.cancel:before{
content: "\f235";
font: normal normal normal 25px/1 FontAwesome;
color: #FFFFFF;
float: left;
margin-right: 20px;
margin-top: 10px;
}
.center.bottom A.box.cancel em{
text-align: right;
float: right;
display: inline-block;
}
/* UTILITIES */
.bubble,
a.bubble {
margin: 5px;
padding: 5px;
position: relative;
width: auto;
border:1px solid #a7aa9c;
background-color:#fff;
color:#a7aa9c;
font-size: 11px;
min-width: 22px;
text-align: center;
display: inline-block;
border-radius: 3px;
}
.bubble:after {
content: "";
position: absolute;
top: 100%;
right: 5px;
border-top: 5px solid #000;
border-top-color: inherit;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
}
#preview-video-home{
cursor: pointer;
}
/************************* filters de colores ***************/
.center figure:hover .mask,
.personal-info figure:hover .mask{display:none;}
img.grayscale,
.histories .dates figure img.grayscale{
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
img.grayscale:hover,
.histories .dates figure img.grayscale:hover{
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
.profile-link {
display: inline-block;
}
.profile-link:hover .profile-pic,
.profile-link:focus .profile-pic{
/* -webkit-filter: url(#monochrome);
filter: url(#monochrome);*/
}
.defs-only {
position: absolute;
height: 0; width: 0;
overflow: none;
left: -100%;
}
/***************NUEVOS ESTILOS PARA BUSCADOR DE LA HOME Y EL TIMELINE DEL PACIENTE ****************/
.search-home-historias-diario{clear:both;width:100%;display:inline-block;}
.search-home-historias-diario .search{width:48%;float:left;padding:35px 50px 20px;margin-top:43px;margin-bottom:50px;}
.search-home-historias-diario .search.historias{padding-bottom:10px;}
.search-home-historias-diario .search .search-top{padding-top:0;padding-bottom:25px;text-align:left;}
.search-home-historias-diario .search .search-bottom{padding:0;display:none}
.search-home-historias-diario .search.historias .search-top .field{line-height:33px;}
.search-home-historias-diario .search span.first{display:block;text-align:left;}
.search-home-historias-diario .search.diario span.first{padding-bottom:20px;}
.search-home-historias-diario .search.historias span.first{padding-bottom:28px;}
.search-home-historias-diario .search.historias .field.botones{margin-top:31px;display:inline-block;width:100%;text-align:center;line-height:normal;}
.search-home-historias-diario .search.diario{float:right;padding:35px 50px;}
.search-home-historias-diario .search.diario .field{display: inline-block;width:100%;margin-bottom:15px;}
.search-home-historias-diario .search.diario .field.botones{text-align:center;margin-bottom:0;}
.search-home-historias-diario .search.diario .field label{
display: inline-block;
font-size:18px;
text-transform:uppercase;
font-family: "Geomanist Bold",arial,serif;
color: #fff;
width:75px;
text-align: right;
margin-right: 20px;
float: left;
margin-top:5px;}
/*.search-home-historias-diario .search.historias .field{display:inline-block;margin-bottom:10px;}
.search-home-historias-diario .search.historias .field select{order:0;background:#ebede2;padding:8px 10px;font-size: 18px;
font-family: "Geomanist Bold",arial,serif;width:82%;}*/
.search-home-historias-diario .search.diario .field input{border:0;background:#ebede2;padding:8px 10px;font-size: 18px;
font-family: "Geomanist Bold",arial,serif;width:82%;}
.search-home-historias-diario .search.diario .botones input[type="submit"] {
font-size: 18px;
text-transform: uppercase;
font-family: "Geomanist Bold",arial,serif;
color: #fff;
border: 2px solid #fff;
padding: 10px 30px;
background: none;
width:auto;
line-height:normal;
}
.search-home-historias-diario .btn-search-historia{
width:49%;float:left;padding:120px 128px 45px 40px;margin-top:43px;margin-bottom:50px;
background:url(../images/comunes/bg_enlaces_home.png) no-repeat left top #BABDAC;
}
.search-home-historias-diario .btn-search-paciente{
width:49%;float:right;padding:120px 128px 45px 40px;margin-top:43px;margin-bottom:50px;
background:url(../images/comunes/bg_enlaces_home.png) no-repeat left top #BABDAC;
}
.search-home-historias-diario p A{float:right;font-family:"Calendas Regular",arial,serif;font-size:38px;color:#fff;text-decoration:none;text-align:right;}
.search-home-historias-diario p A:hover{color:#7aa6bf}
.search-home-historias-diario p A strong{font-family:"Geomanist Book",arial,serif;display:block;text-transform:uppercase;font-size:28px;}
.mi-circulo{margin-top:60px;}
.personas-del-circulo{}
.personas-del-circulo .persona-circulo:nth-child(4n+1){ clear:left;}
.persona-circulo p{ margin-top: 10px; text-align: center; min-height: 110px; font-family: "Calendas Bold",arial,serif;}
.persona-circulo img{ margin: 0; width: 181px; max-height: 181px;}
.persona-circulo span{ display:block; width: 100%; text-align: center; }
.persona-circulo span a{ text-decoration:none; color: #464646;}
.persona-circulo .l2{font-family: "Calendas Regular",arial,serif;}
.persona-circulo .l3{font-family: "Calendas Regular",arial,serif; font-style: italic;}
.persona-circulo .coloreado {color: #db817a;}
/*************** diario **************/
.timeline{width:475px;display:inline-block;}
.timeline .search.diario{text-align:left;display:none;}
.timeline .search.diario .field{margin-bottom:15px;}
.timeline .search.diario span.first{display:block;padding-bottom:15px;}
.timeline .search.diario label{
display: inline-block;
font-size:18px;
text-transform:uppercase;
font-family: "Geomanist Bold",arial,serif;
color: #fff;
width:75px;
text-align: right;
margin-right: 20px;
float: left;
margin-top:5px;
text-align:left;
}
.timeline .search.diario input{border:0;background:#ebede2;padding:8px 10px;font-size: 18px;
font-family: "Geomanist Bold",arial,serif;width:70%;}
.timeline .search.diario .botones{text-align:center;display:inline-block;width:100%;}
.timeline .search.diario .botones input[type="submit"] {
font-size: 18px;
text-transform: uppercase;
font-family: "Geomanist Bold",arial,serif;
color: #fff;
border: 2px solid #fff;
padding: 10px 30px;
background: none;
width:auto;
}
.timeline article{display:inline-block;width:100%;border-top:1px solid #c0c2b8;padding-top:20px;margin-bottom:20px;}
/*.timeline:last-child article{margin-bottom:0;}*/
.timeline article .icon{float:left;width:65px;}
.center.top-negative-margin .mi-circulo .timeline .text{margin-left:20px;width:390px;float:left;}
.center.top-negative-margin .timeline .text{ margin-left: 20px; width: 377px; float: left;}
.timeline .text img{margin-bottom:0;padding-bottom:0; max-width:100%; }
.timeline .text p{font-family: "Geomanist Book",arial,serif;font-size:15px;margin-bottom:0;color:#000;}
.timeline .text p.post{ margin-bottom: 10px;}
.timeline .text p.date{color:#c2c4b5;}
.timeline .text .socials{text-align:left;padding-top:10px;color:#000;font-family:"Geomanist Book",arial,serif;}
.text .socials span{font-size:14px;} .timeline .text .socials span.comment{display:inline-block;margin-left:10px;}
.text .socials span .fa{ margin-right: 5px;font-size: 1.2em;color:#c2c4b5;}
.text .socials span a{color: #464646; text-decoration: none;}
.timeline .comments-post{ width: 100%; float:left; margin: 5px 0; }
.timeline .comments-post .comment{ width: 100%; float:left; border-bottom: 1px solid #aaa; padding: 5px 0 5px 0px; }
.timeline .comments-post .comment img{ width: 30px; float: left; margin: 5px 10px 0 0;}
.timeline .comments-post .comment .text{ width: calc(100% - 50px); float:left; margin:0; padding:0;}
.timeline .comments-post .comment .nuser{font-family: "Geomanist Bold",arial,serif; margin-right: 5px;}
.timeline .comments-post .comment .nuser a{text-decoration:none;}
.timeline .comments-post .comment .comment-date{ color: #c2c4b5; }
.timeline .comments-post .comment .comment-date a{ color: #555; text-decoration:none; padding-left: 10px; font-size: 14px; float: right; }
.timeline .formulario-comment{ width: 100%; float: left; margin-top: 10px;}
.timeline .formulario-comment img{ float: left; margin-right: 10px;}
.timeline .formulario-comment textarea{ width: calc(100% - 125px); float: left; padding: 7px 7px 6px;; background: #EBEDE2; border: 1px solid #bec0b1; margin-right: 10px;}
.timeline .formulario-comment input[type='submit']{ width: 75px; font-size: 12px; text-transform: uppercase; font-family: "Geomanist Light",arial,serif; border: 0; padding: 8px 16px; background: #7aa6bf; margin:0; color: #fff; float: left; }
.timeline .comments-post .show-more-comments{ width: 100%; float: left; border-top: 1px solid #aaa; }
.timeline .comments-post .show-more-comments:before{ content: " "; display: block; width: 100%; background: linear-gradient( to bottom, rgba(0,0,0,0) 0%, rgba(235, 237, 226,1) 40%, rgba(0,0,0,0) 0%, rgba(235, 237, 226,1) 40% ); height: 30px; margin: -25px 0 0 0; }
.timeline .comments-post .show-more-comments p{ font-size: 12px; text-align:center; border-top: 1px solid #aaa; padding: 10px 0 0 0;}
.timeline .comments-post .show-more-comments p a{ text-decoration: none; color: #464646; }
.profile .timeline p{ line-height: 19px; padding: 0 0 15px 0; margin: 0; }
.profile .timeline article .icon{ margin: 0 10px 10px 0; }
.profile .timeline .text .socials{ display:none; }
.profile .timeline article{ padding-bottom: 0;}
.botones-owner{ float: right;}
.botones-owner .simulate-boton{ font-size: 15px; padding: 5px 10px; color: #555; background: transparent;}
.botones-owner .simulate-boton i{ display: none; }
.text .socials .candado .fa{ color: #555555;}
.formulario.little-form{ padding:5px; margin-bottom: 20px; }
.new-diarioitem p { text-align: center; width: 100%; }
.new-diarioitem .label-color{ margin-right:1px !important;width: 35px !important; height: 35px;}
.formulario.new-historia .new-diarioitem .label-color label{ width: 35px; height: 35px;}
.new-diarioitem textarea.msg-diario{ border-bottom: 1px solid #bec0b1;}
.new-diarioitem label.oculto{display:none;}
.new-diarioitem .label-color img{ max-width:100%; cursor: pointer;}
.new-diarioitem .label-color input[type='radio']{ display: none; }
.new-diarioitem .label-color .opacity05{ opacity: 0.4; }
.new-diarioitem .label-color .opacity05.sel{ opacity: 1; }
.new-diarioitem .field{ margin: 0; display: block;}
.new-diarioitem .field.check{width:100%;float:none;clear:both;text-align:center}
.new-diarioitem .field.check input{width:auto;float:none;display:inline-block}
.new-diarioitem .field.check label{width:auto;float:none;display:inline-block;margin:3px 0 0 10px;color:#464646;font-size:14px}
.new-diarioitem .field .btn-success{background: transparent; border: 0; padding: 0 0 0 10px;}
.new-diarioitem .field.estados-animo{ width: 252px; float: left; clear: none; text-align: left; margin:5px 0 0 0;}
.new-diarioitem .field.check.es-privado{ width: 40%; float: left; clear: none; text-align: left; padding: 10px 5px; margin:0;}
.new-diarioitem .field.check.es-privado label {color: #222; margin: 0 0 0 5px;}
.new-diarioitem .field.check.es-privado span {color: #464646;}
.formulario.new-historia .new-diarioitem .actions.publicar-peque{width: 20%; float: right; clear:none; margin:5px 0 0 0;}
.formulario.new-historia .new-diarioitem .actions.publicar-peque input{ margin: 0; padding: 3px 10px; float: right; }
.new-diarioitem .contador{ background: #ebede2; padding: 9px 3px 8px 3px; width: 60px; font-family: arial,serif; text-align: right; display: inline-block; float: right; color: #888; border-left: 1px solid #bec0b1;}
.new-diarioitem .field input[type='text']{ padding: 6px 10px;}
.new-diarioitem .field input[type='file']{ padding: 4px 10px 5px 10px; font-size: 14px; width: 100% !important; max-width:100%;}
.tabs-diarioitem .nav-pills{ margin: 0; float:left; }
.tabs-diarioitem .nav-pills li{margin: 0; padding: 0; float: left;}
.tabs-diarioitem .tab-content{ width: calc(100% - 180px);background-color: #ebede2; border: 1px solid #ebede2; float: left;}
.tabs-diarioitem .tab-content input{ width:90%; }
.tabs-diarioitem .nav-pills LI A{width: 60px; background-color: #ebede2; border: 1px solid #ebede2; border-right: 1px solid #bec0b1;}
.tabs-diarioitem .nav-pills LI A:hover,
.tabs-diarioitem .nav-pills > li.active > a:hover,
.tabs-diarioitem .nav-pills LI.active A{ background-color: #7AA6BF; border: 1px solid #7AA6BF; color: #fff; border-right: 1px solid #bec0b1;}
.mis-fotos{width:490px;display:inline-block;border-top:1px solid #9fa294;padding-top:7px;}
.mis-fotos img{float:left;margin:7px 0;max-width:100%; width: 100%}
.mis-fotos .object-history{ max-width: 100%; width: 100%; margin-top: 7px; float: left; }
.mis-fotos .object-history iframe{ max-width: 100%; width: 100%; }
.boton-donar{display:inline-block;width:100%;text-align:center;margin-top:40px;}
.crear-historia.boton-blue{margin:0 0 40px;text-align:center;}
.crear-historia.boton-donar{}
.boton-donar.sin-margin{margin-top:0;margin-bottom:60px;}
.boton-donar P{text-align:center;margin-bottom:10px;}
.boton-donar A,
.boton-blue A,
A.button.dona,
.content-edit .center-edit.theme-general A.button.dona{
font-size: 14px;
text-align: center;
text-transform: uppercase;
font-family: "Geomanist Bold",arial,serif;
color: #fff;
background: url(/images/comunes/corazon_3.png) no-repeat #7aa6bf;
background-position: center 10px;
padding: 30px 30px 10px 30px;
display: inline-block;
text-decoration: none
}
.boton-donar A:hover,
A.button.dona:hover,
.content-edit .center-edit.theme-general A.button.dona:hover{background-color:#3b6a85}
.boton-blue A{background-image:none; padding: 10px 30px;}
/* Notices y Errores*/
#errorExplanation,#error_explanation{ font-family: "Geomanist Regular",arial,serif !important; font-size: 16px; background-color:#f2dede;border:1px solid #ebccd1;border-radius:4px;color:#a94442;padding:15px;margin:20px 0;clear:both}
#errorExplanation H2,#error_explanation H2{font-size:17px;margin-bottom:5px;display:none}
#errorExplanation UL,#error_explanation UL{padding-left:15px; text-align: left; margin: 10px 0;}
#errorExplanation p,#error_explanation p{padding-left: 15px; padding: 0; margin: 0; text-align: left;}
#errorExplanation UL LI,#error_explanation UL LI{background:none; margin: 10px 0; font-family: "Geomanist Regular",arial,serif;}
#noticeExplanation{background-color:#dff0d8;border:1px solid #d6e9c6;color:#3c763d;padding:15px;margin:20px 0;border-radius:4px;clear:both;
width: 75%;
margin: 0 auto 20px auto;}
#noticeExplanation P{color:#3c763d;margin-bottom:0;line-height: 24px; padding: 0 10px; font-family: "Geomanist Regular",arial,serif; font-size: 16px;}
#noticeExplanation P.center{width:20px;float:right;height:20px;text-align:center;border:1px solid #BCB5B5;border-radius:50%}
#noticeExplanation H2{font-size:17px;margin-bottom:5px}
#noticeExplanation UL{padding-left:15px}
A.cerrar{line-height:1;text-shadow:0 0 0 #fff;opacity:.7;padding:1px 0 0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;font-family:inherit;text-decoration:none;width:23px;float:right;height:23px;text-align:center;border:1px solid #BCB5B5;border-radius:50%;font-size:17px;vertical-align:middle;background-color:#7AA27B;color:#fff;font-weight:400;font-family:arial}
/* ========================================================================
START PAGINATION
========================================================================= */
.pagination{margin:15px 0 30px;text-align:center;width:100%}
.pagination li{display:inline-block;*zoom:1;*display:inline}
.pagination .current,.pagination span,.pagination a{display:inline-block;color:#666;font-size:20px;font-weight:300;border:1px solid #bec0b1;margin:0 2px;padding:15px 20px;margin-left:-3px;text-align:center;background:transparent;text-decoration:none}
.pagination .current,.pagination a:hover{background:#bec0b1;color:#fff;border:1px solid #bec0b1;font-style:normal}
.pagination a.next_page,.pagination span.disabled,.pagination a.previous_page{padding:15px 20px;font-size:20px}
.pagination span.disabled{opacity:.7;cursor:inherit}
/************************mediaqueries**********************************/
/**********************************************************************/
#video-home-content{
width: 100%;
height: auto;
max-width: 640px;
}
@media (max-width:1200px){
.formulario.signup .field{}
.formulario .field.aceptaprivacidad {
margin-left: 0;
}
.formulario.signup .field label{ margin-bottom: 10px;}
.formulario.signup .field label,
.formulario.signup .field select{
text-align: left;
}
.formulario.signup .field select, .formulario.signup .field input, .formulario.signup .field input[type="file"], .formulario.signup .field.date-selects .three-selects{
width: 100%;
}
}
@media (max-width:1400px) and (min-width:1200px){
.search-home-historias-diario .btn-search-historia{padding:120px 40px 45px 0px;}
.search-home-historias-diario p A{font-size:35px;}.search-home-historias-diario p A strong{font-size:27px;}
.search-home-historias-diario .btn-search-paciente{padding:120px 40px 45px 0px;}
.contributors UL LI{padding:0 7px;}.contributors UL LI img{width:99%;}.contributors UL LI:first-child{padding-left:0;}.contributors UL LI:last-child{padding-right:0;}
}
@media (max-width:1200px) and (min-width:992px){
.search-home-historias-diario .btn-search-paciente{padding:110px 40px 45px 0px;background-position:-101px top;}
.search-home-historias-diario .btn-search-historia{padding:110px 40px 45px 0px;background-position:-101px top;}
.search-home-historias-diario p A{font-size:30px;}.search-home-historias-diario p A strong{font-size:24px;}
.search.historias.publico .field.pais{ clear: both; float: left; }
.formulario.signup .field textarea{ width: 100%; }
}
@media (max-width:992px) and (min-width:768px){
.search-home-historias-diario .btn-search-paciente{padding:110px 25px 75px 0px;background-position:-190px top;}
.search-home-historias-diario .btn-search-historia{padding:110px 25px 45px 0px;background-position:-190px top;}
.search-home-historias-diario p A{font-size:34px;}.search-home-historias-diario p A strong{font-size:24px;}
.content-edit .center-edit,
.content-edit.interior .center-edit.top{ width: 750px; }
/* .navbar-default .center{text-align:left;width:13.333333%;}
.navbar-default .utilities{width:40%;}*/
.persona-circulo figure{ position: relative; width: 181px; margin: 0 auto; padding: 0;}
.content-interior .center.bottom .first.separate-left { margin-left: 0px; }
}
@media screen and (max-width:992px){
body{overflow-x:hidden;}
.histories .col-md-4{margin-bottom:10px;}
.histories .col-md-4.video .content-top img{width:100%;}
.navbar-nav{margin:0;}
.profile .nav-pills.menu-left LI{clear: none; margin:5px;}
.content-edit .center-edit{
width: 750px;
}
.footer-top .block.col-xs-12{ width: 100%; padding-bottom: 10px; border-bottom: 1px solid #ebede2; margin-bottom: 10px; }
.profile .nav-pills.menu-left LI {
clear: none;
margin: 5px;
float: none;
display: inline-block;}
.profile .menu-left.nav.nav-pills{ padding-right: 0;}
.contributors UL LI { padding: 20px 20px; }
.center.bottom.social-options { max-width: 100%; }
.center.bottom.social-options .col-md-12 { width: 320px; margin: 0 auto;padding-left: 20px;}
.form-msj-privado .formulario .field textarea{ width: 100% !important;}
.content-interior .center .foto-ciruculo-enviar-amigo{ padding: 0;}
.content-interior .center.bottom .first { margin-left: 10px; }
.center.bottom .js-estado-amistad A.box { width: 220px; float: left;}
.content-interior .center.bottom .second { width: 220px; float: left; margin: 0; padding: 0; }
.content-interior .center.bottom .last {
clear: none;
text-align: center;
margin: 0 auto 0 auto;
width: 200px;
padding-top: 0;
padding-left: 0;
margin-left: 20px;
float: left;
}
.content-interior .center.bottom .first img { height: 58px; }
.search.historias.publico .field.pais{ clear: both; float: left; }
.personas-del-circulo .persona-circulo:nth-child(4n+1){ clear:none;}
.personas-del-circulo .persona-circulo:nth-child(3n+1){ clear:left;}
.content-interior .center.bottom div.socials {
padding-top: 10px;
display: block;
float: left;
width: 100%;
margin-top: 20px;
}
}
@media (max-width:1100px) and (min-width:992px){
.content-edit .center-edit{
width: 940px;
}
}
@media screen and (min-width:768px){
.navbar-default .navbar-collapse li.oculto{ display:none; }
.navbar.navbar-default .nav-right { display:inline-block; }
}
@media screen and (max-width:768px){
.navbar-default .navbar-collapse li.oculto{ display:block; }
.navbar.navbar-default .nav-right { display:none; }
.footer-top .block.col-xs-12{ width: 100%; padding-bottom: 10px; border-bottom: 1px solid #ebede2; margin-bottom: 10px; }
.navbar-default .navbar-nav > li > a{background:none;}
.contributors A{display:block;text-align:center;padding:0;}
.content-edit.interior img,
.center-edit.top.theme-general img{
max-width: 100%;
height: auto;
}
.content-edit H1 {
font-size: 120px;
line-height: 95px;
letter-spacing: -4px;
padding-bottom: 80px;
}
.content-edit .center-edit{
width: 450px;
}
.navbar-toggle{/*float:left;margin-left:7px;*/}
.navbar-default .navbar-nav > li .desplegable{
display:block;
position: relative;
left: 0;
top: 0;
width:100%;
background: #ebede2;
color: #777;
padding: 0;}
.navbar-default .navbar-collapse{padding-left:15px;}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle{
background:none;
border-color:#ebede2;
margin-bottom:0;
margin-top:0;
}
.navbar-default .navbar-toggle{
position:absolute;
z-index:1000;
}
.navbar-toggle .icon-bar{
width: 35px;
height: 4px;
color:#202a33;
}
.navbar-default .navbar-collapse{width: 320px; margin-bottom:20px;position:absolute; top:50px;z-index:1000;background:#ebede2;padding:0;left:0;}
.navbar-default .navbar-collapse UL{padding-left:0;padding-right:0;}
.navbar-default .navbar-collapse UL.navbar-nav{border-bottom:1px solid #c0c2b7;border-top:1px solid #c0c2b7;}
.navbar-default .center{text-align:right;width:60%;padding:0;}
.navbar-default .utilities{width:39%;}
.scroll-fixed-top .navbar-default .center{width:54%;padding:0;}
.scroll-fixed-top .navbar-default .utilities{width:33%;}
.navbar-default .first{width:100%;}
.search-home-historias-diario .search{width:100%;}
.content-interior .center{width:90%;}
.content-edit .center-edit,
.content-edit.interior .center-edit.top {width:100%;padding: 0 10px;}
.content-edit.interior H1 {
font-size: 48px;
line-height: 50px;
letter-spacing: -1px;
padding-bottom: 24px;
}
.content-edit.interior .center-edit H3 {
font-size: 40px;
line-height: 45px;
letter-spacing: -1px;
padding-bottom: 24px;
}
.search-home-historias-diario{ padding:20px 0 40px;}
.search-home-historias-diario .btn-search-historia ,
.search-home-historias-diario .btn-search-paciente {background-position:300px 0;width:100%; height: auto; margin: 10px 0; padding: 20px;}
.persona-circulo figure{ position: relative; width: 181px; margin: 0 auto; padding: 0;}
.new-diarioitem .field.estados-animo{ width: 200px;}
.content-interior .center.bottom .first.separate-left { margin-left: 0; }
}
@media screen and (max-width:580px){
.navbar-default .center{width:62%;}
.navbar-default .utilities{width:35%;}
.scroll-fixed-top .navbar-default .center{width:54.5%;}
.scroll-fixed-top .navbar-default .utilities{width:39%;}
.new-diarioitem .field.estados-animo,
.new-diarioitem .field.check.es-privado,
.formulario.new-historia .new-diarioitem .actions.publicar-peque{
width:100%;
float:left;
text-align: center;
margin-top: 10px;
}
.new-diarioitem .field.check.es-privado{
margin: 0 auto;
}
.formulario.new-historia .new-diarioitem .actions.publicar-peque{
margin: 0 auto;
width: 150px;
float: none;
}
.formulario.new-historia .new-diarioitem .nav-pills LI{ width: 50%;}
/*** revision 13052016 *****/
.content-title H1,
.content-interior H1{
font-size:60px;
line-height:60px;
margin-bottom:10px;
}
.nav-pills > li + li{margin-left:0;}
.nav-pills LI{width:100%;margin:0 0 10px;padding:0;}
.mis-fotos{width:100%;border-top:0;}
.timeline{width:100%;}
.center.top-negative-margin .timeline .text{width:100%;margin-left:0;padding-top:10px;}
.mis-fotos img{width:100%!important;}
.content-edit .center-edit .row{padding:0 15px;}
.content-edit.interior .center-edit UL{padding-left:20px;max-width: 100%;}
}
@media screen and (max-width:768px){
html{ overflow-x: hidden;}
.content-interior .center.bottom.position .first.col-xs-12{width:100%;padding-right:15px;1}
.content-interior .center.bottom.position .col-xs-12{width:100%;}
.content-interior .center.bottom.position .col-xs-12.last{width:100%;}
.content-interior .center.bottom.position{padding-top:40px;}
.content-interior .center.bottom .first{width:100%;text-align:center;}
.content-interior .center.bottom .col figure{float:none;text-align:center;}.content-interior .center.bottom .col figure img{float:none;}
.content-interior .center.bottom .col{margin-bottom:10px;}
.content-interior .center.bottom .col.last{text-align:center;}
.content-interior .center.bottom div.socials{padding-top:10px;}
.content-interior .center.bottom .col figure img.grayscale{
-webkit-filter: grayscale(0%);
filter: grayscale(100%);
}
.no-object { margin-top: 57px; }
.search.historias.publico .primero,
.search.historias.publico .field{ width: 100%; float: left; text-align: left; }
.search.historias.publico span{ text-transform: capitalize; }
.search.historias.publico span.coma{ display: none; }
.search.historias.publico span { font-size: 18px; }
.search select { font-size: 16px; }
/*.navbar-default .navbar-nav > li .desplegable li { padding: 10px 10px 10px 15px; }*/
}
@media screen and (min-width:768px){
.content-interior .center.bottom.position .first.col-xs-12{width:10%;}
.content-interior .center.bottom.position .col-xs-12{width:33.33333333%;}
.content-interior .center.bottom.position .col-xs-12.last{width:16.66666667%}
}
@media screen and (max-width:510px){
.navbar-default .center{width:66%;}
.navbar-default .utilities{width:32%;}.navbar-default .utilities A{font-size:12px;}
.profile .nav-pills.menu-left LI{ width: 100%;}
.content-title,
.content-edit.interior {
padding: 100px 0 40px;
}
.content-title h2,
.content-title h2.first-sencente,
.content-edit.interior h1,
.content-interior h3.second-sencente{
font-size: 35px;
line-height: 40px;
}
.content-home { padding-top: 20px; }
.search.buscador-compacto .search-top h3 {font-size: 18px;}
.search.buscador-compacto .tab-content { height: 250px; }
.search.buscador-compacto .field.botones input{ padding: 7px 15px;}
.search.buscador-compacto .field.botones { margin-top: 0; }
.histories .content-col H4 A,
.histories .content-col H4{
font-size: 25px;
line-height: 26px;
word-wrap: break-word;
}
.content-home .definition .home-historias-search p,
.contributors h2 span, .content-home h2 span{
font-size: 25px;
line-height: 30px;
margin-bottom: 15px;
padding: 0 25px;
}
.content-edit.interior .center-edit p.title {
font-size: 30px;
}
.content-home .definition {
padding-bottom: 0px;
}
.content-edit.interior .center-edit h3{
font-size: 30px;
line-height: 35px;
}
}
@media screen and (max-width:480px){
#mainmenu .navbar.navbar-default .row{ margin: 0; }
.cookie-msg{ height: 100px; }
.cookie-msg .container{ width: 80%;}
.navbar-default .first,
.scroll-fixed-top .navbar-default .center,
.scroll-fixed-top .navbar-default .utilities {
width: 33.33%;
float: left;
}
.scroll-fixed-top .navbar-default .center {
text-align: center;
}
.utilities span{ display: none;}
.navbar.navbar-default .utilities .user-thumb{ display: none; }
.utilities .menu-account-options{}
.utilities .menu-account { margin-top: 10px; }
.utilities{padding-top:0;}
.video-home{ margin-top: 60px; float: left; display: block; margin-bottom: 0; padding: 0; clear: both; height: 240px; width: 100%;}
.video-home .down-btn { display:none !important; }
.content-home { padding-top: 0px; }
}
@media screen and (max-width:320px){
.video-home{ height: 180px; }
.autor-video { font-size: 11px; padding: 0 15px 0 0; margin-top:-20px;}
.autor-video a{ font-size: 11px;}
.center-edit.history .center-edit.top.theme-general ul li img{
float: none !important;
margin: 0;
max-width: 80%;
}
.content-home { padding-top: 20px; }
}