/*
Theme Name: 15muebles
Theme URI: http://ciudad-escuela.org
Description: WordPress theme for the site ciudad-escuela.org
Version: 1.0
Author: montera34
Author URI: http://montera34.com
Tags: HTML5, CSS3

	montera34 v1.0
	 http://montera34.com

	This theme was designed and built by montera34,
	whose blog you will find at http://montera34.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* jokers */
strong { font-weight: normal; font-family: 'museo700'; }
.aligncenter { text-align: center; clear: none !important;}
.hideout {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	height: 0;
	padding: 0;
	margin: 0;
}
.hair {
	padding-bottom: 30px;
}
#top .hair {
	padding-bottom: 15px;
}
.thumbnail .caption {
	padding: 9px 0;
}

/* typo headers */
h2 {
	font-family: 'museo700';
	text-transform: uppercase;
}

h1, h3 {
	font-family: 'amatic_scbold';
	text-transform: uppercase;
}

/* common styles */
.thumbnail, .img-thumbnail {
	box-shadow: none;
	-webkit-box-shadow: none;
}

/* header navbar & footer */
body { padding-top: 50px; }
#pre-navbar {
	font-family: 'museo700';
	text-transform: uppercase;
}
.navbar-default,
.navbar-default .navbar-nav>.active>a {
	background-image: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	border: none;
}
#pre-navbar .active a[href="#itinerario"],
#pre-navbar .active .itinerario,
.epi-itinerario {
	background-color: #a8d4d4;
}
#pre-navbar .active a[href="#badge"],
#pre-navbar .active .badge,
.epi-badge {
	background-color: #b8dbdb;
}
#pre-navbar .active a[href="#actividad"],
#pre-navbar .active .actividad,
.epi-actividad {
	background-color: #c7e3e3;
}
.archive .navbar-blog a,
.blog .navbar-blog a,
.single-post .navbar-blog a,
.archive .navbar-blog a:hover,
.blog .navbar-blog a:hover,
.single-post .navbar-blog a:hover {
	color: #fff !important;
	background-color: #9fcfcf !important;
}
.epi-earner {
	background-color: #d5eaea;
} 
.epi-post {
	background-color: #9fcfcf;
}
#pre-navbar .active .badge {
	font-size: inherit;
	font-weight: normal;
	border-radius: 0;
}
#navbar-sec a:hover,
#navbar-main a:hover,
#navbar-main .active a {
	color: #fff;
}

.navbar-socialb {
	height: 50px;
	padding-top: 15px;
	padding-bottom: 15px;
}
#navbar-sec .border-band-black:hover,
#navbar-sec .active a.border-band-black {
	color: #000;
	background-image: url('images/quincem-bg-band-border-black-hover.png');
	background-color: transparent;
}
.epi-home {
	background-color: #c7e3e3;
}

/* footer */
#epi {
	background-image: url('images/quincem-skyline.png');
	background-position: center top;
	background-repeat: repeat-x;
	background-size: 800px auto;
	height: 261px;
	padding: 70px 0;
}
#epi .container {
	margin-top: 14px;
}
#trasepi {
	background-color: #47471a;
	padding-top: 20px;
}
.explica {
	color: #fff;
}
.explica a {
	color: #fff;
	text-decoration: underline;
}
.explica a:hover {
	text-decoration: none;
}

/* home page */
.home .container-full {
	width: 100%;
	margin: 0 auto;
	padding: 70px 0;
}
#top {
	background-color: #9cc;
}
#itinerario {
	background-color: #a8d4d4;
}
#badge {
	background-color: #b8dbdb;
}
#actividad {
	background-color: #c7e3e3;
}
#earner {
	background-color: #d5eaea;
}

#quincem-imago {
	width: 233px;
}
.rombo {
	background-image: url('images/quincem-bg-rombo.png');
	background-repeat: no-repeat;
	background-position: center top;
}

.rombo-tit a {
	display: block;
	color: #fff;
	margin-bottom: 0;
	background-image: url('images/quincem-bg-band-hover.png');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	opacity: 0.7;
}
.rombo-tit a:hover {
	text-decoration: none;
	opacity: 1;
}
.rombo p,
.home .mosac-item-desc {
	line-height: 1.1em;
}
.border-band-black {
	display: block;
	background-image: url('images/quincem-bg-band-border-black.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.border-band-white {
	font-size: 24px;
	text-transform: uppercase;
	font-family: "museo700";
	line-height: 37px;
	height: 34px;
	color: #fff;
	display: block;
	background-image: url('images/quincem-bg-band-border.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.border-band-white:hover {
	text-decoration: none;
	color: #000;
	background-image: url('images/quincem-bg-band-border-hover.png');
}

img.patrocina-main {
	width: 160px;
}
img.patrocina-sec {
	width: 60px;
}

/* main content */
.sec-tit h2 {
	font-size: 60px;
	line-height: 1em;
	color: #fff;
	margin: 0;
}
.sec-subtit {
	font-family: 'amatic_scbold';
	font-size: 34px;
	line-height: 1em;
	text-transform: uppercase;
}
.sec-desc {
	padding-top: 3px;
	color: #fff;
}
.sec-part-tit {
	font-size: 34px;
	line-height: 1em;
	margin-top: 0;
}


/* home mosac loop */
.home .mosac-item:hover img {
	opacity: 0.7;
}
.home .mosac-item:hover a {
	color: #bd1622;
}
.home .mosac-item:hover .mosac-item-desc {
	color: #fff;
}
.mosac-item-tit {
	margin: 0;
	white-space: normal;
}
.mosac-item-tit a {
	text-decoration: none;
	color: inherit;
}
.mosac-item-subtit {
	margin: 0;
	font-family: "amatic_scregular";
	font-weight: normal;
	white-space: normal;
	line-height: 1em;
}
.itinerario .mosac-item-subtit,
.actividad .mosac-item-subtit {
	font-size: 21px;
}
.badge .mosac-item-subtit {
	font-size: 19px;
}

.itinerario .mosac-item-subtit:before {
	content: "(";
}
.itinerario .mosac-item-subtit:after {
	content: ")";
}
.mosac-item-desc {
	font-size: 85%;
	margin-top: 1em;
}
.mosac-item-icons {
	margin-top: 20px;
}
.mosac-item-icons img {
	width: 32px;
}

/* related loop */
.rel-item .thumbnail {
	padding: 4px 0;
}
.rel-tit {
	margin: 100px 0 0 0;
	font-size: 18px;
	color: #fff;
}
.rel-item-tit {
	margin: 0;
	font-size: 18px;
}
.rel-item-tit a {
	text-decoration: none;
	color: inherit;
}
.rel-item-subtit {
	margin: 0;
	font-family: "amatic_scregular";
	font-weight: normal;
	font-size: 16px;
	line-height: 1em;
}
.rel-item:hover img {
	opacity: 0.7;
}
.rel-item:hover a {
	color: #bd1622;
}
.rel.mosac-item:hover .mosac-item-desc {
	color: #fff;
}

/* single */
.single .container-full {
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
}
.single-tit {
	margin: 0;
}
.single-subtit {
	font-family: "amatic_scregular";
	font-weight: normal;
	font-size: 24px;
	line-height: 1em;
}
.single-icons {
	margin-top: 10px;
}
.single .hentry h2 {
	color: #fff;
	font-size: 24px;
	line-height: 1em;
}
.single-itinerario .single-desc,
.single-badge .single-desc {
	padding: 20px 0;
}
.single-aside {
	color: white;
	background-image: url(images/quincem-star.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	background-size: 14px;
	padding-left: 21px;
	margin: 20px 0 40px 0;
}
.single-aside a {
	color: white;
	text-decoration: underline;
}
.single-aside a:hover {
	text-decoration: none;
}
.bg-yellow {
	background-color: #ff0;
	color: #000;
	padding: 3px 5px;
}
.bg-blue-top {
	background-color: #9cc;
	padding: 3px 5px;
}
.versions {
	list-style: none;
	padding: 0 0 0 1px
}
.single-aside h3 {
	margin-bottom: 0;
}
.single-aside h4 {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 3px;
}
.btn-cescuela {
	background-color: #BD1622;
	color: #fff;
	padding: 5px;
	border-radius: 2px;
	border: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	text-decoration: none !important;
}
.btn-cescuela:hover {
	opacity: 0.7;
	transition: opacity 0.5s ease 0s;
	text-decoration: none !important;
}

.single-earners .list-inline li {
	padding-bottom: 10px;
}
.single-earners .popover {
	width: 276px;
}
.earner-click {
	cursor: pointer;
	display: block;
}

/* Issuer single */
.issuer-ficha {
	margin-top: 20px;
}
.issuer-ficha dd {
	margin-bottom: 1em;
}

/* About page and default template page */
#issuer,
#blog,
.page-template-page-solicita-badge-php .container-full,
.page-template-default .container-full,
.page-template-page-about-php .container-full {
	width: 100%;
	margin: 0 auto;
	color: #fff;
	padding: 70px 0;
	background-color: #9fcfcf;
}
.subpage {
	padding: 70px 0;
}
.epi-about,
.epi-issuer {
	background-color: #9fcfcf;
}
.parent-tit {
	font-family: 'museo700';
	margin-top: 0;
	display: inline-block;
	font-size: 60px;
}
.child-tit {
	font-size: 36px;
	margin-top: 0;
}
.page-desc {
	font-size: 18px;
	line-height: 1.4em;
}
#about-nav {
	display: inline-block;
}
#about-nav li {
	padding: 3px 0;
}
#about-nav a {
	font-size: 14px;
	line-height: 1em;
	text-transform: uppercase;
	color: #fff;
	font-family: 'museo700';
	text-decoration: none;
	display: block;
}
#about-nav .active,
#about-nav li:hover {
}
#about-nav .active a,
#about-nav a:hover {
	background-image: url(images/quincem-star.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 15px;
	padding-left: 20px;
}
.menutotop {
	position: fixed;
	top: 70px;
}

/* Blog page and posts archives */
#blog a { color: #fff; text-decoration: underline; }
#blog a:hover { text-decoration: none; }
.blog-article {
	margin-bottom: 80px;
}
.blog-header { margin-bottom: 1em; }
.blog-tit { margin: 0; line-height: 1.3em; }
.blog-tit a { color: #9fcfcf !important; background-color: #fff; text-decoration: none !important; }
.blog-tit a:hover { opacity: 0.9; }
.blog-meta-tit { text-transform: uppercase; }
.entry-date, .blog-cat-links a { font-weight: bold; }
.entry-date, .updated a { white-space: nowrap; }
.more-link {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #fff;
	color: #9fcfcf !important;
	text-decoration: none !important;
	padding: 2px;
}
.more-link:hover {
	opacity: 0.9;
}
.page-desc img {
	max-width: 100%;
}

.widget {
	margin-bottom: 2em;
}
.widget-tit {
	font-size: 14px;
	margin-top: 0;
}
.widget > ul {
	padding: 0;
	list-style: none;
}
.widget > ul ul {
	padding: 0 0 0 20px;
	list-style: none;
}
.widget_categories a { text-decoration: none !important;}
.widget_categories a:hover { text-decoration: underline !important; }
.widget input,
.widget select { color: #222; }

/* single post */
.single #blog h1 { margin-bottom: 0; }
.single .blog-meta {
	margin-bottom: 40px;
}

/* Pagination */
.pagination h2 {
	font-size: 14px;
	margin: 0;
}
.nav-links {
	padding: 1em 0;
}
.nav-links a {
	background-color: #fff;
	color: #9fcfcf !important;
	padding: 3px 6px;
	margin-right: 3px;
	text-decoration: none !important;
}
.nav-links .current {
	font-weight: bold;
	margin-right: 3px;
	padding: 3px 6px;
}
.nav-links a:hover {
	opacity: 0.9;
}

/* forms */
#quincem-form-content {
	margin-top: 70px;
}
#quincem-form-content legend {
	color: #fff;
}
#quincem-form-content .help-block {
	line-height: 1.1em;
}
label {
	font-weight: normal;
	font-family: 'museo700';
	line-height: 1em;
}
.form-control {
	border: none;
}
#quincem-form-contact {
	margin-top: 20px;
}

/* Error 404 */
#e404,
.epi-e404 {
	background-color: #ff0;
}
#e404 h1 {
	font-family: 'museo700';
	font-size: 60px;
	line-height: 1em;
	margin-top: 100px;
}

/* media queries */
@media (min-width: 992px) {
/* styles just for desktop */
	.rombo {
		background-size: 150px;
		min-height: 180px;
	}
	.rombo-tit {
		font-size: 18px;
		line-height: 40px;
		margin: 40px 0 0;
	}

	.sec-tit {
		float: left;
	}
	.sec-tit h2 {
		display: inline;
	}
	.sec-desc {
		width: 40%;
	}
	#navbar-sec {
		margin-left: 50px;
	}
	.navbar-brand {
		padding: 7px 15px 15px;
	}

/* END
styles just for desktop */
}


@media (min-width: 768px) and (max-width: 992px) {
/* styles just for tablets */
	.rombo {
		background-size: 110px;
		min-height: 180px;
	}
	.rombo-tit {
		font-size: 14px;
		line-height: 30px;
		margin-top: 25px 0 0;
	}

	.sec-tit {
		float: left;
	}
	.sec-tit h2 {
		display: inline;
	}
	.sec-desc {
		width: 50%;
	}
	.single-tit {
		font-size: 30px;
	}
	.single-subtit {
		font-size: 18px;
	}
	.single .hentry h2 {
		font-size: 18px;
	}
	#about-nav a {
		font-size: 13px;
	}
	#about-nav .active a,
	#about-nav a:hover {
		background-size: 15px;
		padding-left: 20px;
	}
	.navbar-brand {
		padding: 7px 0px 15px 15px;
	}

/* END
styles just for tablets */
}

@media (max-width: 767px) {
/* styles just for tablets */
	.rombo {
		background: none;
	}
	.rombo-tit {
		font-size: 14px;
		line-height: 30px;
		margin-top: 25px 0 0;
	}
	.navbar-socialb {
		height: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	}
	#navbar-sec {
		margin-left: inherit;
	}
	#navbar-sec a,
	#navbar-sec .active a {
		color: #000;
		background-image: none!important;
	}
	#navbar-sec a:hover {
		color: #fff!important;
		background-image: none!important;
	}
	.navbar-brand {
		padding: 7px 0px 15px 15px;
	}
/* END
styles just for tablets */
}