/* CSS Document */
body {
	font-family: Roboto, Arial, sans-serif !important;	
	padding-top:76px;
	color:#4a4a4a;
}
h1 {text-align:center;font-size: 4em;}

h2 {font-size:3em;font-weight: 700;}

@media screen and (max-width: 768px) {
	h2 {
		word-wrap: break-word;
		overflow-wrap: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}
}

.h2 {
		font-size:3em;
		font-weight: 700;
	}

.sabias_que{
	float: left;
	margin-right: 1em;
	max-width:100px;
}

.sabias_que2{
	float: right;
	margin-right: 1em;
	max-width:100px;
}

.content-section {
	padding:40px 0; 
	/*font-size: 18px;*/
}

.bg-intro {
	background-color: #0a428a;
}
.bg-dark-blue {	
	background-color: #0c4da2;
}
.bg-what-is {
	background-color: #0ba3c0;
}
.container {padding:2em;}
section a, section a:visited {color:#0c4da2; font-weight:bold;}
section a:hover {color:#083570;text-decoration: none;}
h1 {font-weight:900;}
.exercise {background-color:white;}
.exercise h2 {font-size:1.75em; margin-bottom: 0;}
.exercise h3 {font-size:3em;font-weight:bold;}
.did-you-know {padding:2em; border-radius: 1em;background-color: aliceblue;}
.did-you-know h3 { text-transform: uppercase; font-weight:700;}
#Introduction {text-align:center;}

body.what-is #Introduction h1, body.what-is .exercise h3 {color:#009fc0;}
body.what-is section {background-color:#8bd1e8;}
body.what-is #Introduction {background-color: transparent;}

body.how-does #Introduction h1, body.how-does .exercise h3 {color:#73ba64;}
body.how-does h2 {color:#4a4a4a;}
body.how-does .exercise h2 {color:black;}
body.how-does section {background-color:#b3d6a5;}
body.how-does #Introduction {background-color: transparent;}

body.how-is-relevant #Introduction h1, body.how-is-relevant .exercise h3 {color:#f7a833;}
body.how-is-relevant section {background-color:#fee6c7;}
body.how-is-relevant #Introduction {background-color: transparent;}

body.whats-on-agenda #Introduction h1, body.whats-on-agenda .exercise h3 {color:#b14d97;}
body.whats-on-agenda section {background-color:#ddbcdb;}
body.whats-on-agenda #Introduction {background-color: transparent;}

body.answer #Introduction h1, body.answer .exercise h3 {color:#0a428a;}
body.answer section {background-color:#0a428a;}
body.answer #Introduction {background-color: transparent;}

body.find-out-more .container {max-width:1600px;}
body.find-out-more {color:#ffdd00; background-color: #0a428a;}
body.find-out-more a { color:white;}

h3 {font-weight:bold;}


/*add titles*/
section h2 span {display: block;}
body.what-is section .exercise h2 span {color:#009fc0;font-size: 1.6em;font-weight: bold;display: block;}
body.how-does section .exercise h2 span {color:#4D7336;font-size: 1.6em;font-weight: bold;display: block;}
body.how-is-relevant section .exercise h2 span {color:#CA5007;font-size: 1.6em;font-weight: bold;display: block;}
body.whats-on-agenda section .exercise h2 span {color:#BA5B9E;font-size: 1.6em;font-weight: bold;display: block;}
body.find-out-more section .exercise h2 span {color:#FFD618;font-size: 1.6em;font-weight: bold;display: block;}

#primary-nav {color: white !important;}
#primary-nav a.nav-link, #primary-nav a.dropdown-item {color: white !important;font-size: 0.9em;}
#primary-nav a.nav-link {padding:15px;}
#primary-nav {padding:0}
#primary-nav .navbar-brand {padding:0}
#primary-nav .dropdown-toggle {padding-top:0; padding-bottom: 0; font-size: 20px;padding:15px;}
#primary-nav .dropdown-menu {margin-top:0; border:0; border-radius: 0;}
#primary-nav .dropdown:first-of-type .dropdown-menu {background-color: #009fc0;}
#primary-nav .dropdown:first-of-type {background-color: #009fc0;}
#primary-nav .dropdown:first-of-type a {background-color: #009fc0;}
#primary-nav .dropdown:first-of-type a:hover, #primary-nav .dropdown:first-of-type li:hover {background-color: #008099;}

#primary-nav .dropdown:nth-of-type(2) .dropdown-menu {background-color: #73ba64;}
#primary-nav .dropdown:nth-of-type(2) {background-color: #73ba64;}
#primary-nav .dropdown:nth-of-type(2) a {background-color: #73ba64;}
#primary-nav .dropdown:nth-of-type(2) a:hover {background-color: #5b9450;}


#primary-nav .dropdown:nth-of-type(3) .dropdown-menu {background-color: #f7a833;}
#primary-nav .dropdown:nth-of-type(3) {background-color: #f7a833;}
#primary-nav .dropdown:nth-of-type(3) a {background-color: #f7a833;}
#primary-nav .dropdown:nth-of-type(3) a:hover {background-color: #d18f2c;}

#primary-nav .dropdown:nth-of-type(4) .dropdown-menu {background-color: #b14d97;}
#primary-nav .dropdown:nth-of-type(4) {background-color: #b14d97;}
#primary-nav .dropdown:nth-of-type(4) a {background-color: #b14d97;}
#primary-nav .dropdown:nth-of-type(4) a:hover {background-color: #8f3f79;}


#primary-nav .dropdown:nth-of-type(5) .dropdown-menu {background-color: #0C4DA2;}
#primary-nav .dropdown:nth-of-type(5) {background-color: #0C4DA2;}
#primary-nav .dropdown:nth-of-type(5) a {background-color: #0C4DA2;}
#primary-nav .dropdown:nth-of-type(5) a:hover {background-color: #5772a6;}



#primary-nav #dropdown-lang-container .dropdown-menu {background-color: #0c4da2;}
#primary-nav #dropdown-lang-container  {background-color: #0c4da2;}
#primary-nav #dropdown-lang-container  a {background-color: #0c4da2;font-size:.9em;}
#primary-nav #dropdown-lang-container  a:hover {background-color: #0c4da2;}
#primary-nav #dropdown-lang-container a.dropdown-item {font-size: .9em;}

.dropdown-item{
	text-transform: uppercase;
}

.dropdown-item span{
	text-transform: none;
}

#dropdown-lang-container .dropdown-item{
	text-transform: none;
}

#primary-nav #dropdown-lang {
  left: auto;
  right: 0;
  left: auto;
  right: 0;
  overflow-y: scroll;
  max-height: 500px;
}

#primary-nav button.navbar-toggler {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; 
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; 
    outline: none !important;
	
}
.navbar-light .navbar-toggler {
	font-size:20px;
	color:rgba(255,255,255,1) !important; 
	background-color: transparent; 
	margin-right:5px;
	padding:0;
	border:1px solid rgba(0,0,0,0); 
	border-radius:0;
}

.navbar-light .navbar-toggler:hover {}

.navbar-light .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-width='3' stroke-linecap='square' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.chapter-intro-GA {text-align:center;margin-bottom:50px;}

.chapter-intro {text-align:center;margin-bottom:50px;text-transform: uppercase;}

#map-europe {margin-bottom:2em; ;
}


/*ul.columns-4 {column-count:4;}
div.columns-4 {column-count:4;overflow:hidden;}*/
@media (max-width: 999px) {
	ul.columns-3 {column-count:2;}
	div.columns-3 {column-count:2;overflow:hidden;}

	ul.columns-4 {column-count:2;}
	div.columns-4 {column-count:2;overflow:hidden;}
}
@media (min-width: 1000px) {
	ul.columns-3 {column-count:3;}
	div.columns-3 {column-count:3;overflow:hidden;}

	ul.columns-4 {column-count:4;}
	div.columns-4 {column-count:4;overflow:hidden;}
}
@media (max-width: 500px) {
	ul.columns-3 {column-count:1;}
	div.columns-3 {column-count:1;overflow:hidden;}

	ul.columns-4 {column-count:1;}
	div.columns-4 {column-count:1;overflow:hidden;}
}

.columns-2 {column-count:2;}
#greetings {color:#1641A9; font-weight: 700;text-transform: uppercase;}
.single-margin-top {margin-top:1em;}
.single-margin-bottom {margin-bottom:1em;}
.double-margin-top {margin-top:2em;}
.double-margin-bottom {margin-bottom:2em;}
img + p {margin-top:1em;}
h4 + table, h4 +p {margin-top:1em !important;}
table + h4 {margin-top:1em !important;}
#eu-flag {
	width: 80px;
	float: left;
	margin-right: 10px;
	margin-top: 5px;	
}
.exercise table {margin:.5em; table-layout:fixed;}
.exercise table th, .exercise table td {padding:5px;}
body.what-is .exercise table thead tr {background-color: #bde3f2;}
body.how-does .exercise table thead tr {background-color: #b3d6a5;}
body.how-is-relevant .exercise table thead tr {background-color: #faa63f;}
body.whats-on-agenda .exercise table thead tr {background-color: #ddbcdb;}
.exercise table thead tr {background-color: #bde3f2;}
.exercise table thead tr th {text-align: center;}

.exercise table thead tr th:first-of-type {text-align: left;}
.exercise table tbody tr {border-bottom:1px dotted black;}
.exercise table tbody tr:last-of-type {border-bottom:none;}
.exercise table tbody tr td {background-color: #dadada;text-align: center;}
.exercise table tbody tr td:first-of-type {background-color: transparent;text-align: left;}

#Exercise_3 table thead tr th:first-of-type {width:60%;text-align: left;}
#Exercise_3 ul {padding-left:2em;}
#Exercise_3 ul li {
	/*text-transform: uppercase;*/
	color: #007299;
	/*font-weight: bold;*/
	font-weight: normal;
	font-size: 2em;
	line-height: 1.5;
}
table + p {
	margin-top:1em;
	
}
ul.square {list-style-type: square;}
.tickbox {/*display: inline-block; background-color: white; content:''; width:15px; height:15px; border:1px solid black;*/ font-size:8pt}
.tickbox1 {/*display: inline-block; background-color: white; content:''; width:15px; height:15px; border:1px solid black;*/ font-size:8pt; color:#dadada;}
.tickbox2 {display: inline-block; background-color: white; content:''; width:15px; height:15px; border:1px solid black;}

.bold {font-weight:700;}
.bold-italic {font-weight:700;font-style:italic;}
.italic {font-style:italic;}

body.how-does .lista-puntos1 {color: #4D7336;font-weight:bold;}
body.how-does .lista-puntos1 hr{color: #4D7336;font-weight:bold;}
body.how-does .lista-puntos1 span{color: #4a4a4a;font-weight:normal;}

body.whats-on-agenda .lista-puntos1 {color: #BA5B9E;font-weight:bold;}
body.whats-on-agenda .lista-puntos1 hr{color: #BA5B9E;font-weight:bold;}
body.whats-on-agenda .lista-puntos1 span{color: #4a4a4a;font-weight:normal;}

body.how-does .lista-puntos{color: #4D7336;font-weight:bold;}
body.how-does .lista-puntos hr{color: #4D7336;font-weight:bold;}
body.how-does .lista-puntos span{color: #4a4a4a;font-weight:normal;}

body.answer .lista-puntos{color: #4D7336;font-weight:bold;}
body.answer .lista-puntos hr{color: #4D7336;font-weight:bold;}
body.answer .lista-puntos span{color: #4a4a4a;font-weight:normal;}

body.whats-on-agenda .lista-puntos{color: #BA5B9E;font-weight:bold;}
body.whats-on-agenda .lista-puntos hr{color: #BA5B9E;font-weight:bold;}
body.whats-on-agenda .lista-puntos span{color: #4a4a4a;font-weight:normal;}

body.how-does .lista-parentesis{color: #4D7336;font-weight:bold;}
body.how-does .lista-parentesis hr{color: #4D7336;font-weight:bold;}
body.how-does .lista-parentesis span{color: #4a4a4a;font-weight:normal;}

body.whats-on-agenda .lista-parentesis{color: #BA5B9E;font-weight:bold;}
body.whats-on-agenda .lista-parentesis hr{color: #BA5B9E;font-weight:bold;}
body.whats-on-agenda .lista-parentesis span{color: #4a4a4a;font-weight:normal;}

.puntos{
	margin-bottom: 3em;
	border-top: dotted 3px;
	/*display:flex;*/
}
.lista-puntos li{
  padding-top:1px;
}
.lista-puntos1 li{
  padding-top:1px;
}




ol.lista-parentesis {
  list-style-type: none;
  counter-reset: list;
  margin-left: -2em;
}
.lista-parentesis li{
  padding-top:1px;
  list-style: none;
}
.lista-parentesis li:before {
  content: counter(list, decimal) ") ";
  counter-increment: list;
}




#join-dates {text-align:center;}
#join-dates li span {display:inline-block; padding:1em;margin-bottom: 1em;font-size: 0.85em}
#join-dates li:nth-of-type(1) span {background-color:#00a2a3;}
#join-dates li:nth-of-type(2) span {background-color:#ffffff;}
#join-dates li:nth-of-type(3) span {background-color:#009fe3;}
#join-dates li:nth-of-type(4) span {background-color:#e7314c;}
#join-dates li:nth-of-type(5) span {background-color:#f07f3c;}
#join-dates li:nth-of-type(6) span {background-color:#dadada;}
#join-dates li:nth-of-type(7) span {background-color:#94c356;}
#join-dates li:nth-of-type(8) span {background-color:#ffed00;}

#green-caption figcaption {padding:1em; background-color:#b3d6a5;color:#3b798a; font-size:0.75em !important;}
.green-circle {position:relative; padding-left:40px;display:inline-block;}
.green-circle::before {
	position:absolute;
	top:0;
	left:0;
	content: '';
	display:inline-block;
	width: 30px;
	height:30px;
	background: url(../img/green-circle.png) 0 0 no-repeat;
	background-size: contain;
}
.green-dots {position:relative;}
.green-dots::after {
	position:relative; 
	bottom:8px;
	margin-left:24px; 
	width:90%;
	display:block;content:''; 
	border-bottom:2px dotted #73ba64;
}

#citizen-initiative-logo {
	display:block;
	width:320px;
	margin-left:auto;
	margin-right:auto;
}

#citizen-initiative-logo figcaption {
	color:#3b798a;	
}
ul.orange-circle {list-style-type: none;}
ul.orange-circle li {position:relative; padding-left:25px}

ul.orange-circle li::before {
	content: '';
	display: inline-block;
	width:18px;
	height: 180px;
	/*background: url(../img/orange-circle.png) 0 0 no-repeat;*/
	background: url(../img/orange-sq.png) 0 0 no-repeat;
	background-size: contain;
	position: absolute;
	left: 0;
	top: 5px;
}

.orange-circle1 {position:relative; margin-left:50px;padding-left:25px;display:inline-block;}
.orange-circle1::before {
	position:absolute;
	top:3px;
	left:0;
	content: '';
	display:inline-block;
	width: 19px;
	height:19px;
	background: url(../img/orange-circle.png) 0 0 no-repeat;
	background-size: contain;
}

	
.purple-circle {list-style-type: none;}
.purple-circle li {position:relative; padding-left:25px}

.purple-circle li::before {
	content: '';
	display: inline-block;
	width:18px;
	height: 18px;
	background: url(../img/purple-circle.png) 0 0 no-repeat;
	background-size: contain;
	position: absolute;
	left: 0;
	top: 4px;
	
}

.daily-life {
padding-left: 2em;
padding-right: 2em;
font-size: 0.95em;
}
.daily-life img {
	display: block;
	margin-left:auto;
	margin-right:auto;
}

#The_EUs_10_priorities blockquote {
	background: #951B81;
	padding:1em;
	border-radius: 1em;
	position:relative;
	margin-bottom:50px;
	color:white !important;
}

#The_EUs_10_priorities blockquote::after {
	content: '';
	position: absolute;
	top: 100%;
	right:20%;
	display: block;
	width: 90px;
	height: 151px;
	/*background: url(../img/quote.png) 0 0 no-repeat;*/
	background-size: contain;

	border-color:#951B81;
	
}




#formats a:nth-of-type(2), #formats a:nth-of-type(3) {margin-left: 40px;}

#survey {height:600px;}
#about {font-size:.95em;}
.share-btn {
	list-style-type:none;	
}
.share-btn li a {
	font-size: 24px;
	position: relative;
	padding-left:33px;	
	font-weight: normal;
}
.share-btn li a:hover {color:#0c4da2;}
.share-btn li a::before {
	content:'';
	display:block;
	width:24px;
	height: 24px;
	position:absolute;
	left:0;
	top:0;
	background-size: contain;
} 

.email-btn::before {background: url(../img/email.svg) 0 0 no-repeat; top:6px !important;}
.fb-btn::before {background: url(../img/facebook.svg) 0 0 no-repeat;}
.twitter-btn::before {background: url(../img/x.svg) 0 0 no-repeat;}
.linkedin-btn::before {background: url(../img/linkedin.svg) 0 0 no-repeat;}

footer#next-page {
	background-color: #0c4da2 !important;
	text-align: right;	
}

footer#show-note {
	xbackground-color: #0c4da2 !important;
	text-align: left;	
}

footer#next-page a {
	display:inline-block;
	padding:1em;
	color:white;
	
}
footer#next-page a:hover {text-decoration:none;}

footer#next-page a span {
	display:block;
	font-weight: bold;
	text-transform: uppercase;
}

#to-top-link {
	text-align: right;
}

#more-links div.block {
	/*background-color: #0c4da2;*/
	font-size:0.9em;
	display: block;
	/*padding:0em 0.5em 1em 0.7em;*/
	padding:0.5em 0.5em 0.5em 0.7em;
	margin-bottom: 1em;
	border-radius: .3em;
}

.block img
{

 display: block;
 margin: 10px auto;

}

.block a {
	font-weight:normal;
	color: #ffdd00 !important;
	text-decoration-line: underline;
}

.a3 a{
	font-weight:bold !important;
	color:white !important;
	text-decoration-line: none;
}

#more-links{
	border-bottom: 1px solid #0c4da2;
}

#more-links span.a3 {
	padding-top:1em;
	display: block;
	color:white;
	font-weight:bold;
}
#more-links span.a3a {
	display: block;
	color:white;
	color:#ffdd00;
}
	
#more-links a.white {
	/*background-color: #0c4da2;*/
	display: block;
	padding:.8em;
	margin-bottom: 1em;
	font-size: .9em;
	color:white;
	font-weight:bold;
	border-radius: .3em;
}

#more-links a.white span {display: block; color:#ffdd00;font-weight:normal;}


#more-links span.a2 {
	/*background-color: #0c4da2;*/
	display: block;
	color:#ffdd00;
	font-weight:normal;
}
#more-links span.a1 {
	padding-top:0.5em;
	/*background-color: #0c4da2;*/
	display: block;
	color:#ffdd00;
	font-weight:normal;
}

#more-links span.a2 {
	/*background-color: #0c4da2;*/
	display: block;
	margin-left:1.3em;
	font-weight:normal;
	text-indent:-1.3em;
}

#more-links span.a2 a.yel {
	color:#ffdd00;
	font-weight:normal;
	text-decoration:underline;
}

#more-links span.a1 a.yel {
	background-color: #0c4da2;
	display: block;
	color:#ffdd00;
	font-weight:normal;
}

#more-links span.a2 a.yel span.yellow {
	background-color: #0c4da2;
	color:#ffdd00;
	font-weight:normal;
	text-decoration:none;
}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
	width:99% !important;
}


.contenedor_council {
  width:100% !important;
}
.fondo_council{
	display:none;
	visibility:hidden;
}
.contenedor_commision {
  width:100% !important;
}
.fondo_commision{
	display:none;
	visibility:hidden;
}

@media screen and (min-width:601px) {
	.img-half {max-width:90% !important; text-align: center; display: block;margin-left:auto; margin-right:auto;
	}
	#council-summits1 {
		background: url(../img/council-3.png) 0 0 no-repeat;
		height: 490px;
		width: 490px;
		margin-left: auto;
		margin-right: auto;
		padding: 160px 114px 114px 104px;
		background-size: contain;
	}
	#council-summits {
		background: url(../img/council-3.png) 0 0 no-repeat;
		height: 480px;
		width: 480px;
		margin-left: auto;
		margin-right: auto;
		padding: 114px 139px 114px 134px;
		background-size: contain;
	text-align:center;
	}
	#fondo-summits {

	/*
			background: url(../img/8372.png) 0 0 no-repeat;
			height: 480px;
			width: 480px;
			margin-left: auto;
			margin-right: auto;
			padding: 90px 114px 114px 134px;
			background-size: contain;
			font-size:14px;
			color:#0a428a;
			font-weight:bold;
	*/

	background: url(../img/8372.png) 0 0 no-repeat;
	  background-size: auto;
	height: 580px;
	width: 580px;
	margin-left: auto;
	margin-right: auto;
	padding: 130px 144px 114px 134px;
	background-size: contain;
	font-size: 14px;
	color: #0a428a;
	font-weight: bold;
	text-align:center;

	}
	#fondo-summits a {
		color:#0a428a !important;
		text-decoration-line: underline;
	}
	#fondo-summits h4{
		font-weight: 900;
		color: #ffd618;
	}
	h1.h4{
		font-weight: 900;
		color: #ffd618;
	}
	#european-commision {
		background: url(../img/commission-juncker.png) 0 0 no-repeat;
		height: 700px;
		/*width: 540px;*/
		width: 575px;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 0px;
    	padding-top: 145px;
    	padding-left: 150px;
    	padding-right: 150px;
		background-size: contain;
		text-align:center;
	}

	/*Council*/
	.fondo_council{
		display:block;
		visibility:visible;
		width:100%;
	}
	.contenedor_council {
	  position: relative;
	  text-align: center;
	  margin: auto;
	  min-width:500px;
	  max-width:500px;
	  margin-top: 30px;
	}

	/*Commision*/
	.fondo_commision{
		display:block;
		visibility:visible;
		width:100%;
	}
	.contenedor_commision {
	  position: relative;
	  text-align: center;
	  margin: auto;
	  min-width:520px;
	  max-width:520px;
	  margin-top: 30px;
	}

	.texto-superpuesto {
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	}

}

@media screen and (max-width:1200px) {
	#collapsed-nav {
		height: 100vh;
		overflow-y: auto;
		width:100vw;
	}
	
	#collapsed-nav a {
		word-break: normal;
		white-space: normal;
	}
	
}
@media screen and (min-width:1200px) and (max-width:1370px) {
/*@media screen and (min-width:1200px) and (max-width:1600px) {*/
	#primary-nav li.dropdown {width:165px;white-space: normal;}
	#primary-nav li.dropdown a {white-space: normal;}
	#primary-nav .dropdown a {height: 100%}

	.content-section {
		padding:75px 0; 
		/*font-size: 18px;*/
	}
}
@media screen and (min-width:1371px) and (max-width:2159px) {
/*@media screen and (min-width:1200px) and (max-width:1600px) {*/
	#primary-nav li.dropdown {width:200px;white-space: normal;}
	#primary-nav li.dropdown a {white-space: normal;}
	#primary-nav .dropdown a {height: 100%}
	.content-section {
		padding:75px 0; 
		/*font-size: 18px;*/
	}
}

span.small1{
	font-size:85%;
	}
h4.top1{
	margin-top:-0.7em;
}
.img-fluid1{width:100%;height:auto}

.link_qr1 a{
	color:#C4007A;
}

// Mixin itself
@mixin clearfix() {
  &::after {
    display: block;
    content: "";
    clear: both;
  }
}

// Usage as a mixin
.element {
  @include clearfix;
}

.italic{
	font-style:italic;
}
.normal{
	font-style:normal;
	font-weight:normal;
}
.bold{
	font-weight:bold;
}

.find-out{
	font-style:italic;
	hyphens: auto !important;
}
.find-out a, .find-out strong, .find-out .bold{
	font-style:normal;
}
.find-out a{
	/*display:block;*/
}

.to-exercise {
	text-align: right;
}

.rectangle{

	border:2px solid #951B81;
	padding:20px;
	font-weight: lighter;
	
}
.rectangle a{
	color: #575756;
}

.dic1{
	display: flex;
	margin-bottom: 30px;
}

.dic1 img{
	float:left;
	margin-right:10px
}

.tit{
	max-width:100px;
	vertical-align:baseline;
	margin-top:10px;

}

.cajaderecha{
	background-color: #DCF3F9;
	padding: 15px;
	border-radius: 1em;
}
.videolat{
	margin-top: 20px;
	margin-left: 20px;
	padding-right: 10%;
	padding-left: 10%;
}



.vjs-tech {
	
	margin:0px;
	padding: 0px;
	
	}


.embed-responsive-16by9{
	
	border: 10px solid #B15118;
	background-color: #B15118;
	
	}
	
.video-caption {
	
	color: white;
	background-color: #B15118;
	padding: 0px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
	display: block;
	
	}
	
	
.video-caption a {
	
	color: white!important;
	font-weight: bold;
	
	}
	
.video-caption img {
	
	float: left;
	margin-right: 15px;
	
	}		

#hiddenTitle h1 {
	visibility: hidden;
}

.ic1{
	max-width: 88px;
	max-height: 84px;
}

.Sup, .sup {
  vertical-align: super;
  font-size: smaller;
}

.Sub, .sub {
  vertical-align: sub;
  font-size: smaller;
}



body.answer section .exercise h2 span {color:#4D7336;font-weight: bold;display: block;}
/*body.answer h2 {padding-left:55px;font-size: 1.4em;color:black}*/
body.answer h2 {padding-left:0px;font-size: 1.4em;color:black}
/*body.answer p {padding-left:55px;}
body.answer .enlaces_respuestas {margin-left:55px !important}*/

@media screen and (min-width:760px) and (max-width:990px) {
	body.answer section .exercise h2 span {color:#4D7336;font-weight: bold;display: block;}
	body.answer h2 {padding-left:0px;font-size: 1.2em;}
	body.answer p {padding-left:0px;font-size: 0.8em;}
	body.answer .enlaces_respuestas {margin-left:0px !important;font-size: 0.8em;}
}
@media screen and (min-width:0px) and (max-width:760px) {
	body.answer section .exercise h2 span {color:#4D7336;font-weight: bold;display: block;}
	body.answer h2 {padding-left:0px;font-size: 0.8em;}
	body.answer p {padding-left:0px;font-size: 0.5em;}
	body.answer .enlaces_respuestas {margin-left:0px !important;font-size: 0.5em;}
}

.blue{
	color: #083570;
}

.exercise h2{
	word-wrap:break-word;
	hyphens: auto;
}
.row h2{
	word-wrap:break-word;
	hyphens: auto;
}
.dic1{
	word-break: break-word;
	hyphens: auto;
}
.min{
	text-transform: lowercase !important;
	display: inline-block !important;
}
h2 .whitehx{
	display: none !important;
}

.Scaps{
	text-transform: uppercase !important;
}

h2 .min{
	font-size:inherit !important;
}

.cap1 > h2{
	font-size:2em !important;
	color: #009fc0 !important;
	background-color:#bde3f2;
	margin: 0px;
	padding-bottom:10px;
}
.cap1 h2 span{
	color: #009fc0 !important;
}
.cap2 > h2{
	font-size:2em !important;
	color: #4D7336 !important;
	background-color:#b3d6a5;
	margin: 0px;
	padding-bottom:10px;
}
.cap2 h2 span{
	color: #4D7336 !important;
}
.cap3 > h2{
	font-size:2em !important;
	color: #CA5007 !important;
	background-color:#faa63f;
	margin: 0px;
	padding-bottom:10px;
}
.cap3 h2 span{
	color: #CA5007 !important;
}
.tab_sol2 tr th{
	background-color: #b3d6a5;
}
.tab_sol3 tr th{
	background-color: #faa63f;
}


.col-xs-5,.col-sm-5,.col-md-5,
.col-lg-5 {
  min-height: 1px; 
  position: relative;
}

.col-xs-5 {
  float: left;
  width: 20%;
}
@media (min-width: 768px) {
  .col-sm-5 {
    float: left;
    width: 20%;
  }
}
@media (min-width: 992px) {
  .col-md-5 {
    float: left;
    width: 20%;
  }
}
@media (min-width: 1200px) {
  .col-lg-5 {
    float: left;
    width: 20%;
  }
}

@media (max-width: 1000px) {
  .col-lg-5 {
    float: left;
    width: 100%;
  }
  .col-md-5 {
    float: left;
    width: 100%;
  }
  .col-sm-5 {
    float: left;
    width: 100%;
  }
}

/*.ancla { padding-top: 90px; }*/
.ancla { 
  /*padding-top: 6em;*/
  display: block;
  height: 90px; /* aquí la altura de la cabecera fija*/
  margin: -90px 0 0; /* altura negativa de la cabecera fija */
}
.figcap{
	font-size:15px;
}


@media (max-width: 469px) {

	#formats a:nth-of-type(2), #formats a:nth-of-type(3) {margin-left: 10px;}
	.extensiones{
		max-width:70px;	
	}

	h1 {
	  text-align: center;
	  font-size: 3em;
	}

}

.longdesc {
	display: none;
}

@media (max-width: 575px) {
	.img-fluid[src$="iconos_1.png"] {
	  visibility: hidden;
	  display: none;
	}
}

@media (max-width: 504px) {
	.exercise h2 span {
		font-size:1.2em !important;
	}
}

.lv4{
	display: block;
    margin-block-start: 1.33em;
    margin-block-end: 1.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
	font-size: 1.5rem !important;
	color:#4a4a4a !important;
	font-weight: normal !important;
	margin-bottom: .5rem !important;
	margin-top:0 !important;
}

/* BG. Exercise 8 long word no wrap in span and media queries for font-size */
@media (max-width: 417px) {
	.row h2 span {
		font-size:0.9em !important;
	}
}

@media (min-width:418px) and (max-width: 549px) {
	.row h2 span {
		font-size:1.1em !important;
	}
}

@media (min-width: 550px) and (max-width: 768px) {
	.row h2 span {
		font-size:1.5em !important;
	}
}

@media (min-width: 769px) and (max-width: 992px) {
	.row h2 span {
		font-size:0.9em !important;
	}
}

@media (min-width: 993px) {
	.row h2 span {
		font-size:1.2em !important;
	}
}