/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */

body {
	background: #000 url(../images/cemento.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color:#fff;
}

a:hover {color:#ff0000!important;}
h1, h2,h3, h4, h5, h6 {
	color:#fff;
	font-family: 'Federo', sans-serif;
	font-weight:300;
}
h3, h4 {
	text-shadow: 6px 6px 9px rgba(0, 0, 0, 1);
}
p {
	
}
hr { border: solid #333; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0; }
.top5{
	padding-top:5px;
}
.top10{
	padding-top:10px;
}
.top15{
	padding-top:15px;
}
.top20{
	padding-top:20px;
}
.top25{
	padding-top:25px;
}
.top30{
	padding-top:30px;
}
.top35{
	padding-top:35px;
}
.top40{
	padding-top:40px;
}
.top45{
	padding-top:45px;
}
.top65{
	padding-top:65px;
}
.top_percent_10 {
	margin-top:10%;
}



.top-bar { 
	background: -moz-linear-gradient(-45deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.13) 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0.13)));
	background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.13) 100%);
	background: -o-linear-gradient(-45deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.13) 100%);
	background: -ms-linear-gradient(-45deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.13) 100%);
	background: linear-gradient(135deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.13) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#21000000',GradientType=1 );
	height:45px;
 /* Contain width to .row width */ /* First <ul> for branding, title, name, etc */ /* topbar global <ul> styles */ 
}

.top-bar > ul .name h1 { line-height: 45px; margin: 0; }
.top-bar > ul .name h1 a { 
	 
	padding: 0 22.5px; 
	font-size: 32px !important;
	font-family: 'Federo', sans-serif;
}
.top-bar ul > li a { 
	font-size:18px!important;
	font-family: 'Dosis', sans-serif;	
 }

.top-bar ul > li.toggle-topbar {
	width:20%;
}

.button {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
ul.iconos_sociales {
	list-style:none;
} 
ul.iconos_sociales > li {
	display:inline;
	margin:4px 14px 4px 0;
	padding:4px 0;
}
ul.iconos_sociales > li.bug-twitter iframe {
	top:8px !important;
}
.red {
	color:#ff0000!important;
}
.red_undelined { 
	border-bottom:2px solid #ff0000;
	width:128px;
}
.red_undelinedd { 
	border-bottom:2px solid #ff0000;
	width:148px;
}
.red_dotted_undelinedd { 
	border-bottom:1px dotted #ff0000;
	width:118px;
}
.grey_title {
	color:#7e7e7e!important;
}
.black {
	color:#000!important;
}
/* Sombra
------------------------------ */

.th img{ border: solid 4px #fff;}


/* Tabs ---------------------- */

dl.tabs { border-bottom: solid 1px #777; display: block; height: 40px; padding: 0; margin-bottom: 20px; }
dl.tabs.contained { margin-bottom: 0; }
dl.tabs dt { color: #b3b3b3; cursor: default; display: block; float: left; font-size: 12px; height: 40px; line-height: 40px; padding: 0; padding-right: 9px; padding-left: 20px; width: auto; text-transform: uppercase; }
dl.tabs dt:first-child { padding: 0; padding-right: 9px; }
dl.tabs dd { 
	display: block;

	float: left; 
	padding: 0; 
	margin: 0; 
}
dl.tabs dd a { 
	color: #fff; 
	display: block; 
	font-family: 'Dosis', sans-serif;
	font-size: 18px; 
	height: 40px; 
	line-height: 40px; 
	padding: 0px 23.8px; 
}
dl.tabs dd a:focus { font-weight: bold; background:#000 !important; color: #ff0000; }
dl.tabs dd.active { border-top: 3px solid #ff0000; margin-top: -3px; }
dl.tabs dd.active a { 
	cursor: default; 
	color: #fff; 
	background: -moz-linear-gradient(-45deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.13) 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0.13)));
	background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.13) 100%);
	background: -o-linear-gradient(-45deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.13) 100%);
	background: -ms-linear-gradient(-45deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.13) 100%);
	background: linear-gradient(135deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.13) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#21000000',GradientType=1 );
	border-left: none; 
	border-right: none; 
	font-weight: normal; 
}
dl.tabs dd:first-child { margin-left: 0; }

/* Text inside tabs
-------------------------------------------*/
.nav-works ul {
	margin:30px 0;
}
.nav-works li {
	margin:0 0 10px 0;
	list-style:none;
	letter-spacing:1px;
}
.nav-works li {
	color:#ededed;
	font-family: 'Dosis', sans-serif;
	font-size:16px;
}
.reveal-modal {
	top:45px;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}
#featured { background: url(../images/spinner.gif) center center; height: 300px; }
#featured img { display: none; }

#featured.orbit { background: none; }
#featured.orbit img { display: block; }
footer {
	font-size:10px;
	color:#333;
	text-shadow: rgba(0,0,0,0.5) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -2px;
}
footer a {
	color:#333;
	text-shadow: rgba(0,0,0,0.5) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -2px;
}
/* -----------------------------------------
   Mobile
----------------------------------------- */

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	.top-bar { 
		background: url('../images/bg-nav.png') repeat-x top center;
		height:44px;
	}
	 /* Contain width to .row width */ /* First <ul> for branding, title, name, etc */ /* topbar global <ul> styles */ 
	.top-bar > ul .name h1 a { 

		padding: 0 22.5px; 
		font-size: 22px !important;
		font-family: 'Federo', sans-serif;
		font-weight: normal;
		
	}
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
	
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
	
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}