/**
 * CSSReset.com - How To Keep Footer At Bottom of Page with CSS
 * 
 * Original Tutorial: http://www.cssreset.com/2010/css-tutorials/how-to-keep-footer-at-bottom-of-page-with-css/
 * License: Free - do whatever you like with it! Credit and linkbacks much appreciated.
 *
 * NB: Make sure the value for 'padding-bottom' on #content is equal to or greater than the height of #footer.
 */
html,
body {
	margin:0;
	padding:0;
	height:100%;
	
}

@font-face {
font-family: 'Gotham-Bold';
src: url('font/gotham/Gotham-Bold.eot'); /* IE9 Compat Modes */
src: url('font/gotham/Gotham-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('font/gotham/Gotham-Bold.woff') format('woff'), /* Modern Browsers */
     url('font/gotham/Gotham-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
     url('font/gotham/Gotham-Bold.svg#svgFontName') format('svg') /* Legacy iOS */
}
@font-face {
font-family: 'Gotham-Light';
src: url('font/gotham/Gotham-Light.eot'); /* IE9 Compat Modes */
src: url('font/gotham/Gotham-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('font/gotham/Gotham-Light.woff') format('woff'), /* Modern Browsers */
     url('font/gotham/Gotham-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
     url('font/gotham/Gotham-Light.svg#svgFontName') format('svg') /* Legacy iOS */
}

#wrapper {
	min-height:100%;
	position:relative;
}
#header {
	background: none;
	padding:0px;
}
#content {
	overflow: auto;
	padding-bottom:145px; /* Height of the footer element */
}
#footer {
	width:100%;
	/*height:150px;*/
	position:absolute;
	bottom:0;
	left:0;
	margin-top: -150px;
}

p{
	font-size: 1em;
	font-size: 16px;
}
.space{
	height: 100px;
	min-height: 100px;
}

.img_area img{
	width: 100%;
	max-height: 300px;
}
 
 .gris{
	 color:#666;
	 font-weight:400;
 }
 
 .subtitle{
	 font-family: 'Cabin', sans-serif;
	 font-size:3em;
	 color:#FFF;
 }
 .img-responsive {
    margin: 0 auto;
}

.div_azul{
	padding:20px;
	background-color: #3686be;
	width: 100%;
	height: 100%;
	color: #FFF;
	position: relative;
}

.cita{
	padding-top: 4em;
	font-family: Arial, Helvetica, sans-serif
	font-size: 3em;
	color: #084B8A;

}

.subtitulo{
	font-family: 'Gotham-Bold', Georgia, Arial;
	font-size: 1.5em;
}


.fontmenu{
	font-family: 'Gotham-Bold', Georgia, Arial;
}
.staffName{
	font-family: 'Gotham-Light', Georgia, Arial;
	color: #333;	
}
.omtitle{
	font-family: 'Gotham-Light', Georgia, Arial;
	color: #198efb;	

}
.omtitle h4{
	font-family: 'Gotham-Light', Georgia, Arial;
	color: #333;	
	text-decoration: none;
	font-size: 1.2em;
}


.icon-bar{
	color: #333;
}

.photogallery{
	padding-bottom: 2em;

}

.photogallery:hover{
	opacity: 0.8;
    filter: alpha(opacity=80); 
}

.fontNegro{
	color: #000;
}

.foo{
	background-image: url("../img/mis/footer.jpg");
}

.trhover:hover{
	background-color: #EEE;
}