@import url(http://fonts.googleapis.com/css?family=PT+Serif:400,700,400italic,700italic|Bevan);



/*AGREGADO*/
.panel#p2 .textbox {
	float: left;
	background-color:#DEDEDE;
}
.panel#p3 .textbox {
	float: left;
	background-color:#ccc;
	min-width: 100%;
	padding: 50px 0 0 0;
	float: left;
}
#segundo-wrapper {
	background: #DEDEDE;
	position: relative;
	width: 100%;
	margin-bottom: 50px;
	padding-top: 50px;
	overflow: hidden;
}
#tercer-wrapper {
	background: #DEDEDE;
	position: relative;
	width: 100%;
	margin-bottom: 50px;
	padding-top: 50px;
	overflow: hidden;
}

/*FIN AGREGADO*/



.box-content{
	float:left !important;
}

a.anchor{
	display: block; 
	position: relative; 
	top: -60px; 
	visibility: hidden;
}

.LNP-sourceline {
	float: left;
}

video {
  width: 100%    !important;
  height: auto   !important;
}

audio {
	display: none;
}

#audio-div {
	display: none;
}

body {
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}

body #main-wrapper {
	color: black;
	 -webkit-overflow-scrolling: touch;
}

img {
	border-style:none;
}

.button {
	float: left;
	margin: 0 auto;
	width: 100%;
	text-align: center;
	margin: 3em 0 0 0;
	color: black;
}

.button span {
	background: #D99C2C;
    font-family: "PT Serif", helvetica, arial, sans-serif;
    font-size:1.2em;
    padding:10px;
    line-height:1.4em;
    cursor:pointer;
    margin-right: 1em;
}

.button span:hover {
    background:#E4BA6B;
}

#header a {
	color: white;
}

#header a:hover {
	color: #2272BB;
}

#header .button {
	margin-top: 0;
}

#header .button span {
	padding: 5px 10px;
	font-size: 1em;
}

#header .button.on span:after {
	content: " on";
}

#header .button.off span:after {
	content: " off";
}


#main-wrapper a {
	color: #2272BB;
	text-decoration: none;
}

#main-wrapper a:hover {
	text-decoration: underline;
}


/* MAIN LAYOUT */
#main-wrapper {
	position: relative;
	font-family: "PT Serif", Georgia, serif;
	-webkit-font-smoothing:antialiased;
	float:left;
	box-sizing: padding-box;
	font-size: 17px;
	line-height: 25px;
	width: 100%;
	margin-bottom: 50px;
	padding-top: 50px;
	overflow: hidden;
}
#main-wrapper p {
	font-family: "PT Serif", Georgia, serif;
	float: left;
	margin: 0em 0 1em 0;
	width: 100%;
	color: #3f4245;
}
#main-wrapper p:first-child {
	margin: 0 0 0.8em 0;
}

/*#screen{
    position:relative;
    width: 100%;
}*/

.panel {
  width:100%;
  max-width: 890px;
  margin: 0 auto;
  display: block;
  position: relative;
  padding: 0 2em;
}

.panel#p0 {
	text-align: center;
	min-width: 100%;
	padding: 50px 0 0 0;
	float: left;
	position: absolute;
	height: 100%;
}

.full-image {
	float: left;
	width: 100%;
	position: relative;
}

.full-image.third {
	float: left;
	width: 33.33333333%;
	position: relative;
	margin-top: 10px;
}

.full-image.third.left {
	padding-right: 6.6666666666px;
}

.full-image.third.middle {
	padding-left: 3.333333333px;
	padding-right: 3.333333333px;
}

.full-image.third.right {
	padding-left: 6.6666666666px;
}

.full-image.half {
	float: left;
	width: 50%;
	position: relative;
	margin-top: 10px;
}

.full-image.half.left {
	padding-right: 5px;
}

.full-image.half.right {
	padding-left: 5px;
}

.full-image.slider {
	margin-bottom: 40px;
	overflow: hidden;
	height: 300px;
	-webkit-transition: all 1s linear;
	-moz-transition: all 1s linear;
	-o-transition: all 1s linear;
	transition: all 1s linear;
}

.full-image img {
	width: 100%;
	float: left;
}

.caption {
	font-family: Arial, Helvetica, sans-serif;
	color: #3f4245;
	font-size: 0.9em;
	line-height: 1.4em;
	padding: 0;
	float: left;
	margin: .25em 0 2em 0;
	width: 100%;
}

.textbox {
	position: relative;
	float: left;
	width:70%;
}

.textbox-block {
	width: 100%;
	float: left;
	max-width: 620px;
	padding: 2em 3em 2em 2em;
}
.letra_capital { color: #333; font-family: "Bevan", Georgia, serif; font-size: 70px; font-weight: normal; 
padding-right:9px; padding-left: 3px; padding-top: 0; margin-top: 1px; line-height: 70px; float:left; position: relative; vertical-align:text-top;}

.right-block .textbox-block {
	padding: 0;
}

/* for no padding at top (when you need right block) */
.textbox-block.continuous-top {
	padding-top: 0;
}

/* for no padding at bottom (when you need right block) */
.textbox-block.continuous-bottom {
	padding-bottom: 0;
}

.pullquote {
	position: relative;
	text-align: center;
	width: 100%;
	z-index: 9;
	padding: 0 2em;
	float: left;
	margin: 2em 0;
}

.pullquote-quote {
	position: relative;
	font-size: 1.3em;
	font-weight: 400;
	line-height: 1.4em;
	font-family: "Bevan", Georgia, serif !important;
	padding-left:1em; padding-right:2em;
}

.pullquote-source {
	position: relative;
	color: #36829E;
	font-size: 1.3em;
	line-height: 1.3em;
	font-family: Helvetica, sans-serif;
	margin-top: 1em;
}

.panel#p0 #cover-text {
	font-family: "Bevan", Georgia, serif;
	position: absolute;
	bottom: 100px;
	text-align: center;
	width: 100%;
	padding: 0 6em;
}

.panel#p0 #cover-text h1 {
	position: relative;
	font-size: 4.8em;
	line-height: 1em;
	font-weight: 400;
	margin-bottom: 0;
	color: white;
	top: -60px;
	/*sombra*/
	text-shadow: 5px 5px 15px rgba(72, 76, 80, 0.80);
	filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,strength=4,color=000000);
}

.panel#p0 #cover-text h3 {
	margin-top: -1.8em;
}

.panel#p0 #cover-text h3 span {
	position: relative;
	font-size: 1.4em;
	line-height: 1.4em;
	font-weight: 100;
	background: #E45101;
	padding: 0.1em 6px;
	color: white;
	margin: 0 -3px;
	display: inline-block;
}

.panel#p0 #cover-text h3 span:first-child {
	padding-left: 8px;
}

.panel#p0 #cover-text h3 span:last-child {
	padding-right: 8px;
}

.panel#p1 .textbox {
	float: right;
}

.panel#p1 .right-block {
	float: right;
	margin-top: 1em;
}

.panel h2 {
	font-family: "Bevan", Georgia, serif;
	margin-top: 0;
	display: none;
	font-size: 2.3em;
	line-height: 1em;
}
.grandes-titulos { font-family: "Bevan", Georgia, serif; font-size: 2.3em; line-height:1.1em}

#main-wrapper .right-block {
	float:right;
	width: 30%;
	margin-top: 30px;
}

#main-wrapper .right-block h3 {
	margin: 0;
}

#main-wrapper .right-block p {
	font-family: "PT Serif", Georgia, serif;
	font-size:0.8em;
	line-height:1.3em;
	margin-bottom:1em;
	color:#3f4245;
}

#main-wrapper .right-block #bylines {
	margin-top:15px;
}

.panel#p1 .right-block #bylines p.direction {
	font-weight: 800;
	margin-top: 3em;
}

#main-wrapper .right-block #bylines p {
	font-weight: 100;
}

#main-wrapper .right-block #bylines p a {
	color:black;
}

#main-wrapper .right-block p span.bylabel {
	color:#777;
}

#main-wrapper .right-block p.fact-style {
	color: #8F8F8F;
	font-size: .9em;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 40;
	margin: 0em 0 1em 0;
	width: 100%;

}

.flex-viewport {
	cursor: pointer;
}

.flex-control-nav.flex-control-paging {
	display: none;
}

.flexslider a {
	color: white !important;
}

.flexslider .label-text {
	font-family: Helvetica, sans-serif;
}

.flex-control-paging li a{
	background: rgba(0, 0, 0, 0.20);
}

.flex-control-paging li a.flex-active{
	background: rgba(0, 0, 0, 0.66);
}

/*.flex-direction-nav a{
	height: 91%;
	padding-top: 32%;
	top: 3%;
}*/

.graphic,
.header-panel {
	position: relative;
	clear: both;
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
}

.header-panel .graphic-subhed {
	margin-top: 1em;
	float: left;
}

.header-panel h1 {
	font-family: "Bevan", Georgia, serif;
}

.header-panel .section-header {
	position: absolute;
	left: 0;
	top: 2em;
	color: white;
	width: 100%;
	text-align: center;
	font-family: "Bevan", Georgia, serif;
	font-size: 3em;
	line-height: 2em;
	z-index: 10;
	pointer-events: none;
	padding: 0 2em;
	-webkit-transition: all 1s linear;
	-moz-transition: all 1s linear;
	-o-transition: all 1s linear;
	transition: all 1s linear;
}

.header-panel .section-header h1 {
	margin-bottom: 0.2em;
	line-height: 1.3em;
}

.header-panel .section-header img {
	margin-left: 30px;
	width: 1em;
	vertical-align: middle;
}

.header-panel.active .flex-control-nav.flex-control-paging {
	display: block;
}

.header-panel.active .flex-viewport {
	cursor: auto;
}

.header-panel.active .section-header {
	display: none;
}

.header-panel h5 {
	margin-top: -40px;
}


.inline.audio {
	-webkit-font-smoothing: antialiased;
	font-size: 1.5em;
	margin-top: 13px;
}

.inline.audio li {
	cursor: pointer;
}

#audio-text {
	font-family: "Bevan", Georgia, serif;
	font-size: 0.8em;
}

.inline.audio li.audio-on #audio-text:after {
	content: " off";
} 

.inline.audio li.audio-off #audio-text:after {
	content: " on";
} 

/* turn off audio div for mobile */
.mobile ul.inline.audio,
.mobile ul.inline.audio > *,
.mobile #header ul.inline.audio>li, 
.mobile #header ol.inline.audio>li {
	display: none !important;
}

.mobile #header #dropdown .menuitem { 
	width: auto;
}

/* Custom audio player css */
.soundcite:first-of-type {
	margin-bottom: 20px;
}

#p5 p.direction {
	font-weight: 700;
}

/* Image expansion */
.mfp-wrap {
	margin-top: 50px !important;
}

.mfp-close {
	cursor: pointer !important;
}

.expand-image {
	cursor: -webkit-zoom-in; 
	cursor: -moz-zoom-in;
}

/* Map */
#map-container{
	max-width: 960px;
}
#map-canvas { 
	width:100%; 
	height: 440px;
}

#map-hover-window{
  position: absolute;
  width: 200px;
  font-size: 13px;
  padding: 5px;
  background-color: rgb(255,255,255);
  background-color: rgba(255,255,255,.85);
  border-left: 3px solid #E14A31;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-radius: 2px;
  z-index: 9999999;
  line-height: 16px;
  display: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.map-hover-one{
	padding-bottom: 2px;
}

.map-hover-listen{
	text-align: right;
	font-size: 11px;
	padding-top: 5px;
}

.leaflet-bar a:hover{
	text-decoration: none !important;
}

/* BUTTONS! */
#map-btn-container{
	margin: 0;
	padding: 0;
	max-width: 960px;
	line-height: auto
}
.map-btn:first-child{
	border-left: 1px solid #ccc;
}
.map-btn{
	color: #777;
	float: left;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light","Helvetica Neue", Helvetica,sans-serif;
	font-weight: bold;
	padding: 7px 35px 7px 35px;
	text-align: center;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	text-transform: uppercase;
	font-size: 15px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	user-select: none;
}

.map-btn.active,.map-btn.active:hover {
	border-color: #2677B9;
	background-color: #2677B9;
	cursor: default;
	color: #fff;
}

.map-btn:hover{
	background-color: #f7f7f7;
	cursor: pointer;
	cursor: hand;
}

#narrow-test{
	display: block;
}

#map-legend{
	position: absolute;
	width: 200px;
	bottom: 40px;
	right: 10px;
	background-color: #FFF;
	z-index: 9;
	border-radius: 2px;
	padding: 5px;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
}

.map-legend-swatch{
	width: 20px;
	height: 10px;
	background-color: #f0c;
	display: inline-block;
}
.map-legend-item[data-legend-item="radio"] .map-legend-swatch{
	border-radius: 50%;
	width: 10px;
	margin: 0 5px;
	background-color: #2677B9;
}

.map-legend-item[data-legend-item="broadband"] .map-legend-swatch{
	background-color: #fc0;
}

.sourceline{
	color: #8b8b8b;
	font-size: 12px;
	font-style: italic;
}

.mobile-show{
	display:none;
}
.leaflet-container .leaflet-control-attribution{
	font-size: 8px;
}
#map-attrib{
	margin-bottom: 15px;
}
.graphic-subhed h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	margin: 10px 0;
}

button.LNP-close{
	color: #777;
	width: 44px;
	height: 44px;
	font-size: 28px;
	font-family: Arial, monospace;
	-webkit-appearance: none;
	background-color: transparent;
	outline: none;
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-style: normal;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	user-select: none;
	border: none;
}
#map-hover-close{
	position: absolute;
	top: 0;
	right: 0;
	width: 43px;
	height: 31px;
	line-height: 15px;
	padding-left: 20px;
	padding-bottom: 5px;
}

@media screen and (min-width: 480px) {
	.header-panel .slides img { 
		-webkit-filter: blur(6px) brightness(70%); 
		-moz-filter: blur(6px) brightness(70%); 
		-o-filter: blur(6px) brightness(70%); 
		-ms-filter: blur(6px) brightness(70%); 
		filter: blur(6px) brightness(70%);
		/*filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3'); */
		filter: progid:DXImageTransform.Microsoft.blur(MakeShadow='false', PixelRadius='2',ShadowOpacity='0.75'); 

		filter: url(blurbrightness.svg#blur-darken);
	}

	.header-panel.active .slides img { 
		-webkit-filter: blur(0) brightness(100%); 
		-moz-filter: blur(0) brightness(100%); 
		-o-filter: blur(0) brightness(100%); 
		-ms-filter: blur(0) brightness(100%); 
		filter: blur(0) brightness(100%); 
		filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');

		filter: url(blurbrightness.svg#unblur-undarken);

		transition: all 2s easeInCubic;
	  -webkit-transition: all 2s easeInCubic;
		-moz-transition: all 2s easeInCubic;
		-o-transition: all 2s easeInCubic;
		transition: all 2s easeInCubic;
	}	

	.oldchromesafari .header-panel .slides img { 
		-webkit-filter: blur(6px) brightness(-5%); 
		-moz-filter: blur(6px) brightness(-5%); 
		-o-filter: blur(6px) brightness(-5%); 
		-ms-filter: blur(6px) brightness(-5%); 
		filter: blur(6px) brightness(-5%);
		filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3'); 

		filter: url(blurbrightness.svg#blur-darken);
	}

	.oldchromesafari .header-panel.active .slides img { 
		-webkit-filter: blur(0) brightness(0%); 
		-moz-filter: blur(0) brightness(0%); 
		-o-filter: blur(0) brightness(0%); 
		-ms-filter: blur(0) brightness(0%); 
		filter: blur(0) brightness(0%); 
		filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');

		filter: url(blurbrightness.svg#unblur-undarken);

		transition: all 2s easeInCubic;
	  -webkit-transition: all 2s easeInCubic;
		-moz-transition: all 2s easeInCubic;
		-o-transition: all 2s easeInCubic;
		transition: all 2s easeInCubic;
	}	
}

@media screen and (max-width: 1120px) {

/*	.panel#p0 #cover-text {
		top: 0;
		font-size: 0.9em;
		height: 100%;
	}

	.panel#p0 #cover-text h1 {
		top: 0;
	}

	.panel#p0 #cover-text h3 {
		position: relative;
		bottom: auto;
		padding: 0 130px;
	}*/
}
/*
@media screen and (max-width: 1005px) {

	.panel#p0 #cover-text {
		top: 0;
		font-size: 0.9em;
		height: 100%;
	}

	.panel#p0 #cover-text h1 {
		top: -50px;
	}

	.panel#p0 #cover-text h3 {
		position: absolute;
		bottom: 30px;
		left: 0;
		padding: 0 130px;
	}
}*/

@media screen and (max-width: 920px) {

	.graphic {
		padding: 0 2em;
	}

	.caption {
		margin: .25em 0 2em 0;
	}

	.full-bleed{
		margin-left: 10px;
	}
}

@media screen and (max-width: 880px) {
	#main-wrapper .right-block {
		margin-top: 0;
	}

	.panel#p0 {
		position: relative;
		height: auto;
		padding-top: 0;
	}
	
	.panel#p0 #cover-text {
		position: relative;
		top: 2em;
		color: black;
		font-size: 0.8em;
		margin-bottom: 1em;
		padding: 0 4em;
		height: auto;
	}

	.panel#p0 #cover-text h1 {
		color: black;
		margin-top: 0;
		top: 0;
	/*sombra*/
		text-shadow: none;
	}

	.panel#p0 #cover-text h3 {
		position: relative;
		padding: inherit;
		bottom: auto;
		margin-top: 0;
	}

	#main-wrapper .right-block {
		width: 100%;
	}

	.panel#p1 .right-block {
		width: 100%;
	}

	.panel#p1 .right-block #bylines {
		max-width: 620px;
		padding: 2em 0;
		margin: 0 auto 0 0;
		width: 100%;
		text-align: left;
		float: left;
	}

	.panel#p1 .right-block #bylines p.directions {
		margin-top: 1em;
	}

	.textbox {
		width: 100%;
	}

	.textbox-block {
		float: none;
		margin: 0 auto;
		padding: 0 0 2em 0;;
	}

	.header-panel {
		font-size: 0.8em;
	}

}

@media screen and (max-width: 560px) {
	#capitulos{ visibility:hidden }
	#header ul.inline.audio {
		position: absolute;
		top: 10px;
		right: 30px;
		width: 146px;
		display: block !important;
	}

	#header .inline.social {
		float: right;
		text-align: right;
		display: none;
	}

	#header .expanded .inline.social {
		float: right;
		text-align: right;
		display: block;
	}
	#narrow-test{
		display: none;
	}
	.map-btn{
		padding: 6px 25px 6px 25px;
	}
	/*.flex-direction-nav a{
		height: 84%;
		top: 5%;
	}*/
	.panel#p0 #cover-text {font-size: 0.54em;
}
.grandes-titulos { font-family: "Bevan", Georgia, serif; font-size: 1.7em; line-height:1em}
}


@media screen and (max-width: 480px) {
	.panel#p0 #cover-text h1 {
		font-size: 5em;
	}

	.panel#p0 #cover-text h3 {
		/*font-size: 1em;*/

		font-size: 1em;
		overflow: hidden;
		width: 100%;
		display: inline-block;
	}

	.panel#p0 #cover-text h3 span {
		font-size: 1.6em;
		line-height: 1.6em;
	}

	.header-panel .section-header h1 {
		margin-bottom: 0.2em;
		line-height: 1.1em;
		font-size: 1.1em;
	}

	.pullquote-quote {
		font-size: 1.3em;
		line-height:1.3em;
		padding: 0;
	}

	.pullquote-source {
		font-size: 1em;
	}

	.full-image.slider {
		height: auto;
	}

	.header-panel .flex-control-nav.flex-control-paging {
		display: block;
	}

	.header-panel .flex-viewport {
		cursor: auto;
	}

	.header-panel .section-header {
		display: none;
	}

	.panel h2 {
		display: block;
	}

	#audio-text {
		display: none;
	}

	#header ul.inline.audio {
		width: auto;
	}

	.caption{
		margin-top: 0;
		padding: 0.5em 0;
	}

	.map-btn{
		font-size: 13px;
		width: 50%;
		padding: 6px 0;
	}
	#map-canvas { 
		height: 300px;
	}
	#map-legend{
		top: 2px;
		right: auto;
		bottom: auto;
		left: 40px;
		border: 2px solid #c9c9c9;
		box-shadow: none;
	}
	.mobile-hide{
		display:none;
	}
	.mobile-show{
		display:inline;
	}
	.cartodb-logo{
		display:none !important;
	}
	.leaflet-left .leaflet-control{
		margin-left : 2px;
	}
	.leaflet-top .leaflet-control{
		margin-top : 2px;
	}
	/*.flex-direction-nav a{
		height: 78%;
		top: 6%;
	}*/
}