/*
Theme Name: Negocio
Theme URI: https://designermx.com/
Author: Emmauel Rodriguez

*/

html {
	font-family: 'gotham_bookregular';
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
}

body {
	margin: 0;
}
.site{
	text-align:center;
}
article,
aside,
footer,
header,
nav,
section {
	display: block;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

figcaption,
figure,
main {
	display: block;
}

figure {
	margin: 1em 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
	-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
}

a:active,
a:hover {
	outline-width: 0;
}

abbr[title] {
	border-bottom: 1px #767676 dotted;
	text-decoration: none;
}

b,
strong {
	font-weight: inherit;
}

b,
strong {
	font-weight: 700;
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

dfn {
	font-style: italic;
}

mark {
	background-color: #eee;
	color: #222;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

audio,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

img {
	border-style: none;
}

svg:not(:root) {
	overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
	font-family: 'gotham_bookregular';
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	border: 1px solid #bbb;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	display: inline-block;
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details,
menu {
	display: block;
}

summary {
	display: list-item;
}

canvas {
	display: inline-block;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

hr {
	background-color: #bbb;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}


ul,
ol {
	margin: 0 0 1.5em;
	padding: 0;
}

ul {
	list-style: none;
}


a {
	color: #222;
	text-decoration: none;
}

a:hover,
a:active {
	color: #000;
	outline: 0;
}

/*--------------------------------------------------------------
12.0 Navigation
--------------------------------------------------------------*/
.site-header {
	background-color: #fff;
	position: relative;
	width:100%;
	height:auto;
	padding: 0;
	z-index:999;
	
}

.navigation-top {
	background:#000;
	text-align:center;
	border-top: 1px solid #eee;
	font-size: 16px;
	font-size: 1rem;
	position: relative;
	
}
.menu-principal-container {
	width:auto;
	padding:0 5%;
	max-width:1200px;
	margin: 0 auto;
}
	
.menu-principal-container .menuSection{
	position:absolute;
	background:#333;
   }
   
   nav.social-navigation ul li{
	display:inline-block;
	vertical-align:middle;
	color:#fff;
	-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
   }

.menu-principal-container .menuSection li{
	display:block;
	min-width:170px;
   }




.navigation-top a {
	color: #fff;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a {
	color: #767676;
}

.main-navigation {
	clear: both;
	display: block;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0 1.5em;
	text-align: left;
}

nav {
	width:100%;
}

nav.social-navigation{
	background:#282828;
	text-align:center;
}
nav.social-navigation div{
	width:90%;
	padding:10px 5%;
	max-width:1200px;
	margin: 0 auto;
}
	
	nav.social-navigation ul{
	width:100%;
	margin: 0 auto;
   }
   nav.social-navigation ul li{
	display:inline-block;
	vertical-align:middle;
	color:#fff;
   }
	nav.social-navigation ul li a{
		padding:0 5px ;
		
	}

nav.menus{
	width:90%;
	padding:10px 5% 0 5%;
	max-width:1200px;
	margin: 0 auto;
	text-align:left;
}

nav.menus img,
nav.menus button,
nav.menus .secundario{
	display:inline-block;
	vertical-align:middle;
}
nav.menus img { cursor:pointer; }
nav.menus .secundario {
    color: #898272;
    right: 0;
    position: relative;
    float: right;
    padding: 1.5em 2em 0 2em;
	font-size:14px;
	
}
nav .search { float:right; }
nav .search input{
	-webkit-border-radius: 15px;
   -moz-border-radius: 15px;
	border-radius: 15px;
	padding:2px  10px;
	border:none;
	color:#898272;
	background:#363535;
	line-height:1.6; 
	display:inline-block;
	vertical-align:middle;
}
nav .search  button{
	-webkit-border-radius: 15px;
   -moz-border-radius: 15px;
	border-radius: 15px;
	padding: 5px;
	width:30px;
	height:30px;
	text-align:center;
	border:none;
	color:#898272;
	background:#fff url(assets/images/search.png) center center no-repeat;
	background-size:70% !important;
	cursor:	pointer;
	display:inline-block;
	vertical-align:middle;
}
nav.menus .secundario  li:hover{
	color:#b09149;	
}
nav.menus .secundario  li:nth-child(1){
	background:url(assets/images/cand.png) center left no-repeat;
	padding-left:30px;
	cursor:	pointer;
}
nav.menus .secundario  li:nth-child(2){
	background:url(assets/images/key.png) center left no-repeat;
	padding-left:30px;
	cursor:	pointer;
}


nav.menus .secundario  li{
	padding: 0 10px;
	
}


/* Hide the menu on small screens when JavaScript is available.
 * It only works with JavaScript.
 */

.js .main-navigation .menu,
.main-navigation .menu-item-has-children > a > .icon,
.main-navigation .page_item_has_children > a > .icon,
.main-navigation ul a > .icon {
	display: none;
}

.main-navigation > div > ul {
	border-top: 1px solid #eee;
	padding: 0.75em 1.695em;
}

.js .main-navigation.toggled-on > div > ul {
	display: block;
}

.main-navigation ul ul {
	padding: 0 0 0 1.5em;
}

.main-navigation ul ul.toggled-on {
	display: block;
}

.main-navigation ul ul a {
	letter-spacing: 0;
	padding: 0.4em 0;
	position: relative;
	text-transform: none;
}

.main-navigation li {
	position: relative;
}

.main-navigation li li,
.main-navigation li:last-child {
	border: 0;
}

.main-navigation a {
	display: block;
	padding: 0.5em 0;
	text-decoration: none;
}

.main-navigation a:hover {
	color: #767676;
}
.main-navigation a {
		padding: 0 1.25em;
}


.menu-toggle {
	display: inline-block;
	width:auto;
	height:auto;

	
}



.menu-toggle span{
	display: inline-block;
	vertical-align:middle;
	width:30px;
	height:30px;
	margin:0 0 0 15px;	
}
.menu-toggle span hr{
	display: block;
	width:30px;
	height:3px;
	background:#fff;
	border:0;
	float:left;
	clear:left;
	margin:3px 0;
	-webkit-border-radius: 1px;
   -moz-border-radius: 1px;
	border-radius: 1px;
}

/* Menu toggle */

.menu-toggle {
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color:#fff;
	display: none;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	line-height: 1.5;
	margin: 1px 0;
	padding:1em 0 ;
	text-shadow: none;
	cursor:pointer;
}
.js .menu-toggle,
	.js .dropdown-toggle {
		display: block;
}
/* Display the menu toggle when JavaScript is available. */

.js .menu-toggle {
	display: inline-block;
	
}
.js .main-navigation .menu,
	.js .main-navigation .menu ul,
	.js .main-navigation > div > .menu,
	.menu-principal-container {
		display: none;
	}
	
	
	#menu-redes{
		display:block;
	}
.main-navigation.toggled-on ul.menu,
.main-navigation.toggled-on .menu-principal-container {
	display: block;
}

.menu-toggle:hover,
.menu-toggle:focus {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.menu-toggle:focus {
	outline: thin solid;
}

.menu-toggle .icon {
	margin-right: 0.5em;
	top: -2px;
}

.toggled-on .menu-toggle .icon-bars,
.menu-toggle .icon-close {
	display: none;
}

.toggled-on .menu-toggle .icon-close {
	display: inline-block;
}

/* Dropdown Toggle */

.dropdown-toggle {
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #222;
	display: block;
	font-size: 16px;
	right: -0.5em;
	line-height: 1.5;
	margin: 0 auto;
	padding: 0.5em;
	position: absolute;
	text-shadow: none;
	top: 0;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
	background: transparent;
}

.dropdown-toggle:focus {
	outline: thin dotted;
}

.dropdown-toggle.toggled-on .icon {
	-ms-transform: rotate(-180deg); /* IE 9 */
	-webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
	transform: rotate(-180deg);
}


.site-header .menu-scroll-down {
	display: none;
}

#masthead .wrap {
	position: relative;
}









/* 404 page */

.error404 .page-content {
	padding-bottom: 4em;
}

.error404 .page-content .search-form,
.search .page-content .search-form {
	margin-bottom: 3em;
}

embed,
iframe,
object {
	margin-bottom: 1.5em;
	max-width: 100%;
}
/* banner page */

.custom-header {
    position: relative;
    width: 100%;
    height: auto;
    padding: 0;
	float: left;
clear: left;
}

.bannerPrincipal {
	float:left;
	position:relative;
	clear:left;
	width:100%;
	height:auto;
}

.paginationMenu{
	position:absolute;
	top:40%;
	width:90%;
	left:5%;
	text-align:center
}
              
 .paginationMenu .arrow{
	float:left;
	position:relative;
	width:30px;
	height:60px;
	background:url(assets/images/left.png) center no-repeat;
	opacity:.5;
	-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
}
.paginationMenu .next{
	float:right;
	background:url(assets/images/right.png) center no-repeat;
	
}

 .paginationMenu .arrow:hover{
	opacity:.8;
}
.paginationMenu .num{
	display:none;
}


.site-content-contain{
	width:100%;
	padding:0 ;
	position:relative;
	margin:0 auto;
	background:#eee;
	height:auto;
	text-align:center;
	float: left;
clear: left;
}


.site-content{
	width:90%;
	padding:0 5%;
	position:relative;
	margin:0 auto;
	height:auto;
	display:inline-block;
	max-width:	1200px;
	text-align:center;
}



.wrap .postContent{
	width:90%;
	padding:20px 5% 40px 5%;
	position:relative;
	display: inline-block;
}
.wrap .postContent .post{
	width:25%;
	margin: 10px 0;
	position:relative;
	display:block;
	float:left;
}

.wrap .postContent .post::before{
	padding-top:100%;
	float:left;
	position:relative;
	content:'';
}
	
	
.wrap .postContent .post	 ul{
	display: inline-block;
	position:relative;
	margin:0 auto;
	-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
	border-radius: 5px;
	width:90%;
	background:#fff;
	-webkit-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.4);
box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.4);
overflow:hidden;
padding-bottom:10px;
-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
}
.wrap .postContent .post	 ul li{
	float:left;
	position:relative;
	clear:left;
	width:90%;
	margin:2px 5%;
	overflow:hidden;
	background-size:contain !important;
	background-position:center !important;
	-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
		text-align:left;
		z-index:2;
		background:#fff;
}

.wrap .postContent .post	 ul li:nth-child(1){
	width:100%;
	margin:0;
	z-index:1;
	
}
.wrap .postContent .post	 ul li:nth-child(1)::before{
	padding-top:100%;
	float:left;
	position:relative;
	content:'';
}
.wrap .postContent .post	 ul li img{
	max-width:100%;
}

.wrap .postContent .post	 ul li:nth-child(2){
	font-family: 'gotham_mediumregular';
	font-size:16px;
	color:#333;
	padding-top: 10px ;
	border-top:1px solid #eee;
}
.wrap .postContent .post	 ul li:nth-child(3){
	font-family: 'gotham_mediumregular';
	font-size:14px;
	color:#333;
}
.wrap .postContent .post	 ul li:nth-child(4) {
	font-family: 'gotham_mediumregular';
	font-size:12px;
	color: #ee6100;
	margin:10px 5%;
}
.wrap .postContent .post	 ul li:nth-child(4) a{ color:#ee6100; }

.titles{
	font-size:45px;
	color:#363535;
	text-align:left;
	margin:20px 10px;
}



.site-footer{
	float:left;
	position:relative;
	clear:left;
	width:100%;
	background:#282828;
}
.site-footer:nth-child(3) {
    background: #000;
	text-align:right;
	padding:20px 0;
	color:#eee;
	font-size:12px;
	text-align:center;
}
.site-footer:nth-child(3) .wrap{
	text-align:right;
}
.site-footer:nth-child(3) .m2, .cp{
	width:100px;
display: inline-block;
vertical-align: middle;
-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
		cursor:pointer;
}
.site-footer:nth-child(3) .m2:hover, .cp:hover{
	color:#f60;
}
.site-footer:nth-child(3) .cp{
	float:left;
	position:relative;
	display:inline-block;
}



.site-footer .wrap {
    width: 90%;
    padding: 20px 5%;
    position: relative;
    margin: 0 auto;
    height: auto;
    display: inline-block;
    max-width: 1200px;
    text-align: left;
	
}

.site-footer .wrap .footerBloque{
	width:33.33%;
	float:left;
	position:relative;
}
.site-footer .wrap .footerBloque h4{
	font-size:	16px;
	font-family: 'gotham_bookregular';
	color:#fff;
	border-left:10px solid #f60;
	margin:30px 0 0 20px ;
	padding-left:20px;
	
}
.site-footer .wrap .footerBloque ul{
	width:90%;
	height:auto;
	margin:20px 5%;
	float:left;
	position:relative;
	
}

.site-footer .wrap .footerBloque:nth-child(1) ul li{
	float:left;
	position:relative;
	margin-bottom:20px;
	color:#4e4e4e;
	font-size:12px;
	text-align:justify;
	line-height:1.5;
	clear:left;
	
}
.site-footer .wrap .footerBloque:nth-child(1) ul li:nth-child(1){text-align:left; width:100%; } 
.site-footer .wrap .footerBloque:nth-child(1) ul li:nth-child(1) img{
	margin:auto;
	max-width:100%;
}

.site-footer .wrap .footerBloque:nth-child(1) ul li:nth-child(3){
	margin-bottom:0;
	padding-left:30px;
	background:url(assets/images/cel.png) center left no-repeat;
	background-size:  auto 20px !important;
}

.site-footer .wrap .footerBloque:nth-child(1) ul li:nth-child(4){
	padding-left:30px;
	background:url(assets/images/mail.png) center left no-repeat;
	background-size:  auto 20px !important;
}
.site-footer .wrap .footerBloque:nth-child(1) ul li:nth-child(5) img{
	margin-right:5px;
}


.site-footer .wrap .footerBloque:nth-child(2) ul li{
	float:left;
	position:relative;
	margin-bottom:20px;
	color:#4e4e4e;
	font-size:12px;
	text-align:justify;
	line-height:1.5;
	clear:left;
	width:100%;
	color:#eee; 
	font-size:14px;
	cursor:pointer;
	-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
}
.site-footer .wrap .footerBloque:nth-child(2) ul li:hover{
	background:#565656;
}
.site-footer .wrap .footerBloque:nth-child(2) ul li .imagen{
	width:20%;
	float:left;
	position:rlative;
	margin-right:10px;
	background-size:cover !important;
}
.site-footer .wrap .footerBloque:nth-child(2) ul li .imagen::before{
	content:'';
	padding-top:100%;
	float:left;
	position:relative;
}

.site-footer .wrap .footerBloque:nth-child(2) ul li h3{
	font-size:14px;
	margin:5px 0 0 0;
	font-family:'gotham_lightregular';
}
.site-footer .wrap .footerBloque:nth-child(2) ul li span{
	font-size:10px;
}
.site-footer .wrap .footerBloque:nth-child(2) ul li label{
	font-size:12px;
	color:#ee6100;
	
}
.site-footer .wrap  #myForm{
	float:left;
	position:relative;
	margin:20px ;
}
.site-footer .wrap  #myForm input,
.site-footer .wrap  #myForm textarea{
	width:90%;
	padding:5px 5%;
	float:left;
	position:relative;
	-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #3a3a3a;
	background:#313131;
	margin-bottom:15px;
	-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
	border-radius: 5px;
	color:#eee;
	font-size:14px;
}
.site-footer .wrap  #myForm button{
	width:25%;
	text-align:center;
	padding:10px;
	color:#fff;
	background:#f90;
	border:1px solid #3a3a3a;
	margin-bottom:10px;
	cursor:pointer;
	-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
	border-radius: 5px;
}

.wrap .postContent .sidebarMenu{
	width:25%;
	float:left;
	position:relative;
	height:	auto;
	background:#fff;
	margin-top:10px;
}
.wrap .postContent .sidebarMenu ul{
	padding:20px 5%;
	width:90%;
	float:left;
	position:relative;
}
.wrap .postContent .sidebarMenu ul li{
	width:100%;
	float:left;
	position:relative;
	text-align:left;
}
.wrap .postContent .sidebarMenu ul li a{
	color:#222;
	font-size:16px;
	font-family: 'gotham_mediumregular';
}
.wrap .postContent .sidebarMenu ul .submenu{padding-top:0; }
.wrap .postContent .sidebarMenu ul .submenu li a{
	color:#555;
	font-size:14px;
	font-family: 'gotham_bookregular';
}
.wrap .postContent .seccionContent{
	width:75%;
	float:left;
	position:relative;
	height:	auto;
}
.wrap .postContent .seccionContent .post {
    width: 33.3%;
}

.pagination{
	clear:both;
	float:left;
	position:relative;
	width:100%;
	margin:20px 0;
}


.pagination a,
.pagination span{
	padding:5px 8px;
	display:inline-block;
	vertical-align:middle;
	border:1px solid #999;
	margin: 0 2px;
	font-size:12px;
	font-family: 'proxima_nova_rgbold_italic';
}

.pagination a:hover,
.pagination .blogcurrent {color:#f90 !important;border:1px solid #f90; background:#fff; }


.productoFinal .bloque{
	width:50%;
	float:left;
	position:relative;
	white-space:auto;
	padding:30px 0;
}

.productoFinal .bloque #slider {
	height:auto;
	overflow:hidden;
}
.productoFinal #slider > div > div {
	line-height:1;
}
.productoFinal  .ss-slider > .ss-slides {
	text-align:left;
}
.productoFinal .ss-slider > .ss-slides > .ss-slide {
    display: inline-block;
    height: 100%;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
	float:inherit !important;
	text-align:center;
	
}
.productoFinal .bloque #slider img{
	max-height:100%;
	max-width:100%;
}

.productoFinal .bloque.dataP ul{
	margin:20px ;
	text-align:left;
}
.productoFinal .bloque.dataP ul li{
	font-size:14px;
	color:#4e4e4e;
	font-family: 'gotham_bookregular';
	margin:10px 0;
	
}
.productoFinal .bloque.dataP ul li span{
	font-family: 'gotham_boldregular';
}
.productoFinal .bloque.dataP ul li span.precio{
	color:#000;
	font-size:18px;
	font-family: 'gotham_boldregular';
}
.productoFinal .bloque.dataP ul li:nth-child(1){
	font-size:36px;
	color:#494848;
	font-family: 'gotham_mediumregular';
}

.productoFinal .bloque.dataP ul li:nth-child(2){
	font-size:14px;
	color:#4e4e4e;
	font-family: 'gotham_bookregular';
	border-bottom:1px solid #ccc;
	padding:10px 30px;
	background:url(assets/images/planet.png) no-repeat left center;
	background-size: 15px;
	margin-bottom:20px;
}

.productoFinal .bloque.dataP ul li button{
	font-size:14px;
	color:#fff;
	font-family: 'gotham_bookregular';
	margin:10px 0;
	padding:8px 20px;
	text-align:center;
	background:#f90;
	-webkit-border-radius: 10px;
   -moz-border-radius: 10px;
	border-radius: 10px;
	cursor:pointer;
	
	
}
.productoFinal label{
	font-size:14px;
	color:#fff;
	font-family: 'gotham_bookregular';
	margin: 0 0 20px 0;
	padding:8px 20px;
	text-align:center;
	background:#f90;
	float:left;
	
}
.productoFinal .contenido{
	font-size:14px;
	color:#4e4e4e;
	padding:0;
	border:1px solid #ccc;
	font-family: 'gotham_bookregular';
	text-align:left;
	width:100%;
	float:left;
	margin-bottom:30px;
}
.productoFinal .contenido p{ clear:left; padding:20px; margin:0;}

.productoFinal .sharer{
	width:90%;
	text-align:left;
	position:relative;
	padding:10px 5%;
}

.productoFinal .sharer img{
	width:30px;
	text-align:left;
	position:relative;
	margin:10px;
	cursor:pointer;
}


.relatedposts{
	width:90%;
	text-align:left;
	position:relative;
	padding:10px 5%;
	text-align:center;
	float:left;
	border-top:2px solid #ccc;
}
.relatedposts .relatedthumb{
	width:20%;
	display: inline-block;
	vertical-align:top;
	margin:20px ;
	text-align:center;
}
.relatedposts .relatedthumb img {
 width:100%;
 height:auto;
}


#slider { border: 0px solid #f3f3f3; height: 400px; text-align:center; }
#slider > div > div {  color:#fff; font-size:2em; background-size: cover !important;}







.bg{
		width:100%;
		height:100%;
		position:fixed;
		background:rgba(0,0,0,.5);
		z-index:9999;
		top:0;
		left:0;
		bottom:0;
		text-align:center;
		
	}
	.bg .close{
		width:30px;
		height:30px;
		position:absolute;
		background:url(assets/images/close.gif) #f90 center no-repeat;
		background-size:70% !important;
		top:50px;
		right:50px;
		z-index:2;
		cursor:pointer;
		-webkit-border-radius: 50%;
   -moz-border-radius: 50%;
	border-radius: 50%;
	padding:10px;
		
	}
.bg #myForm{
	position:fixed;
	width:60%!important;
	top:20%  ;
	left:30%;
	max-width:400px;
	background:#282828;
	padding:30px;
   }
.bg #myForm::before{
	padding-top:60%;
	content:'';
	float:left;
	display:block;
}

.bg  #myForm{
	float:left;
	position:relative;
	margin:20px ;
}
.bg #myForm input,
.bg  #myForm textarea{
	width:90%;
	padding:5px 5%;
	float:left;
	position:relative;
	-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #3a3a3a;
	background:#313131;
	margin-bottom:15px;
	-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
	border-radius: 5px;
	color:#eee;
	font-size:14px;
}
.bg #myForm button{
	width:25%;
	text-align:center;
	padding:10px;
	color:#fff;
	background:#f90;
	border:1px solid #3a3a3a;
	margin-bottom:10px;
	cursor:pointer;
	-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
	border-radius: 5px;
}




/*animaciones*/
.wrap .postContent .post	 ul:hover,
.wrap .postContent .post	 ul:hover li{
	background: #fef8f3;
}

.wrap .postContent .post	 ul:hover > li:nth-child(1){
	transform: scale(1.1);
	transform-origin: 50% 50%;
    animation-duration: 2s;
	cursor:pointer;
	z-index:2;
}
.ingreso {
	margin:10% auto !important;
	position:relative;
}
.ingreso .white{
	background:#fff;
	display: inline-block;
	position:relative;
}

.ingreso form{
	width:90%;
	height:auto;
	padding:20px 5%;
	float:left;
	position:relative;
	
}
.ingreso form label{
	text-align:right;
	width:100px;
	position:relative;
	margin: 10px;
	display:inline-block;
}
.ingreso form input{
	width:200px;
	position:relative;
	margin:10px;
	display:inline-block;
}
.ingreso form .check{
	width:100%;
	text-align:center;
}
.ingreso form .check input{
	width:auto;
}
.ingreso form a:hover{ color:#f90 !important; }
.ingreso form .button{
	width: 50%;
text-align: center;
padding: 10px;
color: #fff;
background: #f90;
border: 1px solid #666;
margin-bottom: 10px;
cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.carro .ingreso {
	width:90%;
	max-width:	350px;
	margin: 0 auto;
display: inline-block;
}

.carro .ingreso form label{
	text-align:right;
	width:100px;
	position:relative;
	margin: 10px 0;
	display:inline-block;
}
.carro .ingreso form input{
	width:170px;
	position:relative;
	margin:10px;
	display:inline-block;
}

/* desk menu */

@media screen and (min-width: 48em) {


	

	

	.main-navigation {
		width: auto;
	}

	

	.main-navigation ul {
		background: transparent;
		padding: 0;
	}

	.main-navigation > div > ul {
		border: 0;
		margin-bottom: 0;
		padding: 0;
	}

	.main-navigation li {
		border: 0;
		display: inline-block;
		padding:10px 0;
		
	}

	.main-navigation li li {
		display: block;
		padding:0;
	}

	

	.main-navigation ul ul {
		background: #333333;
		left: -999em;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 99999;
	}

	.main-navigation ul li.menu-item-has-children:before,
	.main-navigation ul li.menu-item-has-children:after,
	.main-navigation ul li.page_item_has_children:before,
	.main-navigation ul li.page_item_has_children:after {
		border-style: solid;
		border-width: 0 6px 6px;
		content: "";
		display: none;
		height: 0;
		position: absolute;
		right: 1em;
		bottom: -1px;
		width: 0;
		z-index: 100000;
	}

	.main-navigation ul li.menu-item-has-children.focus:before,
	.main-navigation ul li.menu-item-has-children:hover:before,
	.main-navigation ul li.menu-item-has-children.focus:after,
	.main-navigation ul li.menu-item-has-children:hover:after,
	.main-navigation ul li.page_item_has_children.focus:before,
	.main-navigation ul li.page_item_has_children:hover:before,
	.main-navigation ul li.page_item_has_children.focus:after,
	.main-navigation ul li.page_item_has_children:hover:after {
		display: block;
	}

	.main-navigation ul li.menu-item-has-children:before,
	.main-navigation ul li.page_item_has_children:before {
		border-color: transparent transparent #bbb;
		bottom: 0;
	}

	.main-navigation ul li.menu-item-has-children:after,
	.main-navigation ul li.page_item_has_children:after {
		border-color: transparent transparent #fff;
	}

	.main-navigation ul ul li:hover > ul,
	.main-navigation ul ul li.focus > ul {
		left: 100%;
		right: auto;
	}

	.main-navigation ul ul a {
		padding: 0.75em 1.25em;
		width: 16em;
	}

	.main-navigation li li {
		-webkit-transition: background-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out;
	}

	.main-navigation li li:hover,
	.main-navigation li li.focus {
		background: #767676;
	}

	.main-navigation li li a {
		-webkit-transition: color 0.3s ease-in-out;
		transition: color 0.3s ease-in-out;
	}

	.main-navigation li li.focus > a,
	.main-navigation li li:focus > a,
	.main-navigation li li:hover > a,
	.main-navigation li li a:hover,
	.main-navigation li li a:focus,
	.main-navigation li li.current_page_item a:hover,
	.main-navigation li li.current-menu-item a:hover,
	.main-navigation li li.current_page_item a:focus,
	.main-navigation li li.current-menu-item a:focus {
		color: #fff;
	}

	.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul {
		left: 10.5em;
		right: auto;
		top:0;
	}

	.main-navigation .menu-item-has-children > a > .icon,
	.main-navigation .page_item_has_children > a > .icon {
		display: inline;
		left: 5px;
		position: relative;
		top: -1px;
	}

	.main-navigation ul ul .menu-item-has-children > a > .icon,
	.main-navigation ul ul .page_item_has_children > a > .icon {
		margin-top: -9px;
		left: auto;
		position: absolute;
		right: 1em;
		top: 50%;
		-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
		-ms-transform: rotate(-90deg); /* IE 9 */
		transform: rotate(-90deg);
	}

	.main-navigation ul ul ul {
		left: -999em;
		margin-top: -1px;
		top: 0;
	}

	.main-navigation ul ul li.menu-item-has-children.focus:before,
	.main-navigation ul ul li.menu-item-has-children:hover:before,
	.main-navigation ul ul li.menu-item-has-children.focus:after,
	.main-navigation ul ul li.menu-item-has-children:hover:after,
	.main-navigation ul ul li.page_item_has_children.focus:before,
	.main-navigation ul ul li.page_item_has_children:hover:before,
	.main-navigation ul ul li.page_item_has_children.focus:after,
	.main-navigation ul ul li.page_item_has_children:hover:after {
		display: none;
	}

	.site-header .site-navigation-fixed .menu-scroll-down {
		display: none;
	}

	
	
	
}

@media screen and (max-width: 65.875em) {
	.hide{
		display:none !important;
	}
	nav.menus .secundario {
    font-size: 12px;
   }
    nav.menus .secundario {
    color: #898272;
    right: 0;
    position: relative;
    float: right;
    padding: 1.5em 0em 0 1em;
    font-size: 14px;
     }
}



/*tablet*/
@media screen and (max-width: 56.875em) {
	header , .main-navigation{
     display:block ;
    }
	.toggled-on  nav {
    display: block;
   }
	.next{
	right:0px;
	background:url(assets/right.png) center center no-repeat;
    }
    .prev{
	margin-left:0px;
	background:url(assets/left.png) center center no-repeat;
    }
	
 
.menu-toggle { display:inline-block; cursor:pointer; padding: 1.5em;}




nav.menus .secundario li {
    padding: 5px 10px;
   padding-left: 10px;
}	
.navigation-top {
   
    float: left;
    width: 100%;
}
.menu-toggle {
    
    padding: 1.5em 0;
}	
nav.menus .secundario {
	 padding: 1em 0em 0 1em;
}
nav.social-navigation ul {
    width: 100%;
    margin: 0 0;
    padding: 0;
}
nav.social-navigation ul li a {
    padding: 0 0;
}
nav .search input {
   
    width: 90px;
}	
#slider {
    border: 0px solid #f3f3f3;
    height: 300px;
}
.paginationMenu .arrow {
    width: 25px;
    height: 30px;
}

.wrap .postContent .post {
    width: 33%;
}
.bg #myForm {
    position: fixed;
    width: 80% !important;
    top: 20%;
    left: 5%;
    max-width: inherit;
    background: #282828;
    padding: 30px 5%;
    margin: 0 !important;
}
}




/*movil*/

@media screen and (max-width: 35.5em) {

	nav.menus .secundario {
   display:none;
}

#slider {
    border: 0px solid #f3f3f3;
    height: 100px;
}
.wrap .postContent .post {
    width: 100%;
}
.titles {
    font-size: 25px;
 
    margin: 10px 10px;
}
.site-footer .wrap .footerBloque {
    width: 100%;
    
}
.menuHover ul{
    width: 90%;
	padding:5px 5%;
	left:0;
}
.main-navigation ul  a{
	padding: 0.4em 0;
	}
.menuHover .menuSection li li{
	border-bottom:1px solid #eee;
}
.menuHover .menuSection li li:nth-last-child(1){ border:0; }
.wrap .postContent .sidebarMenu, 
.wrap .postContent .seccionContent,
.wrap .postContent .seccionContent .post,
.productoFinal .bloque{
	width:100%;
}

.relatedposts .relatedthumb {
    width: 40%;
   
    margin: 20px 0 0 0;
}
}


/*landscape*/

 @media screen and (min-width:320px) and (max-width:767px) and (orientation:landscape) { 
#slider {
    border: 0px solid #f3f3f3;
    height: 100px;
}
.menu-principal-container .menuSection {
    position: absolute;
    background: #333;
    width: 100%;
    left: 0;
}
 }
 
 
 
 /*portrait*/
 
 @media screen and (orientation:portrait) { … }