@charset "UTF-8";
/* CSS Document */

/*
========================================
colores

verde: #4a6147; rgba(74,97,71,.9);
azul: #466473; rgba(70,100,115,.9);
gris: #221f1f; rgba(34,31,31,.9);
gris claro: #dedede; rgba(222,222,222,.9);

========================================
*/

@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:700);
@import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,400italic,700,700italic);

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

h1, h2, h3, h4, h5, h6, strong, b { 
	font-weight: 700;
	font-family: 'Roboto Slab', sans-serif;
}
p, li {font-size: .75em; line-height: 1.8em;}

::selection {background: #221f1f; color:#ffffff;}
::-moz-selection {background: #221f1f; color:#ffffff;}

#inicio, #home {
	padding: 3em 0 3em;
	/*background: url(../img/bg_header.png) 22% center no-repeat;*/
	background-size: 20%;
	/*border-top: 10px solid #dedede;*/
}

/* * * * nav * * * */

.contain-to-grid .top-bar {margin:0 auto;}

.top-bar, .top-bar-section li a:not(.button) {
	background-color: #f4f4f4;
	color:#466473;
}
[data-magellan-expedition] {
	padding: 0;
	border-top: 1px solid #dedede;
	background-color: #f4f4f4;
}
.top-bar-section ul li > a {transition:all .3s;}
.top-bar-section ul li > a:hover {
	background:#dedede; 
	color:#4a6147;
	/*text-shadow:0px 1px 3px rgba(0,0,0,.7);*/
}
.top-bar-section ul li.active > a{
	background:#dedede; 
	color:#4a6147; 
}
/*div.contain-to-grid.sticky {border-bottom: 2px solid #f4f4f4;}*/
.top-bar-section ul li > a {
	text-transform: uppercase;
	letter-spacing: .15em; 
	font-weight: 400;
	font-size: .90em;
}

.top-bar .name h1 a {
	color: #221f1f;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-weight: 400;
	font-size: .6em;
	font-family: 'Noto Sans', sans-serif;
}

/* * * * =Generales * * * */

.centrado {
	text-align: center;
}

.button {
	border: none;
	box-shadow: none;
}

.sec {
	/*padding: 8em 0;*/
	padding: 12em 0;
}

.proyecto {
	padding: 4.5em 0;
	/*background: #61A0C0;*/
	border-top: 3px solid #4a6147;
}

#nosotros, #about {
	background: url(../img/bg_header.png) 10% center no-repeat;
}

#sustentabilidad, #sustainability {
	background: #8D9A00 url(../img/bg_sustentabilidad.png) 10% center no-repeat;
	color: #fff;
}

#proyectos, #proyects {
	text-align: center;
	padding: 4em 0;
}

#proyectos .button, #proyects .button {
	margin-top: 10px;
}

#rh {
	background: #75A7C0;
}

#feed {
	background: #e4f0f6;
}

#contacto, #contact {
	/*background: #dbeaf1;*/
	background: #466473;
	color:#fff;
	text-align: center;
	padding: 3em 0;
}

#contacto h2, #contact h2 {color: #fff;}

/*#contacto a {color: #000;}*/

#mapa iframe {
	width: 100% !important;
}

#footer {
	padding: 2.2em 0;
	background: #dedede;
	/*color: #fff;*/
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .12em;
	font-weight: 700;
	font-size: .6em;
	font-family: 'Roboto Slab', sans-serif;
}


/* * * * =twitter * * * */

#twitter-feed {
	width: 100%; 
}

#loading-container {
	text-align:center; 
}

#twitter-feed { }

#twitter-feed h1 {
	display: none;
	color:#000;
	font-weight:300;
	font-size:.7em;
	text-align: center;
}

#twitter-feed h1 span {display: block;}

#twitter-feed h1 span a {color:#000; font-size: 1.5em;}

.twitter-article, #loading-container {
	margin:2em auto;
	width:80%;
}

.twitter-pic {
	/*display:none;*/
}

.twitter-pic img { 
	border:none;
	border-radius:7px;
}

/* -------- TEXT STYLING ------*/
.twitter-text {
	font-size: 1em;
	/*font-family: 'Poly', Georgia;*/
}

.twitter-text p {
	margin: .5em 0;
	padding: 0;
	color:#376729;
	line-height: 1.5em;
}

.twitter-text a,  h1 a {
	color:#dfe7a3;
	text-decoration: none;
}

.twitter-text a:hover,  h1 a:hover {
	color: #fff;
	text-decoration: none;
}

.tweet-time {
	display: block;
	margin: 0;
	color:#fff;
	font-size:0.7em;
}

.tweet-time a, .tweet-time a:hover {
	color:#fff;
}
/*.tweetprofilelink strong a { color:#FFF;}*/
.tweetprofilelink a {
	margin: 0;
	color:#fff;
	font-weight: 300;
	font-size: 0.8em;
}
.tweetprofilelink a:hover {
	margin: 0;
	color:#dfe7a3;
}

/* -------- FEED  ACTIONS ------*/
#twitter-actions {
	float:right;  
	margin-top:3px;
	margin-right:5px;
}
.intent {
	display:none;
	float:left;
	width:25px;
	height:16px;
}
.intent a{
	display:block;
	float:left;
	width:25px;
	height:16px;
	background-image:url(../img/tweet-actions.png);
}
.intent a:hover{
	background-position:-25px 0px;
}

#intent-retweet a{
	background-position:0px -17px;
}
#intent-retweet a:hover{
	background-position:-25px -17px;
}
#intent-fave a{
	background-position:0px -36px;
}
#intent-fave a:hover{
	background-position:-25px -36px;
}

/* -------- RETWEET INDICATOR ------*/
#retweet-indicator {
	float:left;
	margin-top:3px;
	width:14px;
	height:10px;
	background-image:url(../img/tweet-actions.png);
	background-position:-5px -54px;
}

/* All Displays: Mobile and up */
@media only screen and (max-width: 480px) {

}


/* Medium Displays: 768px - 1279px */
@media only screen and (max-width: 768px) {

}

/* X-Large Displays: 1400px and up */
@media only screen and (max-width: 1440px) {
	
}