/**
 * Theme Name: Directory-geek
 * Theme URI: Directory-geek
 * Description: Directory-geek
 * Version: 1.0.0
 * Author: Julian
 * Author URI: Geeks
 * License: GNU General Public License v2.0
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Template: genesis
**/

html {-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;}
body {background-color: #fff;color: #21393d;font-family: "Source Sans Pro", sans-serif;font-size: 16px;font-weight: 400;line-height: 1.5;margin: 0;overflow-x: hidden;}
button,input:focus,input[type="button"],input[type="reset"],input[type="submit"],textarea:focus,.button,.gallery img {transition: all 0.2s ease-in-out;}
button, input, select, textarea { font-size: 1rem;font-family: inherit;  box-sizing: border-box;;   line-height: 1.5;width:100%;padding: 0.7em ;border:solid 1px #21393d;border-radius:5px}
a {color: #777;text-decoration: underline;	transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;}
a:focus,a:hover {color: #333;text-decoration: none;}
p {	margin: 0 0 30px;	padding: 0;}
ol,ul {margin: 5px 15px;padding: 0 10px;}
article ol, article ul{padding-left:20px;margin:1em 0}
article li{margin:0.5em 0}
li {padding-left: 10px;}
hr {border: none;	border-collapse: collapse;	border-top: 2px solid #eee;	clear: both;	margin: 30px 0;}
b,strong {font-weight: 700;}
blockquote,cite,em,i {font-style: italic;}
mark {background: #ddd;	color: #333;}
blockquote {margin: 30px;}
h1,h2,h3,h4,h5,h6 {font-family: "Source Sans Pro", sans-serif;	font-weight: 400;	line-height: 1.2;	margin: 0 0 20px;}
h1 {font-size: 30px;}
h2 {font-size: 27px;}
h3 {font-size: 24px;}
h4 {font-size: 20px;}
.entry-content h3,.entry-content h4 {font-weight: 600;}
.entry-content h4 {	margin-top: 40px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}
embed,iframe,img,object,video,.wp-caption {	max-width: 100%;}
img {height: auto;	vertical-align: top;}
figure {margin: 0;}

/*-------- constantes*/
.site-inner{width:100%;margin:0 auto;padding:0.5em 0;z-index: 2;position: relative;}

/*nav*/
.site-header{background:  #008083 ;border:none;z-index:1;top:0;width:100%;border-bottom:solid 2px #000}
.title-area img{margin:0 auto;display:block;max-width:150px;}


/*menu*/

.mobmenu img{margin: 0 auto;	display: block;height:24px;}
.mobmenu { BACKGROUND:#000; cursor: pointer; margin-top:20px;color:#fff;font-weight:bold;font-size:2em;padding: 10px; }
.active, .mobmenu:hover { background: #0f47a6;color:#fff}
#busca-navigation {  max-height: 0;  overflow: hidden;  transition: max-height 0.2s ease-out; }



#busca-navigation .innerbusca{margin: 0px auto;padding-top:5px;text-align: center;max-width:90%;}
#busca-navigation form{max-width:60%}
#busca-navigation ul li {line-height:0px}
#busca-navigation ul li:last-child {border:none}

#busca-navigation label{color:#fff;display:block}


#busca-navigation{border:none;z-index:1;top:0;width:100% }



.innerbusca select{max-width: 250px;}


/*internal*/
/*imagen negocio*/



.featured-image-class{position:relative;z-index:2;overflow:hidden;width:100%;background: #000;}
.featured-image-class picture{margin:0 auto;display: block;max-width:1920px}
.featured-image-class img{margin:0 auto;display: block;max-width:1920px}

body:not(.home) .site-header{background:#008083;}


.archive .content-area, .error404 article, .single article, .page article{margin:0 auto;padding:1em;width:100%;box-sizing:border-box;max-width:95%}

.archive .content-area, .single article{position: relative;box-sizing: border-box;margin-bottom: 50px;border: solid 2px rgba(0,0,0,0.2);background:#fff}

.archive .sidebar-primary, .single .sidebar-primary{margin:0 0.5em;background:#008083;padding:0.5em;}
.archive .sidebar-primary h4, .single .sidebar-primary h4{text-align:center; background:#0f47a6;padding:0.5em;color:#fff}
.archive .sidebar-primary  .wpspw-post-title a, .single .sidebar-primary .wpspw-post-title a{color:#fff !important;}
.archive h1, .single h1{background:#0f47a6;padding: 0.25em;color:#fff;text-align: center;}

.archive .sidebar-primary .wpspw-post-date, .single .sidebar-primary .wpspw-post-date{color:#aaa !important;}
.archive .sidebar-primary .wpspw-post-categories a, .single .sidebar-primary .wpspw-post-categories a{background:#0f47a6 !important; border-color:#0f47a6 !important}

.archive .lista-neg{padding:0.5em}
.archive .content-area{padding:0}
.archive .lista-neg:nth-child(even) {background: #008083;color:#fff}
.archive .lista-neg:nth-child(even) a {color:#fff}
.archive .lista-neg hr{display:none}

#respond {margin:0 auto;max-width:1200px;padding:1em;margin-top: 1em;background:#21393d;color:#fff;text-align:center;}
#respond a{color:#0f47a6;font-weight: 600;}
#respond #comment{border:solid 1px #21393d;border-radius:5px;box-sizing: border-box;}
#respond #commentform, #respond input{box-sizing: border-box;}
#comments{margin:0 auto;max-width:1200px;padding:1em;margin-top: 1em;}

.testimonial{font-size:1.5em;margin:1em 0;border-bottom:solid 1px #21393d;padding-bottom:1em}
.testimonial div:last-child{color:#f94a33;text-align:center}
.testimonial div{padding:1em}


div.wpcf7-validation-errors, div.wpcf7-acceptance-missing, div.wpcf7-mail-sent-ok{background:#df5d4b !important;border: none !important;max-width: 900px;margin: 0 auto !important;text-align: center;}

header select{height:28px;padding:0}
#linkResultado{height:36px;padding:0;background:#222;color:#fff;border-radius:5px;cursor: pointer;max-width: 250px;margin: 0.5em 0;}
#linkResultado:hover{background:#ccc;color:#000}




	#home-block2 #estados ul li{padding:0.5em}
#home-block2 .site-inner{max-width:1200px;width:100%;margin:0 auto}

#home-block2 .collapsible{
  color: white;
  cursor: pointer;
  outline: none;
  font-size: 15px;
	font-weight:bold;
	list-style: none
}

#home-block2  .collapsible:hover {
  background-color: #008083;
}

#home-block2 .content {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
 list-style: none
}
#home-block2{background: #0f47a6;}
#home-block2 .content a{color:#fff}
#home-block2 h4{text-align:center;color:#fff;font-weight:bold;padding:0.5em}
/*breadcrumbs*/

#dirbread{background:#008083;margin-bottom: 0.5em }
.dirbreadvis{max-width:1200px;margin:0 auto;padding:1em;color:#fff}
.dirbreadvis a{color:#fff;font-weight:bold}


/*sidebar*/

.negociosrel h3{color:#fff}

.sidebar .lista-neg,.sidebar .lista-neg a{color:#fff; text-decoration:none} 
.sidebar .lista-neg a{font-weight:bold}

.sidebar .lista-neg h4:hover{background:#000;  text-decoration:none}
.sidebar .lista-neg a:hover{text-decoration:underline}





/*footer*/
.footer-widgets{color:#fff;background:#008083}
.footer-widgets a{color:#fff}
.disclaimerfooter{padding:0.5em}
.footerlinks{text-align:center;color:#fff;padding:0.5em;font-weight:bold}
.footer-widgets .widget-area{max-width:1200px;width:100%;margin:0 auto}

.footerlinks a{padding:0.25em 0.75em}



/*negocio style*/

.negocio-template-default .izquierdo-side-post{margin-bottom:1em}
	
.negocio-template-default .imagen-de-negocio{margin:1em auto;display:block}

	
#telefono-negocio:hover,.telefono-negocio:hover{color:#fff;background:#666}
#telefono-negocio,.telefono-negocio{background:#000;text-decoration:none;color:#fff;padding:0.75em;border-radius:10px}

/*full site-----------------------------------------------------------------*/
@media screen and (min-width: 48em) {
	
	.mobmenu{display:none}
	
.negocio-template-default .izquierdo-side-post{display:flex;justify-content:space-between;align-items:center}

	
	
	.select2-container{width:100% !important}
	.site-header .wrap{display: flex;justify-content: center;max-width: 1200px;margin: 0 auto;align-items: center;padding: 0.5em;}
	.title-area{width:20%}
	.title-area img{max-width:150px}
	.site-header .wrap .widget-area{width:80%}
	#busca-navigation .innerbusca{;max-width:1200px;}
#busca-navigation .innerbusca{display:flex;justify-content:space-between;align-items:flex-end;padding:0.5em}	
#busca-navigation label{width:25%}	
	
	#busca-navigation {  max-height: 100%  }
	
	#linkResultado{width:15%}
	
	.single-negocio main{width:75%}
	.single-negocio aside{width:25%}
	
.archive .content-area, .error404 article, .single article, .page article{max-width:1200px}
.archive .wrap,	.single .content-sidebar-wrap{display:flex;max-width:1230px;margin: 0 auto;}
	
	.page-template-default:not(.home) article header h1{font-size:2.5em}
/*.archive .content-area,	.single .content{width:75%;margin-left:0}
.archive .sidebar-primary,	.single .sidebar-primary{width:25%;margin-right:0}*/


	
	.testimonial {display:flex;justify-content:center;align-items:center}
.testimonial div:first-child{width:75%;margin-right:2.5%}
.testimonial div:last-child{width:20%;margin-left:2.5% }
	
/*#home-block2 #estados{ -moz-column-count: 3;    -moz-column-gap: 10%;    -webkit-column-count: 3;    -webkit-column-gap: 10%;
    column-count: 3;    column-gap: 10%;}*/

	#home-block2 #estados{display:grid;grid-gap: 5px 1%;grid-template-columns: 32% 32% 32%;;padding: 10px;}
	
	

	
/*animaciones*/



.animatable {
  
  /* initially hide animatable objects */
  visibility: hidden;
  
  /* initially pause animatable objects their animations */
  -webkit-animation-play-state: paused;   
  -moz-animation-play-state: paused;     
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;   
  animation-play-state: paused; 
}

/* show objects being animated */
.animated {
  visibility: visible;
  
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;

  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -ms-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running;
}
}
/* CSS Animations (extracted from http://glifo.uiparade.com/) */
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}



@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-moz-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-o-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	60% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
	60% {
		-webkit-transform: translateX(20px);
	}

	80% {
		-webkit-transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}

	60% {
		-moz-transform: translateX(20px);
	}

	80% {
		-moz-transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}

	60% {
		opacity: 1;
		-o-transform: translateX(20px);
	}

	80% {
		-o-transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes bounceInLeft {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}

	60% {
		transform: translateX(20px);
	}

	80% {
		transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@-webkit-keyframes bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}

	60% {
		-webkit-transform: translateX(-20px);
	}

	80% {
		-webkit-transform: translateX(5px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}

	60% {
		-moz-transform: translateX(-20px);
	}

	80% {
		-moz-transform: translateX(5px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes bounceInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}

	60% {
		-o-transform: translateX(-20px);
	}

	80% {
		-o-transform: translateX(5px);
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes bounceInRight {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}

	60% {
		transform: translateX(-20px);
	}

	80% {
		transform: translateX(5px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}
	50% {
		-webkit-transform: scale(1.05);
	}

	70% {
		-webkit-transform: scale(.9);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes bounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(.3);
	}

	50% {
		-moz-transform: scale(1.05);
	}

	70% {
		-moz-transform: scale(.9);
	}

	100% {
		opacity: 1;
		-moz-transform: scale(1);
	}
}

@-o-keyframes bounceIn {
	0% {
		opacity: 0;
		-o-transform: scale(.3);
	}

	50% {
		-o-transform: scale(1.05);
	}

	70% {
		-o-transform: scale(.9);
	}

	100% {
		opacity: 1;
		-o-transform: scale(1);
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(.3);
	}

	50% {
		transform: scale(1.05);
	}

	70% {
		transform: scale(.9);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@-webkit-keyframes moveUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(40px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes moveUp {
	0% {
		opacity: 1;
		-moz-transform: translateY(40px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes moveUp {
	0% {
		opacity: 1;
		-o-transform: translateY(40px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes moveUp {
	0% {
		opacity: 1;
		transform: translateY(40px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@-webkit-keyframes fadeBgColor {
	0%{
		background:none;
	}
  70%{
		background:none;
	}
	100%{
		background:#464646;
	}
}
@-o-keyframes fadeBgColor {
	0%{
		background:none;
	}
  70%{
		background:none;
	}
	100%{
		background:#464646;
	}
}
@keyframes fadeBgColor {
	0%{
		background:none;
	}
  70%{
		background:none;
	}
	100%{
		background:#464646;
	}
}

.animated.animationDelay{
	animation-delay:.4s;
	-webkit-animation-delay:.4s;
}
.animated.animationDelayMed{
	animation-delay:1.2s;
	-webkit-animation-delay:1.2s;
}
.animated.animationDelayLong{
	animation-delay:1.6s;
	-webkit-animation-delay:1.6s;
}
.animated.fadeBgColor {
	-webkit-animation-name: fadeBgColor;
	-moz-animation-name: fadeBgColor;
	-o-animation-name: fadeBgColor;
	animation-name: fadeBgColor;
}
.animated.bounceIn {
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn;
}
.animated.bounceInRight {
	-webkit-animation-name: bounceInRight;
	-moz-animation-name: bounceInRight;
	-o-animation-name: bounceInRight;
	animation-name: bounceInRight;
}
.animated.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	-moz-animation-name: bounceInLeft;
	-o-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}
.animated.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}
.animated.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
.animated.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
.animated.moveUp {
	-webkit-animation-name: moveUp;
	-moz-animation-name: moveUp;
	-o-animation-name: moveUp;
	animation-name: moveUp;
}
