/**
 * Author: Marcos Séculi
 */
@import 'https://fonts.googleapis.com/css?family=Roboto:400,900';
@import url('https://fonts.googleapis.com/css?family=Karla');

* {
    box-sizing: border-box;
}

body {
	font-family: 'Open Sans', sans-serif;
	color: #212121;
	letter-spacing:-0.5px;
	font-size: 18px;
	font-weight: 400;
	background-color: #dedede;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
	font-family: 'Nunito', "Helvetica", sans-serif;
}

h2 {
	margin-top: 50px;
}
h3 {
	margin-top: 40px;
}

p, ul, ol {
	font-size: 18px;
}

ul li, ol li {line-height: 26px; margin: 12px 0;}

.ul-ticks li {
    list-style: none;
	margin-left: 30px;
}
.ul-ticks li:before {
    content: '\f058';
    font-family: 'FontAwesome';
    float: left;
    margin-left: -1.3em;
    color: #00B289;
    font-size: 1.3em;
}
p {
	margin: 25px 0 31px;
	text-shadow: 1px 1px 1px rgba(0,0,0,.004);
	color: #030303;
	line-height: 1.75em;
}

strong {
	box-shadow: inset 0 -7px 0 0 #fef0b3;
}

a {
	color: #fbbf3a;
}

a:hover {
	color:#e6a515;
	text-decoration: none;
}
.lateral-home a, .lateral-home a:hover {
	color: #000;
}

table {
	width: 100%;
}

img {
	max-width: 100%;
	height: auto;
}
img.aligncenter {
	display: block;
	margin: 0 auto;
}

figcaption {
	font-size: 12px;
    font-style: italic;
}

textarea {
	max-width: 100%;
} 

.header-box {
	background-color: #fbbf3a;
}


.container {
	background-color: white;
}

.container-full {
	padding: 10px;
}

footer {
	background-color: #ffffff;
	padding-top: 20px;
}

footer .container {
	background-color: transparent;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

.btn {
    padding: 10px 15px 9px;
    text-transform: uppercase;
    margin: 20px auto;
    text-decoration: none;
    line-height: 22px;
    border: 2px solid;
    border-radius: 2.5em;
    display: table;
    font-size: 16px;
}
	.btn-xl {
		padding: 18px 25px 15px;
	}
	.btn-xs {
		padding: 7px 10px 6px;
    		font-size: 12px;
	}
	.btn-1, .btn-1:visited {
		border-color: #00fad3;
		color: #ffffff;
		background-color: #00fad3;
	}
	.btn-1:hover, .btn-1:focus, .btn-1:active  {
		color: #00fad3;
		background-color: #fff;
	}
	.btn-2, .btn-2:visited {
		border-color: #00ccdd;
		color: #ffffff;
		background-color: #00ccdd;
	}
	.btn-2:hover, .btn-2:focus, .btn-2:active  {
		color: #00ccdd;
		background-color: #fff;
	}
	.btn-3, .btn-3:visited {
		border-color: #6098e5;
		color: #ffffff;
		background-color: #6098e5;
	}
	.btn-3:hover, .btn-3:focus, .btn-3:active  {
		color: #6098e5;
		background-color: #fff;
	}
	.btn-4, .btn-4:visited {
		border-color: #b547ef;
		color: #ffffff;
		background-color: #b547ef;
	}
	.btn-4:hover, .btn-4:focus, .btn-4:active  {
		color: #b547ef;
		background-color: #fff;
	}
	.btn-orange, .btn-orange:visited {
		border-color: #fbbf3a;
		color: #ffffff;
		background-color: #fbbf3a;
	}
	.btn-orange:hover, .btn-orange:focus, .btn-orange:active  {
		color: #fbbf3a;
		background-color: #fff;
	}
	.btn-green, .btn-green:visited  {
		color: #fff;
		border-color: #8dcf43;
		background-color: #8dcf43;
	}
	.btn-green:hover, .btn-green:focus, .btn-green:active  {
		color: #8dcf43;
		background-color: #fff;
	}
	.btn:after {
	    content: "\f105";
	    font-family: FontAwesome;
	    font-style: normal;
	    font-weight: normal;
	    text-decoration: inherit;
	    margin-left: 10px;
	}
	.btn-presupuesto {margin: 40px auto 55px;}
	.btn-presupuesto:before {
	    content: "\f003";
	    font-family: FontAwesome;
	    font-style: normal;
	    font-weight: normal;
	    text-decoration: inherit;
	    margin-right: 10px;
	}
	.btn-map:before {
	    content: "\f041";
	    font-family: FontAwesome;
	    font-style: normal;
	    font-weight: normal;
	    text-decoration: inherit;
	    margin-right: 10px;
	}
	.btn-alta {
		margin-top: 60px;
		margin-bottom: 60px;
	}

.bg-green {
	background-color: #8dcf43;
	padding: 65px 0;
}
.bg-grey {
	background-color: #eae7ea;
}
.bg-white {
	background-color: #ffffff;
}
	.bg-white .row {
		margin: 30px 0;
	}

.cta-destacado {
    padding: 10px 50px;
    font-size: 2.8rem;
    margin: 30px auto;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    color: #ffffff;
    background-color: #0275d8;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 4px;
    max-width: 100%;
    border: 0;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.2), 0 1px 3px 0 rgba(0,0,0,.12);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.2), 0 1px 3px 0 rgba(0,0,0,.12);
}
.cta-destacado:hover {
	color: #fff;
	background-color: #0267bf;
	text-decoration: none;
}


.inst-child {
	background: #f8be3a;
	height: -moz-calc(100% - 20px);
    height: -webkit-calc(100% - 20px);
    height: calc(100% - 20px);
	margin-bottom: 20px
}
.inst-child img {
	border: 0;
}
.inst-child span {
	display: block;
	text-align: center;
	color: black;
	font-weight: bold;
	margin: 10px auto;
} 

.tablepress {
	border: 1px solid #d9edf7;
}

.tablepress img {width: 150px;}

.tablepress a {
    border: 1px solid #786025;
    border-radius: 3px;
    background: #f0c14b;
    color: #111 !important;
    padding: 5px 15px;
    margin: 10px;
    text-decoration: none;
}

.tablepress td, .tablepress th {
	text-align: center;
}

.shown {
	opacity: 1 !important;
	visibility: visible !important;
}

.logo {
	max-height: 60px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.b-top {
	border-top: 1px solid #f7f7f7;
	margin-top: 20px;
	padding-top: 20px;
}
.b-right {
	border-right: 1px solid #f7f7f7;
}
.b-left {
	border-left: 1px solid #f7f7f7;
}
.b-bottom {
	border-bottom: 1px solid #f7f7f7;
}
.t-left {
	text-align: left;
}
.t-right {
	text-align: right;
}

.iframe-content {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
	margin-bottom: 20px;
}
	.iframe-content iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

/* Páginas comunes */
.widgetizedArea {
	z-index: -99;
}


.toc_widget_list {
	padding: 0;
	font-size: 14px;
}
	.toc_widget_list li {
		margin: 0;
		line-height: 20px;
	}
.toc_widget_list ul {
	padding-left:25px;
	font-size: 14px;
}

#toc-widget-2 {
    float: left;
    max-width: 100%;
    z-index: 1;
}
/*=============================================================== MOBILE =====*/
 /* Menu */
 .menu {
 	background-color: #fff;
 }
ul#menu-superior  li.destacado {
	background-color: #8dcf43;
}
	ul#menu-superior li.destacado a, ul#menu-superior li.destacado a:hover {
		color: #fff;
	}
	ul#menu-superior  {
		list-style: none;
		opacity: 0;
		visibility: hidden;
		right: 100%;
		list-style: none;
		padding: 0;
		margin: 0;
		position: fixed;
		padding: 5% 70px 5% 5%;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: auto;
		background: #fff;
		z-index: 99;
	}

	ul#menu-superior li {
		display: block;
		padding: 13px 23px;
	}

	ul#menu-superior li a {
	    color: #242424;
	    text-decoration: none;
	    font-weight: bold;
		font-size: 18px;
	    letter-spacing: 0.2px;
	}
	ul#menu-superior li a:hover {
	    color: #000;
	}
	ul#menu-superior .sub-menu {
		list-style: none;
		padding: 0;
	}
	ul#menu-superior .menu-item-has-children a:after {
	    font-family: 'fontawesome';
	    content: '\f0d7';
	    padding-left: 10px;
	    font-size: 10px;
	    margin-top: -5px;
	    line-height: 1;
	}
	ul#menu-superior .sub-menu li {
		display: block;
	}
	ul#menu-superior .sub-menu a:after {
	    content: '';
	}
	.mobile-open {
		opacity: 0;
		visibility: hidden;
		float: right;
		position: absolute;
		color: #f16333;
		margin: 5px 10px;
		width: 30px;
		height: 20px;
		right: 25px;
    	top: 15px;
		cursor: pointer;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		z-index: 999;
	}
		.mobile-open:before {
		    content: ' ';
		    position: absolute;
		    width: 100%;
		    top: 0;
		    bottom: 0;
		    border: 2px solid #FFA313;
		    border-width: 2px 0;
		}
		.mobile-open:after {
		    content: ' ';
		    position: absolute;
		    width: 100%;
		    top: 50%;
		    margin-top: -1px;
		    border-top: 2px solid #FFA313;
		}
	.mobile-close {
		opacity: 0;
		visibility: hidden;
	    position: fixed;
	    margin: 0;
	    top: 10px;
	    right: 40px;
	    width: 40px;
	    height: 40px;
	    z-index: 999999;
	    cursor: pointer;
	    -moz-transition: .3s all;
	    -webkit-transition: .3s all;
	    transition: .3s all;
	}
		.mobile-close:before, .mobile-close:after {
		    background: #424242;
		    position: absolute;
		    content: ' ';
		    top: 50%;
		    right: 50%;
		    margin-right: -30px;
		    width: 40px;
		    height: 2px;
		    
		}
		.mobile-close:before {
		    -moz-transform: rotate(45deg);
		    -webkit-transform: rotate(45deg);
		    transform: rotate(45deg);
		}
		.mobile-close:after {
		    -moz-transform: rotate(-45deg);
		    -webkit-transform: rotate(-45deg);
		    transform: rotate(-45deg);
		}
/* SINGLE */
.img-thumbnail {
	width:100%;
}

.blog-post-item .blog-post-gravatar {
		float: left;
	}
	.blog-post-item .blog-meta {
		font-size: 13px;
		color: #767676
	}
	.blog-post-item .blog-post-gravatar .avatar {
		border-radius: 100%;
		margin-right: 10px;
	}

.box ul {
	padding-left: 20px;
}
.box ul li {
	float: left;
	List-style: none;
	margin-right: 20px;
}
 /* HEADER */
 .buscar input[type=search] {
	font-size: 16px;
	padding: 22px;
	border: 1px solid #FFA313;
	width: 100%;
}
 .buscar input[type=search]:focus {
    outline-width: 0;
}

/*======================================================================= HOME =====*/
.lateral-home {
	background-color: rgba(251, 191, 58, 0.44);
}

.lateral-home li.pagenav {
	list-style: none;
} 


/* BLOG */


/* COMENTARIOS */
.commentlist {
	list-style-type: none;
	padding: 0;
}
	.commentlist ul, .commentlist ol {
		list-style-type: none;
	}
.comment-meta {
	display: none;
}
.comment-body {
	margin-bottom: 30px;
}
	.comment-body p {
		color: #383838;
		font-size: 15px;
		line-height: 23px;
	}
.comment-reply-link {
	color: #383838;
	text-transform: uppercase;
}	
	.comment-reply-link:hover {
		color: #FFA313;
		text-decoration: none;
		text-transform: uppercase;
	}
.fn {
	font-style: inherit;
	font-weight: bold;
	margin-left: 15px;
}	
.says {
	display: none;
}
.comment-author {
	margin: 15px 0;
}
	.comment-author img {
		border-radius: 100%;
		width: 50px;
		height: 50px;
	}

/* CHILD LIST */
.img-child-page {
	border: 1px solid #eee;
	padding: 5px;
}

/* PARTITURAS */
.descarga-partitura {
	border: 1px solid #58ff00;
    margin-top: 20px;
    background: #b2f88e;
}
.descarga-partitura strong {
	box-shadow: none;
}

/* Footer */
.mapa-footer {
	border-top: 3px solid black;
	background-color:#f7f7f7;
	z-index: 9;
	position: relative;
}
.listado-seo {
	margin: 60px auto;
}
.title-container {
	font-size: 22px;
	text-align: center;
	margin: 0 auto 20px;
}

.items-footer {
	padding: 0;
}
	.list-footer {
		width: 100%;
		display: inline-block;
		padding: 7px 0;
		text-align: center;
	}


.title-menu-footer {
	font-weight: bold;
	text-transform: uppercase;
}

#menu-footer-web, #menu-footer-social {
	list-style: none;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}
	#menu-footer-web li, #menu-footer-social li {
		margin-bottom: 5px;
	}
	#menu-footer-web a, #menu-footer-social a {
		color: #383838;
	}
	#menu-footer-web a:hover, #menu-footer-social a:hover {
		text-decoration: none;
	}


.social {text-align: center;}

.social a {color: #000;}
.social a:hover {color: #828282;text-decoration: none;}

.container-full {
			padding: 10px;
		}
/*=============================================================== TABLET =====*/
	@media only screen and (min-width: 768px) {
		.trigger-whats {
			display: none;
		}
		.container-full {
			padding: 0 100px;
		}
		.btn {
			padding: 10px 50px 9px;
			font-size: 16px;
		}
		.btn-xl {
			font-size: 1.1em;
			padding: 18px 63px 15px;
		}
		.columns {
	        width: 50%;
	    }
	    .list-footer {
			width: 49%;
		}
		.profesional-resultado h2 a, .profesional-resultado h2 a:visited, .profesional-resultado h1 {
			text-align: left;
			margin: 0;
		}
		.profesional-resultado .web a, .profesional-resultado .web a:visited {
			text-align: left;
			margin: 0;
		}
		.profesional-resultado img {
			float: left;
			margin-right: 15px;
			width: 55px;
		}
		.profesional-resultado .vip {
			margin: inherit;
			margin-right: 10px;
			float:left;
		}
	}

@media screen and (max-width: 600px) {
       table {
           width:100%;
       }
       thead {
           display: none;
       }
       tr:nth-of-type(2n) {
           background-color: inherit;
       }
       tr td:first-child {
           background: #f0f0f0;
           font-size:1.3em;
       }
       tbody td {
           display: block;
           text-align:center;
       }
       tbody td:before {
           content: attr(data-th);
           display: block;
           text-align:center;
       }
}



/*=============================================================== TABLET =====*/
	@media only screen and (min-width: 992px) {

		.logo {
			margin-top: 15px;
		}
			.slogan {margin-top: 85px; margin-bottom: 58px; font-weight: bold;}
			.blog-post-item {padding: 40px;}
			.profesional-resultado img {
				width: 100px;
			}
			.profesional-resultado h2 a, .profesional-resultado h2 a:visited, .profesional-resultado h1 {
				font-size: 30px;
			}
			.cta-home {
				width: 970px;
				padding: 40px 60px;
				background-color: #fff;
			    border: 1px solid #e4e5e6;
			    border-radius: 3px;
			    box-shadow: 0 50px 80px -40px rgba(0,0,0,.35), 0 25px 25px -20px rgba(0,0,0,.35);
			}
			.bloque-expertos {
				top: -26px;
				font-size: 16px;
			}
			.bloques {
				display: flex;
			}
			.header-precios {
				display: flex;
				justify-content: center;
				align-items: stretch;
			}
			.imagen-seo {
				height:auto;
			}
			.list-footer {
				width: 24%;
			}
			footer {
				margin-top: 80px; 
			}
			.header-taxonomy {
				margin-bottom: 15px;
			}

/*=============================================================== DESKTOP =====*/
		@media only screen and (min-width: 1200px) {
			/* Menu */
			ul#menu-superior {
				opacity: 1;
				visibility: visible;
				text-align: right;
				margin: 7px 0;
				position: static;
				padding: 0;
				width: auto;
				height: auto;
				overflow: auto;
				background: transparent;
				font-size: 15px;
			}
				ul#menu-superior li {
					display: inline-block;
				}	
				.mobile-open {
					display: none;
				}
				.mobile-close {
					display: none;
				}
			ul#menu-superior .sub-menu {
				visibility: hidden;
				position: absolute;
				text-align: left;
				background-color: #fff;
				border: 1px solid #eee;
				z-index: 2;
				margin-left: -27px;
				margin-top: 10px;
			}
		}