/*
Theme Name: Simple Theme
Theme URI: http://wordpress.org/
Description: Simple Theme based on free PSD Simple theme (http://www.bestpsdfreebies.com/freebie/pay-with-a-tweet-friday-free-simple-psd-theme/)
Author: Abel Cobreros Ferrera
Author URI: http://acobrerosf.com/
Version: 1.0
Tags: gray, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu (optional)

License:
License URI:
*/

html,
body
{
  /*height: 100%;*/
  padding: 0;
  margin: 0;

}

A{
   color: #A0A0A0;
   text-decoration: none;
}

a:hover {
	color: black;
}

h1{
font-size:22px;
}

.cabeceraizquierda {
  float: left;
  /*width: 50%;*/
  display:inline-block;
  
}
.cabeceraderecha {
  float: left;
  /*width: 50%;*/
  text-align:right;
  /*display:inline-block;*/
 
}

#wrapper {
	min-height: 100%;
	position: relative;
}

body {
	background-color: #fff;
	font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
	  color: #525252; /*Color agrisado letras*/
}

.container-fluid-style {
	margin: 0 auto;
	max-width: 940px;
}

.header {
	padding-bottom: 20px;
}

.body {
	background-color: #fff;/*#f4f4f4;*/
	min-width: 100%;
	padding-bottom: 73px;
	min-height: 100%;
}


.web-title {
	font-family: 'Merienda One', cursive;

	margin-top: 15px;
	padding:0;
	margin-left:0;
	line-height:25px;
}

.social-icons {
	text-align: right;
	margin-top: 11px;
}

.barra {
	background-image: url("/img/barramenu.png");
	}

.icon-link {
	background-image: url("/img/icon-link.png");
	width: 24px;
	height: 14px;
	background-position: 0;
	margin-right: 5px;
	display: inline-block;
	float: right;
	margin-top: 3px;
	
}





.menu {
	margin-top: 30px;
}

.menu-inner {
	background-color: #fff;
	background-image: none;
	border-radius: 0;
}

.menu-title {
	font-weight: bold;
}

.search-query {
	border-radius: 0 !important;
	background-color: #fafafa !important;
}



.swipe {
 	overflow: hidden;
  	visibility: hidden;
  	position: relative;
}

.swipe-wrap {
  	overflow: hidden;
  	position: relative;
}

.swipe-wrap > div {
  	float:left;
  	width:100%;
  	position: relative;
}

.img-slider {
	text-align: center;
}

.slider-navigation {
	text-align: center;
	padding-top: 20px;
}

.slider-navigation > #position li {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	margin: 0 2px;
	background: #474747;
	padding: 0;
	cursor: pointer;
	list-style:none;
}

.slider-navigation > #position li.on {
	background: #141414;
	list-style:none;
}




.link-big {
	font-size: 18px;
}

.info-grid {
	margin-top: 10px;
}

.thumbnail {
	border: none;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}


.recuadro {
	/*background-color: #474747;
	color: white;*/
	background-color: #F8F8F8 ;
	font-size: 14px;
	color: #525252;
	padding: 20px 20px;
	line-height:100%;
	text-align:left;
	min-height:40px;
	display: table;
    vertical-align: middle;
	/*width:94%;
	position: relative;*/
	
	-moz-border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-webkit-border-radius:20px;
	
	
}

.info-grid-title {
	/*background-color: #474747;
	color: white;*/
	background-color: #EEEEEE;
	color: #525252;
	font-weight: bold;
	font-size: 18px;
	padding: 10px 10px;
	line-height:100%;
	text-align:center;
	min-height:40px;
	display: table;
    vertical-align: middle;
	width:93%;
	position: relative;
	
	
	
	-moz-border-radius-topleft:20px;
	-moz-border-radius-topright:20px;
	-webkit-border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	
}

.info-grid-content {
	display: block;
	background-color: #fff;
	-webkit-box-shadow: 0 10px 10px #888888;
	box-shadow: 0 10px 10px #888888;
	padding: 20px 30px;
	text-decoration: none;
	font-weight: normal;
	color: #474747;
}

.info-grid-content:hover {
	text-decoration: none;
	background-color: #f2f2f2;
}

.grid-circle {
	background-image: url("/img/grid-circle.png");
	width: 95px;
	height: 95px;
	margin: 0 auto;
	margin-top: 32px;
	margin-bottom: 22px;
	text-align: center;
}

.grid-circle p {
	color: #fff;
	font-size: 15px;
	position: relative;
	top: 37.5px;
	font-weight: bold;
}

.button p {
	color: #fff;
	font-size: 15px;
	position: relative;
	top: -4px;
	font-weight: bold;
	
}


.button, .button span {
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 98%;
	height: 35px;
	margin: 0 auto;
	/*margin-top: 32px;*/
	margin-bottom: 35px;
	text-align: center;
	color: #fff;
	font-size: 15px;
	position: relative;
	/*top: 18px;*/
	/*font-weight: bold;*/
	
}
.button {
   /*white-space: nowrap;*/
   line-height:1em;
   /*position:relative;*/
   outline: none;
   overflow: visible; 
   border: 1px solid #999;
   border: rgba(0, 0, 0, .2) 1px solid;
   border-bottom:rgba(0, 0, 0, .4) 1px solid;
   -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
   -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
   box-shadow: 0 1px 2px rgba(0,0,0,.2);
   background: -moz-linear-gradient(
      center top,
      rgba(255, 255, 255, .1) 0%,
      rgba(0, 0, 0, .1) 100%
   );
   background: -webkit-gradient(
      linear,
      center bottom,
      center top,
      from(rgba(0, 0, 0, .1)),
      to(rgba(255, 255, 255, .1))
   );
   -moz-user-select: none;
   -webkit-user-select:none;
   -khtml-user-select: none;
   user-select: none;
   margin-bottom:10px;
}
.button.full, .button.full span {
   display: block;
}
.button:hover, .button.hover {
   background: -moz-linear-gradient(
      center top,
      rgba(255, 255, 255, .2) 0%,
      rgba(255, 255, 255, .1) 100%
   );
   background: -webkit-gradient(
      linear,
      center bottom,
      center top,
      from(rgba(255, 255, 255, .1)),
      to(rgba(255, 255, 255, .2))
   );
}
.button:active, .button.active {
   /*top:1px;*/
}
.button span {
   position: relative;
   color:#fff;
   text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);
   border-top: rgba(255, 255, 255, .2) 1px solid;
   padding:0.6em 1.3em;
   line-height:1em;
   text-align:center;
   white-space: nowrap;
}

.button.pequeno span {
   font-size:12px;
}
.button.mediano span {
   font-size:16px;
}
.button.grande span {
   font-size:22px;
}

.button.rojo {
   background-color: #e62727;
}
.button.naranja {
   background-color: #ff5c00;
}

.button.azul {
   background-color: #00ADEE;
}


.subtitle {
	color: #939393;
	font-weight: bold;
	margin-top: -10px;
}

.btn-form {
	border: none;
	background-color: transparent;
	background-image: none;
	font-weight: bold;
	padding: 0;
	color: #474747;
	margin-bottom: 3px;
}

.btn-form:hover {
	text-decoration: underline;
	color: black;
}

.label-form {
	color: #c6c6c6;
	font-weight: bold;
}

.footer {
	
	background-color: #474747;
	font-weight: bold;
	color: white;
	position: absolute;
	bottom: 0;
	left: 0;
	height:25px; /*Altura footer*/
}

.footer-content {
	position: relative;
	margin-top: -6px;
	font-size: 11px;
	
}

.footer-content > p > span {
	color: #aaaaaa;
}

.form-sidebar .controls {
	margin-left: 0;
}

.fondodegradado{
/* IE10 */ 
background-image: -ms-linear-gradient(top, #EEEEEE 0%, #ffffff 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #EEEEEE 0%, #ffffff 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #ffffff));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #EEEEEE 0%, #ffffff 100%);

/* Proposed W3C Markup */ 
background-image: linear-gradient(top, #EEEEEE 0%, #ffffff 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #EEEEEE 0%, #ffffff 100%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#ffffff');
zoom: 1;
}

ul.sidebar li {
	list-style: none;
	background: url("../img/unordered-list.png") left no-repeat;
	padding-left: 15px;
}

.content .title {
	background: url("../img/barramenu.png") left no-repeat;
	padding-left: 15px;
}

.content .title .subtitle {
	margin-top: -20px;
}

.widget .subtitle {
	font-size: 13px;
}

.intro {
	font-weight: bold;
}

.content img {
	float: left;
	margin-right: 8px;
}

.news-body > p:first-child:first-letter {
	float: left;
	padding: 0 6px 0 0;
	color: #cfcfcf;
	font-size: 65px;
	line-height: 60px;
	font-weight: bold;
}

blockquote {
	border: none;
	background: url("../img/blockquote.png") left top no-repeat;
	padding-left: 30px;
	padding-top: 10px;
}

.contact-form {
	margin-top: 28px;
}

.contact-form > .control-group > .controls {
	margin: 0;
}

.contact-form > .control-group > .controls > textarea {
	max-width: 500px;
	width: 100%;
	resize: none;
}

.dropdown-menu > li > a:hover {
	background-image: none;
	background-color: #474747 !important;
}

.service > a {
	min-height: 300px;
}

.service > a > h3 {
	text-align: center;
}

.service > a > p {
	font-weight: bold;
	font-size: 12px;
}

.service-purchase {
	margin-top: 50px;
}

.member-header {
	width: 100%;
	display: inline-block;
}

.member-header h5 {
	margin: 0 0 5px 0;
}

.member-header .subtitle {
	font-size: 9px;
}

.worker {
	margin-top: 20px;
	margin-bottom: 25px;
}

.worker-contact {
	margin-left: 171px;
	width: 127px;
}

.worker-contact div[class^="contact-"] {
	width: 30px;
	height: 30px;
	float: left;
	margin-right: 5px;
}

.worker-contact a {
	width: 30px;
	height: 30px;
	display: block;
}

.contact-facebook {
	background: url("../img/team/facebook.png");
}

.contact-twitter {
	background: url("../img/team/twitter.png");
}

.contact-email {
	background: url("../img/team/email.png");
}

.member-definition {
	font-size: 12px;
}

.worker-education {
	margin-top: 65px;
}

.worker-education p {
	margin-top: -11px;
	font-size: 10px;
	line-height: 14px;
	color: #aeaeae;
	font-weight: bold;
}

.gallery-section {
	margin-left: 0;
	/*height: 100%;*/
	/*overflow: hidden;*/
}

.gallery-section .box {
	float: left;
	width: 220px;
	margin: 7px;
	position: relative;
	list-style: none;
	/*overflow: hidden;*/
}

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.box a {
	text-decoration: none;
}

.box .hover {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	background: url("../img/work/bg-hover.png") repeat;
}

.box:hover .hover {
	display: block;
}

.box .hover .text {
	display: block;
	position: absolute;
	top: 0;
	padding: 20px;
	left: 0;
	z-index: 100;
}

.box .hover .text .title {
	background: none;
	/*font-family: 'HelveticaBCond';*/
	display: block;
	font-size: 17px;
	color: #fff;
	line-height: 20px;
	padding-left: 0;
}

.box .hover .text .desc {
	/*font-family: 'HelveticaBCond';*/
	display: block;
	font-size: 12px;
	color: #d1d1d1;
	line-height: 16px;
}

.box .hover .glass {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 100;
	background: url("../img/work/ico_zoom.png") no-repeat;
	width: 72px;
	height: 72px;
	margin: -36px 0 0 -36px;
}

.filtering-menu {
	position: relative;
	height: 70px;
}

ul#
filterOptions {
	height: 50px;
	position: relative;
	margin-top: 10px;
}

ul#filterOptions li {
	float: left;
	list-style: none;
	margin-right: 2px;
	margin-top: 30px;
	height: 20px;
}

 li {
	list-style: none;
	}

ul#filterOptions li a {
	border-right: 1px solid black;
	padding: 0 12px;
}

ul#filterOptions li:last-child a {
	border-right: none;
}

ul#filterOptions li a:hover {
	color: #939393;
	text-decoration: none;
}

ul#filterOptions li.active a {
	color: #939393;
}

.filtering-menu-responsive {
	display: none !important;
}

.filtering-menu-responsive ul#filterOptions {
	margin-left: 0;
}


@media (max-width: 979px) {
	.nav-collapse .nav {
		margin-top: 10px;
	}

	.row-members .worker{
		width: 100%;
		margin: 15px 0;
	}

	.filtering-menu {
		display: none !important;
	}

	.filtering-menu-responsive {
		display: block !important;
	}
}

@media (max-width: 767px) {

	body {
		padding: 3px;
	}

	.title-socials, .social-icons, .img-slider {
		/*text-align: center;*/
	}

	[class^="social-"],
	[class^="social-"] > a {
		float: left;
		display: inline-block;
	}
}