/* 

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

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

a {
	outline:none;
}

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

}

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

}

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

}

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

}

body {
	background-color:#f3f2ee;
	background-image:url(../img/bg.png);
	background-repeat:repeat;
	padding:40px 0;
	font-family:'LiberationSerifRegular', Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	line-height:1.35;
	color:#111;
}



h1,
h2,
h3,
h4 {
    font-family: 'OpenSansRegular';
    font-family: 'LiberationSerifRegular';
	font-weight:normal;
}


.row-fluid h2 {
	font-size:1.8em;
    font-family: 'LiberationSerifBold';
}

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

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


p strong,
li strong,
textarea strong,
label strong {
    font-family: 'LiberationSerifBold';
	font-weight:normal;
}


li li {
	font-size:1em;
}


.container {
	padding:0 20px;
	background-color:#fff;
	border:0;
	border-left:1px solid #e5e4df;
	border-right:1px solid #e5e4df;
}

.container#header {
	border-top:1px solid #e5e4df;
}

.container#footer {
	border-bottom:1px solid #e5e4df;
}

.container#footer p {
	padding-top:5em;
	padding-bottom:2em;
	font-size:1.1em;
	text-align:center;
}


.facebook {
	width:24px;
	height:24px;
	padding:0;
	margin:0;
	background-image:url(../img/facebook.png);
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-9999px;
	font-size:10px;
	display:inline-block;
}

.facebook a {
	width:24px;
	height:24px;
	display:block;
}


.well {
	background-color:#f3f2ee;
	border:0;
}


#b-firm .span7 .well {
	margin-top:2em;
}



#b-firm .span7 .well ul {
	list-style-type:circle;
	padding-left:1.5em;
}


#b-firm .span7 .well h2 {
	margin-top:.1em;
}


#b-home .row-fluid .span10  div.span6 {
	margin-left:0;
}

#b-mary .span6 {
}

#b-mary figure {
	width:100%;
	margin:1em 0 0 0;
	padding:0;
	float:right;
}


#b-firm figure img,
#b-mary figure img {
	border-radius:.2em;
	width:100%;
}

.espanol {
	color:#c00 !important;
}

.container#header h1 {
	font-weight:normal;
}


.container#header h2 {
	font-weight:normal;
}

.container#header h1 a,
.container#header h2 a {
	color:#111;
}


.container#header h2 strong {	
	font-family: 'LiberationSerifBold';
	font-weight:normal;
	color:#c00;
	
}

.hero-unit {
	background-color:#003264;
	background-image:url(../img/texture.png);
	background-repeat:repeat;
	background-position:0 0;
	color:#fff;
	padding-top:1.8em;
	padding-bottom:1.2em;
	border-radius:.2em;
}

.hero-unit h1 {
	font-weight:normal;
	font-size:1.4em;
	color:#fff;
	text-shadow:1px 1px 0 #003;
	font-family: 'LiberationSerifRegular', Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
  letter-spacing:.03em;
  margin-top:0;
  margin-bottom:0;
  margin-left:-1em;
  padding:0;
}



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

.navbar-inner {
  border: 0;
  float:right;
  margin-top:.9em;
}




ul.nav li {
	font-family: 'LiberationSerifRegular', Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
}


.navbar ul.nav li a {
	color:#036;
	text-shadow:1px 1px 0 #f0f0f0 !important;
}


.navbar .nav li  a:hover {
  color: #c00;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
  color: #06c;
}


#header h1 {
	margin: 1em 0 0 0;
	padding:0;
	font-size:2.5em;
	text-transform:uppercase;
	color:#036;
}

#header h1 a {
	color:#036 !important;
	text-decoration:none;
}

#header h2 {
	margin:-.5em 0 1em 0;
	padding:0;
	font-size:1.2em;
	text-transform:uppercase;
	color:#666;
}

#header h2 a {
	text-decoration:none;
	color:#666 !important;
}

#maryreyes {
	background-color:#f3f2ee;
	float:left;
	padding-bottom:1em;
}

#maryreyes h3 {
	font-size:1.8em;
	line-height:1.375;
	color:#036;
	padding:.5em .555em .3em .555em;
	
}

#maryreyes h3 strong {
	font-weight:normal;
}

#maryreyes p {
	font-size:1em;
	line-height:1.375;
	color:#036;
	padding:.1em 1em;
	margin:0;
}

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

.container .row-fluid h2 {
	font-size:1.6em;
	line-height:1.35;
	color:#036;
}


.container .row-fluid h4 {
	font-size:1.6em;
	line-height:1.35;
	color:#036;
}

.container .row-fluid li {
	padding-bottom:.7em;
}


#b-home .span12 {
	margin-bottom:3em;
}

 #b-contact iframe {
	 width:100%;
	 height:50em;
 }

@media (min-width: 980px) {


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

.span6 {
	padding-right:4em;
}


#b-mary figure {
	margin-right:-4em;
}



.span7 {
	padding-right:4em;
}

.youtubevideo {
	margin:1em 0 2em 0;
}

.youtubevideo iframe {
	width:100%;
	height:22em;
}

.youtubevideo h4 {
    font-family: 'LiberationSerifBold';
	border-bottom:1px solid #ccc;
}

#header h1,
#header h2 {
	float:left;
	clear:left;
}

 .navbar-wrapper .nav-collapse {
	 margin-top:-2em;
	 margin-bottom:0;
}

#b-home .span3 img {
	width:100%;
}

#b-home .span9 {
	padding-left:2em;
}


blockquote {
	padding:0;
	margin:.5em 0 1em 1.5em;
	float:right;
	width:50%;
	font-size:1.6em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:normal;
	background-color:transparent;
	border:0;
	color:#069;
}

#b-firm .span7 h2 {
	margin-top:2em;
}

}



@media (max-width: 979px) {

.navbar-inner {
	width:inherit;
	float:left;
	width:93%;
}

.nav li,
.nav li a {
	font-weight:normal !important;
}


body {
	padding-top:0;
}

#maryreyes {
	width:90%;
}

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


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

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


 .navbar-wrapper header {
	 display:none;
}


.navbar-inner .brand {
    font-family: 'LiberationSerifRegular';
	color:#003264;
	font-weight:normal !important;
	text-shadow:none;
	font-size:1.6em;
}

.navbar-inner .brand strong {
    font-family: 'LiberationSerifBold';
	font-weight:normal !important;
	color:#c00;
}


.navbar-inner .brand a {
	color:#003264;
}



.navbar .btn-navbar .icon-bar {
  background-color:#036 !important;
}
  
  
 #b-contact iframe {
	 width:100%;
	 height:40em;
 }


/* */
}

@media (min-width: 480px) and (max-width: 767px) {

#maryreyes {
	width:100%;
	height:284px;
	margin-bottom:2em;
}

#maryreyes p {
	font-size:1.4em;
}


#maryreyes img {
	float:left;
	margin:0 1em 0 0;
}

/* */
}



@media (max-width: 599px) {


#maryreyes {
	width:100%;
	margin-bottom:2em;
}


.navbar-inner .brand {
	font-size:1.2em;
}

/* */
}




@media (max-width: 320px) {



.navbar-wrapper {
	margin-top:0 !important;
}

#maryreyes img {
	width:100%;
}

.navbar-inner .brand {
	font-size:1.3em;
	float:left;
	width:50%;
}


.hero-unit  {
	padding-top:1em;
	padding-bottom:1em;
}

.hero-unit h1 {
	font-size:.8em;
	margin-left:-2em;
}

/* */
}