@charset "UTF-8";
/*
   Theme Name: Tránsito Inicial
   Theme URI: http://photonica.es
   Description: Photonica
   Author: Photonica
   Author URI: www.photonica.es
   Version: 1.0
*/

/* GENERAL -------------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}
body {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #353535;
	border-top: 4px solid #353535;
	background: #f8f8f8;
}
a {text-decoration: none; color: #c8c8c8;}
a:visted {text-decoration: none; color: #c8c8c8;}
a:hover {text-decoration: none; color: #353535;}
ul li {list-style: none;}
a, input, button, textarea, form {outline: none;}
img {
	max-width: 100%;
	height: auto;
}
.clear {clear: both;}

/* Subencabezados */

h1, h2, h3, h4, h5, h6 {font-weight: normal;}


/* ESTRUCTURA -------------------------------------------------------------- */

#wrapper {
	width: 1130px;
	margin: 0 auto;
	clear: both;
}
#main {
	/* width: 78.1%; */
	width: 800px;
	float: left;
}
#sidebar {
	/* width: 25%; */
	width: 280px;
	float: right;
}

@media screen and (max-width: 1130px) {
	#wrapper {width: 90%;}
	#main {width: 70%;}
	#sidebar {width: 25%;}
}
@media screen and (max-width: 800px) {
	#wrapper {width: 80%;}
	#main, #sidebar {
		width: 100%;
		float: none;
	}
}


/* FOOTER -------------------------------------------------------------- */

#site-footer {
	clear: both;
	background: #fff;
	overflow: hidden;
	width: 100%;
	padding-top: 10px;
}
.instagram {
	width: 100%;
	text-align: center;
	clear: both;
	margin-bottom: 25px;
	display: none;
}
.home .instagram, .single-post .instagram {display: block;}
.instagram h2 {
	text-transform: uppercase;
  	font-family: 'Karla', sans-serif;
  	font-size: 16px;
  	letter-spacing: 5px;
	padding-bottom: 10px;
}
.ig-footer {margin-bottom: 25px; font-weight: 300;}
.ig-footer a {color: #c8c8c8;}

.social-footer {
	float: left;
	margin-left: 15px;
	margin-bottom: 15px;
}
.social-footer ul li {
	display: inline-block;
	margin-right: 15px;
}
.social-footer ul li a {color: #353535;}
.social-footer ul li a:hover {color: #c8c8c8;}
.copyright {
	float: right;
	margin-right: 15px;
	margin-bottom: 15px;
	font-size: 10px;
	text-transform: uppercase;
}
.copyright a {color: #353535;}
.copyright a:hover {text-decoration: underline;}

@media screen and (max-width: 600px) {
	.social-footer, .copyright {
		float: none;
		width: 100%;
		text-align: center;
		clear: both;
	}
	.social-footer .menu-redes-sociales-container {float: none;}
}



/* CABECERA -------------------------------------------------------------- */

.site-header {width: 100%;}
.mobile-header {display: none;}
.fixed-navigation {
	display: none;
	position: fixed;
	width: 100%;
	top: 0px;
}
.top-navigation, .main-navigation, #logo {
	width: 1130px;
	margin: 0 auto;
	clear: both;
}
#logo {
	text-align: center;
	margin-top: 25px;
	margin-bottom: 45px;
}

/* Top navigation */

.top-navigation-wrapper {
	width: 100%;
	background: #fff;
	position: relative;
	height: 100%;
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 10px;
}
.menu-redes-sociales-container {float: left;}
.menu-redes-sociales-container a {
	font-size: 15px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;
}
.menu-redes-sociales-container a:hover {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;
}
.traductor {float: right;}
.traductor img {height: 8px; width: auto;}

.menu-redes-sociales-container ul li {
	display: inline-block;
	margin-right: 15px;
}

.traductor li {display: inline-block;}
.traductor li:after {
	content:"/";
	margin-left: 5px;
	margin-right: 5px;
	color: #353535;
}
.traductor li:last-child:after {content:"";}
.traductor a {
	font-size: 11px;
	font-weight: normal !important;
	color: #c8c8c8;
	letter-spacing: 3px;
	text-transform: uppercase;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;
}
.traductor a:hover {
	color: #353535;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;
}

/* Main navigation*/

.main-navigation {
	border-bottom: 1px solid #ccc;
	margin-bottom: 65px;
	font-family: 'Karla', sans-serif;
	font-size: 14px;
	letter-spacing: 2px;
	color: #353535;
}

.menu-menu-principal-container {width: 100%;}
.toggleMenu {display:  none;}
.nav {
    list-style: none;
     *zoom: 1;
	 line-height: 30px;
	 text-align: center;
	 text-transform: uppercase;
}
.nav li {
	position: relative;
	display: inline-block;
	margin-left: 35px;
	margin-right: 35px;
}

.nav a {
    color:#353535;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.nav a:hover {
    color:#c8c8c8;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

/* Menú fijo */

.fixed-navigation {
	z-index: 100000000000;
	height: 45px;
	width: 100%;
	background: #fff;
	border-top: 4px solid #353535;
	line-height: 45px;
}
.fixed-navigation-container {
	width: 1130px;
	margin: 0 auto;
}
.fixed-navigation .menu-redes-sociales-container {width: 35%;}
.fixed-navigation #logo-alt {
	width: 25%;
	float: left;
	margin-top: 5px;
}
.fixed-navigation .menu-menu-principal-container {
	width: 40%;
	float: right;
}
.fixed-navigation .menu-menu-principal-container ul {
	text-align: right;
	line-height: 45px;
}
.fixed-navigation .menu-menu-principal-container li {
	margin-left: 8px;
  	margin-right: 8px;
}
.fixed-navigation .menu-menu-principal-container li a {
	color: #c8c8c8;
	font-size: 12px;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.fixed-navigation .menu-menu-principal-container li a:hover {
	color: #353535;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.fixed-navigation .menu-menu-principal-container li:first-child {display: none;}

@media screen and (max-width: 1130px) {

.site-header {display: none;}
.mobile-header {
	display: block;
	width: 100%;
	background: #fff;
	margin-bottom: 45px;
}
#logo-alt {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
.toggleMenu {
	width: 20%;
	height: 40px;
	position: absolute;
	text-align: left;
	color:#353535;
	text-decoration: none;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
	letter-spacing: 1px;
	font-size: 20px;
	margin-left: 5%;
	top: 8px;
}
.nav {background: #fff;}
.nav li {margin: 0px;}
.nav ul#menu-menu-principal-2 {
	text-align: left;
	padding-left: 5%;
	padding-right: 5%;
}
.nav ul#menu-menu-principal-2 li {
	display: list-item;
	line-height: 40px;
	padding-left: 10px;
	border-bottom: 1px solid #eee;
}
.nav ul#menu-menu-principal-2 li a {
	font-family: 'Karla', sans-serif;
	font-size: 14px;
	letter-spacing: 2px;
	color: #353535;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.nav ul#menu-menu-principal-2 li a:hover {
    color:#c8c8c8;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.nav .menu-redes-sociales-container {
	padding-left: 5%;
	background: #fff;
	width: 45%;
	text-align: left;
	line-height: 40px;
}
.nav .menu-redes-sociales-container ul {margin-left: 5px;}
.nav .traductor {
	padding-right: 5%;
	background: #fff;
	width: 45%;
	text-align: right;
	line-height: 40px;
	margin-bottom: 45px;
}
.nav .traductor li a {
	color: #c8c8c8;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.nav .traductor li a:hover {
	color: #353535;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
}
@media screen and (max-width: 800px) {
	.toggleMenu  {margin-left: 10%;}	
	.nav ul#menu-menu-principal-2 {
		padding-left: 10%;
		padding-right: 10%;
	}
	.nav .menu-redes-sociales-container {padding-left: 10%; width: 40%;}
	.nav .traductor {padding-right: 10%; width: 40%;}
}
@media screen and (max-width: 700px) {
	#logo-alt {
		width: 50%;
  		margin: 0 auto;
	}
}
@media screen and (max-width: 560px) {
	.nav .menu-redes-sociales-container {
		float: none;
		width: 80%;
		margin-right: 10%;
		
	}
	.nav .traductor {
		float: none;
		width: 70%;
		text-align: left;
		margin-left: 10%;
		margin-right: 10%;
		border-top: 1px solid #eee;
	}
}


/* POSTS -------------------------------------------------------------- */

.attachment-portada-post {width: 100%; max-height: 530px;}
article.post, article.page {background: #fff;}
article.post {margin-bottom: 75px;}
h1.entry-title {
	font-family: 'Karla', sans-serif;
  	font-size: 18px !important;
  	color: #353535;
  	text-transform: uppercase;
  	text-align: center;
  	margin-top: 25px !important;
	width: 90%;
	margin: 0 auto;
}
.categoria {
	text-align: center;
	text-transform: uppercase;
	font-size: 11px;
	color: #353535;
	margin-top: 10px;
}
.categoria a {
	color: #c8c8c8;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
	margin-left: 5px;
	margin-right: 5px;
}
.categoria a:hover {
	color: #353535;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.categoria li {
	width: auto !important; 
	margin: none !important; 
	float: none !important; 
	display: inline-block;
}
.entry-content, .comment-wrapper {
	padding: 5%;
	padding-top: 3%;
	line-height: 28px;
}
.comment-wrapper {background: #fff;}
.entry-content p, .comment-wrapper p, .entry-content div {margin-bottom: 25px;}
.post-footer div {margin-bottom: 0px;}
.entry-content a, .comment-wrapper a {
	color: #a7a7a7;
	font-weight: bold;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.entry-content a {
	color: #000;
	margin-right: 0px !important;
	margin-left: 0px !important;
	clear: none !important;
	float: none !important;
}
.entry-content a:hover, .comment-wrapper a:hover {
	color: #353535;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.leermas {
	text-align: center;
	margin-top: 35px;
	margin-bottom: 25px;
}
.leermas a {
	text-transform: uppercase;
	border: 1px solid #353535;
	color: #353535;
	font-size: 11px;
	padding: 8px 24px;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.leermas a:hover {
	background: #353535;
	color: #fff;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.post-footer {clear: both;}
.single-post .post-footer {margin-top: 50px;}
.fecha {
	float: left;
	text-transform: uppercase;
	font-size: 11px;
	color: #c8c8c8;
}
.link-comentarios {
	float: right;
	text-transform: uppercase;
	font-size: 11px;
	color: #c8c8c8;
}
.link-comentarios a {
	color: #c8c8c8;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.link-comentarios a:hover {
	color: #353535;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.comentarios-numero, .comentarios-numero a {
	color: #353535;
	font-size: 12px;
}
.etiquetas {
	font-style: italic;
	color: #353535;
	letter-spacing: 1px;
	font-size: 11px;
	float: left;
}
.etiquetas a {
	color: #c8c8c8;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.etiquetas a:hover {
	color: #353535;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.compartir {float: right;}
.compartir a {
	font-size: 15px;
	color: #353535;
	margin-left: 8px;
}
.relacionadas {
	margin-bottom: 75px;
	height: 100%;
	overflow: hidden;
	position: relative;
	margin-top: 75px;
}
.relacionadas h3 {margin-bottom: 35px;}
.relacionadas li {
	width: 31%;
	display: inline-block;
	vertical-align: top;
}
.relacionadas li:nth-child(even) {
	margin-left: 1%;
	margin-right: 1%;
}
@media screen and (max-width: 960px) {.relacionadas h2 {padding-top: 15%;}}
@media screen and (max-width: 500px) {
	.relacionadas li {
		display: list-item;
		width: 100%;
		margin: 0px;
		margin-bottom: 35px;
	}
	.relacionadas h2 {padding-top: 25%;}
}
.relacionadas .subcategory {text-align: center;}
.relacionadas h2 {
	width: 90%;
	margin: 0 auto;
	padding-top: 25%;
	font-family: 'Lato';
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
	margin-bottom: 5px;
}
.relacionadas .fecha {float: none; color: #fff;}
.entry-content img, .comment-wrapper img {
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
img.pinit-hover {
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.wp-biographia-text h3 {
	font-family: 'Karla', sans-serif;
 	text-transform: uppercase;
  	font-size: 13px;
  	color: #353535;
  	font-weight: 700;
	margin-bottom: 0px !important;
}
.wp-biographia-text h3 a, .wp-biographia-text a {color: #353535;}
.wp-biographia-pic {
	border: none !important;
	padding: 0px !important;
	background: #f8f8f8 !important;
	width: 22% !important;
	max-height: 150px !important;
	margin: 0px !important
}
.wp-biographia-pic img {width: 150px !important;}
.bio {
	color: #acacac;
	margin-bottom: 10px;
	font-size: 13px;
}
.wp-biographia-text {
	color: #acacac;
  font-weight: 400 !important;
  width: 75%;
  float: right !important;
  margin: 0px !important;
}
.wp-biographia-text h3 {
	background: none !important;
	padding-left: 0px !important;
}
.wp-biographia-text h3:before {
	content:"▸";
	margin-right: 5px;
	color: #353535 !important;
}
ul.wp-biographia-list-text li, ul.wp-biographia-list-icon li {margin-right: 13px !important; margin-top: 13px !important;}

/* Encabezados, citas, recuadros, carrusel, galerías... */

.entry-content blockquote {
	margin-left: 5%;
	padding: 3%;
	border-left: 5px solid #ececec;
	margin-bottom: 25px;
	font-family: 'Karla', sans-serif;
	font-size: 15px;
	font-weight: 700;
	font-style: italic;
}
.entry-content blockquote p {margin-bottom: 0px;}
.content-block { 
    border:1px solid #353535; 
    padding: 3%;
	padding-bottom: 0px;
    width: 94%;
	margin-bottom: 25px;
	font-size: 12px;
  	letter-spacing: 1px;
  	font-weight: 700;
	text-transform: uppercase;
}
.place-block { 
    background-color: #f8f8f8;
	background: #f8f8f8 url(http://transitoinicial.com/wp-content/themes/transitoinicial/img/localizador.png) 3% 50% no-repeat;
	text-align: left;
	font-style: italic;
    padding: 3%;
	padding-left: 10%;
    width: 87%;
	margin-bottom: 25px;
	color: #acacac;
  	font-weight: 300;
	font-size: 13px;
	margin-top: 35px;
}
.place-block p {margin-bottom: 10px;}
.entry-content h1 {
	  font-family: 'Karla', sans-serif;
  font-size: 20px;
  letter-spacing: 1px;
  color: #353535;
  text-transform: uppercase;
	margin-bottom: 15px;
}
.entry-content h2 {
	text-transform: uppercase;
  	font-family: 'Karla', sans-serif;
  	font-size: 15px;
  	letter-spacing: 2px;
	margin-bottom: 15px;
	border-bottom: 1px solid #c8c8c8;
}
.entry-content h3 {
	text-transform: uppercase;
  	font-family: 'Karla', sans-serif;
  	font-size: 15px;
	color: #c8c8c8;
	margin-bottom: 15px;
	background: url(http://transitoinicial.com/wp-content/themes/transitoinicial/img/arrow-right.png) no-repeat left center;
	padding-left: 12px;
}
.entry-content h4 {
	font-family: 'Karla', sans-serif;
	font-size: 15px;
	margin-bottom: 15px;
}
.entry-content h4:before {
	content: "▸";
	margin-right: 5px;
}
.entry-content h5 {
	font-family: 'Karla', sans-serif;
	font-size: 15px;
	margin-bottom: 15px;
	color: #c8c8c8;
}
.entry-content h5:before {
	content: "▸";
	margin-right: 5px;
	color: #353535;
}
.entry-content h6 {
	font-family: 'Karla', sans-serif;
	font-size: 12px;
	margin-bottom: 15px;
	color: #353535;
}
.entry-content .slideshow_container, .carrusel-publicidad .slideshow_container {
	width: 94% !important;
  	height: auto;
  	background-color: #f8f8f8;
  	padding: 3% !important;
}
.entry-content .slideshow_description_box, .carrusel-publicidad .slideshow_description_box {
	top: 0px !important;
	cursor: pointer;
	filter: alpha(opacity = 0) !important;
  	opacity: 0 !important;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.entry-content .slideshow_description_box:hover, .carrusel-publicidad .slideshow_description_box:hover {
	filter: alpha(opacity = 70) !important;
  	opacity: 0.7 !important;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.entry-content .slideshow_title, .carrusel-publicidad .slideshow_title {
	margin-top: 35%;
	text-transform: none !important;
	font-size: 12px !important;
}
.entry-content .comprar {padding: 0px !important;}


/* @media screen and (max-width: 1130px) {{.wp-biographia-text {width: auto;}} */

@media screen and (max-width: 960px) {
	.entry-content .slideshow_title, .carrusel-publicidad .slideshow_title {font-size: 13px !important;}
}
@media screen and (max-width: 600px) {
	.entry-content .slideshow_title, .carrusel-publicidad .slideshow_title {font-size: 11px !important; margin-top: 25%;}
	.carrusel-publicidad .slideshow_container .slideshow_button.slideshow_next, .carrusel-publicidad .slideshow_container .slideshow_button.slideshow_previous {top: 35% !important;}
	.wp-biographia-pic , .wp-biographia-text {
		width: auto !important;
		float: none !important;
		clear: both !important;
		text-align: center !important;
	}
	.wp-biographia-pic img {margin-left: -122px !Important;}
}
@media screen and (max-width: 480px) {
	.entry-content .slideshow_title, .carrusel-publicidad .slideshow_title {
		margin-top: 10%;
	}
}
/* .entry-content .slideshow_description, .carrusel-publicidad .slideshow_description {
	border: 1px solid #fff;
	width: 80px;
	margin: 0 auto;
	font-size: 10px !important;
	letter-spacing: 1px !important;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.entry-content .slideshow_description:hover, .carrusel-publicidad .slideshow_description:hover {
	background: #fff !important;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.entry-content .slideshow_description:hover a, .carrusel-publicidad .slideshow_description:hover a {color: #353535 !important;} */

.entry-content .comprar, .carrusel-publicidad .comprar {}
.entry-content .shop-name, .carrusel-publicidad .shop-name {}
.page-id-144 .slideshow_container {height: 90px !important;}

.slideshow_container_style-light .slideshow_description_box div.slideshow_description {text-transform: uppercase;}

.carrusel-publicidad {margin-bottom: 40px; margin-top: -25px;}
.carrusel-publicidad h3 {margin-bottom: 0px; word-spacing: 10px;}
/* .carrusel-publicidad .slideshow_container {background: #fff !important;} */
.carrusel-publicidad .slideshow_description {padding: 3% 0 !important;}


.entry-content ul, .entry-content ol {margin-bottom: 25px;}
.entry-content ul li {margin-bottom: 10px;}
.entry-content ul li:before {
	content: "▸";
    margin-right: 5px;
    color: #353535;
}
.post-footer ul li:before {display: none !important;}
.entry-content ol {
	counter-reset:li; 
	margin-left:0; 
	padding-left:0
}
.entry-content ol li {
	position:relative;     
	margin:0 0 13px 2em !important; 
	padding:4px 8px !important; 
	list-style:none; 
	*list-style:decimal; 
	font-family: 'Karla', sans-serif;
	font-size: 14px;
}
.entry-content ol li:before{
	content: counter(li);
	counter-increment: li;
	position: absolute;
	top: 0;
	left: -3em;
	width: 25px;
	height: 25px;
	margin-right: 10px;
	padding: 0 4px 4px 3px !important;
	color: #fff;
	font-size: 12px;
	background: #353535;
	text-align: center;
}
.pn_fancybox img {
	width: 32% !important;
	padding-left: 0.5% !important;
	padding-right: 0.5% !important;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.pn_fancybox img:hover {
	opacity: 0.6;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
#fancybox-overlay {
	/* z-index: 100000000000 !important; */
	background-color: rgba(256, 256, 256, 0.7) !important;
	opacity: 1 !important;
}
#fancybox-outer, .fancybox-outer {
	background-color: #fff !important;
  padding: 30px !important;
  width: 100% !important;
}
.fancybox-bg {background: none !important;}
#fancybox-close {
	top: 0 !important;
	right: 0 !important;
	background: url(http://transitoinicial.com/wp-content/themes/transitoinicial/img/fancybox-close.png) no-repeat  !important;
	z-index: 10000000000000000000 !important;
}
#fancybox-left-ico {
	left: 10px !important;
	background: url(http://transitoinicial.com/wp-content/themes/transitoinicial/img/fancybox-left.png) no-repeat  !important;
	height: 35px !important;
	width: 11px !important;
}
#fancybox-right-ico {
	right: 10px !important;
	left: auto !important;
	background: url(http://transitoinicial.com/wp-content/themes/transitoinicial/img/fancybox-right.png) no-repeat  !important;
	height: 35px !important;
	width: 11px !important;
}



@media screen and (max-width: 800px) {
	.post-footer {padding-bottom: 20px;}
	.single-post .post-footer {padding-bottom: 0px;}
}
@media screen and (max-width: 560px) {
	.fecha, .link-comentarios, .etiquetas, .compartir {
		width: 100%;
		float: none;
		text-align: center;
	}
}

/* Comentarios */

h3#comments {
	 text-align: center;
    font-family: Lato;
    font-size: 15px;
    color: #353535;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
}
ol.commentlist {
	list-style: none;
	padding-top: 5%;
}
article.comment {
	background: #f8f8f8;
	padding: 3%;
	margin-bottom: 25px;
	clear: both;
}
.comment-header {margin-bottom: 30px;}
.fecha-comentario {
	font-weight: normal !important;
	color: #c8c8c8;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 1px;
}
.autor-comentario:after {
	content: "/";
	margin-left: 7px;
	margin-right: 7px;
	color: #c8c8c8;
	font-weight: normal !important;
}
.autor-comentario {
	font-family: 'Karla', sans-serif;
	text-transform: uppercase;
	font-size: 13px;
	color: #353535;
	font-weight: 700;
	font-style: normal !important;
	margin-left: 10px;
}
.autor-comentario a {color: #353535;}
.comment-content {
	color: #acacac;
	line-height: 28px;
	font-weight: 300;
	text-align: justify;
	font-size: 13px;
}
.comment-content p {margin-bottom: 25px;}
.reply {
	margin-top: 15px;
	text-align: right;
	color: #c8c8c8;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 1px;
}
.reply a {color: #c8c8c8;}
.children {
	width: 80%;
	float: right;
	clear: both;
}
.login {
	margin-bottom: 15px;
	color: #c8c8c8;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 1px;
}
.login a {color: #353535;}
.login a:hover {text-decoration: underline;}
#respond {
	padding: 5%;
	padding-top: 0px;
	clear: both;
}
#respond input, #respond textarea {
	border: 1px solid #ccc;
	padding: 2%;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #353535;
}
#respond textarea {
	width: 96%;
	height: 120px;
	margin-top: 10px;
}
#respond input#submit, .wpcf7 input.wpcf7-submit {
	background: #353535;
	width: 100%;
	color: #fff;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 2px;
	padding: 1.5% 2%;
	margin-top: 15px;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
	border: 1px solid #353535;
}
#respond input#submit:hover, .wpcf7 input.wpcf7-submit:hover {
	background: #fff;
	border: 1px solid #353535;
	color: #353535;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.form-field-autor {
	width: 47%;
	float: left;
}
.form-field-web {
	width: 47%;
	float: right;
}
#commentform label, .wpcf7 label {
	margin-bottom: 10px;
	text-transform: uppercase;
	font-family: 'Karla', sans-serif;
  	text-transform: uppercase;
  	font-size: 13px;
  	color: #353535;
  	font-weight: 700;
}
#commentform input {
	margin-bottom: 20px;
	margin-top: 10px;
	width: 96%;
	border: 1px solid #ccc;
}

@media screen and (max-width: 680px) {
	
.form-field-autor, .form-field-web {
	width: 100%;
	float: none;
}
}


/* SIDEBAR -------------------------------------------------------------- */

.widget {margin-bottom: 30px;}
.widget-title {
	text-align: center;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 3px;
	letter-spacing: 5px;
	border-bottom: 1px solid #353535;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.textwidget {
	line-height: 28px;
	text-align: justify;
	font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 13px;
  color: #353535;
}
.Hot_random_image .widget-title {display: none;}
.image-description {
	background: #fff;
	text-align: center;
	margin-top: -2px;
	padding-bottom: 15px;
}
.image-description h2 {
	text-transform: uppercase;
	font-family: 'Karla', sans-serif;
	font-size: 16px;
	letter-spacing: 5px;
	padding-top: 15px;
	padding-bottom: 3px;
}
.image-description a {
	color: #c8c8c8;
  font-size: 10px;
	letter-spacing: 1px;
  	font-weight: bold;
  	-webkit-transition: all 0.4s linear;
  	-moz-transition: all 0.4s linear;
  	transition: all 0.4s linear;
}
.image-description a:hover {
	color: #353535;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.image-description a:after {
	content:"▸";
	color: #353535;
	font-style: normal;
	font-size: 14px;
}
.Hot_random_image img {
	opacity: 1;
    filter: alpha(opacity=100);
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.Hot_random_image img:hover {
	opacity: 0.7;
    filter: alpha(opacity=70);
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.collapsible-widget h2 {
	background: transparent !important;
	border-radius: 0px !important;
	border: 1px solid #ccc !important;
	padding-left: 0px !important;
	line-height: 35px;
	text-align: center;
	font-size: 11px !important;
	letter-spacing: 3px !important;
	text-transform: uppercase;
	color: #353535;
	outline: none;
	margin-bottom: 15px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.collapsible-widget h2:hover {
	background: #353535!important;
	border: 1px solid #353535 !important;
	color: #fff;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.collapsible-widget h2 a {color: #353535 !important;}
.collapsible-widget h2:hover a {color: #fff !important;}
.collapsible-widget h2 a:after {
	content: "▾";
	font-size: 14px !important;
	float: right !important;
	margin-right: 35px !important;
	margin-left: -35px !important;
}
.ui-accordion .ui-accordion-header {
	padding-left: 22px !important;
	padding-right: 0px !important;
	margin-bottom: 15px !important;
}
.ui-accordion-header-icon {display: none !important;}
.collapsible-item {
	background: transparent !important;
	border: none !important;
	padding: 0px !important;
	margin-bottom: 20px !important;
}
.collapsible-item ul {
	text-align: center;
	text-transform: uppercase;
	font-size: 11px;
	color: #353535;
}
.collapsible-item ul li {line-height: 20px !important;}
.collapsible-item ul li a {
	color: #c8c8c8 !important;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;

}
.collapsible-item ul li a:hover {
	color: #353535 !important;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

.collapsible-widget-container .textwidget {text-align: left;}
.buscador {
	border: 1px solid #353535;
	padding: 2%;
	overflow: hidden;
}
.buscador #search {
	background: transparent;
	text-transform: uppercase;
  	color: #353535;
  	font-size: 11px;
	float: left;
	border: none;
	line-height: 18px;
	width: 90%;
}
.buscador #submit-search {
	float: right;
	border: none;
	background: none;
	font-size: 15px;
	color: #353535;
	cursor: pointer;
	vertical-align: middle;
}
#text-3 .widget-title {display: none;}
#text-3 {
	background: #353535;
	color: #fff;
	padding: 7%;
}
#text-3 .textwidget {text-align: center;}
#text-3 input {
	border: none;
	background: #fff;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #353535;
	width: 70%;
	padding: 1%;
}
#mc-embedded-subscribe {display: none;}
#sidebar .slideshow_container {
	width: 92%;
  	height: auto;
  	background-color: #fff;
  	padding: 7.5%;
}
#sidebar .slideshow_description_box {
	top: 0px !important;
	cursor: pointer;
	filter: alpha(opacity = 0) !important;
  	opacity: 0 !important;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
#sidebar .slideshow_description_box:hover {
	filter: alpha(opacity = 70) !important;
  	opacity: 0.7 !important;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.product-name {
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
  	font-size: 14px;
  	letter-spacing: 2px;
	margin-bottom: 5px;
}
.slideshow_container_style-light .slideshow_button {
	background: url(http://transitoinicial.com/wp-content/themes/transitoinicial/img/slide-arrows.png) no-repeat !important;
	filter: alpha(opacity = 100) !important;
  	opacity: 1 !important;
	outline: none !important;
	margin-top: 0px !important;
	top: 45% !important;
}
.slideshow_container .slideshow_button.slideshow_next {background-position: right !important;}
.comprar {
	border: 1px solid #fff;
	width: 80px;
	padding: 3% 0 !important;
	margin-top: 10px !important;
	margin: 0 auto;
	font-size: 10px !important;
	letter-spacing: 1px !important;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
	text-transform: uppercase;
}
.comprar:hover {
	background: #fff !important;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
	color: #353535 !important;
}
#sidebar .slideshow_title {
	text-transform: none !important;
	font-size: 12px !important;
	margin-top: 50% !important;
	margin-bottom: 5px !important;
}
.ui-accordion .ui-accordion-content {height: auto !important;}
.cat-item .children {display: none; float: none !important; margin: 0 auto !important;}
.cat-item:hover .children {display: block;}
.cat-item, .baw-year {margin-bottom: 5px;}
.cat-item .children li, .baw-year li {margin-bottom: 0px; text-transform: none;}

/* CATEGORÍAS -------------------------------------------------------------- */


ul li.subcategory-container {
	display: inline-block;
	width: 32%;
	margin-bottom: 35px;
	margin-left: 0.5%;
	margin-right: 0.5%;
}
ul li.subcategory-container h3 {
	background: #fff;
	line-height: 35px;
	text-transform: uppercase;
	font-family: 'Karla', sans-serif;
  	font-size: 16px;
  	letter-spacing: 0px;
	color: #353535;
	margin-top: -2px;
	text-align: center;
}
ul li.subcategory-container h3 a {
	color: #353535;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
ul li.subcategory-container h3 a:hover {
	color: #c8c8c8;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.cat-desc {display: none;}


ul li.subcategory-container .subcategory {
	position: relative;
	top: 0;
	overflow: hidden;
	width: 100%;
	max-height: 600px;
	
}
.subcategory-wrapper:hover {background: #000;}
.subcategory-wrapper img {
	max-width: 100%;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.subcategory-wrapper {
	position: relative;
  	height: 100%;
  	overflow: hidden;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
} 
.subcategoryTitle {
	width: 100%;
	height: 100%;
	text-align: center;
	display: none;
	color: #FFF;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	position: absolute;
	top: 0;
}
.subcategory-link {color: #fff;}
.subcategory-wrapper:hover .subcategoryTitle {
	display: block;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.subcategoryTitle .num-post {
padding: 10px 0 10px 0;
  margin: 22% 10% 0% 10%;
  text-transform: uppercase;
  font-family: 'Karla', sans-serif;
  font-size: 16px;
  letter-spacing: 2px;
  background: url(http://transitoinicial.com/wp-content/themes/transitoinicial/img/clip.png) top no-repeat;
  padding-top: 25px;
}
.subcategoryTitle img {opacity: 1 !important;}
.subcategoryTitle:hover{
	opacity: 1; 
	
}
.subcategory-todo {
	border: 1px solid #fff;
  	width: 80px;
	padding: 3% 0 !important;
	margin-top: 10px !important;
	margin: 0 auto;
	font-size: 10px !important;
	letter-spacing: 1px !important;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
	text-transform: uppercase;
}
.subcategory-todo a {color: #fff;}
.subcategory-todo:hover {
	background: #fff !important;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
	opacity: 0.9 !important;
}
.subcategory-todo:hover a {color: #353535 !important;}
.subcategory-wrapper img {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.subcategory-wrapper:hover img {
	opacity: 0.5;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}


@media screen and (max-width: 800px) {
	ul li.subcategory-container {width: 48%;}
	ul li.subcategory-container:nth-child(even) {margin-left: 3%; margin-right: 0%;}
}
@media screen and (max-width: 560px) {
	ul li.subcategory-container {width: 100%;}
	ul li.subcategory-container:nth-child(even) {margin-left: 0px;}
}

/* Subcategorías */
.category ul.archive-category li {
	width: 31%;
	float: left;
	margin-left: 1%;
  	margin-right: 1%;
}
.category ul.archive-category li:nth-child(1), .category ul.archive-category li:nth-child(4),
.category ul.archive-category li:nth-child(7), .category ul.archive-category li:nth-child(10),
.category ul.archive-category li:nth-child(13), .category ul.archive-category li:nth-child(16),
.category ul.archive-category li:nth-child(19), .category ul.archive-category li:nth-child(22),
.category ul.archive-category li:nth-child(25), .category ul.archive-category li:nth-child(28) {clear: left;}



.category ul.archive-category li h1 {font-size: 18px;}

.category ul.archive-category li .post-footer {padding-bottom: 15px;}
.post-summary {
	text-align: justify;
	margin-bottom: 25px;
	margin-top: 5px;
}
.category ul.archive-category li img, .post .attachment-portada-post {
	filter: alpha(opacity = 100) !important;
  	opacity: 1 !important;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.category ul.archive-category li:hover img, .post:hover .attachment-portada-post {
	filter: alpha(opacity = 70) !important;
  	opacity: 0.7 !important;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.single-post .post:hover .attachment-portada-post {
	filter: alpha(opacity = 100) !important;
  	opacity: 1 !important;
}

@media screen and (max-width: 960px) {
	.category ul.archive-category li {width: 48%;}
	.category ul.archive-category li:nth-child(odd) {clear: left;}
	.category ul.archive-category li:nth-child(even) {margin: 0px; float: right; clear: none;}
}
@media screen and (max-width: 640px) {
	.category ul.archive-category li {width: 100%; float: none; clear: both}
}

/* PORTFOLIO -------------------------------------------------------------- */

.post-type-archive-portfolio, .tax-portfolio_categories, .single-portfolio {
	border-top: 0px;
	/* background: #fff; */
}
.post-type-archive-portfolio .site-header, .tax-portfolio_categories .site-header, .single-portfolio .site-header,
.post-type-archive-portfolio .instagram , .tax-portfolio_categories .instagram , .single-portfolio .instagram,
.post-type-archive-portfolio .mobile-header , .tax-portfolio_categories .mobile-header , .single-portfolio .mobile-header  {display: none;}


.post-type-archive-portfolio #site-footer, .tax-portfolio_categories #site-footer, .single-portfolio #site-footer {
	position:fixed;
   	left:0px;
   	bottom:0px;
}
.post-type-archive-portfolio #wrapper, .tax-portfolio_categories #wrapper, .single-portfolio #wrapper {width: auto;}
.post-type-archive-portfolio #main, .tax-portfolio_categories #main, .single-portfolio #main {
	margin-left: 280px;
	padding: 30px;
	padding-top: 60px;
	width: calc(100% - 340px)
}
.post-type-archive-portfolio #sidebar, .tax-portfolio_categories #sidebar, .single-portfolio #sidebar {
	float: left;
	height: 100%;
  	width: 220px;
  	padding: 30px;
	padding-top: 60px;
  	overflow: auto;
  	position: fixed;
  	top: 0;
  	left: 0;
}

.post-type-archive-portfolio #sidebar .collapsible-widget h2,
.tax-portfolio_categories #sidebar .collapsible-widget h2,
.single-portfolio #sidebar .collapsible-widget h2 {
	padding: 0px !important;
	border: none !important;
	text-align: left !important;
	background: transparent !important;
	color: #c8c8c8 !important;
	letter-spacing: 0px !important;
	font-family: 'Karla', sans-serif !important;
 	font-size: 13px !important;
	line-height: 13px !important;
	margin-top: 0px !important;
	margin-bottom: 10px !important;
}
.post-type-archive-portfolio #sidebar .collapsible-widget h2 a,
.tax-portfolio_categories #sidebar .collapsible-widget h2 a,
.single-portfolio #sidebar .collapsible-widget h2 a {
	color: #c8c8c8 !important;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.post-type-archive-portfolio #sidebar .collapsible-widget h2 a:hover,
.tax-portfolio_categories #sidebar .collapsible-widget h2 a:hover,
.single-portfolio #sidebar .collapsible-widget h2 a:hover {
	color: #353535 !important;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.post-type-archive-portfolio #sidebar .collapsible-widget h2 a:after,
.tax-portfolio_categories #sidebar .collapsible-widget h2 a:after,
.single-portfolio #sidebar .collapsible-widget h2 a:after {
	content: none !important;
}
.collapsible-widget {margin-left: 5px;}
#nav_menu-2 {margin-bottom: 20px;}

.archive-portfolio li {
	width: 30%;
	margin-left: 1.5%;
	margin-right: 1.5%;
	display: inline-block;
	margin-bottom: 3%;
}

.single-portfolio .entry-content {padding: 0px;}

/* .slideshow-wrapper {
	width: 100%;
    height: auto;
    overflow: auto;
} */
.slideshow-wrapper ul {
	width:100%;
  	overflow-y:scroll;
	overflow: -moz-scrollbars-vertical; 
  	white-space: nowrap;
  	line-height: 0;
  	font-size: 0;
	padding-bottom: 8px;
	background: #fff;
	margin-bottom: 25px;
}
.slideshow-wrapper ul > li {
   	display:inline;
	height:100%;
	margin-right: 10px;
	margin-left: 0px;
}
.slideshow-wrapper ul > li img {
    max-height:100%;
  	width:auto;
	/* height: 667px; */
}
h1.archive-project-title {
	text-align: left;
	color: #c8c8c8;
  	font-size: 12px;
  	font-weight: 300;
	margin-top: 10px;
}
h1.archive-project-title a {
	color: #353535;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
h1.archive-project-title a:hover {
	color: #c8c8c8;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
h1.archive-project-title a:after {
	content:"▸";
	margin-left: 10px;
	color: #353535;
	font-style: normal;
	font-size: 13px;
}

h1.project-title, h1.archive-title {
	text-transform: uppercase;
 	font-family: 'Karla', sans-serif;
  	font-size: 16px;
  	letter-spacing: 5px;
	text-align: left;
	margin-bottom: 5px;
}
h1.archive-title {
	margin-bottom: 30px;
	margin-left: 1.5%;
}
h1.archive-title:before {
	content: "/";
}
.more-projects {
	margin-bottom: 25px;
	line-height: 19px;
}
.more-projects a {
	color: #c8c8c8;
  	text-transform: uppercase;
  	font-size: 10px;
	letter-spacing: 1px;
  	font-weight: bold;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.more-projects a:hover {
	color: #353535;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.more-projects a:before {
	content:"◂";
	margin-right: 2px;
	color: #353535;
	font-style: normal;
	font-size: 16px;
	vertical-align: bottom;
}

.post-type-archive-portfolio img, .tax-portfolio_categories img {
	filter: alpha(opacity = 100) !important;
  	opacity: 1 !important;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.post-type-archive-portfolio img:hover, .tax-portfolio_categories img:hover {
	filter: alpha(opacity = 70) !important;
  	opacity: 0.7 !important;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
}



/* Menú portfolio */

#widget_sp_image-5 .widget_sp_image-description {
	text-align: center;
	text-transform: uppercase;
	color: #c8c8c8;
	font-size: 10px;
	letter-spacing: 3px;
	margin-top: 3px;
}

ul#menu-menu-portfolio {
	font-family: 'Karla', sans-serif;
  	font-size: 13px;
  	color: #353535;
	text-transform: uppercase;
}
ul#menu-menu-portfolio li {margin-bottom: 10px;}
ul#menu-menu-portfolio li:before {
	content:"/";
	color: #c8c8c8;
	margin-right: 5px;
}
ul#menu-menu-portfolio a {
	color: #353535;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
ul#menu-menu-portfolio a:hover {
	color: #c8c8c8;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

/* ul#menu-menu-portfolio li.portfolio-blog a {
	border-top: 1px solid #353535;
	padding-top: 15px;
	margin-top: 15px;
} */
#text-6 {
	margin-left: 5px;
	text-transform: uppercase;
	letter-spacing: 0px !important;
  font-family: 'Karla', sans-serif !important;
  font-size: 13px !important;
  line-height: 13px !important;
}
#text-6 a {
	color: #c8c8c8;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
	letter-spacing: 0px !important;
  font-family: 'Karla', sans-serif !important;
  font-size: 13px !important;
  line-height: 13px !important;
}
#text-6 a:hover {
	color: #353535;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
#collapsible-widget-3 {margin-bottom: -10px !important;}


/* Fancybox */

.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}
.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}
.fancybox-skin {
	position: relative;
	text-shadow: none;
}
.fancybox-opened {z-index: 8030;}
.fancybox-outer, .fancybox-inner {position: relative;}
.fancybox-inner {overflow: hidden;}
.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch;}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}
.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}
/* #fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('fancybox_loading.gif') center center no-repeat;
} */
.fancybox-close {
	position: absolute;
	top: 15px;
	  right: -45px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	z-index: 8040;
	background: url(http://transitoinicial.com/wp-content/themes/transitoinicial/img/fancybox-close.png) no-repeat;
	z-index: 10000000000000000000 !important;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}
.fancybox-prev {
	left: 10px;
	background: url(http://transitoinicial.com/wp-content/themes/transitoinicial/img/fancybox-left.png) left center no-repeat;
}
.fancybox-next {
	right: 10px;
	background: url(http://transitoinicial.com/wp-content/themes/transitoinicial/img/fancybox-right.png) right center no-repeat;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}
.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}
.fancybox-lock body {overflow: hidden !important;}
.fancybox-lock-test {overflow-y: hidden !important;}
.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background-color: rgba(256, 256, 256, 0.7);
}
.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}
.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}
.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

@media screen and (max-width: 1130px) {
	
	.archive-portfolio li {width: 46%;}
	.post-type-archive-portfolio #wrapper, .tax-portfolio_categories #wrapper, .single-portfolio #wrapper {width: 90%; margin-top: 5%;}
	.slideshow-wrapper ul {background: none;}
	.slideshow-wrapper ul > li {display: list-item; margin-bottom: 20px; margin-left: 0px; margin-right: 0px;}
}
@media screen and (max-width: 860px) {
	.archive-portfolio li {width: 30%;}
	.post-type-archive-portfolio #sidebar, .tax-portfolio_categories #sidebar, .single-portfolio #sidebar {float: none; width: 100%; position: relative; padding: 0px;}
	.post-type-archive-portfolio #main, .tax-portfolio_categories #main, .single-portfolio #main {float: none; width: 100%; margin-left: 0px; padding: 0px;}
	#widget_sp_image-5, .slideshow-wrapper ul {text-align: center;}
	#widget_sp_image-5 {width: 70%; margin: 0 auto;}
	
	.menu-menu-portfolio-container {margin-top: 35px;}
	.menu-menu-portfolio-container ul {text-align: center;}
	.menu-menu-portfolio-container ul li {display: inline-block; margin-left: 5px; margin-right: 5px;}
	.menu-menu-portfolio-container ul li:before {display: none;}
	.portfolio-blog {display: block;}
	#collapsible-widget-3, #text-6 {display: none;}
}
.portfolio-blog {display: none;}

@media screen and (max-width: 800px) {
	.post-type-archive-portfolio #wrapper, .tax-portfolio_categories #wrapper, .single-portfolio #wrapper {width: 80%; margin-bottom: 100px; margin-top: 10%;}
	.archive-portfolio li {width: 46%;}
}
@media screen and (max-width: 560px) {
	.archive-portfolio li {width: 100%; margin-left: 0px; margin-right: 0px; margin-bottom: 35px;}
}

/* PÁGINAS ESTÁTICAS -------------------------------------------------------------- */

.block-left {
	width: 46%;
	float: left;
	margin-bottom: 20px;
}
.block-right {
	width: 46%;
	float: right;
	margin-bottom: 20px;
}
@media screen and (max-width: 960px) {
	.block-left, .block-right {
		float: none;
		width: 100%;
		margin-bottom: 35px;}
	.page .entry-content {padding: 5% !important;}
}
.page .entry-content {
	padding: 3%;
	margin-bottom: 50px;
	overflow: hidden;
	position: relative;
	height: 100%;
}
.wpcf7 input, .wpcf7 textarea {
	padding: 2%;
	font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #353535;
	width: 96%;
	border: 1px solid #ccc;
}
.wpcf7 textarea {height: 100px;}

.page-id-144 .slideshow_container {background: #fff;}
.page-id-144 .slideshow_button {margin-top: -10px !important;}

/* OTROS -------------------------------------------------------------- */

/* Pagination */

.single-navigation {
	padding-bottom: 100px;
	margin-top: 35px;
}
.nav-left {float: left;}
.nav-right {float: right; margin-right: 3.5%;}
.nav-left, .nav-right {color: #353535;}
.nav-left a, .nav-right a {
	color: #353535;
	border: 1px solid #ccc;
	padding: 10% 20%;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.nav-left a:hover, .nav-right a:hover {
	background: #353535 !important;
	color: #fff !important;
	border: 1px solid #353535 !important;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.bottom-navigation {
	clear: both;
	padding-bottom: 75px;
}


/* Botón UP */

#IrArriba {
	position: fixed;
	bottom: 30px;
	right: 20px;
}
#IrArriba span {
	width: 41px;
	height: 41px;
	display: block;
	background: url(http://transitoinicial.com/wp-content/themes/transitoinicial/img/up.png) no-repeat center center;
}