/* Artfully masterminded by ZURB  */

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


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

body {
	background: #000 url(../images/bg-contacto.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;
}
.top85{
	padding-top:85px;
}
.top185{
	padding-top:185px;
}
.top285{
	padding-top:285px;
}
.top-full-height {
	height:580px !important;
	width:auto;
}
.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;
}

.red {
	color:#ff0000!important;
}
.grey_title {
	color:#7e7e7e!important;
}
.black {
	color:#000!important;
}

/* 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 {
	position:fixed;
	bottom:0px;
	left:0;
	right:0;
	width:100%;
	max-width:1140px;
	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) {
	background: #000 url(../images/bg-mob-contact.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
	.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) {
	body {
		background: #000 url(../images/bg-mob-contact.jpg) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		height:100%;
		min-height:320px;
	}
	h1 {
		font-size:2.4em !important;
		margin-top:-20px;
	}
	footer {
	display:none !important;
	visibility:hidden !important;
	}
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
	body {
		background: #000 url(../images/bg-mob-contact.jpg) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		
		height:100%;
		min-height:480px;
	}
	footer {
	display:none !important;
	visibility:hidden !important;
	}
}

/* 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 */
}