@import url(//fonts.googleapis.com/css?family=Open+Sans);

@font-face {
    font-family: flaticon;
    src: url(../fonts/flaticon.ttf);
}

@font-face {
    font-family: MinionPro;
    src: url(http://www.titantropic.com/baul/fonts/MinionPro-Regular.otf);
	font-weight:normal;
}
@font-face {
    font-family: MinionPro;
    src: url(http://www.titantropic.com/baul/fonts/MinionPro-Bold.otf);
	font-weight:bold;
}

@font-face {
    font-family: OpenSans;
    src: url(../fonts/OpenSans-Regular.ttf);
	font-weight:normal;
}
@font-face {
    font-family: OpenSans;
    src: url(../fonts/OpenSans-Semibold.ttf);
	font-weight:bold;
}
@font-face {
    font-family: OpenSans;
    src: url(../fonts/OpenSans-Light.ttf);
	font-weight:100;
}
@font-face {
    font-family: OpenSans;
    src: url(../fonts/OpenSans-Italic.ttf);
	font-style:italic;
}
@font-face {
    font-family: OpenSans;
    src: url(../fonts/OpenSans-LightItalic.ttf);
	font-weight:100;
	font-style:italic;
}

@font-face {
    font-family: US101;
    src: url(../fonts/US101-2.ttf);
}

body { font-family: OpenSans, 'Open Sans', sans-serif; }



#fondo-video video {
	position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(../img/arquitectura/fondo_cabecera.jpg) no-repeat;
    background-size: cover; 
	margin-top:-1px;
	}

/******************************************
***				CABECERA				***
******************************************/

header {
	background:url(../img/arquitectura/lodo_cabecera.png) no-repeat center bottom/contain;
	position:relative;
	top:0;
	left:0;
	right:0;
	}
	header.header600 {min-height:650px;}
	header.header350 {min-height:350px;}
	header.fondoheader {
		background:url(../img/arquitectura/lodo_cabecera.png) no-repeat center bottom/contain,
				url(../img/arquitectura/fondo_cabecera.jpg) no-repeat center bottom/cover;
		}
.navbar-collapse {
		background:transparent;
		z-index:9999;
		}
@media (max-width: 991px) {
	.navbar-collapse {
		background:rgba(255,255,255,0.9);
		}
}


.navbar-toggle {
	background-color:#333;
	}
	.navbar-toggle .icon-bar {
		background-color: #ccc;
		}
.navbar-custom {
	z-index:9999;
	position:relative;
	}

header .navbar-form .form-group {
	vertical-align:top;
	}

header .fa-stack {
	color:#606060;
	background:#606060;
	height:21px;
	width:21px;
	}
header .fa-stack-1x {
	line-height:21px;
	}
@media (max-width: 991px) {
	header .fa-stack {
		height:42px;
		width:42px;
		}
	header .fa-stack-1x {
		line-height:42px;
		font-size:2em;	
	}
}

header .input-cabecera {
	background:#606060;
	border-radius:0;
	border:none;
	color:#fff;
	}
header .input-xs, header .btn-xs {
    height: 21px;
    padding: 2px 5px;
    font-size: 11px;
    line-height: 17px; 
    }
@media (max-width: 991px) {
	header .input-xs, header .btn-xs {
		height: 42px;
		padding: 4px 10px;
		font-size: 22px;
		line-height: 34px; 
		margin-top:10px;
		}	
}

.separador-cabecera {
	background:#b9b9b9; 
	width:2px; 
	height:21px; 
	vertical-align:bottom; 
	display:inline-block;
	float:left;
	margin-right:1ex;
	}
@media (max-width: 991px) {
	.separador-cabecera {
		display:block;
		background:transparent; 
		float:none;
		clear:left;
		}
}

header .abrir-usuarios {
	background:#a3a3a3;
	color:#000;
	cursor:pointer;
	float:left;
	margin-right:1ex;
	}
	header .abrir-usuarios .fa-inverse {
		background:#a3a3a3;
		color:#000;
		}

header .acceso-usuarios {
	float:left;
	margin-right:1ex;
	overflow:hidden;
	height:22px;
	white-space:nowrap;
	}
	
@media (max-width: 991px) {
	header .abrir-usuarios, header .acceso-usuarios {
		float:none;
		clear:left;
		margin-right:0;
		display:block;
		}
	header .acceso-usuarios {
		height:auto;
		white-space:normal;
		}
}



.navbar {border:none;}


#menu-principal {
	background:rgba(24,51,26,0.7);
	margin-right:-30px;
	padding:18px 15px 14px 20px;
	}
	
header .navbar-nav > li > a {
	line-height:1;
	padding:0;
	color:#fff;
	text-transform:uppercase;
	font-family:US101;
	font-size:16px;
	margin-right:26px;
	border-bottom:1px solid transparent;
	background:transparent !important;
	}
header .navbar-nav > li.menu-idiomas > a {
	margin-right:8px;
	}

header .navbar-nav > li > a:hover {
	border-color:#fff;
	}
header .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: transparent;
    border-color: transparent;
}
@media (max-width: 991px) {
	header > .navbar > .container {
		padding-left:0;
		padding-right:0;
		}
	header .navbar-nav > li > a {
		font-size:32px;
		margin-bottom:10px;
		display:inline-block;	
	}
	.container > .navbar-header {
		margin-right: 0;
		margin-left: 0;
		}
}
@media (max-width: 767px) {
	header > .navbar > .container {
		padding-left:15px;
		padding-right:15px;
		}
}

header .navbar-right .dropdown-menu {
	border:none;
	background:rgba(24,51,26,0.7);
	left:-20px;
	right:auto;
	margin-top:14px !important;
	border-radius:0;
	}
		header .navbar-right .dropdown-menu > li > a {
			color:#fff;	
			background:transparent !important;
			padding:0;
			margin:3px 20px;
			border-bottom:1px solid transparent;
			display:inline-block;
			font-family:US101;
			font-size:16px;
			}
			header .navbar-right .dropdown-menu > li > a:hover {
				color:#fff;	
				background:transparent;
				border-color:#fff;
				}

@media (max-width: 991px) {
	/*
	header .navbar-right .dropdown-menu {
		margin-top:0 !important;
		margin-left:0;
		position:relative;
		float:none;
		right:-20px;
		width:calc(100% + 20px);
		margin-bottom:20px;
		}	
		header .navbar-right .dropdown-menu > li {
			text-align:left;
			}
			header .navbar-right .dropdown-menu > li > a {
				font-size:20px;
				padding:0 !important;
				margin:5px 15px 5px 25px;
				}	
	*/
	header .navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
		margin-top:-10px !important;
		}				
	header .navbar-nav .open .dropdown-menu > li > a {
		padding: 5px 15px 5px 25px;
		line-height: 20px;
		}
	header .navbar .navbar-form {
		padding: 10px 15px;
		margin-top: 8px;
		margin-right: -15px;
		margin-bottom: 8px;
		margin-left: -15px;
		border-top: 1px solid transparent;
		border-bottom: 1px solid transparent;
		}
}

#logo {
	position:absolute;
	top:0;
	left:50px;
	z-index:6;
	}
@media (max-width: 991px) {
	#logo {
		z-index:auto;
		}	
}
	#logo img {
		background:rgba(255,255,255,0.75); 
		position:absolute;
		}
	#logo #contador {
		position:absolute;
		top:205px;
		background:rgba(255,255,255,0.75);
		width:234px;
		text-align:center;
		padding:10px;
		color:#254624;
		line-height:21px;
		font-family:US101;
		font-weight:normal;
		}
		#contadorTexto {
			font-size:31px;
			}
			#contadorTexto:after {
				content:" - "
				}
		#contadorDias, #contadorTiempo {
			font-size:31px;
			line-height:31px;
			display:inline-block;
			}
		#contadorDias {
			width:39px;
			text-align:right;
			}
		#contadorTiempo {
			width:88px;
			text-align:left;
			}	
		#contadorPlazas {
			font-size:20px;
			}
		#contadorFecha {
			font-size:25px;
			line-height:35px;
			display:block;
			}
			#contadorFecha sup {
				font-family: OpenSans, 'Open Sans', sans-serif;
				font-size:12px;
				font-weight:bold;
				top: -1em;
				}
		#contadorAviso {
			font-family: OpenSans, 'Open Sans', sans-serif;
			font-size:10px;
			display:block;
			line-height:1;
			}
header .jumbotron {
	background:transparent !important;
	color:#ddd;
	margin:200px 0 0 0;
	padding-top:48px !important;
	padding-bottom:48px !important;

	}	
	header .jumbotron h1, header .jumbotron p {
		margin:0 0 0 35px;
		font-family:US101;		
		}
		header .jumbotron h1 {
			font-size:45px;
			line-height:0.95;
			}
		header .jumbotron p {
			font-size:20px;
			line-height:1;
			letter-spacing:-1px;
			word-spacing:0.1ex;
			}
		header .jumbotron .img {
			margin-top:10px;
			}
	header .jumbotron a {
		color:#ddd;
		}
		header .jumbotron a:hover {
			color:#fff;
			text-decoration:none;
			}
@media (max-width: 991px) { 
	header .jumbotron {
		margin-top:187px;
		}
}




article {
	background:#fff;
	}



.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/******************************************
***			CAROUSEL CABECERA			***
******************************************/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}
#carousel-header.carousel .left {
	margin-left:0 !important;
	}
	
	
/******************************************
***					PIE					***
******************************************/

.newsletter {
	background:#18450a url(../img/arquitectura/fondo_newsletter.jpg) no-repeat center center/cover;
	color:#fff;
	padding:40px 0;
	}
	.newsletter .txtpetit {
		margin:0 0 5px 62px;
		}
	.newsletter .txtgran {
		margin: 0 0 0 31px;
		font-family: US101;
		font-size: 36px;
		}
	.newsletter form {
		font-family: US101;
		font-size: 26px;
		background:rgba(0,0,0,0.3);
		}
	.newsletter label {
		font-weight:normal;
		}
	.newsletter input, .newsletter select {
		border-radius:0;
		font-family: US101;
		font-size: 26px;
		}
	.newsletter input#idNewsletterNom  {
		background:transparent;
		color:#fff;
		height:auto;
		border-top:none;
		border-right:none;
		border-left:none;
		}
	 .newsletter select {
		 background:#001b00 url(../img/arquitectura/fondo_select.png) no-repeat 95% center;	
		-moz-appearance:none; /* Firefox */
		-webkit-appearance:none; /* Safari and Chrome */
		appearance:none;
		border:none;
		color:#fff;
		height:auto;
		}
	.newsletter input[type="email"] {
		text-align:center;
		color:#18450a;
		height:auto;
		}
	.newsletter input[type="submit"] {
		text-align:center;
		color:#18450a;
		background:#97ab90;
		border:none;
		height:auto;
		}
	
	#idNewsletterDesplegable {
		display:none;
		}

footer {
	background: #203423; /* Old browsers */
	background: -moz-linear-gradient(top, #203423 0%, #162418 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #203423 0%,#162418 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #203423 0%,#162418 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#203423', endColorstr='#162418',GradientType=0 ); /* IE6-9 */
	}
	footer .container {
		border-left:1px solid #35573a;
		border-right:1px solid #35573a;
		}
	footer .navbar-footer {
		border-bottom:1px solid #35573a;
		border-radius:0;
		margin-bottom:0;
		}
		footer .navbar-footer .navbar-nav > li > a {
			color:#fff;
			line-height:50px;
			font-family:OpenSans;
			font-size:12px;
			text-transform:uppercase;
			}
			footer .navbar-footer .navbar-nav > li > a:hover {
				background:none;
				color:#fff;
				text-decoration:underline;
				}
		footer .navbar-footer .navbar-right {
			border-left:1px solid #35573a;
			padding-left:2em;
			padding-right:2em;
			}
		footer .navbar-footer .navbar-nav.navbar-right > li > a {
			color:#35573a;
			font-size:16px;
			}
			footer .navbar-footer .navbar-nav.navbar-right > li > a:hover {
				color:#fff;
				}
@media (max-width: 991px) {
	footer .navbar-footer .navbar-right {
		border-left:none;
		padding-left:0;
		}
		footer .navbar-footer .navbar-nav > li > a {
			line-height:1.2;
			}
}
		
	footer .logospie {
		border-bottom:1px solid #35573a;
		}
		footer .logospie .row {
			border-bottom:1px solid #35573a;
			}
			footer .logospie .row:last-child {
				border-bottom:none;
				} 
		footer .logospie .logoscolumna {
			border-right:1px solid #35573a;
			padding-bottom:8px;
			overflow:hidden;
			}
			footer .logospie .logoscolumna:last-child {
				border-right:none;
				}
		footer .logospie .logotitulo {
			color:#fff;
			text-align:left;
			font-size:11px;
			padding:5px 0;
			}

	footer .creditos {
		border:none;
		color:#fff;
		font-size:12px;
		padding:1em;
		}		
		
	
/******************************************
***					SOCIAL				***
******************************************/	
.social {
	background:#fff;
	}	
	.carousel-tt .carousel-video {
		position:absolute;
		top:0;
		left:15px;
		bottom:0;
		right:15px;
		color:#fff;
		font-size:60px;
		text-align:center;
		}
		.carousel-tt .carousel-video a {
			color:#fff;
			position:absolute;
			top:0;
			left:0;
			bottom:0;
			right:0;
			line-height:220px;
			z-index:999;
			}
	.carousel-tt .carousel-video-titulo {
			color:#fff;
			position:absolute;
			min-height:40%;
			left:25px;
			top:5px;
			right:25px;
			background:rgba(0,0,0,0.5);
			line-height:1.5;
			padding:10px 0;
			opacity:0;
			transition: opacity 0.3s ease;
			z-index: 99;
			}
	.carousel-tt .row > div:hover > .carousel-video-titulo {
			opacity:1;
			}
			.carousel-tt .carousel-video-titulo span {
				display:block;
				font-size:12px;
				margin:0 10px;
				font-weight:bold;
				}
				.carousel-tt .carousel-video-titulo span:first-child {
					color:#ff0309;
					}
#carousel-social .columnasocial {
	height:350px;
	overflow:hidden;
	}
#carousel-social .redsocial {
	position:relative;
	float:right;
	width:68px;
	height:68px;
	}
	#carousel-social .redsocial-fondo {
		position:absolute;
		top: 0;
		right: 0;
		width: 0;
		height: 0;
		border-top: 50px solid #214526; 
		border-left: 50px solid transparent;
		}
	#carousel-social .redsocial-icono {
		color:#fff;
		position:absolute;
		top: 0;
		right: 0;
		width:25px;
		height:68px;
		text-align:right;
		padding-top:8px;
		text-align:center;
		}
	#carousel-social .logosocial img {
		right: 48px;
		width: 48px;
		margin-right:8px;
		margin-bottom:10px;
		}
		
	#carousel-social .cuentasocial {
		margin:0;
		font-weight:bold;
		color:#000;
		text-transform:uppercase;
		}
	#carousel-social .textosocial {
		clear:left;
		}

	#carousel-social .textosocial, 
	#carousel-social .mencionsocial, 
	#carousel-social .cuentasocial, 
	#carousel-social .infosocial  {
		font-size:12px;
		line-height:1.2;
		}
	
	#carousel-social .mencionsocial, #carousel-social .infosocial  {
			color:#8e8e8e;
		}
	#carousel-social .mencionsocial img {
		margin-right:8px;
		}
.marcovideos .fancybox-nav {
	height: 50%;
	top:25%;
	}

/******************************************
***					HOME				***
******************************************/

.carousel-tt .carousel-control {
	width:auto;
	color:#000;
	text-shadow:none;
	opacity:1;
	}
.carousel-tt .left {
	margin-left:-20px;
	}
.carousel-tt .right {
	margin-right:-20px;
	}	
.carousel-tt .carousel-control .icon-next, .carousel-tt .carousel-control .icon-prev {
	font-family:inherit;
	font-size:2em;
	color:#000;
	}
	
@media (max-width: 991px) { 
	.carousel-tt .left {
		margin-left:0;
		}
	.carousel-tt .right {
		margin-right:0;
		}	
}

	.carousel-tt .columna {
		height:340px;
		background:#fefefe no-repeat center center/cover;
		}
		.carousel-tt .carousel-caption {
			background:#fff;
			text-shadow:none;
			left:65px;
			right:65px;
			bottom:0;
			color:#000;
			height:90px;
			padding:10px 0;
			}
			.carousel-tt .carousel-caption p {
				margin:0 0 5px 62px;
				font-family:OpenSans;
				text-align:left;
				font-size:12px;
				}
			.carousel-tt .carousel-caption h3 {
				margin:0 0 0 31px;
				font-family:US101;
				font-size:36px;
				text-align:left;
				}
				
		.carousel-tt .columna2x .carousel-caption {
			right:calc(50% + 65px);
			}
		.carousel-tt .columna3x .carousel-caption {
			right:calc(66.66% + 65px);
			}
		.carousel-tt .carousel-link {
			display:block;
			position:absolute;
			top:0;
			left:0;
			right:0;
			bottom:0;
			}
@media (max-width: 991px) { 
	.carousel-tt .columna2x .carousel-caption, .carousel-tt .columna3x .carousel-caption {
		right:65px;
		}
}
		.carousel-tt .carousel-fecha {
			position:absolute;
			top:0;
			left:19px;
			width:50px;
			height:100px;
			background:#18450a;
			color:#fff;
			padding:7px;
			text-align:center;
			}
			.carousel-tt .carousel-fecha p {
				margin:0;
				padding:0;
				}
			.carousel-tt .carousel-fecha .dia {
				font-size:2em;
				line-height:1;
				}
			.carousel-tt .carousel-fecha hr {
				margin:4px auto;
				width:17px;
				}
		.carousel-tt .carousel-noticia {
			position:absolute;
			top:50px;
			left:75px;
			right:75px;
			bottom:50px;
			background:rgba(0,0,0,0.7);
			color:#fff;
			padding:22px;
			text-align:center;
			}
			.carousel-tt .carousel-noticia h4 {
				margin:0;
				color:#cc071d;
				font-family:US101;
				}
				.carousel-tt .carousel-noticia h4 a {
					color:#cc071d;
					}
			.carousel-tt .carousel-noticia .loc {
				margin:0;
				font-size:11px;
				font-style:italic;
				}
			.carousel-tt .carousel-noticia .intro {
				margin:0;
				font-size:11px;
				line-height:1.2;
				}
			.carousel-tt .carousel-noticia .masinfo {
				text-align:right;
				}
				.carousel-tt .carousel-noticia .masinfo a {
					color:#fff;
					}
		.carousel-tt .carousel-caption-news {
			background:#fff;
			text-shadow:none;
			left:50px;
			right:calc(66.66% + 50px); 
			bottom:0;
			color:#000;
			height:90px;
			padding:10px 0;
			position:absolute;
			}
			.carousel-tt .carousel-caption-news p {
				margin:0 0 5px 62px;
				font-family:OpenSans;
				text-align:left;
				font-size:12px;
				}
			.carousel-tt .carousel-caption-news h3 {
				margin:0 0 0 31px;
				font-family:US101;
				font-size:36px;
				text-align:left;
				}
#carousel-news .columna .carousel-noticia {
	opacity:0;
	z-index:99;
	transition:opacity 0.3s ease;
	}
#carousel-news .columna:hover .carousel-noticia {
	opacity:1;
	}				
@media (max-width: 991px) { 
			.carousel-tt .carousel-noticia h4 {
				font-size:30px;
				}
			.carousel-tt .carousel-noticia .loc {
				font-size:16px;
				}
			.carousel-tt .carousel-noticia .intro {
				font-size:16px;
				}
			.carousel-tt .carousel-noticia .masinfo {
				font-size:16px;
				}
	#carousel-news .columna .carousel-noticia {
		opacity:1;
		}

}				
@media (max-width: 767px) { 
	.carousel-tt .carousel-caption-news {
		right:50px;
		}
}			


					
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	}
	
	
/******************************************
***				INTERIORES				***
******************************************/	
	.fondoarticle {
		background: #fff; /* Old browsers */
		background: -moz-linear-gradient(top, #fff 0%, #b1dbd4 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #fff 0%,#b1dbd4 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #fff 0%,#b1dbd4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#b1dbd4',GradientType=0 ); /* IE6-9 */
		}
		.fondoimagen {
			padding:30px 0px 400px 0px;
			}
		.fondoimagen1 {
			background:url(../img/arquitectura/fondo_article_1.png) no-repeat center bottom/100% auto,
				url(../img/arquitectura/fondo_nube_1.png) no-repeat left 80%,
				url(../img/arquitectura/fondo_nube_2.png) no-repeat right 80%,
				url(../img/arquitectura/fondo_nube_3.png) no-repeat 10% 40%,
				url(../img/arquitectura/fondo_nube_4.png) no-repeat 90% 40%,
				url(../img/arquitectura/fondo_nube_5.png) no-repeat 40% 60%;
			}
		.fondoimagen2 {
			background:url(../img/arquitectura/fondo_article_2.png) no-repeat center bottom/100% auto,
				url(../img/arquitectura/fondo_nube_2.png) no-repeat 80% 40%,
				url(../img/arquitectura/fondo_nube_3.png) no-repeat right 80%,
				url(../img/arquitectura/fondo_nube_4.png) no-repeat center 65%,
				url(../img/arquitectura/fondo_nube_5.png) no-repeat left 50%,
				url(../img/arquitectura/fondo_nube_1.png) no-repeat 20% 30%;
			}
		.fondoimagen3 {
			background:url(../img/arquitectura/fondo_article_3.png) no-repeat center bottom/100% auto,
				url(../img/arquitectura/fondo_nube_3.png) no-repeat center 80%,
				url(../img/arquitectura/fondo_nube_4.png) no-repeat left 65%,
				url(../img/arquitectura/fondo_nube_5.png) no-repeat right 65%,
				url(../img/arquitectura/fondo_nube_1.png) no-repeat 80% 40%,
				url(../img/arquitectura/fondo_nube_2.png) no-repeat 20% 40%;
			}
		.article-column {
			background:rgba(255,255,255,0.9);
			padding:0 30px 30px 30px;
			}
		.article-column p {
			line-height:1.7;
			}
		
		.article-column p.article-caption {
			margin:0;
			font-family:US101;
			font-size:36px;
			color:#000;
			line-height:1.2;
			}
			.article-column p.article-caption span {
				margin:0 0 0 2em;
				font-family:OpenSans;
				font-size:12px;
				display:block;
				}
		
		.article-column h1.article-title {
			color:#18450a;
			font-family:US101;
			font-size:36px;
			margin:10px 0 0 0;
			}
		.article-column .article-subtitle {
			font-style:italic;
			}

h4.ultimas-noticias {
	font-family:US101;
	color:#000;
	font-size:36px;
	margin-top:1em;
	border-bottom:1px solid #000;
	padding-bottom:10px;
	}
p.ultimas-noticias {
	border-bottom:1px solid #000;
	padding-bottom:10px;	
	}
	p.ultimas-noticias a {
		display:block;
		color:#18450a;
		font-family:US101;
		font-size:24px;
		} 		
	p.ultimas-noticias span {
		display:block;
		font-size:large;
		}
a.sharer {
	color:#18450a;
	}		
a:active, a:focus {border:none; outline:none;}	
#desplegableInterior .panel-custom {
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0;
    box-shadow: none;
	}
	#desplegableInterior .panel-heading + .panel-collapse > .panel-body {
		border-top:none;
	}
	#desplegableInterior .panel-heading {
		background:rgba(255,255,255,0.8);
		border:1px solid #18450a;
		border-radius:0;
		padding:0;
		position:relative;
		}
		#desplegableInterior .panel-heading .panel-title a, 
		#desplegableInterior .panel-heading .panel-title span {
			display:block;
			text-decoration:none;
			position:relative;
			overflow:hidden;
			}
		#desplegableInterior .panel-heading .panel-title a:hover {
			text-decoration:none;
			}
		#desplegableInterior .panel-heading .panel-title .margenes {
			padding:15px 25px;
		}
		#desplegableInterior .panel-heading .panel-title .sobretitulo {
			font-size:12px;
			color:#000;
			}
		#desplegableInterior .panel-heading .panel-title .titulo {
			font-size:36px;
			color:#000;
			font-family:US101;
			}
		#desplegableInterior .panel-heading .panel-title .subtitulo {
			font-size:28px;
			color:#18450a;
			font-family:US101;
			}
		#desplegableInterior .panel-heading .panel-title .miniatura {
			position:absolute;
			height:auto;
			width:auto;
			top:0;
			bottom:0;
			right:0;
			max-width:200px;
			}
		#desplegableInterior .panel-heading .panel-title .ampliar {
			position:absolute;
			height:auto;
			width:auto;
			top:0;
			bottom:0;
			right:0;
			width:200px;
			}
			#desplegableInterior .panel-heading .panel-title .ampliar-fondo  {
				position: absolute;
				top: 0;
				right: 0;
				width: 0;
				height: 0;
				border-top: 50px solid #214526;
				border-left: 50px solid transparent;
				}
			#desplegableInterior .panel-heading .panel-title .ampliar-icono  {
				position: absolute;
				top: 0;
				right: 0;
				color:#fff;
				width:25px;
				line-height:30px;
				text-align:center;
				}
.menuFotos, .menuVideos {
	background:rgba(24,69,10,0.8);
	border:3px solid #18450a;
	border-left:0;
	border-right:0;
	padding:1em 0;
	}

.btn-titan {
    color: #fff;
    background-color: #214526;
    border-color: #000;
	border-radius:0;
}				
.btn-titan:hover, .btn-titan:focus  {
    color: #fff;
    background-color: #18450a;
    border-color: #214526;
}
.menuFotos .btn-titan, 
.menuVideos .btn-titan {
    color: #fff;
    background-color: transparent;
    border-color: transparent;
	border-radius:0;
}				
.menuFotos .btn-titan:hover, 
.menuFotos .btn-titan:focus,
.menuVideos .btn-titan:hover, 
.menuVideos .btn-titan:focus  {
    color: #fff;
    background-color: #18450a;
    border-color: #214526;
}

.thumbnail {
	border-radius:0;
	}
.thumbnail:hover {
	border-color: #214526 !important;
	}

#desplegableInterior .asistencia .panel-heading {
	background:#18450a;
	color:#fff;
	padding:1em;
	font-weight:bold;
	}
	
#ui-datepicker-div {
	z-index: 999 !important;
	}

.iconoplay {
	position:absolute;
	top:50%;
	left:50%;
	color:#fff;
	font-size:60px;
	margin-top:-30px;
	margin-left:-30px;
	}

/******************************************
***				USUARIOS				***
******************************************/	
.menuMiPerfil .list-group-item {
	border-radius:0 !important;	
	}
.tituloMiPerfil {
	background-color:#18450a;
	color:#fff;
	font-size:x-large;
	font-family:US101;
	border:1px solid #18450a;
	}
.progress {
	height:45px;
	}
.progress-bar {
	line-height:45px;
	background-color:#18450a;
	font-size:24px;
	}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #2C611B;
    border-color: #18450a;
}


/******************************************
***				COOKIES					***
******************************************/
 
	@keyframes desaparecer {
		0%		{bottom: 0px;}
		80%		{bottom: 0px;}
		100%		{bottom: -50px;}
	}
	 
	@-webkit-keyframes desaparecer /* Safari and Chrome */ 	{
		0%		{bottom: 0px;}
		80%		{bottom: 0px;}
		100%		{bottom: -50px;}
	}
	 
	@keyframes aparecer	{
		0%		{bottom: -38px;}
		10%		{bottom: 0px;}
		90%		{bottom: 0px;}
		100%		{bottom: -38px;}
	}
	 
	@-webkit-keyframes aparecer /* Safari and Chrome */	{
		0%		{bottom: -38px;}
		10%		{bottom: 0px;}
		90%		{bottom: 0px;}
		100%		{bottom: -38px;}
	}

	#cookiesms1:target {
		display: none;
	}
	.cookiesms{	
		width:calc(100% - 12px);
		max-width:250px;
		min-height:4em;
		margin:0 auto;
		padding:5px;
		font-size: 1.2em;
		clear:both;
		bottom:0px;
		position:fixed;
		left: 12px;
		background-color: #FFF;
		transition: bottom 1s;
		-webkit-transition:bottom 1s; /* Safari */
		/*
		-webkit-box-shadow: 2px -2px 0px #de0211;
		-moz-box-shadow:    2px -2px 0px #de0211;
		box-shadow:         2px -2px 0px #de0211;
		*/
		border-top:  2px solid #18450a;
		border-left:  2px solid #18450a;
		border-right:  2px solid #18450a;
		z-index:999999999;
		background:rgba(255,255,255,1);
		}
	 
	.cookiesms:hover{
		bottom:0px;
		} 
	
	p.cookietxt {
		margin-bottom:0;
		text-align:left;
		font-size:12px;
		color: #333;
		padding:1.2em;
		line-height:1.5;
		}
	p.cookietxt button {
		margin: 0px;
		font-size:12px;
		float:left;
		margin: 5px 0 0 0
		}
	span.cerrarAvisoCookies {
		display:block;
		text-align:right;
		}
		span.cerrarAvisoCookies span {
			cursor:pointer;
			font-size:17px;
			color:#18450a;
			}
	p.cookietxt a {color:#18450a;}