@charset "UTF-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,600,700);
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	line-height:1.4;
	background-color:#fff;
	color:#222;
}
h1, h2, h3, .nav, .subnav-inner, footer {
	font-family: 'Source Sans Pro', sans-serif;
}
h1 {
	font-weight:700;
	font-size:24px;
}
h2 {
	font-weight:700;
	font-size:22px;
}
h3 {
	font-weight:600;
	font-size:20px;
}
p {
	margin-bottom:1em;
}
ol, ul {
	list-style:none;
}
hr {
	display:block;
	height:2px;
	color:#757b81;
	margin:0 0 16px 0;
	padding:0;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #757b81 -moz-use-text-color -moz-use-text-color;
	border-image: none;
	border-right: 0 none;
	border-style: solid none none;
	border-width: 2px 0 0;
}
a {
	color: #3d6da8;
}
a:hover, a:active, a:focus {
	color: #4e85bf;
	text-decoration:underline;
}
a:visited {
	color:#551a8b;
}
.anchors {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:400;
	font-size:16px;
	color:#999;
}
.anchors span {
	margin:0 5px;
}
.anchors a {
	text-decoration:none;
}
.anchors a:visited {
	color: #3d6da8;
}
strong em {
	font-weight:normal;
	font-style:normal;
	text-transform:uppercase;
}
/****** LAYOUT ******/
header {
	height:240px;
	width:100%;
}
#montage {
	/*height:240px;*/
	background:transparent url(img/hm-header-photos3a50c.jpg?130828) repeat-x center top;
}
#logo-language {
	position:relative;
	height:201px;
	width:960px;
	margin:0 auto;
	display:block;
}
nav {
	height:39px;
	width:960px;
	margin:0 auto;
	display:block;
}
#content {
	background:#fff url(img/content-bga50c.jpg?130828) no-repeat center top;
	padding:30px 0;
}
#content:after {
	content:"\0020";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
section {
	width:960px;
	margin:0 auto;
	clear:both;
}
article {
	width:625px;
	float:left;
}
aside {
	width:300px;
	float:right;
	display:block;
}
footer {
	float:left;
	width:100%;
	background:#08101D url(img/footer-bga50c.jpg?130828) repeat-x 0 0;
}
footer .wrapper {
	background:transparent url(img/footer-bg-overlay3a50c.jpg?130828) no-repeat center top;
	padding:25px 0;
	display:block;
}
footer .wrapper section:after, footer .wrapper:after {
	content:"\0020";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
/****** HEADER ELEMENTS******/
header #logo-language h1 {
	position:absolute;
	bottom:6px;
	float:left;
	display:block;
	width:960px;
	height:82px;
	text-indent: -999em;
	background-repeat:none;
}
header #logo-language h1.en {
	background-image:url(img/hm-heading-ena50c.png?130828);
}
header #logo-language h1.es {
	background-image:url(img/hm-heading-esa50c.png?130828);
}
/****** Language Toggle ******/

header #languageToggle {
	width:210px;
	float:right;
	display:block;
	margin-top:15px;
	margin-right:8px;
	font-family: 'Source Sans Pro', sans-serif;
}
header #languageToggle:after {
	content:"\0020";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
header #languageToggle li {
	display:inline-block;
	position:relative;
	width:90px;
	height:32px;
	background-color:#223A55;
	margin-left:10px;
	border-radius:3px;
	box-shadow: 5px 5px 8px rgba(65, 29, 43, 0.80);
	-moz-box-shadow: 5px 5px 8px rgba(65, 29, 43, 0.80);
	-webkit-box-shadow: 5px 5px 8px rgba(65, 29, 43, 0.80);
	-khtml-opacity:.80;
	-moz-opacity:.80;
	-ms-filter:"alpha(opacity=80)";
	filter:alpha(opacity=80);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.80);
	opacity:.80;
}
header #languageToggle li:first-child {
	margin-left:0;
}
header #languageToggle li:hover {
	-khtml-opacity:.95;
	-moz-opacity:.95;
	-ms-filter:"alpha(opacity=95)";
	filter:alpha(opacity=95);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.95);
	opacity:.95;
}
header #languageToggle li.select {
	-khtml-opacity:.75;
	-moz-opacity:.75;
	-ms-filter:"alpha(opacity=75)";
	filter:alpha(opacity=75);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.75);
	opacity:.75;
	background-color:#934548;
}
header #languageToggle li.select:hover {
	-khtml-opacity:.75;
	-moz-opacity:.75;
	-ms-filter:"alpha(opacity=75)";
	filter:alpha(opacity=75);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.75);
	opacity:.75;
}
header #languageToggle li a {
	position:absolute;
	width:90px;
	height:32px;
	color:#AFD3EB;
	font-weight:700;
	text-align:center;
	text-transform:uppercase;
	line-height:32px;
	text-decoration:none;
}
header #languageToggle li.select a {
	color:#fff;
}
/****** NAVIGATION ******/
nav ul {
	margin:0;
	text-align:center;
}
nav ul li {
	display:inline-block;
	height:39px;
	font-weight:700;
	font-size:16px;
	text-transform:uppercase;
	text-align:center;
	line-height:39px;
	margin-left:12px;
	padding-left:21px;
	background:transparent url(img/spritesa50c.png?130828) no-repeat 0 15px;
}
nav ul li:first-child {
	background:none;
	margin-left:0;
	padding-left:0;
	border-left:none;
}
nav ul li a, nav ul li a:visited {
	color:#AFD3EB;
	text-decoration:none;
}
nav ul li a:hover, nav ul li a:active, nav ul li a:focus {
	color:#fff;
	border-bottom:3px solid white;
	text-decoration:none;
}
nav ul li.select a {
	color:#fff;
	border-bottom:3px solid white;
}
.hidden-desktop {
	display:none!important;
}
/** NAV COLLAPSE **/

.nav-collapse {
	clear: both;
}
.nav-collapse .nav {
	float: none;
}
.nav-collapse .nav > li {
	float: none;
}
.nav-collapse .dropdown-menu a {
	padding: 9px 15px;
}
.nav-collapse .dropdown-menu li + li a {
	margin-bottom: 2px;
}
.nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus {
	background-color: #F2F2F2;
}
.nav-collapse .dropdown-menu {
	background-color: transparent;
	border: 0 none;
	box-shadow: none;
	display: none;
	float: none;
	left: auto;
	margin: 0 15px;
	max-width: none;
	padding: 0;
	position: static;
	top: auto;
}
.nav-collapse .open > .dropdown-menu {
	display: block;
}
.nav-collapse .dropdown-menu:before, .nav-collapse .dropdown-menu:after {
	display: none;
}
.nav-collapse .nav > li > .dropdown-menu:before, .nav-collapse .nav > li > .dropdown-menu:after {
	display: none;
}
.nav-collapse, .nav-collapse.collapse {
	height: 0;
	overflow: hidden;
}
.nav-collapse.collapse {
	height: auto !important;
	overflow: visible !important;
}
.subnav-inner {
	border-bottom:1px solid #ccc;
}
.subnav-inner li {
	line-height:40px;
}
.subnav-inner li a {
	text-decoration:none;
	display:block;
	padding-left:.5em;
	font-weight:600;
}
.subnav-inner li a:hover {
}
.subnav-inner .selected a, .subnav-inner .ancestor .selected a {
	color: #fff;
	background-color:#934548;
	border-top:1px solid #934548;
}
.subnav-inner .ancestor a, .subnav-inner .descendant a, .subnav-inner .sibling a {
	color: #3d6da8;
	background-color:transparent;
	border-top:1px solid #ccc;
}
.subnav-inner .ancestor a:hover, .subnav-inner .ancestor a:active, .subnav-inner .ancestor a:focus, .subnav-inner .descendant a:hover, .subnav-inner .descendant a:active, .subnav-inner .descendant a:focus, .subnav-inner .sibling a:hover, .subnav-inner .sibling a:active, .subnav-inner .sibling a:focus {
	color: #4e85bf;
	background-color:#ddd;
}
.subnav-inner .ancestor .selected a:hover, .subnav-inner .ancestor .selected a:active, .subnav-inner .ancestor .selected a:focus {
	color: #fff;
	font-weight:600;
	background-color:#934548;
	/*border-bottom:1px solid #934548;*/
}
/****** CONTENT ******/
article h3 {
	font-size:20px;
	color: #934548;
	margin: 0 0 .75em 0;
	padding:0;
}
article h2 {
	color: #934548;
	margin: 0 0 .75em 0;
	padding:0;
	text-transform:uppercase;
}
/**PARTNER PLAYER**/
.partner-player, #player {
	clear:both;
	background-color: #000;
	max-width:512px;
	margin:0 auto;
}
.partner-player div, #player div.cove {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.partner-player div iframe, #player div.cove iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	background-color:#333;
}
.videogroup {
	border-top: 6px solid #934548;
	border-bottom: 6px solid #934548;
	padding: 1.25em 0;
	margin: 1em 0 1.5em 0;
	position:relative;
	display:block;
	clear:left;
}
.videogroup p {
	display:none;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:16px;
	font-weight:600;
	line-height:1.2;
	text-align:left;
	width:100%;
	max-width:512px;
	margin: .5em auto 0 auto;
	padding:0;
	height:auto!important;
}
.videogroup p.selected {
  display: block;
}
.videogroup a {
	text-decoration:none;
}
.videogroup img {
	filter:alpha(opacity=60);
	opacity:0.60;
	margin:0;
	z-index:1;
}
.videogroup a:hover img, 
.videogroup a:active img, 
#home .videogroup a:focus img {
	filter:alpha(opacity=85);
	opacity:0.85;
}
.videogroup ul {
	width:512px;
	margin:.65em auto 0 auto;
}
.videogroup ul:after {
	content:"\0020";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.videogroup li {
	float: left;
	height: 68px;
	width: 120px;
	margin: 0 0 0 10px;
	padding: 0;
}
.videogroup li img {
	width:100%;
	max-width:120px;
	height: auto;
}
.videogroup li:first-child {
	margin-left: 0;
}
.videogroup li a {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
}
.videogroup li a span {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(img/thumb-playa50c.png?130828) no-repeat right top;
	cursor:pointer;
	display: block;
	text-indent: -999em;
	overflow: hidden;
	text-align: left;
}

.videogroup li.selected a {
	cursor: default;
}
.videogroup li.selected a span {
	background:none;
  cursor: default;
}
.videogroup .selected a img,
.videogroup .selected a:hover img,
.videogroup .selected a:focus img {
	filter:alpha(opacity=100);
	opacity:1;
}
  


/* PHOTOS + CAPTIONS ----------------------------------------- */
.photo-left {
	float:left;
	clear:left;
	margin-right:25px;
	margin-bottom:16px;
}
.photo-right {
	float:right;
	clear:right;
	margin-left:25px;
	margin-bottom:16px;
}
div.photo-left, div.photo-right {
	width:300px;
	position:relative;
}
.photo-left a.popup, .photo-right a.popup, .photo-left span, .photo-right span, .photo-left img, .photo-right img {
	display:block;
}
.photo-left div, .photo-right div {
	position:relative;
}
.photo-left span, .photo-right span {
	position:absolute;
	z-index:2;
	top:0;
	left:1px;
	right:3px;
	bottom:3px;
	background: url("img/enlargea50c.png?130828") no-repeat scroll right bottom transparent;
}
.photo-left img, .photo-right img {
	display:block;
	z-index:1;
	width:300px;
}
article .photo-left p, article .photo-right p, article .photo-wide p {
	font-size:85%;
	line-height:1.2;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:12px;
	font-weight:400;
	color:#666;
	margin:8px 0 0 0;
}
/* just an image, no caption */
img.photo-left {
	margin: 3px 21px 16px 0;
	width:auto;
}
img.photo-right {
	margin: 3px 0 16px 21px;
	width:auto;
}
/****** FANCYBOX ******/
.fancybox-opened .fancybox-skin {
	border-radius:2px;
}
/****** FOOTER ******/
footer .wrapper {
	font-size:14px;
	color:#ccc;
}
footer section {
	width:960px;
	margin:0 auto 20px auto;
	display:block;
	border-bottom:1px dotted #666;
}
footer a, footer a:hover, footer a:visited, footer a:active {
	color:#AFD3EB;
	padding:0 .5em;
}
footer section p.funders {
	text-align:center;
}
footer section p.social-links {
	text-align:center;
}
footer section#copyright {
	border-bottom:none;
	margin-bottom:0;
}
footer section#copyright p {
	color:#999;
	text-align:center;
}
footer section .col {
	width:460px;
	display:inline-block;
	float:right;
}
footer section .col:first-child {
	float:left;
}
/****** GIGYA ******/
.gig-bar-container {
	margin-bottom:20px;
}
/****** PROMOS ******/
.promo {
	font-family: 'Source Sans Pro', sans-serif;
	background:#e8eaed url(img/hm-aside-yourvids-bga50c.png?130828) repeat-x 0 0;
	border-radius:4px;
	box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.65);
	-moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.65);
	-webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.65);
	margin-top:25px;
	padding-bottom:20px;
}
.promo h2 {
	color:#fff;
	font-size:20px;
	background-color:#364E69;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4B6685', endColorstr='#203A58'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#4B6685), to(#203A58)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #4B6685, #203A58); /* for firefox 3.6+ */
	border-radius:4px 4px 0 0;
	padding:10px 14px;
	text-align:center;
}
.promo h2 a {
	color:#fff;
	text-decoration:none;
}
.promo h3 {
	color:#934548;
	text-align:center;
	padding:0 20px;
	margin-bottom:.5em;
}
.promo img {
	width:300px;
	margin-bottom:10px;
}
.promo p {
	font-size:14px;
	color:#4a4a4a;
	line-height:1.3;
	padding:0 20px;
}
.submitButton {
	font-family: 'Source Sans Pro', sans-serif;
	display:block;
	width:260px;
	height:40px;
	margin:15px 0;
	clear:both;
}
.promo .submitButton {
	margin:15px auto 0 auto;
}
.submitButton a {
	display:block;
	width:260px;
	height:40px;
	text-align:center;
	color:#fff;
	line-height:40px;
	text-transform:uppercase;
	font-weight:700;
	text-decoration:none;
	background-color:#934548;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#934548', endColorstr='#783136'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#934548), to(#783136)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #934548, #783136); /* for firefox 3.6+ */
	border-radius:4px;
}
.submitButton a:hover {
	background-color:#96494c;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b25e62', endColorstr='#98454c');
	background: -webkit-gradient(linear, left top, left bottom, from(#b25e62), to(#98454c));
	background: -moz-linear-gradient(top, #b25e62, #98454c);
} /* red hover */
/****** specific promo styles ******/

.pbsAd {
	width:300px;
	margin-top:25px;
}
.pbsAd p {
	font-size:12px;
}
.pbsAd p a {
	float:right;
	text-decoration:none;
}
.pbsAd p a:hover, .pbsAd p a:active, .pbsAd p a:focus {
	color: #4e85bf;
	text-decoration:underline;
}
.shop {
	margin-top:25px;
	display:block;
	width:300px;
	height:150px;
}
.promo.yourvids h2 a {
	background:transparent url(img/spritesa50c.png?130828) no-repeat 0 -36px;
	padding-left:46px;
}
.promo.yourvids img {
	height:190px;
}
/****** HOME ******/

#home article {
	width:600px;
}
#home article h2 {
	margin-bottom: .5em;
	color:#222;
	text-transform:none;
}

/****** ABOUT ******/
#filmcredits, #fullcredits, #webcredits {
	text-align:center;
}
/****** MI HISTORIA and SEND VIDEOS ******/
#mi-historia .submitButton {
	margin-bottom: 20px;
}
#mi-historia #videos {
	margin-left:-10px;
}
#mi-historia #videos li {
	display:inline-block;
	vertical-align: top;
	width:300px;
	min-height:230px;
	margin:10px;
	background-color:#000;
	border-radius:4px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.45);
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.45);
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.45);
}
#mi-historia #videos .video-iframe {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
}
#mi-historia #videos .video-iframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	border-radius:4px 4px 0 0;
}
#mi-historia #videos .video-title, #mi-historia #videos .video-submitted {
	font-family: 'Source Sans Pro', sans-serif;
	font-size:16px;
	font-weight:600;
	padding:12px 12px 0 12px;
	margin-bottom:0;
}
#mi-historia #videos .video-title p {
	margin-bottom:0;
	line-height:1.2;
	color:#999
	/* display:none; */
}
#mi-historia #videos .video-submitted {
	font-size:13px;
	font-weight:400;
	color:#999;
	padding-top:0;
	display:none;
}
#mi-historia .pagination {
	text-align: center;
}
#mi-historia .pagination ul {
	margin-top: 1em;
}
#mi-historia .pagination li {
	margin-left: 1em;
	margin-right: 1em;
	display:inline;
}
#send-videos section article iframe {
	width:600px;
	height:500px;
	background-color:#fff;
	padding:10px;
	border:1px solid #ccc;
	border-radius:3px;
}
#send-videos .subnav {
	display:none;
}
/****** CONTACT PAGE ******/
#contact #content label {
	display:inline-block;
	width:25%;
	font-family: 'Source Sans Pro', sans-serif;
	color:#934548;
	font-weight:600;
	text-align:right;
}
#contact #content input, #contact #content textarea {
	width:70%;
	float:right;
}
#contact #content p:after {
	content:"\0020";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#contact .form-footer {
	border-top:1px dotted #7a7a7a;
	padding-top:1em;
}
#contact .form-footer button {
	display:block;
	float:right;
	width:180px;
	height:40px;
	cursor: pointer;
	text-align:center;
	color:#fff;
	font-family: 'Source Sans Pro', sans-serif;
	line-height:40px;
	text-transform:uppercase;
	font-size:16px;
	font-weight:700;
	text-decoration:none;
	background-color:#934548;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#934548', endColorstr='#783136'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#934548), to(#783136)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #934548, #783136); /* for firefox 3.6+ */
	border:none;
	border-radius:4px;
}
#contact .form-footer em {
	float:left;
}
/****** TIMELINE ******/

#timeline article .row {
	width:100%;
	float:left;
	border-top:1px dotted #999;
	margin-top:0;
	padding-top:1em;
}
#timeline .row .year {
	width:9%;
	float:left;
}
#timeline .year h3 {
	margin-top:-5px;
	margin-bottom:.75em;
	text-align:center;
}
#timeline .row .events {
	width:87%;
	float:right;
}
#timeline article .partner-player {
	clear:both;
	background-color: #000;
	max-width:512px;
	margin:0 0 1em 0;
}
/*** BLOG ***/
#blog .list-entry {
	background-color:#fff;
	border-radius:4px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.45);
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.45);
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.45);
	margin-bottom:25px;
	padding:20px;
}
#blog article h1 {
	font-size:22px;
	font-weight:600;
	color: #934548;
	margin: 0 0 0.75em;
	padding: 0;
	text-transform: uppercase;
}
#blog article h3 {
	font-size:22px;
	margin-bottom:0;
}
#blog article h3 {
	text-decoration:none;
}
#blog article h3 a:hover {
	text-decoration:underline;
}
#blog p.posted-on {
	font-family: 'Source Sans Pro', sans-serif;
	color:#999;
	font-size:14px;
	padding-bottom:1em;
	border-bottom:1px dotted #ccc;
}
#blog .list-entry img {
	padding-right:15px;
}
#blog .blog-media {
	margin-bottom:1em;
}
#blog .blog-media .info {
	display:block;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:12px;
	color:#999;
	padding-top:.5em;
}
#blog aside {
	font-family: 'Source Sans Pro', sans-serif;/*border-left:1px dotted #757b81;
	padding-left:20px;*/
}
#blog aside h3 {
	font-size:16px;
	text-transform:uppercase;
	margin-bottom:.5em;
}
#blog #date-links, #blog #tag-links {
	margin-top:1.6em;
}
#blog aside li {
	line-height:28px;
	background-image: url(img/spritesa50c.png?130828);
	background-repeat: no-repeat;
	padding-left:24px;
}
#blog #author-links li {
	background-position: 0 -73px;
}
#blog #date-links li {
	background-position: 0 -113px;
}
#blog #tag-links li {
	background-position: 0 -153px;
}

#watch-videos .videogroup {
	border-top: none;
	border-bottom: none;
	padding: 0;
	margin: 0;
	width:100%;
	max-width:625px;
}
#watch-videos #player {
	max-width:620px;
	margin:0;
	background-color:transparent;
}
#watch-videos #player h4 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
	font-color:#7a7a7a;
	margin:.5em 0 .65em 0;
}
#watch-videos .meta {
	border-bottom:1px dotted #934548;
}
#watch-videos .videogroup ul {
	margin:5px 0 10px 0;	
	width:100%;	
}
#watch-videos .videogroup li {
	height:120px;
	margin: 10px 5px 0 0;	
}
#watch-videos .videogroup li a p {
	font-size:12px;
	font-weight:400;
	display:block;
	width:110px;
	padding:1px 0 0 0;
	margin:0;
	height:auto;	
}
#watch-videos .videogroup li a.selected p {
	font-weight:600;
	color: #934548;
}
/*** EDUCATION ***/

.lesson { margin-bottom:1.25em; padding-top:1em; border-top:4px solid #934548;}
.lesson a.pdf {
	background:transparent url(img/spritesef50.png?09201641) no-repeat 0 -205px;
	padding-left:20px;
	margin-right:2em;
}
.lesson h4 {margin-bottom:0; margin-top:0; padding: 20px 20px 0 20px; }
.lesson .videos { width: 100%; }
.lesson .left { background-color:#222; padding:0;  width:100%; border-radius:3px 3px 0 0; }
.lesson .right { background-color:#e6e6e6; width:100%; border-radius:0 0 3px 3px; }
.lesson .right ul {margin-bottom:0; padding:0 20px 20px 20px; }
.lesson .right li {
		display: inline-block;
		width: 48%;
		font-family: 'Source Sans Pro', sans-serif;  
		margin-top:.75em; 
		}
.lesson .right a { }
.lesson .right a.playing { font-weight:600; color:#934548; text-decoration:none;}


 @media screen and (min-width: 532px) and (max-width: 979px) {
 header {
 height:inherit;
}
 #logo-language {
 width:100%;
 height:50px;
 padding-top:90px;
}
 header #logo-language h1 {
 position:relative;
 bottom:inherit;
 width:506px;
 height:39px;
 margin-left:20px;
 float:left;
}
header #logo-language h1.en {
 background-image:url(img/logo-tableta50c.png?130828);
}
header #logo-language h1.es {
 background-image:url(img/logo-tablet-esa50c.png?130828);
}
 header #languageToggle {
 width:200px;
 float: right;
 display: block;
 margin: 5px 20px 0 0;
}
 aside {
 width:100%;
 float:left;
}
.pbsAd, .shop {
	margin-left:auto;
	margin-right:auto;
}
.promo .col {
width:50%;
float:left;
margin:10px 0;
}
.promo .col img {
width:95%;
height:auto;
margin-left:10px;
}
.promo .submitButton {
 clear:left;
}
#mi-historia .pbsAd {
 display:none;
}
#mi-historia #videos li {
 width:45%;
}
#watch-videos .videogroup {
	margin:0 auto;
}
}
 @media screen and (min-width: 768px) and (max-width: 979px) {
#pbs_distribution_header {
	overflow-x:hidden;
}
#montage {
 background-position:center -12px;
}
 nav {
width:100%;
background-color:#223A55;
 border-top:2px solid rgba(255, 255, 255, .75);
-khtml-opacity:.85;
 -moz-opacity:.85;
 -ms-filter:"alpha(opacity=85)";
 filter:alpha(opacity=85);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.85);
 opacity:.85;
}
nav ul li {
 font-weight:600;
 font-size:15px;
 text-transform:none;
 margin-left:7px;
 padding-left:16px;
}
nav ul li a:hover, nav ul li a:active, nav ul li a:focus {
 border-bottom:2px solid white;
}
nav ul li.select a {
 border-bottom:2px solid white;
}
#content {
 padding:15px;
}
section {
 width: 738px;
}
article, #home article {
 width:100%;
 float:left;
}
aside .utility {
margin:30px 0;
}
 footer {
 float:left;
 width:100%;
}
footer .wrapper {
 padding:15px;
}
footer section {
width:100%;
}
footer section .col {
width:48%;
}
}
 @media screen and (max-width: 767px) {
#pbs_distribution_header {
	overflow-x:hidden;
}
 header {
 border-bottom:5px solid #1b3550;
}
#montage {
 background-position:center -6px;
}
header #logo-language {
 padding-top:10px;
 height:120px;
}
 header #logo-language h1 {
 margin:0 auto;
 float:none;
}
 header #languageToggle {
 width:300px;
 float: inherit;
 display:block;
 margin: 20px auto 0 auto;
}
 header #languageToggle li {
 height:40px;
 width:80px;
}
 header #languageToggle li a {
 height:40px;
 width:80px;
 line-height:40px;
}
header #languageToggle li.hidden-desktop {
 display:inline-block!important;
 position:relative;
 width:90px;
 margin-right:26px;
}
header #languageToggle li.hidden-desktop a {
 width:70px;
 background:transparent url(img/spritesa50c.png?130828) no-repeat -160px 0;
 padding-left:26px;
}
 nav {
 display:none;
 height: auto;
 width: 100%;
 margin: 0;
 padding: 0;
 background: #1b3550;
}
 nav ul li, nav ul li:first-child {
 display: block;
 height: auto;
 line-height: 1.2;
 margin: 0;
 padding: 15px 15px;
 border-top: 1px solid #54687c;
 text-align: left;
 background: none;
}
nav ul li.select {
	background-color:#934548;
}
nav ul li a {
 display: block;
}
nav ul li a:hover, nav ul li a:active, nav ul li a:focus {
	border-bottom:none;
}
nav ul li.select a {
	border-bottom:none;
}
 .nav {
width:100%;
}
 #content {
 padding:15px;
}
section {
 width: 100%;
}
 article, #home article {
 width:100%;
 float:left;
}
aside .utility {
	margin:10px auto 30px auto;
	width:260px;
}
footer {
 float:left;
 width:100%;
}
footer .wrapper {
 padding:15px;
}
footer section {
width:100%;
}
footer section .col {
width:100%;
display:block;
}
#send-videos section article iframe {
	width:100%;
	padding:0;
}
#blog .list-entry .blog-media img {
	max-width:100%;
	height:auto;
	padding:0;
}
}
 @media screen and (max-width: 531px) {
#pbs_distribution_header {
	overflow-x:hidden;
}
header {
 height:auto;
}
#montage {
background-image:url(img/header-mobilea50c.jpg?130828);
background-position:center top;
min-height: 96px;
}
#logo-language {
 width:100%;
 height:96px;
 padding-top:10px;
}
 header #logo-language {
 height: 86px;
}
 header #logo-language h1 {
 position:relative;
 bottom:inherit;
 margin:0 auto;
 float:none;
 width:304px;
 height:23px;
}
 header #logo-language h1.en {
 background-image:url(img/logo-mobilea50c.png?130828);
}
 header #logo-language h1.es {
 background-image:url(img/logo-mobile-esa50c.png?130828);
}
 header #languageToggle {
 float: inherit;
 display:block;
 margin: 10px auto 0 auto;
}
#content {
 padding: 15px 10px 20px 10px;
}
article h2 {
font-size:18px;
}
article h3 {
font-size:18px;
}
article .photo-left, article .photo-right, article p, article h3 {
 clear:left;
 float:inherit;
 width:100%;
 margin-left:0;
 margin-right:0;
}
article .photo-left div, article .photo-right div, article .photo-left p, article .photo-right p {
 width:300px;
 margin:0 auto;
 float:none;
}
article .photo-left img, article .photo-right img {
 margin-bottom:5px;
}
aside {
 width:100%;
 float:left;
}
.pbsAd, .shop {
	margin-left:auto;
	margin-right:auto;
}
aside .promo {
 width:300px;
 clear:left;
 float:none;
 margin:0 auto;
}
#timeline .row .year {
 width:100%;
}
#timeline .year h3 {
 margin-top:0;
 margin-bottom:.5em;
 text-align:left;
}
#timeline .row .events {
 width:100%;
 float:left;
}
.videogroup p {
 width:100%;
}
.videogroup ul {
 width:100%;
}
.videogroup li {
 width: 32%;
 height: auto;
 margin-left:1%;
}
#watch-videos .videogroup li {
	width:100%;
	margin: 0;
	height:68px;
	background-color:#fff;
	border-bottom:1px solid #ccc;	
}
#watch-videos .videogroup li a.selected {
	background-color:#934548;
}
#watch-videos .videogroup li img {
	width:120px;
	display:inline;
}
#watch-videos .videogroup li a {
	overflow:visible;
}
#watch-videos .videogroup li a p {
	width:auto;
	display:inline-block;
	vertical-align:top;
	margin:6px 0px 6px 10px;
	font-size:14px;
	width: 160px;
}
#watch-videos .videogroup li a.selected p {
	color:#fff;
}
#watch-videos .videogroup li a span {
	width:120px;	
}
#mi-historia .submitButton {
 margin:15px auto 20px auto;
}
#mi-historia .pbsAd {
 display:none;
}
#mi-historia #videos {
 margin-left:0;
}
#mi-historia #videos li {
 width:100%;
 float:none;
 display:block;
 margin:10px auto;
}
.lesson .right li {
		display: block;
		width: 100%;
		}
}