/**
 * CSS 
 * 
 * @company 	Emprendoor
 * @url 			emprendoor.com
 * @developer Javier Vazquez <javier@emprendoor.com>
	@import url('https://fonts.googleapis.com/css?family=Josefin+Sans');
 */
@import url("bootstrap.min.css");
@import url("scrollup.css");
@import url("errors.css");
@import url("bsCustom.css");
@import url("animate.css");
@import url("http://fonts.googleapis.com/css?family=Arimo");
/* general */
body { 
	margin:0; padding:0; background:#f2f2f3; color:#515151; 
	font-size:1.6em; font-weight:500; font-family: 'Arimo', sans-serif; 
}
.icon { width:25px; height:25px; }
.loader { max-width:35px; /*max-height:18px;*/ }
.overlay { }
#lay-status { color:#000; font-weight:bold; padding-top: 15px; padding-bottom: 15px; }
.clear { clear:both; }
.title { font-size:1.8em; }
.subtitle { font-size:1.6em; }
.italic { font-style:italic; }
.txt-sm { font-size:0.6em; }
.center { text-align:center; }
.right { text-align:right; }
.justify { text-align:justify; }
.float-left { float:left; }
.float-right { float:right; }
.disabled { background:#eee; }
hr { margin:0 0 10px 0; padding:0; border:0; border-bottom:1px solid #ccc; }
hr { margin:0 0 10px 0; padding:0; border:0; border-bottom:1px solid #ccc; }
li { list-style:none; }
.selected { margin:0; padding:10px; }
a, a:visited { text-decoration:none; }
h1, h2, h3, h4, h5 { margin:16px 0 0 0; }
h1 { font-size:1.8em; }
h2 { font-size:1.6em; }
h3 { font-size:1.4em; }
h4 { font-size:1.2em; }
h5 { font-size:1.0em; }
/* table */
tbody { max-width:100%; overflow-x:hidden; }
th { background:#e8e8e8; color:#000; }
td { background:#fff; min-width:100px; }
/*.panel-body { overflow:auto; }*/
/* subscribe */
#subscribe { background:#eee; color:#f44336; border:1px solid #ccc; text-align:left; }
#subscribe::-webkit-input-placeholder { color:#f44336; } 
#subscribe:-moz-placeholder { color:#f44336; } 
#subscribe::-moz-placeholder { color:#f44336; } 
#subscribe:-ms-input-placeholder, { color:#f44336; } 
/* error */
.error, .errors {
	/* 
		margin: 5px 0px; padding: 5px; 
		background-color: #f2dede; color: #b94a48; 
		border: 1px solid #b94a48;
		border-radius: 2px;
	*/
	clear:both; margin:0; padding:0; background:transparent; color:#b94a48; border:0;
}
.required { color:#b94a48; }
/* scrollUp */
.scrollup { 
	display:none; position: fixed; z-index: 999; bottom: 20px; right: 20px; height: 40px; width: 40px; 
	color: #fff; font-size: 20px; cursor: pointer; line-height: 37px; 
	background: rgba(0,0,0,.6); text-align: center; }
.scrollup:hover{ bottom: 30px;}
/* box */ 
.box { position:relative; margin:0; padding:0; border-radius:3px; max-height:600px; overflow:hidden; }
.box a { text-decoration:none; }
.box-services { 
	margin:0px 10px 40px 10px; padding:20px 0; height:200px; text-align:center; 
	background:#f7f7f7; color:#2d2d2d; font-size:16px;
}
/* post */
.box a img,
.post-image a img { width:100%; height:300px; border-radius:0px; }
.post-first-image { width:100%; height:300px; }
.post-images { max-width:100px; height:100px; }
.post-date { }
.post-image { margin:0; padding:0; }
.post-description { padding:5px; word-wrap:break-word; }
.post-grid-description h1 { font-size:28px; word-wrap:break-word; }
.post-grid-description h2 { font-size:24px; word-wrap:break-word; }
.post-grid-description h3 { font-size:20px; word-wrap:break-word; }
.post-grid-description h4 { font-size:16px; word-wrap:break-word; }
.post-grid-description h5 { font-size:14px; word-wrap:break-word; }
.post-description a { word-wrap:break-word; }
.post-grid-description { margin:0; padding:15px; background:#fff; color:#333; }
.post-grid-map { color:#999; }
.box .view-details { 
	position:absolute; top:0; left:0; width:100%; height:300px; font-size:30px;
	background:rgba(0,0,0,.45); line-height:300px; text-align:center; color:#fff; 
	visibility: hidden;
  opacity: 0;
}
.box:hover .view-details { 
	visibility: visible;
	opacity: 1;
}
.box:hover .post-grid-map { 
	color:#b20000;
}
/* fx */
.post-image { }
.post-image img:hover { }

/* banner */
.banner { max-width:350px; max-height:300px; }

/* .carousel-inner */
.img-responsive, 
.thumbnail>img, 
.thumbnail a>img, 
.carousel { height:500px; }
.carousel-inner>.item>img, 
.carousel-inner>.item>a>img {
	width:100%; max-height: 500px;
}

/* -----------------------------------------------------------------------------
* LAYOUT
----------------------------------------------------------------------------- */
/* header */
.header { clear:both; margin:0; padding:0; width:100%; min-height:0px; }
/* toolbar */
.toolbar { margin:0; padding:15px; background:#e6e6e6; color:#000; }
/* content */
.content { clear:both; margin:0px 0 0 0; padding:15px; min-height:350px; }
.content img { max-width:100%; }
/* footer */
.footer { 
	clear:both; margin:100px 0 350px 0; padding:15px; min-height:150px; 
	text-align:justify; font-size:10px; 
}

/* ui-autocomplete */ 
.ui-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  _width: 160px;
  padding: 4px 0;
  margin: 2px 0 0 0;
  list-style: none;
  background-color: #ffffff;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
}
.ui-menu-item > a.ui-corner-all {
	display: block;
	padding: 3px 15px;
	clear: both;
	font-weight: normal;
	line-height: 18px;
	color: #555555;
	white-space: nowrap;
}
.ui-state-hover, &.ui-state-active {
	color: #ffffff;
	text-decoration: none;
	background-color: #0088cc;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	background-image: none;
}
/* -----------------------------------------------------------------------------
*		RESPONSIVE DEFINITIONS
----------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------
*		SMALL DEVICES
------------------------------------------------------------------------- */
@media (max-width: 768px) { 
	body { margin:0px; padding:0px; }
	img { max-width:100%; }
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding:0; }
	.carousel { height:175px; }
	.toolbar { margin:10px 0 0 0; padding:5px; background:transparent; }
	.content { margin:0; padding:5px; min-height:50px; }
	.banner { max-width:100%; }
	.post img { max-width:100%; }
	.box-post { margin:0; padding:3px; width:100%; height:280px; }
	.box-post img { width:100%; }
	.footer { margin:10px 0; }
}