html, body { height: 100%; }

body {
    font-weight: 400;
    font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.bodyView {
	overflow: hidden; }
	
/* COSA RARA*/
.fixed {
	position: fixed !important;
	margin-top: 0;
	top: 50px; right: 0; left: 0;
	height: auto !important;
	z-index: 999; }
	
/* GENERAL */
.nav, .pagination, .carousel, .panel-title a { cursor: pointer; }

p {
	font-size: 1.1em; }

/* cualquier botón del App Bar */
.navbar { text-align: center; background-color: rgba(256,256,256,0.86); }
.navbar .btn { padding: 0 12px; height: 34px; margin: 8px 0; }

/* Cualquier boton con un glyphicon... */	
.btn .glyphicon { vertical-align: middle; top: 0; }

/* APP MENU */
.appmenu { position: fixed; top: 50px; right: 0; bottom: 0; left: 0; z-index: 99999; background-color: #e4e4e4; transition: bottom 0.2s ease-in; overflow: auto; }
.appmenu.collapsed { overflow-x:hidden;bottom: 100%; }
.appmenu .container {
	text-align: center; }
.appmenu ul {
	margin-top: 15px;
    list-style: none; }
.appmenu li {
    font-size: 1.3em;
    margin: 0;
    padding: 15px 0;
    font-weight: 200;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #d4d4d4;
	cursor: pointer; }
@media (min-width: 768px) {
	.appmenu li {
		font-size: 1.5em;
	    padding: 20px 0; }
}	
.appmenu li:first-of-type {
	border-top-color: transparent; }
.appmenu li:last-of-type {
	border-bottom-color: transparent; }
.appmenu a {
	color: inherit;
	text-decoration: none; }

/* APP-HEADER */
.app-header {
	border: none;
    box-shadow: 0 2px 5px rgba(0,0,0,0.5); }
.app-header .logo {
	height: 20px; }
@media (min-width: 400px) {
	.app-header .logo {
		height: 25px; }
}	
/* botón brand/toggle del appMenu */
.navbar .toggle { float: left; }
.navbar .toggle .btn { outline: none !important; background-color: transparent; box-shadow: none; }

.btn-access.common {
    float: right; }
.btn-access.common .glyphicon {
    font-size: 1.2em;  }
.btn-access.common .caption {
    display: none }
.btn-config {
    float: right; }
.btn-config .glyphicon-cog {
    font-size: 1.6em;  }
@media (min-width: 769px) {
    .btn-access {
        float: right; }
    .btn-access.common .glyphicon {
        display: none;  }
    .btn-access.common .caption {
        display: inline }
    .btn-config .glyphicon-menu-down {
        display: none; }
}

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
/*    margin-top: 0;
    margin-bottom: 2rem;*/
    font-weight: 300; }

h1 { font-size: 2.4rem; line-height: 1.2;  letter-spacing: -.1rem;}
h2 { font-size: 2.4rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 1.8rem; line-height: 1.3;  letter-spacing: -.1rem; }
h4 { font-size: 1.5rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 1.5rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 1.0rem; line-height: 1.6;  letter-spacing: 0; }

/* Larger than phablet */
@media (min-width: 550px) {
    h1 { font-size: 2.4rem; }
    h2 { font-size: 2.4rem; }
    h3 { font-size: 1.88rem; }
}

@media (min-width: 768px) {
    h1 { font-size: 3.2rem; }
    h2 { font-size: 2.6rem; }
    h3 { font-size: 1.88rem; }
}

@media (min-width: 992px) {
    h1 { font-size: 4rem; }
    h2 { font-size: 3.4rem; }
    h3 { font-size: 2.1rem; }
}

/* BOTON PRIMARIO */
.btn-primary, .btn-primary.active, .btn-primary.focus {
   	color: #fff;
		background-color: #319a25 !important;
}
.btn-primary:hover, .btn-primary.active:hover, .btn-primary.focus:hover {
    color: #fff;
    background-color: #287b1e !important;
    border-color: #1e5a17;
}
.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: #319a25;
    border-color: #1d5d16;
}

/* APP CONTENT */
section.app {
	margin: 0 auto -140px;
	min-height: 100%;
    height: auto !important;
    height: 100%; }
section.app .green {
	background-color: #319A25; }
		
.app .content { padding-top: 51px; }
/*
@media (min-width: 360px) {
    .app .content { padding-top: 51px; }
}
*/
/* APP FOOTER */
section.app .push, footer.app {
	height: 140px; }
footer.app {
	background-color: #333;
	color: #999;
	text-align: center; }

/* INDEX */
.logo .container {
	padding: 4em 0.5em 5em;
    text-align: center; }

.logo h1 {
    margin-bottom: 1em; }
.logo img {
    width: 100%;
    max-width: 970px; }

.panels {
    background-color: #319A25;
    color: #fff;
    text-align: left;
}
.panels .container {
    max-width: 970px; }
.panels .row {
    padding: 1.5rem 0;
    margin: 0;
/*    background-color: #37AD2A;*/
    border-radius: 4px;
}
.panels .col {
    padding: 0;
/*    background-color: transparent; */}
.panels a.content {
	display: block;
	text-decoration: none;
	color: #fff; }
.panels .content {
    margin-bottom: 20px;
    padding: 0 1rem;
    text-align: center; }
.panels .content * {
    cursor: pointer;
}
.panels .content h3 {
    margin-bottom: 0.2rem;
}
.panels .content h3 > span {
    font-size: 2rem;
    font-weight: 400;
}
.panels .content p {
    display: none;
    margin-bottom: 3rem;
}
.panels .content p > span {
    margin-left: 10px;
}

.title {
	padding-bottom: 0.5em;
	text-align: center; }
.subtitle {
	padding-bottom:20px;
	font-family: 'Gloria Hallelujah', cursive;
	text-align: center;
	border: none !important; }

.posts .container {
	max-width: 850px;
    padding: 3em 0 5em;
    color: #000;
    border-top: 1px solid #e0e0e0;
    text-align: center;  }
.posts .container.left {
    text-align: left;  }
.posts .container:first-child {
    margin-top: 0;
    border: none; }
.posts .row {
    margin: 0; }
.posts a.link {
	display: block;
	color: inherit;
	text-decoration: none; }    
.posts h2 {
    font-weight: 400; }
    
.posts .post h3 {
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e4e4e4;
    text-align: center; }
.posts form {
	padding: 30px 10px;
    margin-top: 30px;
    border: 1px solid #e4e4e4;
    background-color: #f4f4f4;
    text-align: left; }

.posts .comm, .posts .desc {
    padding: 20px 0;
    margin-bottom: 20px;
    border-top: 1px solid #e4e4e4; }
.posts .comm p, .posts .desc p {
	font-size: 1.2em; }
.posts .comm p {
	margin: 0 10px 10px 10px; }
.posts .comm .images {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #e4e4e4;
	overflow: auto; }
.posts .comm .images .img-panel {
	float: left;
	width: 33.3%; }
.posts .comm .images .img-panel > div {
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	height: 200px;
	margin:10px;
	cursor: pointer; }
.posts .comm .images .image img {
	width: 100%;
	padding-right: 10px;
	cursor: pointer; }
.posts .comm .src {
	position: relative;
	overflow: auto;
    padding: 20px;
    margin-top: 20px;
/*
    box-shadow: 0 2px 10px rgba(0,0,0,0.4);
*/
	border: 1px solid #e4e4e4; }
.posts .comm .src .backtext {
	position: absolute;
    top: 0; right: 0; bottom: 0; left: 29%;
    background-color: #f0f0f0;
    margin-left: 30px;
    border-left: 1px solid #e4e4e4;
    z-index: -1; }    
.posts .comm .src img {
	float: left;
    width: 29%;
    cursor: pointer; }
.posts .comm .src p {
    margin-left: 29%;
    padding: 0 20px 0 40px;
    font-size: 1em; }

.posts .desc p {
	margin: 20px 10px 10px 10px; }
.posts .desc .image {
	text-align: center; }
.posts .desc .image img {
	width: 100%; }
	
@media (min-width: 550px) {
    .logo .container {
        padding: 5em 0 6em; }
    .panels .row {
        padding: 0; }
    .panels .content h3 > span {
        font-size: 2.4rem; }
}

@media (min-width: 768px) {
    .logo .container {
        padding: 6em 0 7em; }
    .signin-logo .container {
        padding: 2em 0; }
    .panels .container {
        padding: 4rem 0; }
    .panels .col {
        padding: 0.5em 0.6em;
        background-color: #37AD2A;
        border-radius: 4px;
        height: 300px; }
    .panels .content p {
        display: block;  }
    .panels .panel h3 > span {
        font-size: 2.7rem;  }
}

@media (min-width: 992px) {
    .logo .container {
        padding: 7em 0 8em; }
    .panels .content h3 > span {
        font-size: 3.5rem;  }
/*        
    .posts .container {
        padding: 5em 0 7em;  }
*/        
}

/* ..... */
	
/* LOGOS_JAMON */

.jamon {
	border:1px solid #e4e4e4;display:inline-block; }
.jamon .logo {
	width:60px;height:60px;float:left;position:relative; }
.jamon .logo img {
	position:absolute;top:50%;left:50%;width:54px;height:54px;margin-left:-27px;margin-top:-27px; }
.jamon .text {
	display:none;margin-left:60px;padding:15px;font-size:.9em;height:60px;width:90px;border-left:1px solid #e4e4e4;background-color:#f4f4f4;position:relative; }
.jamon .text .a {
	position: absolute;bottom: 3px;left: 6px;right: 6px; }
@media (min-width: 666px) {
.jamon .text {
	display: block; }
}
	
/* AQUI SI */
.info-aquisi {
}
@media (min-width: 650px) {
	.aquisi .row {
	    display: block !important; }
}

.aquisi {
	position:relative;
	margin-top: 74px !important;
	padding: 0 !important; }
.aquisi .row {
/*	display: none;*/
	margin-bottom:25px;
	padding:20px 0;
	border:1px solid #e4e4e4;
	border-top: none;
	background-color:#f0f0f0; }
.aquisi.map .row {
    display: none; }
@media (min-width: 769px) {
	.aquisi .row {
	    display: block !important; }
}

.aquisi.map {
	margin-top: 324px !important; }
.provs label {
	display: none; }
.provs select {
	display: inline-block;
	width: auto !important; }
.btn-map-label {
	display: none; }
@media (min-width: 500px) {
	.provs label {
	    display: inline-block; }
	.btn-map-label {
		display: inline; }
}

.aquisi .place {
	position:relative;display:inline-block;overflow:auto;width:100%;margin-bottom:5px; }
.aquisi .place .place-main {
	min-height: 150px;padding:15px 20px;background-color:#fff;border:1px solid #e4e4e4;overflow:auto; }
.aquisi .place .place-main .place-image {
	display: none; }
.aquisi .place .place-main.hasImage .place-image {
	display:block;float:left; }
.aquisi .place .place-main .place-image > .glyphicon {
	position:absolute;bottom:0;top:inherit;right:0px;padding:6px;background-color:rgba(255,255,255,0.5); }
.aquisi .place .place-main .place-image > div {
	width:150px;height:110px;cursor:pointer; background-position:center;background-size:cover;background-repeat:no-repeat; }
.aquisi .place .place-main .title {
	padding-bottom:5px;margin-bottom:0;font-style:italic;font-weight:bold;font-size:1.2em;text-align:left; }
.aquisi .place .place-main .pobl {
	position:relative;padding-top:120px; }

.aquisi .place .place-main .pobl .body {
	position:absolute;top:5px;right:0;left:165px;padding-top:13px;text-align:left;border-top:1px solid #e4e4e4; }
.aquisi .place .place-main .body .place-desc {
	font-size:1.1em;margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.aquisi .place .place-main .body .tools {
	float:right; }
.aquisi .place .place-main .body .tools span {
	padding: 3px 5px 3px 0px;
	cursor: pointer; }
@media (min-width: 700px) {
	.aquisi .place .place-main.hasImage .title, .aquisi .place .place-main.hasImage .pobl {
		padding-left:165px; }
	.aquisi .place .place-main.hasImage .place-image {
		position:absolute;top:20px;}
	.aquisi .place .place-main .pobl {
		padding-top:65px; }
}
	
/* ACTIVITIES */

.activities .container {
	max-width: 850px;
    padding: 3em 0 5em;
    color: #000;
    border-top: 1px solid #e0e0e0;
    text-align: center;  }
.activities .container.left {
    text-align: left;  }
.activities .container:first-child {
    margin-top: 1em;
    border: none; }
.activities .row {
    margin: 0; }
.activities .activity a {
	display: block;
/*	
    box-shadow: 0 2px 10px rgba(0,0,0,0.4);
    border-radius: 3px;
*/
	border: 1px solid #e4e4e4;    
	color: #333;
	text-decoration: none; }    
.activities .activity a .image {
	padding: 20px; }
.activities .activity a .image img {
	max-width: 100%; }
.activities .activity a > .text {
	overflow: auto;
/*	
    background-color: #eee;
    border-top: 1px solid #ccc;
*/    
    background-color: #f0f0f0;
    border-top: 1px solid #e4e4e4;
    padding: 0 20px 10px; }

.activities .activity a > .text .btn {
	margin-left: 10px; }
.activities .activity a > .text .btn .glyphicon {
	vertical-align: initial;
	top: 1px; }

@media (min-width: 992px) {
/*
    .activities .container {
        padding: 5em 0 7em;  }
*/        
}

/* GAME */
/* entire container, keeps perspective */
.flip-container {
	perspective: 1000px;
}
	/* flip the pane when hovered */
	.flip-container.flip .flipper {
		transform: rotateY(180deg);
	}

.flip-container, .front, .back {
	width: 100%;
	height: 480px;
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.flipper .front, .flipper .back {
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.flipper .front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.flipper .back {
	transform: rotateY(180deg);
}

/* Videos */

.video {
	display:flex;
   	flex-direction: column;
	margin-top:2em;
	padding-top:2em;
	border-top:1px solid #e4e4e4;
}
.video .image {
	flex:0 0 auto;
	padding-bottom:20px;
	text-align:center;
}
.video .content {
	display:flex;
	flex-direction:column;
	flex:1 1 auto;
	text-align:center;
	padding:0 0 20px 20px;
}
@media (min-width: 800px) {
    .video {
    	flex-direction: row;
	}
}

/* SIGN IN */

.signin-logo .container {
    padding: 1em;
    text-align: center; }
.signin-logo img {
    width: 100%;
    max-width: 500px; }

.signin .form{
    max-width: 350px;
    padding: 15px;
    margin: 0 auto 50px;
}
.signin .signin-heading,
.signin .checkbox {
    margin-bottom: 10px;
}
.signin .checkbox {
    font-weight: normal;
}
.signin .form-control {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 16px; }
.signin .form-control:focus {
    z-index: 2; }
.signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
.signin input[type="password"] {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
.signin .action {
	padding: 10px 0; }
.signin .restore {
	text-decoration: none;
	color: #555; }
	
/* ....... */

/* USER MENU */
.user-menu {
	float: right; }
.user-menu .dropdown-menu {
	top: 80%;
	right: 0;
	left: initial;
	padding: 10px 0 15px 0; }
.user-menu .dropdown-menu > li > a {
	padding: 10px 20px;
    cursor: default; }
	
/* HELLO */
.hello {
	float: right;
    margin: 15px;
    color: #999; }
.hello .item {
	margin-left:5px;padding-left:8px;border-left:1px solid #ccc;cursor:pointer; }
/*
 * Admin Menu
 */

.admin.menu {
	margin-bottom: 15px; }
.admin.menu .nav-pills>li {
	display: none; }
.admin.menu .nav li.dropdown {
	display: block; }
.admin.menu .nav li .dropdown-menu {
	width: 100%; }
.admin.menu .nav li .dropdown-menu a {
	padding: 10px 20px;
    cursor: default; }
@media (min-width: 600px) {
	.admin.menu {
		float: left;
		width: 150px; }
	.admin.menu .nav-pills>li {
		display: block; }
	.admin.menu .nav li.dropdown {
		display: none; }
}
.admin.menu .active > a,
.admin.menu .active > a:hover,
.admin.menu .active > a:focus {
    color: #fff;
    background-color: #319a25; }
	
/* CONFIG MAIN CONTENT */
.main {
	margin-bottom: 15px; }
@media (min-width: 600px) {
	.admin.main {
		margin-left: 150px;
		padding: 0 0 0 20px; }
}
.admin.main .sub-header {
	margin-top: 5px;
	margin-left: 15px; }
.socio.main .sub-header {
	margin-top: 0px;
	margin-left: 15px; }
.main .sub-header .button {
	top: -2px;
    margin-left: 10px;
    padding: 4px 5px 5px 5px;
    font-size: 14px;
    font-weight: 100;
	color: #666;
    border: 2px solid #666;
    border-radius: 50%;
    cursor: ponter; }
.main .sub-header .button:hover {
	color: #333;
	border: 2px solid #333; }

.tab-content {
	padding: 10px;
	border: 1px solid #ddd;
	border-top: none; }

/* AREA SOCIO/A */
.area uib-tab-heading .text {
	display: none; }
@media (min-width: 760px) {
	.admin .area uib-tab-heading .text {
		display: inline; }
}
@media (min-width: 600px) {
	.socio .area uib-tab-heading .text {
		display: inline; }
}
.area .tab-content {
	min-height: 200px; }
.area .tab-pane {
	padding: 10px 15px;}
.area .title {
    padding-bottom: 10px; }
.area .button {
	margin-left: 10px;
    padding: 2px 3px 3px 3px;
    font-size: 14px;
    color: #666;
    border: 2px solid #666;
    border-radius: 50%; }

.area .note, .area .ad {
	overflow: auto; }
.area .note p, .area .ad p {
	margin-bottom: 0;
	padding: 10px 15px;
	border: 1px solid #e4e4e4;
	background-color: #f4f4f4; }
.area .note .date, .area .ad .date {
	padding-left: 15px;
	font-size: .9em; }
.area .note .trash, .area .ad .trash {
	margin: 8px;
	top: 0;
	float: right; }

.area .doc .tools {
	margin: 5px;
	float: right; }
.area .doc .tools a:hover,
.area .doc .tools a:focus {
	text-decoration: none;
	color: #319a25; }
.area .doc .tools span {
	margin: 3px; }
.area .doc .tools .glyphicon-download {
	font-size: 1.4em; }
.area .doc .tools .glyphicon-trash {
	top: -2px; }
.area .doc p {
	margin-bottom: 0;
	padding: 8px 60px 8px 8px;
	border-bottom: 1px solid #e4e4e4; }
.area .doc .info {
	padding: 0px 8px; }
.area .doc .info span {
	font-size: .9em;
	color: #999; }
.area .doc .info .type {
	padding-right: 5px;
	border-right: 1px solid #e4e4e4; }
.area .doc .info .date {
	float: right; }

/* SOCIAL... */
.social-net {
    display: inline-block;
    margin: 0 8px; }
.social-net a {
    display: inline-block;
    margin: 0 2px;
    border-radius: 50%;
    background-color: transparent;
    vertical-align: middle; }
.social-net a span {
    display: inline-block;
    background-image: url('../images/social.min.png');
    width: 28px; height: 28px;
    margin: 10px;
    vertical-align: middle; }

.social-net .twitter span {
    background-position: 0 0; }
.social-net .twitter:hover {
    background-color: #55ACEE; }
.social-net .twitter:hover span {
    background-position: 0 28px; }
    
.social-net .facebook span {
    background-position: -28px 0px; }
.social-net .facebook:hover {
    background-color: #3B579D; }
.social-net .facebook:hover span {
    background-position: -28px 28px; }
    
.social-net .google span {
    background-position: -56px 0px; }
.social-net .google:hover {
    background-color: #CF3D28; }
.social-net .google:hover span {
    background-position: -56px 28px; }
    
.social-net .youtube span {
    background-position: -84px 0px; }
.social-net .youtube:hover {
    background-color: #D32322; }
.social-net .youtube:hover span {
    background-position: -84px 28px; }