@charset "utf-8";
/* CSS Document */

.main-content {
	width:1140px;
	margin:0 auto;
	box-sizing:border-box;
}

.top-bar {
	box-sizing:border-box;
	clear:both;
	width:1140px;
	height:90px;
	vertical-align:top;
	position:fixed;
	z-index:1000;
	top:0;
	background-color:#fff;
}

.top-bar-in {
	box-sizing:border-box;
	clear:both;
	width:100%;
	vertical-align:top;
	z-index:10;
}

.logo {
	width:160px;
	height:160px;
	box-sizing:border-box;
	display:inline-block;
	vertical-align:top;
	margin:0 !important;
	/*float:right;
	margin-right:19px;*/
}

.logo-menu {
	position:absolute;
	box-sizing:border-box;
	width:160px;
	height:160px;
	z-index:999;
	overflow:hidden;
	margin:0 !important;
	background-color:transparent;
	transition:0.5s;
}

.logo-menu-exp {
	overflow: visible !important;
	height:350px !important;
	background-color:#f9f9f9 !important;
	transition:0.5s;
}

.logo-baq {
	width:134px !important;
	height:auto;
	margin:0 auto;
	padding:13px 0;
	display:block;
	box-sizing:border-box;
	clear:both;
	border:none;
	outline:none;
	opacity:1 !important;
    filter: none !important;
	-webkit-filter: none !important;
}

.plus {
	position:absolute;
	box-sizing:border-box;
	padding:5px;
	font-size:14px;
	z-index:9999;
	cursor:pointer;
	margin:0 !important;
	color:#808080; /* 00AEEF */
}

nav {
	width:100%;
}

nav a {
	display:block;
	clear:both;
	text-align:left;
	width:100%;
	line-height:24px;
	font-size:18px;
	font-weight:100;
	text-decoration:none;
	color:#999;
	box-sizing:border-box;
	padding:7px 17px;
	border-bottom:solid 1px #eee;
}

nav a:first-child {
	padding:0px;
	display:block;
	border-bottom:none;
	height:160px;
	width:160px;
}

.categorias {
	color:#f7f3f3;
	font-size:18px;
	display:inline-block;
	width:100%;
	vertical-align:top;
	padding:40px 0px 0px 15px;
	box-sizing:border-box;
}

.categorias a {
	color:#adacac;
	text-decoration:none;
	font-size:14px;
	margin-left:30px;
	display: inline-block;
	outline:none;
	border:none;
}

.categorias a:hover, .a-items:hover, nav a:hover {
	color:#808080;
}

.gback {
	font-size:16px;
	color:#808080;
	position:absolute;
	z-index:100;
	width:30%;
	display:none;
}

.gback::after {
	content:'...';
	cursor:pointer;
}

.content-home {
	text-align:left;
	margin-top:90px;
}

.logo-site {
	float:right;
}

.content-home .mini-py, .logo-site {
	display:inline-block;
	margin:15px;
	width:160px;
	height:160px;
	box-sizing:border-box;
}

.content-home .mini-py a {
	border:none;
	outline:none;
}

.content-home .mini-py a img {
	border:none;
	outline:none;
	opacity: 0.15;
    filter: alpha(opacity=15);
	filter: grayscale(90%);
	-webkit-filter: grayscale(90%);
	transition:0.4s;
}

.content-home .mini-py a .img-py {
	opacity: 0.7;
	filter: alpha(opacity=75);
    filter: grayscale(0);
	-webkit-filter: grayscale(0);
	/*filter: blur(2px);*/
}

.content-home .mini-py a img:hover {
	opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    filter: grayscale(100%) !important;
	-webkit-filter: grayscale(100%) !important;
	/*filter: blur(0px);*/
	transition:0.4s;
}

.it-selected {
	color:#808080 !important;
}

.appear {
	opacity: 0.7 !important;
	filter: alpha(opacity=75) !important;
    filter: grayscale(0) !important;
	-webkit-filter: grayscale(0) !important;
	transition:0.4s;
	pointer-events: auto;
}

.content-home .mini-py a img.totalOff {
	opacity: 0 !important;
    filter: alpha(opacity=0) !important;
	transition:0.4s;
	cursor:default;
	pointer-events: none;
}

.content-py {
	width:100%;
	height:100%;
	position:absolute;
	box-sizing:border-box;
	z-index:1;
}

.rrss {
	text-align:left;
	padding-left:15px;
	box-sizing:border-box;
}

.rrss i {
	cursor:pointer;
	margin:0 4px;
	font-size:18px;
	color:#999;
}

.rrss i:hover {
	color:#00AEEF;
}

/*
.it-p0 {
	margin-left:0 !important;
}
*/
@media (min-width: 768px) and (max-width: 1200px) {

.top-bar, .main-content {
	width:740px;
}

.content-home .mini-py, .logo-site {
	margin:12.5px;
}

.logo-menu-exp {
	height:345px !important;
}
	
}

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

.top-bar, .main-content {
	width:300px;
}

.top-bar {
	height:70px;
	border-bottom:solid 1px #00AEEF;
}

.content-home {
	margin-top:70px;
}

.content-home .mini-py, .logo-site {
	margin:10px;
	width:80px;
	height:80px;
}

.content-home .mini-py a img {
	width:80px;
	height:80px;
}

.categorias {
	text-align:center;
	padding:10px 0px;
}

.categorias a {
	color:#ccc;
	font-size:13px;
	margin:5px 15px;
}

.logo {
	width:80px;
	height:80px;
}

.logo-menu {
	width:80px;
	height:80px;
}

.logo-menu-exp {
	height:280px !important;
}

.logo-baq {
	width:70px !important;
	padding:7px 0;
}

.rrss i {
	margin:0 2px;
	font-size:16px;
}

.gback {
	font-size:20px;
	font-weight:bold;
	width:auto;
}

.gback::after {
	content:'x';
	border:dotted 1px #00AEEF;
	padding: 0 7px 2px 7px;
}

nav a:first-child {
	height:80px;
	width:80px;
}

nav a {
	line-height: normal;
	font-size:12px;
	text-transform:uppercase;
	padding:7px;
	text-align:center;
}

.plus {
	padding:0px;
	font-size:12px;
}
	
}