/* CSS Document */

@media screen and (min-width:1131px){

	.og-grid li:nth-child(4n+0) { /* agregado ave*/
		margin-right:0px;
	}

	.og-grid li.grid-item {
		width:255px;
		height:120px;
	}

}

@media screen and (max-width:1169px){
	
	.center {
		width: 90%;
	}
	
	#footer {
		/*
		left: 15px;
		right: 15px;
		*/
		left:0;
		margin: 0;
	}
	
	.thumbs-carousel li {
		margin: 0 6px 25px;
		width: 31.5%;
	}

	/*
	.og-grid li.grid-item:nth-child(3n+0) {
		margin-right:0px;
	}
	*/

	.og-grid li.grid-item {
		width:31.3684%;
	}

}

@media screen and (min-width:981px) and (max-width:1169px){

	.og-fullimg {
		width: 59%;
		margin: 0 -20px 0 0;
	}
	
	.og-details {
		width: 42%;
	}
	
}

/*
@media screen and (max-width:960px){

	#footer {
		margin:20px auto 0;
		padding-top:10px;
		border-top:1px dotted #c2c2c2;
	}
	
	#footer p {
		text-align: center;
		width:90%;
		margin:0 auto;
	}

}
*/

/*
@media screen and (max-width:916px){

	.og-grid li:nth-child(2n+0) {
		margin-right:0px;
	}

}
*/

@media screen and (max-width:850px){
	
	/*
	.og-fullimg {
		padding: 0 40px 0 0;
		margin: 0 -18px 0 0;
		width: 52%;
	}
	
	.owl-theme .owl-controls {
		right: -35px;
	}
	*/

}

@media screen and (max-width: 830px) {

	.og-expander h3 { font-size: 32px; }
	.og-expander a { font-size: 12px; }

}


@media screen and (max-width:800px){

	.col3 {
		margin-right: 3%;
		width: 48.5%;
	}
	
	/*
	.col3:nth-child(3n) {
		margin-right: 3% !important;
	}
	
	.col3:nth-child(2n) {
		margin-right: 0 !important;
	}
	*/
	
	.width50,
	section.border {
		width: 100%;
	}
	
	.left,
	.right,
	section.border {
		float: none;
		clear: both;
		display: block;
		border: none !important;
	}
	
	.description .left {
		clear: none;
		float: left;
	}
	
	.description .right {
		clear: none;
		float: right;
	}
	
	.description .nav a img {
		width: 74%;
	}
	
	section header,
	section.border {
		min-height: inherit;
	}
	
	section.box {
		float: left;
		padding: 15px 2% 0;
		margin: 20px 0 0 0;
		width: 95.5%;
	}
	
	section.right .text {
		padding: 0;
	}
	
	.thumbs-carousel {
		margin: 0 0 30px 0;
	}
	
	.thumbs-carousel li {
		display: block;
	}
	
	.thumbs-carousel li {
		margin: 0 0px 25px;
		width: auto;
	}
	
	#owl-demo .item {
		margin: 3px 3px;
	}
	
	#content .inner.padding {
		padding: 40px 0 0 0;
	}
	
	.left.info {
		float: left;
	}
	
	.col4 {
		width: 31.3%;
	}
	
	article.col4:nth-of-type(4n) {
		margin-right: 3% !important;
	}
	
	article.col4:nth-of-type(3n) {
		margin-right: 0 !important;
	}
	
	#footer {
		left: 0;
		bottom: 0;
		margin: 0;
		/*
		padding: 70px 0 15px;
		*/
		clear: both;
	}
	
	.og-details {
		padding: 0 20px 0 0;
	}
	
}

@media only screen and (max-width: 650px) {

	/*.og-fullimg { display: none; }
	.og-details { float: none; width: 100%; padding: 0; }*/
	.og-expander h3 { font-size: 23px; }
	.og-details { display: none; }
	.og-fullimg { float: none; width: 100%; padding: 0; }
	.owl-theme .owl-controls { right: 0;}
	.og-fullimg img { width: 82%; !important}
	.owl-controls { right: 0 !important; top: auto !important; bottom: -10px; left: 0; display: none !important;}
	.owl-controls .owl-prev { top: 0 !important; left: 0;}
	.owl-controls .owl-next { top: 0 !important;
	
	
}

@media only screen and (min-width:1024px) {

	.og-grid li:nth-child(4n+0) {
		margin-right:0px;
	}
	
	.og-grid li.grid-item {
		width:22.56%;
	}

}

@media only screen and (min-width:850px) and (max-width:1023px) {

	.og-grid li:nth-child(3n+0) {
		margin-right:0px;
	}
	
	.og-grid li.grid-item {
		width:30.70%;
	}

}

@media only screen and (min-width:768px) and (max-width:1169px) {
	
	#footer .social {
		right:25px;
	}
	
	#footer p {
		text-align:left;
		margin-left:25px;
		width:70%;
	}
	
	#footer p a {
		border-bottom:1px solid #e77817;
		padding:0;
	}	

}

@media only screen and (min-width:651px) and (max-width:849px) {

	.og-grid li:nth-child(even) {
		margin-right:0px;
	}
	
	.og-grid li.grid-item {
		width:47.44%;
	}

}

@media only screen and (max-width:650px) {

	.og-grid li.grid-item {
		margin-right:0;
		width:100%;
	}
}

@media only screen and (max-width:767px) {

	.sb-slidebar .main-menu {
		float: none;
		font-size: 24px;
		margin: 10px 0 0 0;
		height: auto;
	}
	
	.sb-slidebar .main-menu li {
		display: block;
		padding: 0;
	}
	
	.sb-slidebar .main-menu li a {
		color: #FFF;
		display: inline-block;
		line-height: 25px;
		padding: 8px 12%;
	}
	
	.sb-slidebar .main-menu li a:hover {
		color: #e77817;
	}
	
	.sb-slidebar .main-menu li.active a,
	.sb-slidebar .main-menu li.display a {
		color: #e77817;
		border: none;
	}
	
	.sb-slidebar .main-menu li .sub-menu {
		position: relative;
		top: auto;
		right: auto;
		background: #e77817;
		display: none;
	}
	
	.sb-slidebar .main-menu li .sub-menu li {
		display: block;
		font-weight: 600;
		padding: 0;
		font-size: 18px;
		border: none;
	}
	
	.sb-slidebar .main-menu li .sub-menu li a {
		display: block;
		color: #FFF;
	}
	
	.sb-slidebar .main-menu li .sub-menu li a:hover,
	.sb-slidebar .main-menu li .sub-menu li a:active {
		color: #1f1a17;
	}
	
	.sb-slidebar .social {
		position:absolute;
		right:12%;
		bottom:25px;
	}

	#header {
		display: none;
	}

	/*
	#content .top {
		width: 72%;
	}
	*/
	
	#content {
		padding-top:5px;
	}
	
	#content .top img {
		width: 70px;
	}
	
	h1.main-logo span {
		font-size: 16px;
		line-height: 18px;
		margin: 39px 0 0 10px;
		/*
		width: 135px;
		*/
	}

	#content .masonry {
		-moz-column-count:1;
		-moz-column-gap: 0%;
		-moz-column-width: 45%;
		-webkit-column-count:1;
		-webkit-column-gap: 0%;
		-webkit-column-width: 45%;
		column-count: 1;
		column-gap: 0%;
		column-width: 45%;
	}

	.width40,
	.left.info,
	#map {
		width: 100%;
	}

	#map {
		margin-top:25px;
		
	}
	
	/*
	#footer p {
		width:90%;
		margin:0 auto;
	}
	
	#footer p a {
		padding:0;
		margin-right:10px;
	}
	*/

	body.home #footer {
		position: absolute;
		bottom: 0;
		text-align: center;
		padding: 10px 0 15px 0;
		width: 100%;
	}
	
	body.home #footer p {
		color: #1f1a17;
		font-size: 14px;
		font-weight: 300;
		margin:0 auto;
		width:90%;
	}

	#footer p a {
		padding: 0;
		margin: 0;
		border: none;
	}
	

	#footer .social {
		display:none;
	}
	
	.og-details .image {
		margin-bottom:10px;
	}

}

@media only screen and (max-width:500px){
	
	/*Opera Fix*/ 
	body:before { 
		content: ""; 
		height: 100%; 
		float: left; 
		width: 0; 
		margin-top: -32767px;/* Efecto Negativo para OPERA*/ 
	}
	
	/*
	#content {
		padding: 7px 0 25px;
	}
	*/
	
	section.box {
		border: none;
	}
		
	.width50 p {
		padding-right:0;
	}
		
	.col4 {
		width: 100%;
		margin: 0;
	}
	
	.col4:nth-child(4n),
	.col4:nth-child(3n) {
		margin-right: 0 !important;
	}
	
	.col4:nth-child(3n) {
		margin-right: 0 !important;
	}
	
	.description {
		padding: 25px 0 50px
	}
	
	.description .right .image {
		display: none;
	}
	
	.description .left {
		width: 100%;
	}
	
	.description .nav a.close {
		width: 27px;
		top: 0;
	}
	
	.description .nav a.next,
	.description .nav a.prev {
		top: auto;
		bottom: 0;
		width: 20px;
		right: 0;
	}
	
	.description .nav a.prev {
		left: 0;
		right: auto;
	}
	
	/* sb.slidebar */
		
	body.category article {
		display: none;
	}
	
	/* Home page */
	
	body.home #content .inner {
		display: none;
	}
	
	body.home h1.main-logo {
		width: 100%;
		text-align: center;
		display: none;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 320px;
		margin: -120px 0 0 -160px;
		height: 240px;
	}
	
	body.home h1.main-logo img {
		width: 100% !important;
		max-width: 189px;
		float: none;
	}
	
	body.home h1.main-logo span {
		font-family: 'Open Sans Condensed', sans-serif;
		font-size: 26px;
		line-height: 30px;
		font-weight: 300;
		display: block;
		letter-spacing: 1px;
		float: none;
		padding: 0;
		width: 53%;
		margin: 0 auto;
	}
	
	body.home #content {
		text-align: center;
		height: auto;
		/*min-height: 430px;*/
	}
	
	body.home #content:after{
		width: 100%;
		height: 50px;
		display: block;
		clear: both;
	}
	
	body.home .deploy-menu {
		top: -65px;
	}
	
	.home #sb-site, .home .sb-site-container {
		min-height: 100% !important;
		height: auto !important;
		height: 100% !important;
	}
	
	#footer { 
	}
	
	#footer p {
		width:90%;
		margin:0 auto;
		text-align:center;
	}

	#footer p a {
		border-bottom:1px solid #e77817;
	}

}

@media only screen and (max-width:360px){
	h1.main-logo span {
		width:47%;
		margin-top:16px;
	}
}