/* 

Flaco Zacarias
flaco@zacarias.com
@flaco_zacarias
http://www.zacarias.com

Feel free to contact me if you have any doubts.
_________________________________________________ */

@font-face {
    font-family: 'TitilliumText25L600wt';
    src: url('../fonts/TitilliumText25L002-webfont.eot');
    src: url('../fonts/TitilliumText25L002-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/TitilliumText25L002-webfont.woff') format('woff'),
         url('../fonts/TitilliumText25L002-webfont.ttf') format('truetype'),
         url('../fonts/TitilliumText25L002-webfont.svg#TitilliumText25L600wt') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumText25L250wt';
    src: url('../fonts/TitilliumText25L004-webfont.eot');
    src: url('../fonts/TitilliumText25L004-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/TitilliumText25L004-webfont.woff') format('woff'),
         url('../fonts/TitilliumText25L004-webfont.ttf') format('truetype'),
         url('../fonts/TitilliumText25L004-webfont.svg#TitilliumText25L250wt') format('svg');
    font-weight: normal;
    font-style: normal;

}

html {
	font-size:62.5%;
}

body {
	background-color:#fff;
	padding:0;
	font-family:'TitilliumText25L250wt', Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	line-height:1.35;
	color:#111;
}


h1,
h2,
h3,
h4 {
	font-weight:normal;
}

h1,
h2,
h3 {
	font-family:'TitilliumText25L600wt', Arial, Helvetica, sans-serif;
	font-weight:normal;
}


form {
	border:0;
	padding:0;
	margin:0;
	font-size:1em;
}

p,
li,
input,
textarea,
label,
select {
	font-size:1.35em;
}


li li {
	font-size:1em;
}

.navbar-inner {
	box-shadow:none !important;
}

.navbar-inner {
  border: 0;
}

.navbar .nav > .active > a, 
.navbar .nav > .active > a:hover, 
.navbar .nav > .active > a:focus {
}

ul.nav li {
	font-weight:normal;
}


ul.nav li a {
}


#header h1 {
	font-size:2em;
	float:left;
}

#header h1 a {
	display:block;
}

#header .navbar {
	float:right;
}


.container .row-fluid ul {
	list-style-type:none;
	margin-left:0;
}

a {
	color:#006;
}

h1 a {
	color:#000;
}

h1 a:hover {
	color:#333;
	text-decoration:none;
}

/*
HOME  _________________________ */



#n-cuestaazul {
}

#b-home #footer footer {
	display:none;
}


#b-home .span12 h1 {
	float:left;
	font-size:2em;
	padding:0;
	line-height:1.4;
	position:absolute;
	top: 40%;
}

#b-home .span12 h1 a {
	background-color:#fff;
	border-radius:30em;
	padding:3.5em 3em;
	display:block;
}

#b-home .span12 h1 a:hover {
	background-color:#000;
	color:#fff;
}


/* FOOTER
____________________________________________________________ */

#footer footer {
	margin-top:4em;
	padding-top:2em;
	padding-bottom:2em;
	border-top:1px solid #333;
}

#footer footer p {
	font-size:1.2em;
	color:#333;
}

/* CAROUSEL
____________________________________________________________ */




    .carousel {
	margin-bottom: 20px;
}
.carousel .container {
	position: relative;
	z-index: 9;
}
.carousel-control {
	height: 80px;
	margin-top: 0;
	font-size: 120px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
	background-color: transparent;
	border: 0;
	z-index: 10;
}
.carousel .item {
	height: 400px;
}

.carousel .item .container {
	width:100%;
}

.carousel .item .container .carousel-caption {
	margin:0 auto;
}

.carousel .item .container .carousel-caption p.lead {
	text-align:center;
}



.carousel img {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	height: 400px;
}

.carousel .container {
	position: relative;
	z-index: 9;
	display:block;
}

.carousel .carousel-inner {
	background-color:#fff;
	position:relative;
}

.carousel-caption {
	max-width: 100%;
	padding: 0;
	margin: 0;
}

.carousel-caption h1,  
.carousel-caption .lead {
	line-height:1.375;
	color:inherit;
	text-shadow: none;
	font-size:1.3em;
	padding:.5em  0;
	margin: 0;
	background-color:#fff;
	position:absolute;
	bottom:0;
	width:100%;
}
.carousel-caption .btn {
	margin-top: 10px;
}

#myCarousel img {
  width: auto\9;
  height: auto !important;
  max-width: 100%;
  max-height: 100%;
}

#myCarousel .item {
	overflow:hidden;
}



/*
DIEGO _________________________ */



#b-diego .span12 h1 {
	padding:.3em 0;
	margin:-.3em 0 0 0;
	border-top:5px solid #111;
	border-bottom:1px solid #eee;
}

#b-diego .span4 {
	padding-right:3em;
}



/*
CONTACT  _________________________ */



#b-contacto .span12 h1 {
	padding:.3em 0;
	margin:-.3em 0 0 0;
	border-top:5px solid #111;
	border-bottom:1px solid #eee;
}




#b-contacto fieldset label {
	display:block;
	float:left;
	clear:both;
	margin:1em 0 .5em 0;
}

#b-contacto button,
#b-contacto textarea,
#b-contacto input {
	-webkit-border-radius:.3em;
	-moz-border-radius:.3em;
	border-radius:.3em;
	border:0;
	background-color:#eee;
	padding:.4em;
	margin:0;
	color:#111;
	font-size:1.2em;
	width:80%;
	float:left;
	clear:both;
}

#b-contacto button,
#b-contacto input[type=button],
#b-contacto input[type=submit] {
	background-color:#069;
	color:#fff;
	font-size:1.4em;
	width:auto !important;
	font-weight:bold;
	clear:both;
	float:left;
	margin:1em 0;
	padding:.4em .8em;
}





/*
TRABAJOS _________________________ */

#b-trabajos .span4 {
	padding-top:0;
}

#b-trabajos .span8 {
}

#b-trabajos .span12 h1 {
	padding:.3em 0;
	margin:.3em 0;
	border-top:5px solid #111;
	border-bottom:1px solid #eee;
}

#b-trabajos .span4 h3 {
	padding:0;
	margin:0;
	text-transform:uppercase;
	font-size:1.6em;
}

/* DROPDOWN */

.dropdown-menu li > a {
  display: block;
  padding: 10px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  white-space: nowrap;
  color:#111;
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  color: #ffffff;
  text-decoration: none;
  background-color: #111;
}

.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #000;
}

.dropdown-menu .disabled > a,
.dropdown-menu .disabled > a:hover {
  color: #ccc;
}

@media (min-width: 980px) {

#b-home .navbar-wrapper {
	background-color:#fff;
}

/*
#b-home .span12 h1 {
	background-color:#fff;
	float:left;
	font-size:2em;
	border-radius:30em;
	padding:5.8em 4em;
	line-height:1.4;
	position:absolute;
	top: 30%;
}
*/



#b-home .span12 h1 strong {
	display:block;
	font-family:'TitilliumText25L250wt', Arial, Helvetica, sans-serif;
	font-style:normal;
	padding:0;
	margin:0;
}

#supersized li {
	top:4em;
}	

#supersized li img {
	margin-top:0;
	max-height:inherit !important;
	max-width:inherit !important;
}

.navbar-wrapper {
	height:5em;
}

.navbar-inner .brand {
	display:none;
}

#b-home .span6 {
	padding-right:2em;
}

.flexslider .slides li  {
}

#b-trabajos .span8 {
	padding-right:3em;
}

}



@media (max-width: 979px) {


body {
	padding-top:0;
}


 .navbar-wrapper {
	 margin-bottom:0;
}


 #b-home div.navbar-wrapper {
	 margin-top:0;
	 margin-bottom:0;
	 background-color:#fff;
	 border-top:1px solid #fff;
}

.navbar-inner .brand {
	display:block;
	color:#111;
}

 .navbar-wrapper #header {
	 margin-top:3em;
}

.container .hero-unit {
	margin-top:1em !important;
}


 .navbar-wrapper header {
	 display:none;
}

 .container.navbar-wrapper {
 margin-bottom: 0;
 width: auto;
}
 .navbar-inner {
 border-radius: 0;
 margin: -20px 0;
}
 .carousel .item {
 height: 500px;
}
 .carousel img {
 width: auto;
 height: 500px;
}

}

 @media (max-width: 767px) {
	 
body {
	padding-left:5%;
	padding-right:5%;
}

 
body#b-home {
	padding-left:0;
	padding-right:0;
}

#myCarousel,
.navbar-wrapper {
	margin-left:-5%;
	margin-right:-5%;
}

#b-home .navbar-wrapper {
	margin-left:0;
	margin-right:0;
}

.carousel-control {
	display:none;
}

 .navbar-inner {
 margin: 0px;
}
 .carousel {
 margin-left: 0px;
 margin-right: 0px;
}
 .carousel .container {
}
 .carousel .item {
 height: 300px;
}
 .carousel img {
 height: 300px;
}
 .carousel-caption {
 width: 65%;
 padding: 0 70px;
 margin-top: 100px;
 display:none;
}
 .carousel-caption h1 {
 font-size: 30px;
}
 .carousel-caption .lead,  .carousel-caption .btn {
 font-size: 18px;
}

}




/* 

RESPONSIVE PARA LA IMAGEN DE FONDO _____________________________ */

@media (min-width: 2560px) and (max-width: 2880px) {
.carousel-caption,
#myCarousel .item {
	height:1069px;
}
}
@media (min-width: 2048px) and (max-width: 2560px) {
.carousel-caption,
#myCarousel .item {
	height:950px;
}
}

@media (min-width: 1920px) and (max-width: 2048px) {
.carousel-caption,
#myCarousel .item {
	height:760px;
}
}

@media (min-width: 1680px) and (max-width: 1920px) {
.carousel-caption,
#myCarousel .item {
	height:713px;
}
}

@media (min-width: 1600px) and (max-width: 1680px) {
.carousel-caption,
#myCarousel .item {
	height:624px;
}
}

@media (min-width: 1525px) and (max-width: 1600px) {
.carousel-caption,
#myCarousel .item {
	height:594px;
}
}

@media (min-width: 1475px) and (max-width: 1525px) {
.carousel-caption,
#myCarousel .item {
	height:566px;
}
}

@media (min-width: 1440px) and (max-width: 1475px) {
.carousel-caption,
#myCarousel .item {
	height:548px;
}
}

@media (min-width: 1366px) and (max-width: 1440px) {
.carousel-caption,
#myCarousel .item {
	height:535px;
}
}

@media (min-width: 1320px) and (max-width: 1366px) {
.carousel-caption,
#myCarousel .item {
	height:507px;
}
}

@media (min-width: 1280px) and (max-width: 1320px) {
.carousel-caption,
#myCarousel .item {
	height:490px;
}
}

@media (min-width: 1220px) and (max-width: 1280px) { 
.carousel-caption,
#myCarousel .item {
	height:475px;
}
}


@media (min-width: 1165px) and (max-width: 1220px) { 
.carousel-caption,
#myCarousel .item {
	height:453px;
}
}


@media (min-width: 1136px) and (max-width: 1165px) { 
.carousel-caption,
#myCarousel .item {
	height:475px;
}
}

@media (min-width: 1074px) and (max-width: 1136px) {
.carousel-caption,
#myCarousel .item {
	height:422px;
}
}


@media (min-width: 1024px) and (max-width: 1074px) {
.carousel-caption,
#myCarousel .item {
	height:399px;
}
}

@media (min-width: 960px) and (max-width: 1024px) {
.carousel-caption,
#myCarousel .item {
	height:380px;
}
}
@media (min-width: 854px) and (max-width: 960px) {
.carousel-caption,
#myCarousel .item {
	height:357px;
}
}
@media (min-width: 800px) and (max-width: 854px) {
.carousel-caption,
#myCarousel .item {
	height:317px;
}
}
@media (min-width: 640px) and (max-width: 800px) {
.carousel-caption,
#myCarousel .item {
	height:297px;
}
}
@media (min-width: 480px) and (max-width: 640px) {
.carousel-caption,
#myCarousel .item {
	height:238px;
}
}
@media (min-width: 400px) and (max-width: 480px) {
.carousel-caption,
#myCarousel .item {
	height:179px;
}
}
@media (min-width: 320px) and (max-width: 400px) {
.carousel-caption,
#myCarousel .item {
	height:149px;
}
}